/* --------------------------- MARQUEE */

section.marquee img {
   width: 100%;
}

section.marquee .message {
   font-style: italic;
   font-family: Trebuchet MS, Trebuchet, sans-serif;
   padding-bottom: 15px;
   border-bottom: 1px solid #ededed;
}

section.marquee .message h2 {
   color: #444444;
   font-weight: normal;
   font-size: 1.6em;
   letter-spacing: -0.5px;
   padding: 5px 0;
}

/* --------------------------- CALLOUTS */

section.callouts {
   border-top: 1px solid #ededed;
   border-bottom: 1px solid #ededed;
   padding: 3px 0;
   margin-top: 4px;
}

section.callouts article {
   margin: 10px 0;
}

/* --------------------------- NEWS */

section.news {
   border-top: 1px solid #ededed;
   margin-top: 4px;
}

section.news article.news {
   padding: 15px 0;
}

/* --------------------------- SESSION */

section.topstories {
   border-bottom: 1px solid #ededed;
}

section.topstories article.feature {
   border-bottom: 1px solid #ededed;
   margin-bottom: 4px;
}

section.topstories article.news,
section.topstories article.news_lower,
section.topstories article.news_middle_upper,
section.topstories article.news_middle_lower {
   padding-bottom: 20px;
}

section.topstories article.news h3,
section.topstories article.news_lower h3,
section.topstories article.news_middle_upper h3,
section.topstories article.news_middle_lower h3 {
   padding-top: 0;
   padding-bottom: 3px;
}

/* --- ####### MEDIUM VIEWPORT ###### --- */

@media screen and (min-width: 615px) {

section.marquee {
   padding: 1.041666667%;
}

section.marquee .message {
   border: none;
   padding: 5px 0 15px 0;
}

div.session section.marquee {
   border-bottom: 1px solid #ededed;
   background: url(/images/brush.png) center 0 no-repeat;
   padding: 25px 1.041666667% 10px 1.041666667%;
}

section.marquee .message h2 {
   font-size: 1.6em;
}

div.session section.marquee .message h2 {
   font-size: 2em;
}

section.marquee .message p {
   font-size: 1.1em;
}

section.topstories,
section.topstories article.news,
section.topstories article.news_lower,
section.topstories article.news_middle_upper,
section.topstories article.news_middle_lower {
   border: none;
}

section.topstories article.news,
section.topstories article.news_lower,
section.topstories article.news_middle_upper,
section.topstories article.news_middle_lower {
   padding-bottom: 19px;
}

section.topstories article.news {
   float: left;
   width: 22.91666667%;
   margin: 0 .041666667%;
}

section.topstories article.news_lower {
   clear: both;
   float: left;
   width: 22.91666667%;
   margin: 0 .041666667%;
}

section.topstories article.news_middle_upper,
section.topstories article.news_middle_lower {
   width: 22.91666667%;
   margin: 0 24.241666667%;
}

section.topstories article.feature {
   width: 50.7166667%;
   float: right;
   margin-top: -44.572666667%;
   padding-right: 8px;
}

section.topstories article.feature img {
   width: 100%;
   margin-left: 0;
}

section.topstories article.news_middle_lower img {
   height: 146px;
}

section.topstories article.feature h3 {
   font: bold 1.3em/1em Helvetica Neue, Helvetica, Arial, sans-serif;
   padding-top: 0;
   padding-bottom: 3px;
}

div.general section.callouts,
section.news {
   border: none;
   margin: 0;
}

section.callouts article {
   float: left;
   width: 31.25%;
   margin: 10px 1.041666667%;
}

article.news {
   float: left;
   width: 22.91666667%;
   margin: 0 1.041666667%;
}

article.feature {
   width: 50.7166667%;
   float: right;
   margin-top: -42.231666667%;
   padding-right: 8px;
}

article.feature img {
   width: 98%;
   margin-left: 0;
}

article.feature h3 {
   font: bold 2.3em/1em Helvetica Neue, Helvetica, Arial, sans-serif;
   padding: 10px 0 5px 0;
}

}

/* --- ####### LARGE VIEWPORT ###### --- */

@media screen and (min-width: 960px) {

section.marquee div.images {
   height: 425px;
}

div.general section.marquee .message {
   position: absolute;
   z-index: 100;
   width: 942px;
   height: 96px;
   border-top: 1px solid rgba(256,256,256,0.9);
   background: rgba(256,256,256,0.8) url(/images/brush.png) center -25px no-repeat;
   padding: 0;
   margin-top: -96px;
}

div.session section.marquee {
   border: none;
   padding: 25px 1.041666667%;
}

section.marquee .message h2,
div.session section.marquee .message h2 {
   font-size: 2.2em;
   padding: 15px 0 5px 0;
}

section.marquee .message p {
   font-size: 1.3em;
}

section.callouts {
   border: none;
   padding: 0;
   margin: 0;
}

div.session section.callouts {
   padding-bottom: 20px;
}

div.session section.callouts article {
   margin: 0 1.041666667%;
}

section.topstories article.news,
section.topstories article.news_lower,
section.topstories article.news_middle_upper,
section.topstories article.news_middle_lower
 {
   padding-bottom: 0;
}

}