/*
Site Template
------------------------------------ */
#wrapperSection {background: #F2EEE7 url(images/page_bg.gif) 0 0 repeat-x;width: 100%;padding: 22px 0 0 0;border-bottom: solid 1px #9B9892; /* prevent margin collapsing */ float:left;clear: both;}
#section {width: 968px;margin: 0 auto;padding: 0 11px 0;overflow: visible;background: #F2EEE7 url(images/page_edge.gif) center -22px no-repeat;}
#content {float: left;width: 940px;padding: 18px 14px;margin: 0;display: inline; /* IE 6 doubled-margins bug */ background: #FFF;}
#contentMain { width: 580px; margin-right: 20px; float: left; }
#contentExtra { width: 340px; float: left; }
#sectionHead {position: relative; background:#0D476D; background:#FFF; border-top: 5px solid #3475BC;height:160px; width:968px;padding: 0;margin: 0;}
#siteTitle a {display: block;position: absolute;top: 18px; left: 30px;background: url(images/chimes_logo.png) 0 0 no-repeat;height:15px;padding-top: 49px;width:388px; overflow:hidden; text-indent:-9999px; }
#subheader {position: absolute;top: 95px; left: 35px;color: #666;font: bold 1.1em/1 "Myriad Pro",Myriad,Helvetica,Arial,sans-serif;text-transform: uppercase;margin: 0;}
#subheader .date, #subheader .time {	padding-left: 15px;}
#subheader .date { color: #666; }
#weather, #user { float: right; }
#weather { margin: 0; font: 1.1em/26px "Helvetica Neue",Helvetica,Arial,sans-serif;	color: #FFF; height: 22px; line-height: 22px;-webkit-border-bottom-left-radius: 8px; -moz-border-radius: 0 0 0 8px; background-color: #3475BC; padding: 0 10px 0 45px; position: relative; }
#weather .conditions { color: #FFC; }
#weather img { position: absolute; margin-top: -5px; left: 10px; }
#navChimes {position: absolute;bottom: 0;left: 0;width: 100%;height: 36px;background: #02243D url(images/navchimes_bg.png) 0 100% repeat-x;border-top: 2px solid #3475BC; }
#navChimes ul {list-style: none;margin: 0;padding: 0;font-size: 1em;}
#navChimes li {float: left;margin: 0;}
#navChimes li a {display: block;text-transform: uppercase;font: 1.1em "Myriad Pro Bold","Myriad Pro",Myriad,Helvetica,Arial,sans-serif;line-height: 36px;color: #FFF;padding: 0 14px;}
#navChimes li a:hover, #navChimes li a:focus { background-color: #000; text-decoration: none; color: #39F; }
body.home #nav-home a, body.news #nav-news a, body.ae #nav-ae a, body.sports #nav-sports a, body.opinions #nav-opinions a, body.blogs #nav-blogs a, body.features #nav-features a, body.exclusives #nav-exclusives a, body.multimedia #nav-media a { background: #FFF url(images/selnavbg.png) 0 0 repeat-x; color: #02243D; font-weight: bold; margin-top: -2px; border-top: 2px solid #F90; }
#chimesSearch {	height: 36px;	overflow: hidden;	float: right;}
#chimesSearch .text { font-size: 1.2em; padding: 2px; margin-top: 5px;}
#chimesSearch input.submit, #search input.submit { border: 0; height: 22px; text-indent: -1000em; width: 56px; overflow: hidden; background: url(images/button-search.gif); margin-right: 10px; cursor: pointer; }

