/* ************************************************************ * * coop_media.css (Cooperative Media) TOC * * Shared Elements * Podcasts * Blogs * Archives * FEW Coverage Specific * **************************************************************/ /************************************************************** * Shared Elements **************************************************************/ .coop_media { font-size: 12px; line-height: 125%; } .coop_media p { margin: 1em 0; } .coop_media a:link { color: #000; text-decoration: none; } .coop_media a:visited { color: #000; text-decoration: none; } .coop_media a:hover { color: #000; text-decoration: underline; } .coop_media .header { background: #fff; border-bottom: 1px solid #ccc; color: #2e3192; font-size: 20px; font-weight: normal; line-height: normal; text-transform: uppercase; padding: 5px 0; } .coop_media .post_details, .post_details a:link { color: #666; margin: 1em 0; } .coop_media .info { font-size: 11px; font-weight: bold; text-align: right; text-transform: uppercase; } .coop_media .info .archive { color: #4c721d; } .coop_media .info .about { color: #000; } .coop_media .navigation { font-size: 11px; margin: 30px 0; text-transform: uppercase; } .coop_media .navigation .prev { } .coop_media .navigation .next { } .coop_media .alignleft { float: left; } .coop_media .alignright { float: right; } .coop_media button { background: url('/images/bckgrnd_btn.gif') bottom left repeat-x #fff; border: 1px solid #666; cursor: pointer; margin-right: 10px; padding: 3px 6px; } /************************************************************** * Podcasts **************************************************************/ #podcasts { position: relative; text-align: justify; width: 100%; } #podcasts .content { width: 70%; } #podcasts .links { overflow: hidden; position: absolute; top: 4em; right: 0; } #podcasts .latest, #podcasts .related { background: #fff; border-bottom: 1px solid #4c721d; font-size: 13px; margin: 2em 0 1em; text-transform: uppercase; } #podcasts .subscribe { background: url('/images/bckgrnd_subscribe.gif') top left no-repeat #fff; border: 1px solid #ccc; font-size: 10px; font-weight: bold; line-height: normal; margin: 50px 0; padding: 35px 5px 5px; text-align: left; width: 154px; } #podcasts .subscribe p { margin: 0.5em 0; } #podcasts .itunes { background: url('/images/icon_itunes.png') top left no-repeat; color: #000; padding-left: 30px; } #podcasts .rss { background: url('/images/icon_rss.png') top left no-repeat; color: #000; padding-left: 30px; } #podcasts .podcast { background: url('/images/bckgrnd_comment.gif') bottom left repeat-x #fff; clear: both; font-size: 11px; padding-top: 2em; } #podcasts .podcast .title { color: #4c721d; font-size: 13px; margin: 0; } #podcasts .podcast .synopsis { margin-top: 0; } #podcasts .podcast .actions { height: 6em; } #podcasts .podcast .actions div { float: left; padding-right: 25px; } #podcasts .podcast .actions h4 { font-size: 11px; margin: 0 0 0.25em; } #podcasts .podcast .actions a { color: #339; } /************************************************************** * Blogs **************************************************************/ #blogs .title { background: #fff; color: #695e49; font-size: 24px; line-height: normal; } #blogs .comments h3 { background: #fff; border-bottom: 2px solid #4c721d; color: #4c721d; font-size: 11px; margin-top: 4em; } #blogs .comment { background: url('/images/bckgrnd_comment.gif') bottom left repeat-x #fff; padding: 1em 0 0.25em; } #blogs .postform h3 { background: #fff; color: #4c721d; font-size: 11px; margin-top: 4em; } #blogs .postform label { color: #4c721d; font-size: 11px; font-weight: bold; } /************************************************************** * Archives **************************************************************/ #archive .archives { background: #fff; border-bottom: 1px solid #4c721d; font-size: 13px; margin: 2em 0 1em; text-transform: uppercase; } #archive .entry { background: url('/images/bckgrnd_comment.gif') bottom left repeat-x #fff; padding: 1em 0 0.25em; } #archive .entry .title { color: #4c721d; font-size: 16px; line-height: normal; margin: 0; } #archive .entry .title a { color: #4c721d; } /************************************************************** * FEW Coverage Specific **************************************************************/ #fewContainer { background: url(/images/bckgrnd_fewCoverage.jpg) top left no-repeat #FFF; } #fewContainer .fewCoverageHome { background: url(/images/spacer.gif); height: 150px; text-indent: -9999em; width: 500px; position: absolute; top: 0; left: 0; } #fewHome ul { list-style-image: url(/images/bckgrnd_li_arrow_000.gif); margin-left: 0; padding-left: 1.5em; text-align: left; } #fewHome .section { margin-bottom: 35px; } #fewHome .sectionHeader { border-bottom: 1px solid #f58426; margin-bottom: 10px; padding: 0 0 2px; text-align: left; position: relative; } #fewHome .sectionHeader img { border: none; } #fewHome .sectionHeader .author { color: #339; font-size: 13px; font-style: italic; text-align: right; position: absolute; bottom: 3px; right: 0; } #fewHome .more { color: #f58426; font-weight: bold; text-transform: uppercase; } #fewHome .comment, #fewHome .podcast { background-image: none; } #fewHome .authorImg { float: left; margin-top: 1em; } #fewHome .authorImg img { width: 60px; } #fewHome #blogs .title, #fewHome #blogs .post_details, #fewHome #blogs .synopsis { margin-left: 70px; } #fewHome #blogs .title, #fewHome #blogs .title a, #fewHome #podcasts .podcast .title, #fewHome #podcasts .podcast .actions div { float: none; padding: 0 0 5px; } #fewHome #podcasts .podcast .actions h4 { display: inline; } #fewHome .featuredImage { width: 300px; margin: 1em auto; text-align: right; } #fewHome .featuredImage img { display: block; width: 300px; margin: 0 auto; } #fewHome .featuredImage .details { color: #000; font-size: 11px; font-weight: bold; } #fewHome .featuredImage .details cite { color: #666; font-size: 10px; font-weight: normal; font-style: normal; } #fewHome #media .date { color: #339; font-size: 15px; text-transform: uppercase;} #fewHome #jobs {text-align: right; } #fewHome #exhibitorPR .feed { margin-bottom: 20px; } #fewHome #exhibitorPR .feed * { margin: 0; } #fewHome #exhibitorPR .feed .title, #fewHome #exhibitorPR .feed .title a { font-size: 13px; } #fewHome #exhibitorPR .feed .updated { color: #666; font-size: 11px; } #fewContainer #exhibitorPR a:link { color: #339; text-decoration: none; } #fewContainer #exhibitorPR a:visited { color: #333; text-decoration: none; } #fewContainer #exhibitorPR a:hover { color: #f58426; text-decoration: underline; } #fewHome #exhibitorPR .title, #fewHome #exhibitorPR .title a, #fewContainer #fewHome #blogs .title, #fewContainer #fewHome #blogs .title a, #fewContainer #fewHome #blogs .comments h3, #fewContainer #fewHome #blogs .postform h3, #fewContainer #fewHome #blogs .postform label, #fewContainer #fewHome .coop_media .info .archive, #fewContainer #fewHome #podcasts .podcast .title, #fewContainer #fewHome #archive .entry .title, #fewContainer #fewHome #archive .entry .title a { color: #339; font-size: 15px; margin-bottom: 0; } /* Overrides */ #fewContainer #blogs .title, #fewContainer #blogs .comments h3, #fewContainer #blogs .postform h3, #fewContainer #blogs .postform label, #fewContainer .coop_media .info .archive, #fewContainer #podcasts .podcast .title, #fewContainer #archive .entry .title, #fewContainer #archive .entry .title a { color: #f58426; } #fewContainer #blogs .comments h3 { border-bottom: 2px solid #f58426; } #fewContainer #archive .archives, #fewContainer #podcasts .related, #fewContainer #podcasts .latest { border-bottom: 1px solid #f58426; } #fewContainer #podcasts .subscribe { background: url(/images/bckgrnd_subscribe_few.gif) top left no-repeat #fff; } #fewHeader { color: #000; height: 250px; position: relative; } #fewHeader .fewLink { position: absolute; bottom: 0; right: 0; } #fewHeader .fewLink img { border: none; } #fewNavigation { border-top: 1px solid #f58426; border-bottom: 1px solid #f58426; list-style: none; margin: 10px 0 25px; padding: 5px 0; text-align: center; text-transform: uppercase; } #fewNavigation li { display: inline; font-family: Arial, Verdana, Sans-Serif; font-size: 11px; margin-left: 18px; } #fewNavigation li.first { margin-left: 0; } #fewNavigation li a:link { color: #f58426; text-decoration: none; } #fewNavigation li a:visited { color: #f58426; text-decoration: none; } #fewNavigation li a:hover { color: #f58426; text-decoration: underline; } #fewFooter .navigation { list-style: none; line-height: 2em; margin-top: 75px; padding: 10px 75px; text-align: center; text-transform: uppercase; } #fewFooter .navigation li { border-right: 1px solid #666; color: #666; display: inline; font-size: 12px; padding: 0 5px; } #fewFooter .navigation li.last { border-right: none; } #fewFooter .navigation li a:link { color: #666; text-decoration: none; } #fewFooter .navigation li a:visited { color: #666; text-decoration: none; } #fewFooter .navigation li a:hover { color: #666; text-decoration: underline; } /************************************************************************* * Column Logic *************************************************************************/ /* column container */ .colmask { position: relative; /* This fixes the IE7 overflow hidden bug */ clear: both; float: left; width: 100%; /* (width of whole page) MINUS (left and right borders of .twocolumn [if applicable]) */ overflow: hidden; /* This chops off any overhanging divs */ } /* common column settings */ .colright, .colmid, .colleft { float: left; width: 100%; /* (width of whole page) MINUS (left and right borders of .twocolumn [if applicable]) */ position: relative; } .col1, .col2, .col3 { float: left; position: relative; padding: 0; overflow: hidden; } /* 2 Column Mirror (50/50) settings */ .twocolumnMirror { background: #FFF; /* Right column background color */ } .twocolumnMirror .colleft { right: 50%; /* Right column width */ background: #FFF; /* Left column background color */ min-height: 25em; } .twocolumnMirror .col1 { width: 47%; /* Left column content width: (left column width) MINUS (left and right padding) */ left: 50%; /* (right column width) PLUS (left column left padding) */ } .twocolumnMirror .col2 { width: 47%; /* Right column content width: (right column width) MINUS (left and right padding) */ left: 56%; /* (right column width) PLUS (left column left and right padding) PLUS (right column left padding) */ } /* footer settings */ #fewFooter { clear: both; float: left; width: 100%; }