﻿

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* */





/**
 * Frame and Homepage Content
 */

#frame {
    width: 984px;
    margin: 0 auto;
    font: 1.2em Arial, sans-serif;
}

#frame-inner {
    padding: 15px 0;
    padding-top: 30px;
}

#homepage-left-container {
    float: left;
    width: 748px;
    background-color: #FFF;
}

.homepage-left {
    float: left;
    width: 374px;
}

.homepage-center {
    float: left;
    width: 374px;
}

#homepage-right {
    float: left;
    width: 236px;
}




#feature-title {
    font: bold 1.7em Arial,Sans-Serif;
    margin: 10px;
    margin-bottom: 2px;
}

#feature-title a, #feature-title a:visited {
    color: #182345 !important;
    text-decoration: none;
    display: block;
    line-height: 1.4em;
}

#feature-title a:hover {
    text-decoration: underline;
}

#feature-timestamp, .section-story-teaser .timestamp {
    margin-left: 10px;
    color: #8E8E8E;
    font: .9em Arial,Sans-Serif;
}

.section-story-teaser .timestamp {
    margin-left: 0;
}

#feature-summary {
    font-size: 1.2em;
    line-height: 1.4em;
}

#feature-summary p {
    margin: 1em 0;
    margin-left: 10px;
}

#feature-summary a, .section-story-teaser .summary a, #feature-summary a:visited, .section-story-teaser .summary a:visited {
    text-decoration: none;
    color: #348198 !important;
}

#feature-summary a:hover, .section-story-teaser .summary a:hover {
    text-decoration: underline;
}

.full-story {
    padding-left: 11px;
    color: #348198 !important;
    background: url('../images/plus.gif') left 6px no-repeat;
    margin-left: 4px;
    text-decoration: none;
    font-size: 14.4px;
}

.full-story:hover {
    text-decoration: underline;
}

.section-story-teaser .full-story {
    background-position: left 6px;
}



#feature-related-stories li {
    float: left;
    width: 100%;
    display: inline;
}

#feature-related-stories a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #1C3058;
    font-weight: bold;
    border-bottom: 1px solid #F0F0F0;
    padding-left: 25px;
    background: url('../images/bullet.gif') 10px 14px no-repeat;
}

#latest-featured-stories li, .latest-in-section li {
    display: inline;
    float: left;
    width: 100%;
}

#latest-featured-stories li img, .most-popular li img, .latest-in-section li img {
    float: left;
    margin-right: 10px;
}

#latest-featured-stories li a, .most-popular li a, .latest-in-section li a, .loading, .download {
    display: block;
    padding: 10px;
    color: #1C3058;
    text-decoration: none;
    font-weight: bold;
    border-bottom: 1px solid #F0F0F0;
    line-height: 1.4em;
}



#section-section-teasers .loading {
    border-bottom: 0;
}

#story-body .download-img {
    margin-top: 2px !important;
    margin-right: 10px;
    margin-left: 0;
}

#story-body em {
    font-style: italic;
}

.fetching {
    color: red;
}

.fetched {
    color: green;
}

#latest-featured-stories .loading, .most-popular .loading, .latest-in-section .loading, #navigation .loading {
    color: #8E8E8E;
}

#navigation .loading {
    float: left;
    font-family: Arial,Sans-Serif;
}

#navigation .loading img, .download-img, .section-short-stories .loading img, #section-right .loading img, #section-left .loading img, #story-body .loading img, #section-section-teasers .loading img {
    float: left;
    margin-right: 10px;
    margin-top: -1px;
}

.download-img {
    width: 16px;
    height: 16px;
}

#latest-featured-stories li a span, .most-popular li a span, .latest-in-section li a span {
    display: block;
    color: #8E8E8E;
    font-size: .9em;
    font-weight: normal;
}

#feature-related-stories a:hover, #latest-featured-stories li a:hover, .most-popular li a:hover, .latest-in-section li a:hover {
    background-color: #F2F2F2 !important;
    text-decoration: none;
}

#homepage-most-popular {
    clear: left;
    padding-top: 10px;
}

.more-in-section, .more-in-section:visited {
    float: right;
    padding: 10px !important;
    margin-top: 10px;
    padding-left: 30px !important;
    background: #DDDDDD url('../images/arrow-right.png') 11px 13px no-repeat;
    color: #616161 !important;
    font-weight: bold;
    text-decoration: none;
}

.more-in-section-container {
    padding-bottom: 10px;
    padding-right: 10px;
}

.more-in-section:hover {
    background-color: #620000;
    color: #FFF !important;
    text-decoration: none;
}

.most-popular {
    padding: 10px;
    padding-top: 0;
    padding-left: 0;
}

.most-popular-stories {
    padding-left: 10px;
}

.most-popular h3, #homepage-right h3, .homepage-section-teaser h3, #latest-featured-stories h3, #section-right h3, .section-short-stories h3, .section-section-teaser h3, .page-links {
    padding: 10px 15px;
    color: #FFF;
    background-color: #620000;
    font: bold 1.08em Arial,Sans-Serif;
    border-top: 2px solid #778C9A;
    margin-bottom: 0;
}








#homepage-right {
    color: #2A2A2A;
}

#homepage-right .content {
    padding: 15px;
}



.featured-niche h2 a, .featured-niche .links a {
    font: bold 1.1em Arial,Sans-Serif;
    display: block;
    color: #2A2A2A;
    text-decoration: none;
    line-height: 1.4em;
}

.featured-niche h2 a:hover, .featured-niche .links a:hover {
 text-decoration: underline; 
}

.featured-niche .description {
    margin: 1em 0;
    font: .9em Helvetica,Arial,Sans-Serif;
    line-height: 1.4em;
}


#homepage-section-teasers {
    clear: left;
    padding-top: 5px;
}

.section-teaser-titles {
    color: #8E8E8E;
    background-color: #DDDDDD;
    font: bold .92em Arial,Sans-Serif;
    padding: 7px 15px;
}

.homepage-section-teaser, .section-section-teaser {
    margin: 0 10px;
    margin-bottom: 10px;
}

h3 a, h3 a:visited {
    color: #FFF !important;
    text-decoration: none;
}

h3 a:hover {
    text-decoration: underline;
}

.featured-title, .latest-title, .featured-content, .latest-content {
    float: left;
    width: 50%;
}




.section-teaser-content {
    background-color: #F0F0F0;
    padding: 15px;
}

.featured-content a {
    display: block;
    background-position: top left;
    background-repeat: no-repeat !important;
    text-decoration: none;
    padding-left: 85px;
    padding-right: 10px;
}

.featured-content a span.title {
    color: #616161;
    font: bold 1.2em Arial,Sans-Serif;
}

.featured-content a span.summary {
    display: block;
    margin-top: 5px;
    color: #616161;
    font: 1em Arial,Sans-Serif;
    line-height: 1.4em;
}

.featured-content a:hover span {
    text-decoration: none;
}

.featured-content a:hover span.title {
    color: #000;
    text-decoration: underline;
}

.featured-content a span.timestamp {
    margin-top: 2px;
    color: #9FB4C0 !important;
    font: .92em Arial,Sans-Serif;
    display: block;
    text-decoration: none;
}