/*
Type
------------------------------------ */
body { font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; }
ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,caption,pre,p {font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;font-size: 1.4em;  color: #222;}

h1, h2, h3, h4, h5, h6 {font-family: "Myriad Pro",Myriad,Tahoma,Arial,Helvetica,sans-serif;margin: 0.5em 0;padding: 0 0;}

h1, h2 {font-weight: normal;}

h1 {font-size: 3em;line-height: 1.2em;background: transparent;letter-spacing: 0;height: auto;margin: 0;}
h2 {font-size: 2.2em;line-height: 1.4em;}
h3 {font-size: 1.6em;line-height: 1.2em;}
h4 {font-size: 1.4em;line-height: 1.3em;}
h5 {font-size: 1.4em;line-height: 1.3em;}
h6 {font-size: 1.4em;line-height: 1.3em;}
ul li, p { margin: 0.5em 0; }
blockquote { margin: 20px; padding-left: 20px; border-left: 2px solid #DDD; }
div.body blockquote p { font-family: Georgia,"Times New Roman",serif; }

textarea {font-family: Helvetica, Arial, sans-serif;font-size: 1.1em;}

a:link {color: #1C537F;text-decoration: none;}
a:visited {color: #333;text-decoration: none;}
a:hover {color: #C00;text-decoration: underline;}

ul p, ol p {font-size: 1em;}
label {font-family: Helvetica, Arial, sans-serif;padding: 0 11px 0 0;}
.amp { font-family: "Hoefler Text",Georgia,serif; font-size: 120%; }

/*
Other
------------------------------------ */
img {border: none;padding: 0;display: block;}
fieldset {border: none;}
table {border-collapse: collapse;}
th {text-align: left;}
td.date, th.date {text-align: center;}
.amp { font-family: "Hoefler Text",Georgia,"Times New Roman",serif; font-size: 120%; font-weight: normal; }
/* Shared elements */
#storyMain { width: 580px; }
#storyMain h2 { margin-bottom: 0; }
#storyMain .content { width: 220px; margin-left: 20px; }
#storyMain .content p.summary { font-size: 1.2em; }
.photo { float: left; }
.content { float: left; }
#storyMain .photo { width: 340px; }
#storyMain .caption p { color: #666; font-size: 1em; padding: 0 5px; }
a.gallery { padding: 2px 0 2px 22px; background: url(images/camera.gif) 0 0 no-repeat; }
a.video { padding: 2px 0 2px 22px; background: url(images/video.gif) 0 0 no-repeat; }
.content p.summary { font-size: 1.1em; line-height: 1.4; }
.meta { font-size: 1.1em; color: #666; font-style: italic; margin-top: 0; }
div.multimedia { margin-top: 10px; background: #444; -webkit-border-top-left-radius: 14px; -webkit-border-bottom-right-radius: 12px; -moz-border-radius: 14px 0 12px 0;  }
div.multimedia h2 { display: inline-block; font-weight: bold; font-size: 1.2em; margin: 0 0 0.5em 0; padding: 0 1.5em; text-transform: uppercase; background-color: #39F; color: #FFF; -moz-border-radius: 12px 0 8px 0; -webkit-border-top-left-radius: 12px; -webkit-border-bottom-right-radius: 8px; line-height: 2.4em; }
#bannerad { position: absolute; top: 93px; left: 50%; }
.ad .context, #bannerad .context { font: 9px Arial,sans-serif; text-transform: uppercase; letter-spacing: 0.5em; color: #999; text-align: center; }
#bannerad .context { color: #668BA3; margin-bottom: 2px; }
.ad img { margin: 2px auto; }
h3.related, h4.related { font-size: 1.1em; color: #900; text-transform: uppercase; font-weight: bold; margin-bottom: 0; }
ul.articles { list-style: none; margin-bottom: 1em; }
body.home ul.articles li { font-size: 0.857em; padding-left: 38px; position: relative; margin-bottom: 0.3em; }
ul.articles li .pubdate { font-size: 0.833em; color: #666; position: absolute; top: 0; left: 0; }
#poll li { position: relative; }
#poll li span { display: inline-block; z-index: 5; }
#poll li span.choice { font: 1.1em "Myriad Pro",Myriad,"Helvetica Neue",Arial,Helvetica,sans-serif; margin-top: 0.4em; }
#poll li span.votes { display: inline-block; color: #666; font-family: "Myriad Pro",Myriad,"Helvetica Neue",Arial,Helvetica,sans-serif; margin-left: 20px; }
#poll li span.value { display: block; height: 18px; }
#poll li span.percentage { display: inline-block; line-height: 16px; overflow: visible; font-size: 11px; padding: 0 2px; }
#poll li.even span.percentage { background-color: #9C3; color: #FFF; }
#poll li.odd span.percentage { background-color: #6CF; color: #FFF; }
#pollResults { margin: 0; padding: 0; }
#calendarlist { padding: 0; margin: 0; list-style: none; }

/* Article Lists */
ul.articles li { padding-left: 0px; clear: both; margin-bottom: 1.5em; padding-bottom: 0.8em; border-bottom: 1px dotted #DDD; }
ul.articles div.headline { font-size: 1.33em; }
ul.articles p.meta { font-size: 1em; font-style: normal; margin-top: 0.3em; }
ul.articles div.content { float: none; }
ul.articles div.photo { width: 160px; margin-right: 20px; }
ul.articles p.summary { font-size: 0.9em; }
ul.articles div.caption { font-size: 0.9em; background-color: #888; color: #FFF; border: 2px solid #666; padding: 5px; position: absolute; visibility: hidden; z-index: 10; width: 150px; margin-top: -20px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
ul.articles div.caption p { color: #FFF; }
ul.articles div.photo:hover div.caption { visibility: visible; }

/* Poll */
#poll {padding: 0px 10px 1em;margin: 2em 0;background: #DDD;-webkit-border-top-left-radius: 14px; -moz-border-radius: 14px 0 12px 0;-webkit-border-bottom-right-radius: 12px;}
#poll h2.title { display: inline-block; background-color: #693; color: #FFF; font-size: 1.2em; font-weight: bold; text-transform: uppercase; line-height: 2.4em; margin-left: -1em; -moz-border-radius: 12px 0 8px 0; -webkit-border-top-left-radius: 12px; -webkit-border-bottom-right-radius: 8px; padding: 0 1.5em; margin: 0 0 1em -10px;}
#poll input.submit { border: 1px solid #4E7428; background: #693 url(images/button_green_bg.png) 0 0 repeat-x; -webkit-border-radius: 6px; -moz-border-radius: 6px; display: inline-block; margin-right: 1em; padding: 0.5em 1.5em; color: #FFF; text-transform: uppercase; font-weight: bold; cursor: pointer; }
#poll input.submit:hover, #poll input.submit:focus { background-color: #4E7428; background-position: 0 100%; }
#poll input.submit:active { background-image: none; background-color: #39F; border-color: #06F; }
#poll .choices li {  }
.poll .question {font-size: 1.4em;line-height: 1.5;margin: 0 0 9px 0;font-weight: bold;}
.poll ul {list-style-type: none;margin: 0 0 9px 11px;}
.poll li { line-height: 1.5; margin-bottom: 0.5em; }
.poll li input {margin: 0 11px 0 0;}
.poll .action {line-height: 36px;margin: 0;}
.poll ul, .poll p {font: 1.2em/1 Helvetica, Arial, sans-serif;}

/* pagination */
ul.pagination{border:0; margin:0; padding:0;}

.pagination li{border:0; margin:0; padding:0;font-size:11px;list-style:none;}
.pagination a{border:solid 1px #DDDDDD;margin-right:2px;}
.pagination .disabled {color:#666666;display:block;float:left;font-weight:bold;padding:3px 4px;}
.pagination .next a,
.pagination .previous a {font-weight:bold;border:solid 1px #FFFFFF;}
.pagination .range {	display: block;	float: left;	padding: 4px 6px;}
.pagination .active{color:#F60;font-weight:bold;display:block;float:left;padding:4px 6px;}
.pagination a:link,
.pagination a:visited {color:#39F;display:block;float:left;padding:3px 6px;text-decoration:none;}
.pagination a:hover{border:solid 1px #666666;}

/* Byline */
.byline {font: 1.2em/18px Helvetica, Arial, sans-serif;color: #000;}
.byline .author {text-transform: uppercase;}
.byline .pubdate {text-transform: none;text-style: italic;color: #666;padding-left: 20px;background: url(images/bullet_yellow.png) 0 50% no-repeat;}

/* Captions 
.image .caption {background: #ededed;font-size: 1.2em;padding: 9px 11px;margin: 0;}
.image .credits {text-align: right;font-family: Helvetica, Arial, sans-serif;font-size: 1.1em;color: #666;}*/

/* Related */
ul.related {float: left;list-style-type: square;list-style-position: inside;margin-bottom: 10px;color: #666;}
ul.related span.kind {font-size: 80%;text-transform: uppercase;color: #900;margin-right: 5px;}
ul.related a {font-family: Helvetica,Arial,sans-serif;font-size: 12px;}
#articleSection .articles .related li {border-bottom: 0;font-size: 12px;line-height: 12px;}

.error {color: #F00;font-family: Helvetica, Arial, sans-serif;font-weight: bold;}

/* Generic List */
.linkList {font-family: Helvetica, Arial, sans-serif;margin: 0 0 17px 33px;border-top: solid 1px #CCC;}
.linkList li {padding: 8px 0 9px 0;list-style: none;clear: left;}

/* Standard Table */
.standardTable {width: 100%;margin: 0 0 18px 0;}
.standardTable th,
.standardTable td {padding: 8px 11px 9px;font-family: Helvetica, Arial, sans-serif;border-bottom: solid 1px #AAA;vertical-align: top;}
.standardTable th {color: #FFF;text-transform: uppercase;font-weight: normal;letter-spacing: 1px;font-size: 1.2em;background: #457299;border-color: #457299;}
.standardTable td {font-size: 1.3em;}
/* Context Title */
.contextTitle {padding: 0 0 8px 0;margin: 0 0 18px 0;font-size: 1.4em;font-family: Helvetica, Arial, sans-serif;text-transform: uppercase;letter-spacing: 1px;border-bottom: solid 1px #AAA;}

/*Author Profile
------------------------------------ */
#authorProfile {}
#authorProfile h2 {margin: 0;padding: 9px 0;}
#authorProfile .articles .date {width: 99px;text-align: center;}

/*
Calendar Detail
------------------------------------ */
#calendarDetail h1 {font-size: 2.4em;}
#calendarDetail .meta {margin: 0 0 22px 0;}
#calendarDetail .meta dt {font-family: Helvetica, Arial, sans-serif;font-weight: bold;float: left;width: 66px;padding: 8px 0 9px;font-size: 0.9em;color: #FF2727;}
#calendarDetail .meta dd {padding: 8px 0 9px;}

/*
Photo Galleries
------------------------------------ */
.photo-gallery {	margin-bottom:110px;}
.photo-gallery h2 {	line-height:20px;}
.gallery-photo {	float:left;	margin-right:4px;}

