@import url(main.css?v=2);

h2.section { font-size: 1.9em; text-transform: uppercase; color: #900; font-weight: bold; margin-bottom: 0; }
h2.section a, h2.section a:visited { color: #900; }
p.meta { margin: 0; font-size: 1.1em; }

#content { padding-top: 10px; background-color: #FFF; }
#contentMain { width: 580px; margin-right: 20px; float: left; }
#contentSecondary { width: 340px; float: left; }
#sectionsMain { width: 280px; margin-right: 20px; float: left; }
#sectionsSecondary { width: 280px; float: left; }



#sectionNews h3 { clear: both; font-size: 2em; font-weight: normal; margin: 0.5em 0; }
#sectionNews .content { float: none; width: 280px; }

#sectionAE .photo, #sectionNews .photo { float: none; }
#sectionAE h3 { font-size: 1.8em; font-weight: normal; margin-bottom: 0; }
#sectionAE .content { float: none; }

#sectionVideos { margin-top: 10px; background: #444; -webkit-border-top-left-radius: 14px; -moz-border-top-left-radius: 14px; -webkit-border-bottom-right-radius: 12px; -moz-border-bottom-right-radius: 12px; padding: 0 4px 12px 4px; }
#sectionVideos h2 { display: inline-block; font-weight: bold; font-size: 1.2em; margin: 0 0 0.5em -4px; padding: 0 1.5em; text-transform: uppercase; background-color: #39F; color: #FFF; -webkit-border-top-left-radius: 12px; -moz-border-top-left-radius: 12px; -webkit-border-bottom-right-radius: 8px; -moz-border-bottom-right-radius: 8px; line-height: 2.4em; }
#sectionVideos h3 { color: #FFF; margin: 0.5em 0.3em 0.3em 0.3em; font-weight: normal; }
#sectionVideos div.video { float: left; width: 100px; text-align: center; margin: 10px 18px; }
#sectionVideos div.video a { color: #C90; }
#sectionVideos div.video .title { display: block; padding: 4px 0; }

#sectionBlogs h2 { color: #39F; text-transform: uppercase; font-size: 1.4em; font-weight: bold; }
#sectionBlogs h3 { text-transform: uppercase; font-weight: normal; font-style: italic; color: #666; font-size: 1.2em; margin-bottom: 0; }
#sectionBlogs .pubdate, #sectionBlogs .headline { font-size: 1.3em; margin-bottom: 0; }
#sectionBlogs .pubdate { color: #444; }
#sectionBlogs .content { float: none; }

#sectionOpinions { padding: 0 7px; border: 1px solid #CCC; -webkit-border-radius: 8px; -moz-border-radius: 8px; margin: 2em 0; }
#sectionOpinions h2 { color: #39F; text-transform: uppercase; font-size: 1.4em; font-weight: bold; }
#sectionOpinions div.content { float: none; }

#contentSecondary h2 { color: #900; text-transform: uppercase; font-size: 1.9em; font-weight: bold; }
#contentSecondary h3 { margin-bottom: 0; }
#contentSecondary div.content { float: none; }
#contentSecondary div.withphoto div.content { width: 160px; float: left; }
#contentSecondary .photo { margin-right: 20px; }
#contentSecondary ul.articles { clear: both; padding-top: 0.5em; }

#sectionCalendar { border-top: 1px solid #8CC5FF; border-bottom: 1px solid #8CC5FF; margin-bottom: 2em; }
#sectionCalendar h2 { display: inline-block; font-weight: bold; font-size: 1.1em; margin: 0 0 0.5em 0; padding: 0 1em; text-transform: uppercase; background-color: #8CC5FF; color: #036; -webkit-border-bottom-right-radius: 8px; -moz-border-bottom-right-radius: 8px; line-height: 2.4em; text-shadow: 1px 0px 0px #FFF; }
#sectionCalendar .more { font-size: 1.1em; float: right; margin-right: 1em; }
#sectionCalendar .more a { color: #900; text-decoration: underline; }
#sectionCalendar li { list-style: none; font-size: 0.87em; color: #444; }
#sectionCalendar span.time { font-size: 0.9em; font-weight: bold; }
#sectionCalendar .summary { display: none; }
ul.articles li { padding-bottom: 0.5em; border-bottom: 0; margin-bottom: 1em; }
/* currently duplicated in main.css 
#sectionMultimedia { margin-top: 10px; background: #444; -webkit-border-top-left-radius: 14px; -moz-border-top-left-radius: 14px; -webkit-border-bottom-right-radius: 12px; -moz-border-bottom-right-radius: 12px;  }
#sectionMultimedia 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; -webkit-border-top-left-radius: 12px; -moz-border-top-left-radius: 12px; -webkit-border-bottom-right-radius: 8px; -moz-border-bottom-right-radius: 8px; line-height: 2.4em; }
.photo { float: left; }
.content { float: left; }
.content p.summary { font-size: 1.1em; line-height: 1.4; }
.meta { font-size: 1.1em; color: #666; font-style: italic; margin-top: 0; }
*/