/*
USA TODAY template styles
Author(s): Wesley Lindamood (03-06-2009)
*/


/* section-markers */

.news-template img {
background: transparent url(http://i.usatoday.net/_common/_images/_templates/section-marker/news-section-marker.gif) no-repeat;
}

.travel-template img {
background: transparent url(http://i.usatoday.net/_common/_images/_templates/section-marker/travel-section-marker.gif) no-repeat;
}

.money-template img {
background: transparent url(http://i.usatoday.net/_common/_images/_templates/section-marker/money-section-marker.gif) no-repeat;
}

.sports-template img {
background: transparent url(http://i.usatoday.net/_common/_images/_templates/section-marker/sports-section-marker.gif) no-repeat;
}


.life-template img {
background: transparent url(http://i.usatoday.net/_common/_images/_templates/section-marker/life-section-marker.gif) no-repeat;
}

.tech-template img {
background: transparent url(http://i.usatoday.net/_common/_images/_templates/section-marker/tech-section-marker.gif) no-repeat;
}


.weather-template img {
background: transparent url(http://i.usatoday.net/_common/_images/_templates/section-marker/weather-section-marker.gif) no-repeat;
}

/* side by side comparison */

.side-by-side {width: 615px; font-family: arial;}

.end-row {clear: both; height: 1px; border: 0; margin: 0; color: #fff;}

.side-by-side .caption {margin: 0; font-size: 10px;}

.left-side {float: left; width: 290px; padding-top: 10px;}

.right-side {width: 290px; margin-left: 320px; padding-top: 10px;}

.side-by-side h3 {
font-size: 18px;
margin: 10px 0 0 0; 
padding: 0 0 0 20px;
background: transparent url(http://i.usatoday.net/_common/_images/_templates/h3-news-bullet.gif) 0 3px no-repeat;
}

.news-template .side-by-side h3 {
background-image: url(http://i.usatoday.net/_common/_images/_templates/h3-news-bullet.gif);
}

.travel-template .side-by-side h3 {
background-image: url(http://i.usatoday.net/_common/_images/_templates/h3-travel-bullet.gif);
}

.money-template .side-by-side h3 {
background-image: url(http://i.usatoday.net/_common/_images/_templates/h3-money-bullet.gif);
}

.sports-template .side-by-side h3 {
background-image: url(http://i.usatoday.net/_common/_images/_templates/h3-sports-bullet.gif);
}

.life-template .side-by-side h3 {
background-image: url(http://i.usatoday.net/_common/_images/_templates/h3-life-bullet.gif);
}

.tech-template .side-by-side h3 {
background-image: url(http://i.usatoday.net/_common/_images/_templates/h3-tech-bullet.gif);
}

.weather-template .side-by-side h3 {
background-image: url(http://i.usatoday.net/_common/_images/_templates/h3-weather-bullet.gif);
}

.side-by-side h4 {
font-size: 12px; 
background-color: #bfddf2;
padding: 5px;
margin: 0;
}

.travel-template .side-by-side h4 {
background-color: #bfe9f4;
}

.money-template .side-by-side h4 {
background-color: #bfe9d0;
}

.sports-template .side-by-side h4 {
background-color: #ffc7bf;
}

.life-template .side-by-side h4 {
background-color: #eac6dd;
}

.tech-template .side-by-side h4 {
background-color: #fcdabf;
}

.weather-template .side-by-side h4 {
background-color: #fff2bf;
}

.side-by-side ul {
margin: 10px 0 0 0;
padding: 0;
}

.side-by-side li {
list-style-type: none;
font-size: 12px;
margin: 0 0 8px 0;
padding: 0 0 0 15px;
background: transparent url(http://i.usatoday.net/_common/_images/_templates/news-bullet.gif) 0 2px no-repeat;
line-height: 14px;
}

.travel-template .side-by-side li {
background-image: url(http://i.usatoday.net/_common/_images/_templates/travel-bullet.gif);
}

.money-template .side-by-side li {
background-image: url(http://i.usatoday.net/_common/_images/_templates/money-bullet.gif);
}

.sports-template .side-by-side li {
background-image: url(http://i.usatoday.net/_common/_images/_templates/sports-bullet.gif);
}

.life-template .side-by-side li {
background-image: url(http://i.usatoday.net/_common/_images/_templates/life-bullet.gif);
}

.tech-template .side-by-side li {
background-image: url(http://i.usatoday.net/_common/_images/_templates/tech-bullet.gif);
}

.weather-template .side-by-side li {
background-image: url(http://i.usatoday.net/_common/_images/_templates/weather-bullet.gif);
}

.side-by-side p {margin-top: 10px; font-size: 12px;}

/* dual covers and story subsection */

#subsection {
background: #fff url(http://i.usatoday.net/_common/_images/_story-subsection/subsection-gradient.png) repeat-x;
padding: 5px;
width: 564px;
}

.section-item {
background-color:#fff;
border:1px solid #ddd;
margin:0 0 5px 0;
padding: 5px;
width: 264px;
 min-height:170px;
height: auto !important;
height: 170px;
position: relative;
}

.section-item h3 {
font-size: 14px;
margin: 0 0 5px 0;
}

.section-item h4 {
font-size: 11px;
margin: 0 0 5px 0;
font-weight: normal;
font-style: italic;
line-height: 15px;
color: #666;
}

.item-photo {
float: left;
margin-right: 10px;
margin-bottom: 5px;
width: 101px;
}

.item-photo small {
font-size: 10px;
color: #666;
margin: 3px 0 0 2px;
display: block;
}


.section-item p {
font-size: 11px;
margin: 5px 5px 10px 5px;
line-height: 16px;
}

.more {
padding-right: 15px;
text-align:right;
border-bottom: 1px solid #bfd4e6;
padding-bottom: 5px;
margin: 0 5px 5px 5px !important;
}

.clicker {
cursor:pointer;
color:#00529b;
font-weight: bold:
}

.closed {
background:url(http://i.usatoday.net/_common/_images/_story-subsection/subsection-closed.png) right center no-repeat;
}

.open {
background:url(http://i.usatoday.net/_common/_images/_story-subsection/subsection-open.png) right center no-repeat;
border-bottom: 3px solid #00529b !important;
float: right;
}

.section-item .info {display: none;}

.left {float: left;}

.right {margin-left: 283px;}


.subsection-title {font-size: 15px; margin: 10px 0 5px 0; color: #000;
border-top: 1px solid #ddd;
padding-top: 10px;
width: 574px;
}

.subsection-description {font-size: 11px; margin: 0; font-weight: normal; line-height: 16px; color: #666;
width: 600px;
margin: 0 0 10px 0;
}