/* ---------------------------------------------------

Site: 			MTS Allstream Cindy Klassen Support Website
Style Sheet: 	style.css
Author: 		Bob Duncan, bob.duncan@mtsallstream.com
Version:		1.0a
Version Date:	June 30, 2010
Modified by: 		Randy Fyfe, randy.fyfe@mtsallstream.com
	
Contents:
1.) Typography
2.) Links
3.) Nav
4.) Layout
	
--------------------------------------------------- */

@import url("reset.css");
@import url("fixes.css");

/* ---- 1.) Typography ---- */
h1 { margin-bottom: 41px; width: 399px; height: 91px; position: relative; top: 100px; left: 331px; }
h1 span { background: url(../img/cindyKlassen-trans.png) top center no-repeat; width: 100%; height: 100%; position: absolute; }
h1 a { text-decoration: none; font-size: 0; line-height: 0; color: #ebf5ff; width: 399px; height: 91px; display: block; cursor: pointer; }

body#news h3, p.news { padding-left: 80px; }
body#news h3.no_space { padding-left: 0; }
th, td { padding: 5px; font-size: .85em; }

/* ---- 2.) Links ---- */
a:link { text-decoration: none; color: #1d4199; }
a:hover { text-decoration: underline; }

div#content_middle li h3 a { text-decoration: none; text-indent: -9999px; width: 202px; height: 59px; display: block; }
/*
Link Checking software determined that the two background files here can not be found. These style rules do not seem to be used
I (Randy) have commented the following two style rules to prevent link checekr errors, but keep them incase these rules are needed
div#content_middle li#photos_button h3 { background: url(../images/photos_over.gif) top left no-repeat; }
div#content_middle li#photos_button h3 a { background: url(../images/photos_off.gif) top left no-repeat; } */

div#sidebar li a { text-decoration: none; text-indent: -9999px; width: 312px; display: block; }
div#sidebar li#youtube a { background: url(../img/sidebar/youTube_off.png) top left no-repeat; height: 52px; }
div#sidebar li#youtube, div#sidebar li#youtube a:hover { background: url(../img/sidebar/youTube_on.png) top left no-repeat; }
div#sidebar li#wiki, div#sidebar li#wiki a:hover { background: url(../img/sidebar/wiki_on.png) top left no-repeat; }
div#sidebar li#wiki a { background: url(../img/sidebar/wiki_off.png) top left no-repeat; height: 66px; }
div#sidebar li#twitter, div#sidebar li#twitter a:hover, div#sidebar li#twitter_active a { background: url(../img/sidebar/twitter_on.png) top left no-repeat; height: 66px; }
div#sidebar li#twitter a { background: url(../img/sidebar/twitter_off.png) top left no-repeat; height: 55px; }


/* ---- 3.) Nav ---- */
ul#navigation { padding-left: 320px; background: url(../img/nav.png) top left repeat-x; width: 620px; height: 34px; }
ul#navigation li { width: 80px; height: 39px; float: left; list-style-type: none; }
ul#navigation a { text-decoration: none; text-indent: -9999px; width: 80px; height: 39px; display: block; }
ul#navigation li#news a { background: url(../img/nav/news_off.png) top left no-repeat; }
ul#navigation li#news_on a { background: url(../img/nav/news_on.png) top left no-repeat; }
ul#navigation li#news, ul#navigation li#news a:hover { background: url(../img/nav/news_over.png) top left no-repeat; }
ul#navigation li#video a { background: url(../img/nav/video_off.png) top left no-repeat; }
ul#navigation li#video_on a { margin-left: -2px; background: url(../img/nav/video_on.png) top left no-repeat; }
ul#navigation li#video, ul#navigation li#video a:hover { background: url(../img/nav/video_over.png) top left no-repeat; }
ul#navigation li#photos a { background: url(../img/nav/photos_off.png) top left no-repeat; }
ul#navigation li#photos_on a { margin-left: -3px; background: url(../img/nav/photos_on.png) top left no-repeat; }
ul#navigation li#photos, ul#navigation li#photos a:hover { background: url(../img/nav/photos_over.png) top left no-repeat; }
ul#navigation li#blog a { background: url(../img/nav/blog_off.png) top left no-repeat; }
ul#navigation li#blog_on a { margin-left: -2px; background: url(../img/nav/blog_on.png) top left no-repeat; }
ul#navigation li#blog, ul#navigation li#blog a:hover { background: url(../img/nav/blog_over.png) top left no-repeat; }
ul#navigation li#schedule a { background: url(../img/nav/schedule_off.png) top left no-repeat; }
ul#navigation li#schedule_on a { margin-left: -2px; background: url(../img/nav/schedule_on.png) top left no-repeat; }
ul#navigation li#schedule, ul#navigation li#schedule a:hover { background: url(../img/nav/schedule_over.png) top left no-repeat; }
ul#navigation li#biography a { background: url(../img/nav/biography_off.png) top left no-repeat; }
ul#navigation li#biography_on a { margin-left: -2px; background: url(../img/nav/biography_on.png) top left no-repeat; }
ul#navigation li#biography, ul#navigation li#biography a:hover { background: url(../img/nav/biography_over.png) top left no-repeat; }
ul#navigation li#questions a { background: url(../img/nav/questions_off.png) top left no-repeat; }
ul#navigation li#questions_on a { margin-left: -2px; background: url(../img/nav/questions_on.png) top left no-repeat; }
ul#navigation li#questions, ul#navigation li#questions a:hover { background: url(../img/nav/questions_over.png) top left no-repeat; }

/* ---- 4.) Layout ---- */
body { background: url(../img/header.jpg) top center no-repeat; font-family: arial, sans-serif; font-size: 1em; line-height: 1.5em; }

div#container { margin: 0 auto; width: 940px; }

img#cindyskating { display: block; position: absolute; }
div#header { padding-bottom: 85px; }
div#header img { padding-top: 49px; width: 148px; display: block; float: right; }

.showgrid { background: url(../img/grid.png); }

div#primary_content { padding-top: 30px; color: #1f2831; width: 540px; float: right; }

/* News */
body#news div#primary_content li { padding-bottom: 30px; }
p.date { margin-top: -31px; background: url(../img/cal.jpg) top left no-repeat; font-size: 1.2em; font-weight: bold; text-align: center; color: #1c4199; width: 51px; height: 51px; float: left; }
p.date span { margin-top: -4px; font-size: .50em; font-weight: normal; color: #fff; display: block; }
p.date span.year { padding-top: 2px; margin: 0; font-size: .60em; color: #1c4199; }
p.contact { line-height: .5em; }
body#news strong { font-weight: bold; }
p.return { text-align: right; }

/* Video */
body#video div#primary_content { padding: 60px 0 0 195px; width: auto; float: none; }

/* Photos */
div#main_image { width: 529px; height: 400px; }
div#main_image img { margin: 0 auto; width: auto; display: block; }
ul.gallery_demo_unstyled { padding-top: 15px; margin-left: 5px; width: 100%; }
/*ul.gallery_demo_unstyled li.first { clear: left; }*/
p.nav { margin: 0 auto; width: 135px; clear: both; }
div#sidebar { padding-top: 65px; width: 300px; }

/* Blog */
body#blog div#primary_content li { padding-bottom: 20px; border-bottom: 1px solid #ccc; margin-bottom: 20px; }
p#twitter-link { text-align: right; width: 100%; }

/* Schedule */
table { width: 100%; }
caption { margin-top: 20px; text-align: center; font-size: .75em; }
thead { background: #1f2831; }
tr.olympics td { padding-left: 15px; font-weight: bold; }
th { color: #fff; }
tr.alt td { background: #d6e8fe; }

/* Biography */
div#primary_content p { padding-bottom: 15px; }

/* Questions from Kids */
body#questionsfromkids div#primary_content li { padding-bottom: 20px; border-bottom: 1px solid #ccc; margin-bottom: 30px; }
body#questionsfromkids div#primary_content li.last { padding: 0; border: 0; margin: 0; }

div#footer { padding-top: 90px; border-bottom: 6px solid #0e3593; margin-bottom: 20px; font-size: .75em; background: url(../img/cindyKlassenFooter.png) bottom right no-repeat; height: 82px; clear: both; }
div#footer li { padding-right: 5px; border-right: 1px solid #0e3593; margin-right: 5px; display: inline; }
div#footer li.last { padding: 0; border: 0; margin: 0; }