/*- SELF-CLEARING FLOATS ----------------------------------------------------------------------*/ .mod:after, #sbMainContainer:after, #topBlock:after, #floaters:after, #quoteBlock:after, .channelRow:after, div#learnAboutBlock div.seeAlsoBox:after, div#buzzWrapper:after, div.blogger:after, div#minorNav:after, div#seeAlsoBox:after, div.blogContainer:after, ul#mainNav:after, div.blogMain:after, div.blogMain div.archiveCol1:after, div.blogMain div.archiveCol2:after, div#channelContainer #topPhoto:after, div.blogLeft h3:after, div.blogMain p#flairBar:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /*- TEMPORARILY HIDE ----------------------------------------------------------------------*/ div#quoteBlock div#moneyQuote #previousQuote, div#quoteBlock div#moneyQuote #nextQuote, div#flickrBlock div#flickrPhoto #previousPic, div#flickrBlock div#flickrPhoto #nextPic {display: none;} /*- BASE STYLES ----------------------------------------------------------------------*/ body {background: #fff; color: #000; font: normal 12px/16px 'Trebuchet MS', Arial, Verdana, Geneva, Helvetica, sans-serif; margin: 0; padding: 0;} a {color: #0054a6; text-decoration: none;} a:hover {text-decoration: underline;} abbr, acronym {cursor: help;} sup {font-size: 10px; position: relative; bottom: 1ex;} sub {font-size: 10px; position: relative; top: 1ex;} input.text, textarea {border: 1px solid #7C7C7C; border-color: #7C7C7C #7C7C7C #C3C3C3 #C3C3C3;} .blogTitle {font-size: 11px; color: #7d7d7d;} .blogTitle a {padding-right: 3px; font-weight: bold; font-size: 11px; text-transform: uppercase; color: #598527;} .bannerAd h6 {margin: 0 0 3px 0; padding-top: 4px; font-size: 10px; text-transform: uppercase; color: #898989;} .bannerAd .rectangle {width: 300px; height: 250px; overflow: hidden; background: #eee;} /*- NETWORK BANNER STYLES ----------------------------------------------------------------------*/ div.seedBanner {position: relative; height: 30px; color: #464646; background: #fff url(../../../seed-img/bg_network-banner.gif) 0 0 repeat-x; border-bottom: 6px solid #363636;} div.seedBanner p {height: 27px; margin: 0; font: normal 11px/27px arial ! important; text-align: left;} div.seedBanner p a {color: #464646; text-decoration: underline; border-bottom: none ! important;} div.seedBanner p a:hover {color: #000;} div.seedBanner p.left {padding-left: 20px; background: url(../../../seed-img/misc_bullet_banner.gif) 12px 10px no-repeat; border-bottom: 2px solid #b4b4b4;} div.seedBanner p.left span {padding: 0 12px;} div.seedBanner p.right {position: absolute; right: 0; top: 0; width: 114px; height: 30px; background: url(../../../seed-img/logo_smg.gif) 10px 50% no-repeat;} div.seedBanner p.right a {display: block; height: 30px; text-indent: -9000px;} /*- MAIN STYLES ----------------------------------------------------------------------*/ div#sbMainContainer {width: 982px; margin: 0 auto; border-left: 1px solid #999; border-right: 1px solid #999;} p#channelsListTop {height: 24px; padding-left: 12px; color: #666; background: #fff; line-height: 24px; font-size: 11px; border-bottom: 1px solid #e5e5e5;} p#channelsListTop a {color: #549110;} div#topPromoContainer {position: relative; height: 113px; border-bottom: 1px solid #e5e5e5; background: url(../../img/bg_stripes.gif);} div#leaderboard {position: absolute; top: 12px; left: 11px; width: 728px; height: 90px; overflow: hidden; background: #eee;} div#topPromo {position: absolute; top: 12px; right: 11px; width: 222px; height: 90px; overflow: hidden; background: #e1e1e1;} div#topPromo a.singleImage {display: block; height: 90px;} div#topPromo h6 {text-indent: -9000px; width: 219px; height: 42px; margin: 15px 0 0 15px; background: url(../../img/text_week-in-sb-trans.png) no-repeat;} div#topPromo form {padding: 0 15px;} div#topPromo form input[type="text"] {width: 120px; margin-right: 3px; font-size: 10px;} div#topPromo form input[type="submit"] {font-size: 11px;} div#mainHeader {position: relative; height: 84px;} h1 {position: absolute; width: 308px; height: 60px; top: 12px; left: 11px; background: url(../../img/logo_main.gif) 0 0 no-repeat; text-indent: -9000px;} h1 a {display: block; width: 308px; height: 60px;} div.blogContainer h1 {position: static; width: auto; height: auto; background-image: none; text-indent: 0;} div.blogContainer h1 a {display: inline; width: auto; height: auto;} div#metaInfo {position: absolute; top: 21px; right: 11px; text-align: right;} div#metaInfo p {margin-bottom: 7px; font-size: 11px;} div#metaInfo p i {font-style: normal; font-weight: bold;} div#metaInfo p b {color: #f26522; font-weight: bold;} div#metaInfo p.forms {font-size: 11px; font-weight: bold; color: #363636;} div#metaInfo p.forms input {vertical-align: middle;} div#metaInfo p.forms input[type="text"] {width: 132px; margin-right: 2px;} div#metaInfo p.forms select {min-width: 213px; margin-right: 15px; vertical-align: middle;} div.voterDiv table.table-css {display: none ! important;} div.outbrainDiv {margin: 0 0 24px;} div.globalNav {padding: 6px 0; border-bottom: 1px solid #e5e5e5;} ul#mainNav {min-height: 24px; margin: 0 11px; background: #549110;} ul#mainNav li {display: inline; height: 24px; background: #549110;} ul#mainNav li a {display: block; float: left; padding: 0 4px 0 5px; line-height: 24px; color: #fff; background-color: #549110; background-repeat: no-repeat; background-position: 50% 7px; text-indent: -9000px; border-right: 1px solid #88b258;} ul#mainNav li#hoursNav a {width: 63px; background-image: url(../../img/nav_24-hours.png); background-position: 50% 8px; background-color: #0054a6;} ul#mainNav li#lifeNav a {width: 68px; background-image: url(../../img/nav_life-science.png);} ul#mainNav li#physicalNav a {width: 93px; background-image: url(../../img/nav_physical-science.png);} ul#mainNav li#environmentNav a {width: 75px; background-image: url(../../img/nav_environment.png);} ul#mainNav li#humanitiesNav a {width: 67px; background-image: url(../../img/nav_humanities.png);} ul#mainNav li#educationNav a {width: 58px; background-image: url(../../img/nav_education.png);} ul#mainNav li#politicsNav a {width: 42px; background-image: url(../../img/nav_politics.png);} ul#mainNav li#medicineNav a {width: 53px; background-image: url(../../img/nav_medicine.png);} ul#mainNav li#brainNav a {width: 97px; background-image: url(../../img/nav_brain.png);} ul#mainNav li#technologyNav a {width: 67px; background-image: url(../../img/nav_technology.png);} ul#mainNav li#informationNav a {width: 116px; background-image: url(../../img/nav_information-science.png); border-right: 0;} ul#mainNav li#jobsNav a {float: right; width: 26px; padding: 0 8px 0 7px; background-image: url(../../img/nav_jobs.png); border-right: 0; border-left: 1px solid #88b258; background-color: #f26522;} div#mainCol {float: left; width: 648px; margin-left: 11px; border-right: 1px solid #e9e9e9;} div#topBlock {position: relative; margin-bottom: 22px;} div#buzzBox {} div#theBuzz {margin: 14px 0 22px;} div#theBuzz p.buzzDate {position: relative; height: 36px; margin-bottom: 12px; font-size: 11px; text-transform: uppercase; background-position: 50% 50%; background-repeat: no-repeat;} div#theBuzz p.buzzDate span:first-child {position: absolute; top: 16px; right: 355px; font-weight: bold;} div#theBuzz p.buzzDate span:last-child {position: absolute; top: 16px; left: 355px;} div#theBuzz h2 {margin-bottom: 12px; padding: 0 24px; font: normal 32px/32px georgia; text-align: center;} div#buzzWrapper {margin: 0 12px 22px 0; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9;} div#buzzInner {float: right; width: 215px;} div#buzzInner {border-left: 1px solid #e9e9e9;} div#buzzInner div {padding: 12px 12px 12px 11px; border-bottom: 1px dotted #e9e9e9;} div#buzzInner div:last-child {border-bottom: 0;} div#buzzInner h3, div#buzzItems h3 {margin-bottom: 8px; font: bold 11px/11px 'Trebuchet MS', sans; text-transform: uppercase;} div#buzzInner h3 span, div#buzzItems h3 span {padding-right: 10px; background: url(../../img/arrow_tiny.gif) 100% 70% no-repeat;} div#buzzInner p {color: #333; font-size: 11px; line-height: 14px;} div#statistic {} div#statistic p span {display: block; margin-bottom: 9px; font-size: 36px; line-height: 36px; color: #000;} div#buzzSource {} div#buzzSource p {margin-bottom: 10px;} div#buzzSource li {padding-left: 11px; font-weight: bold; background: url(../../img/arrow_orange.gif) 0 5px no-repeat;} div#buzzItems {float: left; width: 408px; margin-bottom: 22px; padding: 12px 12px 12px 0;} div#buzzItems p.blogTitle {margin-bottom: 2px;} div#buzzItems p.blogTitle a {} div#buzzItems h4 {margin-bottom: 2px; font: bold 18px 'Trebuchet MS', sans;} div#buzzItems p.excerpt {margin-bottom: 14px; line-height: 15px;} div.blogger p, div.blogger h4 {margin-left: 70px;} div.blogger div.portrait {float: left; width: 60px; height: 60px; margin-right: 10px; background-position: 100% 100%; background-repeat: no-repeat;} div#floaters {clear: both;} div#floaters div.floater {position: relative; float: left; width: 204px; margin-right: 12px; border-top: 3px solid #363636;} div#floaters div.floater:last-child {margin-right: 0;} div#floaters div.floater h3 {margin-bottom: 12px; padding: 43px 0 9px; font: normal 11px georgia; text-transform: uppercase; text-align: center; border-bottom: 1px solid #e5e5e5; background-position: 50% 15px; background-repeat: no-repeat;} div#floaters div.floater.video h3 {background-image: url(../../img/icon_tv.gif);} div#floaters div.floater.books h3 {background-image: url(../../img/icon_book.gif);} div#floaters div.floater.community h3 {background-image: url(../../img/icon_community.gif);} div#floaters div.floater.peerReview h3 {background-image: url(../../img/icon_peer-review.gif);} div#floaters div.floater.video img {display: block; width: 168px; margin: 0 0 12px 12px; padding: 5px; border: 1px solid #c0c2c5;} div#floaters div.floater h4 {margin: 0 6px 3px; line-height: 16px; font-size: 14px; font-weight: bold;} div#floaters div.floater.video h4 {margin: 0 12px 3px;} div#floaters div.floater p {margin: 0 6px 3px; line-height: 16px;} div#floaters div.floater.video p {margin: 0 12px 3px;} div#floaters div.floater span.dateline {display: block; margin-bottom: 3px; color: #666;} div#floaters div.floater.community p {margin-bottom: 9px;} div#quoteBlock {width: 634px; border: 1px solid #e0e0e0;} div#quoteBlock div.bannerAd {float: left; width: 300px; padding: 12px 12px 12px 11px;} div#quoteBlock div#moneyQuote {position: relative; float: left; width: 310px; height: 300px; overflow: hidden; border-left: 1px solid #c0c2c5; background: url(../../img/bg_grid.gif);} div#quoteBlock div#daQuotes {position: absolute; top: 0; left: 0px; width: 2000px; height: 300px;} div#quoteBlock div.aQuote {float: left; width: 284px; height: 268px; padding: 16px 10px 12px 15px;} div#quoteBlock div#moneyQuote h3 {position: absolute; top: 17px; left: 10px; width: 288px; height: 36px; background: url(../../img/title_quote.gif); text-indent: -9000px;} div#quoteBlock div#moneyQuote blockquote {margin: 52px 0 12px 0; font: normal 22px georgia;} div#quoteBlock div#moneyQuote p {margin-bottom: 2px;} div#quoteBlock div#moneyQuote #previousQuote {position: absolute; top: 27px; right: 48px; width: 10px; height: 16px; text-indent: -9000px; background: url(../../img/button_left-trans.png) 0 0 no-repeat;} div#quoteBlock div#moneyQuote #nextQuote {position: absolute; top: 27px; right: 30px; width: 10px; height: 16px; text-indent: -9000px; background: url(../../img/button_right-trans.png) 0 0 no-repeat;} div#channelContainer {float: left; width: 636px; padding-top: 18px;} div#channelContainer h3 {height: 51px; text-indent: -9000px;} body.lifeScience div#channelContainer h3 {background: url(../../img/h3_life-science.gif) 3px 0 no-repeat;} div#channelContainer #topPhoto {margin-bottom: 22px; font-size: 11px;} div#channelContainer #topPhoto img {display: block; float: left; max-width: 474px;} div#channelContainer #topPhoto p {float: left; width: 147px; padding: 0 12px;} div#rightColumn {float: right; width: 311px; margin-right: 11px;} /*body#channelPage div#rightColumn {margin-top: 18px;}*/ div#greenBlock {margin-bottom: 17px; background: #ebffcd; border-bottom: 1px solid #e9e9e9;} div#rightColumn .bannerAd {width: 300px; margin: 0 0 18px 0; padding: 0 0 6px 11px; background: #fff;} /*div#rightColumn div#politicsBlock {margin: 0 0 18px 11px;} div#rightColumn div#politicsBlock h3 {position: relative; height: 27px; margin-bottom: 12px; background: url(../../img/text_politics.gif) 0 0 no-repeat; text-indent: -9000px;} div#rightColumn div#politicsBlock h3 a {display: block; width: 222px; height: 27px;} div#rightColumn div#politicsBlock h3 a.rss {position: absolute; top: 5px; right: 38px; width: 17px; height: 17px; background: url(../../img/icon_rss_white.png) 50% 4px no-repeat; text-indent: -9000px;} div#rightColumn div#politicsBlock p {margin: 0 6px 14px; line-height: 15px;} div#rightColumn div#politicsBlock p.blogTitle {margin: 0 6px 0; line-height: 15px;} div#rightColumn div#politicsBlock h4 {margin: 0 6px 0; font-weight: bold;}*/ div#minorNav {width: 300px; margin: 0 0 0 11px; padding-bottom: 12px;} div#minorNav h4 {width: 143px; height: 17px; margin-bottom: 10px; background: url(../../img/title_more-scienceblogs-trans.png); text-indent: -9000px;} div#minorNav h5 {margin-bottom: 2px;} div#minorNav li {margin-bottom: 2px; padding-left: 10px; background: url(../../img/arrow_orange.gif) 0 5px no-repeat; font-size: 11px;} div#minorNav li span.new, span.newFlag {font-weight: bold; text-transform: uppercase; font-size: 10px; color: #f26522;} div#minorNav div.col {float: left; width: 133px;} div#minorNav div.col:first-child {margin-right: 12px;} div#minorNav div.col:last-child {width: 150px;} div#flickrBlock {margin: 0 0 19px 11px;} div#flickrBlock h3 {height: 28px; background: #595d64 url(../../img/text_photos.gif) no-repeat; text-indent: -9000px;} div#flickrBlock div#flickrPhoto {position: relative; height: 222px; margin-bottom: 9px; background-position: 50% 50%; background-repeat: no-repeat;} div#flickrBlock div#flickrPhoto div {position: absolute; bottom: 6px; width: 288px; margin: 0 6px; background: url(../../img/bg_half-black.png);} div#flickrBlock div#flickrPhoto div p {margin-left: 12px; margin-right: 12px; margin-top: 10px; color: #fff; font-weight: bold;} div#flickrBlock div#flickrPhoto div p:last-child {margin-top: 0; margin-bottom: 10px; font-size: 10px;} div#flickrBlock div#flickrPhoto div p a {color: #fff799;} div#flickrBlock div#flickrPhoto #previousPic {position: absolute; bottom: 21px; left: 13px; width: 10px; height: 16px; text-indent: -9000px; background: url(../../img/button_left-trans.png) 0 0 no-repeat;} div#flickrBlock div#flickrPhoto #nextPic {position: absolute; bottom: 21px; right: 13px; width: 10px; height: 16px; text-indent: -9000px; background: url(../../img/button_right-trans.png) 0 0 no-repeat;} div#topListsBlock {margin: 0 0 19px 11px;} div#topListsBlock h3 {height: 28px; background: #595d64 url(../../img/title_top-lists.gif) no-repeat; text-indent: -9000px;} div#topListsBlock ul {height: 26px; background: #e2e2e2; border-left: 1px solid #bcbec1;} div#topListsBlock ul li {width: 98px; float: left; background: #e2e2e2; border-right: 1px solid #bcbec1;} div#topListsBlock ul li a {display: block; height: 26px; line-height: 26px; text-align: center; color: #7b7b7b; font-weight: bold; font-family: 'Trebuchet MS'; border-bottom: 1px solid #bcbec1;} div#topListsBlock ul li#tab2 {width: 100px;} div#topListsBlock ul li#tab3 {} div#topListsBlock ul li.active {border-color: #bcbec1 ! important;} div#topListsBlock ul li.active a {height: 27px; background: #fff; color: #000; border-bottom: 0; line-height: 27px;} div#topListsBlock ol {display: none; padding: 15px 12px 15px 12px; border: 1px solid #bcbec1; border-top: 0;} div#rightColumn ol#nytimesList {padding: 15px 12px 15px 12px;} div#topListsBlock ol#mostActiveList {display: block;} div#topListsBlock ol li, div#rightColumn ol#nytimesList li {position: relative; margin-bottom: 8px; padding-bottom: 10px; padding-left: 24px; border-bottom: 1px dotted #bcbec1;} div#topListsBlock ol li:last-child, div#rightColumn ol#nytimesList li:last-child {border-bottom: 0; padding-bottom: 0;} div#topListsBlock ol li.moreLink, div#rightColumn ol#nytimesList li.moreLink {list-style-type: none; font-size: 11px;} div#topListsBlock ol li b, div#rightColumn ol#nytimesList li b {position: absolute; display: block; top: 4px; left: 0; font-size: 24px; font-weight: bold; color: #bcbec1;} div#rightCol div#nytimesBlock h3, div#rightCol div#nytimesBlock p#top {display: none;} div#internationalBlock {margin: 0 0 19px 11px;} div#internationalBlock h3 {height: 28px; background: #595d64 url(../../img/title_international.gif) no-repeat; text-indent: -9000px;} div#internationalBlock div {padding-top: 6px; border: 1px solid #bfbfbf; border-top: 0;} div#rightColumn div#nytimesBlock {margin: 0 0 19px 11px; padding-top: 10px; border: 1px solid #bebebe;} div#rightColumn div#nytimesBlock h3 {height: 33px; margin: 0 0 6px; background: url(../../img/logo_nytimes.gif) 50% 50% no-repeat; text-indent: -9000px;} div#rightColumn div#nytimesBlock p#top {margin: 0 12px; padding-bottom: 8px; text-align: center; font: normal 11px georgia; border-bottom: 1px dotted #bcbec1;} div#basicsBlock {margin: 0 0 19px 11px;} div#basicsBlock div {padding: 12px 12px 12px 11px; border: 1px solid #bcbec1; border-top: 0;} div#basicsBlock h3 {height: 28px; background: #595d64 url(../../img/title_basics.gif) no-repeat; text-indent: -9000px;} div#basicsBlock img {display: block; margin-bottom: 12px; max-width: 276px;} div#basicsBlock p, div#basicsBlock h4 {margin: 0 0 1px 0; font-size: 11px;} div#basicsBlock h4.top {font-size: 14px; font-weight: bold; margin-top: 6px; margin-bottom: 3px;} div#basicsBlock p.description, div#basicsBlock p.excerpt {margin-bottom: 14px;} div#basicsBlock div#seeAlsoBox {margin-bottom: 12px; border: 0; padding: 0;} div#basicsBlock div#seeAlsoBox img {display: block; float: left; border: 1px solid #aaa; margin-right: 6px;} div#basicsBlock div#seeAlsoBox h5 {margin-top: 3px; font: normal italic 11px 'Trebuchet MS';} div#basicsBlock div#seeAlsoBox p {margin: 0; font-size: 11px;} div#basicsBlock div#sponsor {border: 0; padding: 0;} div#basicsBlock div#sponsor img {margin: 0;} div#channelBlock {} div#channelBlock h2 {height: 53px; background: url(../../img/text_channel-surfing.gif) 50% 19px no-repeat; text-indent: -9000px;} div#channelBlock div.channel {position: relative; float: left; width: 204px; margin-right: 12px; margin-bottom: 22px; border-top: 1px solid #c0c2c5;} div#channelBlock div.channel:last-child {margin-right: 0;} div#channelBlock div.channel h3 {margin: 0 0 9px 0; padding: 46px 0 9px; font: normal 11px georgia; text-transform: uppercase; text-align: center; border-bottom: 1px solid #e5e5e5;} div#channelBlock div.channel h3 a {color: #000;} div#channelBlock div.channel h3 a:hover {border-bottom: 1px dotted #999;} div#channelBlock div#lifeScienceChannel h3 {background: url(../../img/icon_life-science.gif) 50% 13px no-repeat;} div#channelBlock div#physicalScienceChannel h3 {background: url(../../img/icon_physical-science.gif) 50% 13px no-repeat;} div#channelBlock div#environmentChannel h3 {background: url(../../img/icon_environment.gif) 50% 14px no-repeat;} div#channelBlock div#socialSciencesChannel h3 {background: url(../../img/icon_social-sciences.gif) 50% 13px no-repeat;} div#channelBlock div#educationChannel h3 {background: url(../../img/icon_education.gif) 50% 13px no-repeat;} div#channelBlock div#politicsChannel h3 {background: url(../../img/icon_politics.gif) 50% 12px no-repeat;} div#channelBlock div#medicineChannel h3 {background: url(../../img/icon_health.gif) 50% 16px no-repeat;} div#channelBlock div#brainChannel h3 {background: url(../../img/icon_brain.gif) 50% 16px no-repeat;} div#channelBlock div#technologyChannel h3 {background: url(../../img/icon_technology.gif) 50% 14px no-repeat;} div#channelBlock div#informationScienceChannel h3 {background: url(../../img/icon_information-science.gif) 50% 14px no-repeat;} div#channelBlock div#jobsChannel h3 {background: url(../../img/icon_jobs.gif) 50% 14px no-repeat;} div#channelBlock div.channel h4 {margin-bottom: 1px; font-size: 11px; line-height: 15px;} div#channelBlock div.channel p {margin-bottom: 18px; font-size: 11px; line-height: 15px;} div#channelBlock div.channel p.blogTitle {margin-bottom: 1px;} div#channelBlock div.channel a.rss {display: block; position: absolute; top: 0; right: 0; width: 14px; height: 13px; line-height: 13px; background: #f26522 url(../../img/icon_rss_white_small-trans.png) no-repeat; text-indent: -9000px;} div#channelContainer {} div#channelContainer h3 {height: 51px; text-indent: -9000px;} body.last24hours div#channelContainer h3 {background: url(../../img/h3_24-hours.gif) 3px 0 no-repeat;} body.lifeScience div#channelContainer h3 {background: url(../../img/h3_life-science.gif) 3px 0 no-repeat;} body.brain div#channelContainer h3 {background: url(../../img/h3_brain.gif) 3px 0 no-repeat;} body.physicalScience div#channelContainer h3 {background: url(../../img/h3_physical-science.gif) 3px 0 no-repeat;} body.education div#channelContainer h3 {background: url(../../img/h3_education.gif) 3px 0 no-repeat;} body.environment div#channelContainer h3 {background: url(../../img/h3_environment.gif) 3px 0 no-repeat;} body.humanities div#channelContainer h3 {background: url(../../img/h3_humanities.gif) 3px 0 no-repeat;} body.medicine div#channelContainer h3 {background: url(../../img/h3_medicine.gif) 3px 0 no-repeat;} body.politics div#channelContainer h3 {background: url(../../img/h3_politics.gif) 3px 0 no-repeat;} body.technology div#channelContainer h3 {background: url(../../img/h3_technology.gif) 3px 0 no-repeat;} body.informationScience div#channelContainer h3 {background: url(../../img/h3_information-science.gif) 3px 0 no-repeat;} #channelContainer li {margin-bottom: 18px; padding: 0 6px;} #channelContainer li.dateHeader {margin-bottom: 14px; padding: 6px; font-weight: bold; background: #e0e1e2;} #channelContainer li.dateHeader h3 {height: auto; text-indent: 0; background-image: none ! important;} #channelContainer li p.links {color: #898989;} #channelContainer li p.links a {color: #898989;} #channelContainer li p.post a {font-weight: bold;} #channelContainer li div.post {padding: 12px; background: #eee; border-left: 1px solid #ccc;} #channelContainer li div.post p {margin-bottom: 12px;} #channelContainer li div.post p.commentFooter {margin-bottom: 0; color: #999;} #channelContainer li div.post blockquote {margin: 12px; padding: 6px; background: #ccc; border-left: 1px solid #999;} #channelContainer div.pagination {margin: 48px 0 24px; text-align: center; color: #999; font-size: 11px; line-height: 11px; text-transform: uppercase;} #channelContainer div.pagination a.older {padding-left: 8px; padding-right: 12px; background: url(../../img/arrow_left.gif) 0 50% no-repeat;} #channelContainer div.pagination a.newer {padding-right: 8px; padding-left: 12px; background: url(../../img/arrow_right.gif) 100% 50% no-repeat;} div.basicContent {} div.basicContent h2 {margin-bottom: 12px; font: normal 18px 'Trebuchet MS', arial, sans-serif;} div.basicContent p {margin-bottom: 12px;} /* rss feeds/email subs */ div.basicContent ul.rssFeeds, div.basicContent ul.emailSubs {font-size:12px;} div.basicContent ul.rssFeeds li, div.basicContent ul.emailSubs li {margin-bottom: 0; padding: 0 6px 3px 24px;} div.basicContent ul.rssFeeds li a, div.basicContent ul.emailSubs li a {background:url(../../../channel/img/icon_rss-feed.gif) no-repeat left center;padding-left:18px;} div.basicContent ul.rssFeeds li.head, div.basicContent ul.emailSubs li.head {margin-top: 12px; padding:2px 6px;background:#898989;color:#fff;border-bottom:none; text-indent: 0;} div.basicContent ul.emailSubs li a {background:url(../../../seed-img/aggro/email.gif) no-repeat left center;padding-left:22px;} /* email subscriptions */ div.basicContent p.endNote {color:#999;} div.basicContent p.endNote span.alertText {color:#f00;} div.basicContent table.emailSubs {font-size:12px;width:100%;border-bottom:1px dotted #ccc;_border-bottom:1px solid #eee;margin-bottom:16px} div.basicContent table.emailSubs th {padding-bottom:6px;font-weight:bold;} div.basicContent table.emailSubs td {font-size:12px;padding:6px 6px 5px;text-align:center;border-top:1px dotted #ccc;_border-top:1px solid #eee;} div.basicContent table.emailSubs td.label {text-align:left;} div.basicContent table.emailSubs tr.selectAll td {font-weight:bold;background:#fffcd1;} /* contact table */ div.basicContent table.contact {width:100%;} div.basicContent table.contact td {font-size:12px;padding:0 8px 8px 0;vertical-align:top;} div.basicContent table.contact td.label {font-weight:bold;} div#channelInfo {margin-bottom: 18px;} div#channelInfo h3 {margin-bottom: 3px; font-weight: bold; text-transform: uppercase;} div#channelInfo p {font-size: 11px;} div#channelInfo .credit {font-style: italic;} div#readersReactions {position: relative; margin: 0 0 18px 11px;} div#readersReactions h3 {position: absolute; display: block; width: 300px; height: 33px; text-indent: -9000px; background: url(../../img/text_readers-reactions.gif) no-repeat;} div#readersReactions blockquote {padding: 42px 18px 14px; font: normal 16px/22px georgia; border: 1px solid #bcbec1; text-indent: -11px; border-radius : 5px; -moz-border-radius : 5px; /* Mozilla */ -webkit-border-radius : 5px; /* Webkit */} div#readersReactions blockquote span {display: block; margin: 3px 18px 0 0; color: #333; font: normal 12px/16px 'Trebuchet MS'; text-indent: 0;} div#readersReactions blockquote span a {font-weight: bold;} div#footerBlock {padding: 18px 0; border-top: 2px solid #648d35; background: #f5ffe6;} div#footerBlock div.inner {position: relative; width: 972px; min-height: 78px; margin: 0 auto 24px; background: #f5ffe6 url(../../img/footer_phylotaxis_grey.gif) 100% 0 no-repeat;} div#footerBlock a.smgLink {position: absolute; top: 0px; left: 898px; display: block; width: 75px; height: 75px;} div#footerBlock p {margin-bottom: 24px; font: normal 10px 'Helvetica Neue', arial; color: #4e583f;} div#footerBlock p a {font-weight: bold; color: #333d24; padding: 0 4px;} div#footerBlock p.blogLinks {margin-bottom: 8px; font-size: 11px;} div#footerBlock p.blogLinks a:first-child {padding-left: 0;} /*- BLOG PAGES ----------------------------------------------------------------------*/ body#blog div#sbMainContainer {border-color: #c2c2c2;} div.mainCol {float: left; width: 756px; padding: 12px 0 0 11px;} div.mainCol a {color: #0054a6;} div.blogTop {position: relative; height: 117px; margin-bottom: 27px; overflow: hidden;} div.blogTop div.masthead {position: absolute; top: 0; left: 0; height: 93px;} div.blogTop div.masthead h1 {position: static; width: 756px; height: auto; background-image: none; text-indent: 0; text-align: center; font-size: 26px; line-height: 18px; padding: 22px 0 12px;} div.blogTop div.masthead h1 a {display: inline; width: auto; height: auto; text-indent: 0; color: #333; text-decoration: none; text-transform: uppercase;} div.blogTop div.masthead p {width: 756px; text-align: center; color:#333; text-transform: uppercase;} div.blogTop div.nav {position: absolute; bottom: 0; height: 30px; width: 756px; background: url(../../img/bg_nav.gif) 0 100% repeat-x;} div.blogTop div.nav ul {position: absolute; bottom: 0; padding-left: 12px;} div.blogTop div.nav ul li {display: inline;} div.blogTop div.nav ul li a {display: block; float: left; height: 24px; border-right: 1px solid #433C32; margin-top: 6px; color: #fff; font-weight: bold; line-height: 22px; padding: 0 18px;} div.blogTop div.nav ul li.active a {height: 26px; margin-top: 0; line-height: 27px; color: #000; background-color: #fff; border-right: 0; border-top: 4px solid #8dc63f;} div.blogTop div.makeClickable h1 {position: absolute; height: 117px; padding: 0; background-position: 0 0; background-repeat: no-repeat;} div.blogTop div.makeClickable h1 a {display: block; height: 117px; width: 768px; text-indent: -9000px;} div.blogTop div.makeClickable p {text-indent: -9000px;} div.blogLeft {float: left; width: 180px; overflow: hidden; margin: 0 24px 36px 12px; font-size: 11px;} div.blogLeft h3 {background: url(../../../seed-img/bg_h3.gif) repeat-x 0 0; font-size: 12px; font-weight: bold; line-height: 14px; min-height: 24px; padding: 0 3px 4px 0;} div.blogLeft h3 span {background: url(../../../seed-img/bg_h3_inner.gif) no-repeat 100% 0; display: block; float: left; padding: 10px 7px 0 5px;} div.blogLeft div.searchHolder, div.blogLeft p.misc, div.blogLeft p.profile, div.blogLeft div.freeModule, div.blogLeft ul.linkList, div.blogLeft ul.linkList2 {background: url(../../../seed-img/bg_dots_555.gif) repeat-x; margin-bottom: 24px; padding: 12px 6px 0;} div.blogLeft form.blogSearch {display: block; margin-bottom: 24px; padding-top: 12px; padding-left: 6px; background: url(../../../seed-img/bg_dots_555.gif) repeat-x;} div.blogLeft form.blogSearch input#qbox {width: 100px;} div.blogLeft div.freeModule p {margin-bottom: 12px;} div.blogLeft p.profile img {border: 1px solid #ccc; float: left; margin: 0 6px 6px 0; padding: 4px;} div.blogLeft ul.linkList li, div.blogLeft ul.linkList2 li {background: url(../../../seed-img/misc_arrow_orange.gif) no-repeat 0 5px; display: block; margin: 4px 0; padding-left: 12px;} div.blogMain {float: left; width: 516px; margin-bottom: 36px; overflow: hidden;} div.blogMain p {margin-bottom: 18px;} div.blogMain p.date {margin-bottom: 20px; padding-bottom: 3px; font-size: 11px; text-transform: uppercase; background: url(../../../seed-img/bg_dots_999.gif) 0 100% repeat-x;} div.blogMain h2 {margin-bottom: 4px; font: bold 18px/18px 'Trebuchet MS';} div.blogMain h2 a {color: #000; text-decoration: none;} div.blogMain h2 a:hover {text-decoration: underline;} div.blogMain h2.archiveTitle {font-size: 14px; background: url(../../../seed-img/bg_dots_555.gif) 0 100% repeat-x;} div.blogMain h3 {margin-bottom: 4px; font: bold 14px/14px 'Trebuchet MS';} div.blogMain p.contentNav {margin-bottom: 18px; font-size: 11px; color: #666; text-align: center;} div.blogMain p.contentNav a {text-decoration: none; color: #333; border-bottom: 1px dotted #999;} div.blogMain p.contentNav a:hover {border-bottom: 1px dotted #000;} div#comment-form-external-auth {border: 1px solid #ccc; background: #eee; padding: 4px; margin-bottom: 12px;} div.blogMain div.entry {} div.blogMain div.entry blockquote, div.comments blockquote, body.messagePage div#container blockquote {margin: 0 12px 18px; padding-left: 12px; background: url(../../../seed-img/bg_blockquote.gif) 0 0 repeat-y;} body.messagePage div#container blockquote {margin-bottom: 6px;} div.comments blockquote {margin-top: 18px; margin-left: 36px;} div.blogMain blockquote p, div.comments blockquote p {margin-top: 8px; margin-bottom: 8px; margin-left: 0 ! important;} div.blogMain div.entry p.categories, div.blogMain p.categories {margin-bottom: 12px ! important; font: normal 11px/16px 'Trebuchet MS' ! important; color: #666 ! important;} div.blogMain p.categories a {font-weight: bold; color: #000; text-decoration: none;} div.blogMain p.categories a:hover {text-decoration: underline;} div.blogMain div.entry p.entryMeta {padding: 0; clear: both; margin-bottom: 24px; font: normal 11px 'Trebuchet MS'; color: #666; background: transparent;} div.blogMain div.entry p.entryMeta a {font-size: 11px; padding: 0; background: transparent;} div.blogMain p.newMeta2 {clear: both; margin-bottom: 0 ! important; padding: 6px 12px; font: normal 11px/16px 'Trebuchet MS' ! important; color: #333 ! important; background: #F2F2F2 url(../../../seed-img/bg_dots_555.gif) 0 0 repeat-x;} div.blogMain p.newMeta2 span.channelLinks a {padding: 0 6px 0 8px; color: #333; text-decoration: none; background: url(../../../seed-img/misc_arrow_stub.gif) 100% 50% no-repeat;} div.blogMain p.newMeta2 span.channelLinks a:hover {color: #000; text-decoration: none;} div.blogMain p.newMeta2 {position: relative; height: 22px;} div.blogMain p.newMeta2 a {display: block; float: left; margin-right: 24px; padding: 3px 0 3px 24px; background-position: 0 50% ! important; background-repeat: no-repeat;} div.blogMain p.newMeta2 a img {margin-right: 6px; vertical-align: middle;} div.blogMain div.entry p.newMeta2 {padding: 0; clear: both; margin-bottom: 24px ! important; font: normal 11px 'Trebuchet MS' ! important; color: #666 ! important; background: transparent;} div.blogMain div.entry p.newMeta2 a {font-size: 11px ! important; padding: 0; background: transparent;} div.blogMain p.newMeta2 #sharethis_0 {position: absolute; top: 6px; right: 12px;} div.blogMain p.newMeta2 #sharethis_0 a {margin-right: 0;} div.blogMain p.newMeta2 span.channelLinks {position: absolute; top: 9px; left: 12px;} div.blogMain p.newMeta2 span.channelLinks a {display: inline; float: none; margin: 0 ! important; margin-right: 12px ! important; margin-left: 6px ! important; padding: 0 ! important; color: #ED1C24; font: bold 11px 'Trebuchet MS'; background-image: none;} div.blogMain p.newMeta2 span.channelLinks a.politics img {margin-right: 4px; margin-top: -4px; vertical-align: middle;} div.blogMain p.newMeta2 span.channelLinks a.life_science img {margin-right: 4px; margin-top: -2px; vertical-align: middle;} div.blogMain p.newMeta2 span.channelLinks a.physical_science img {margin-right: 5px; margin-top: 0; vertical-align: middle;} div.blogMain p.newMeta2 span.channelLinks a.technology img {margin-right: 5px; margin-top: -2px; vertical-align: middle;} div.blogMain p.newMeta2 span.channelLinks a.medicine_health img {margin-right: 4px; margin-top: -2px; vertical-align: middle;} div.blogMain p.newMeta2 span.channelLinks a.education_careers img {margin-right: 5px; margin-top: -2px; vertical-align: middle;} div.blogMain p.newMeta2 span.channelLinks a.brain_behavior img {margin-right: 4px; margin-top: -3px; vertical-align: middle;} div.blogMain p.newMeta2 span.channelLinks a.environment img {margin-right: 5px; margin-top: -2px; vertical-align: middle;} div.blogMain p.newMeta2 span.channelLinks a.humanities_social_science img {margin-right: 5px; margin-top: -3px; vertical-align: middle;} div.blogMain p#flairBar {clear: both; margin-bottom: 24px ! important; padding: 6px 12px; font: normal 11px/16px 'Trebuchet MS' ! important; color: #333 ! important; background: #F2F2F2; border-top: 1px dotted #999;} div.blogMain p#flairBar span.label {display: block; float: left; width: 60px;} div.blogMain p#flairBar a {display: block; float: left; height: 20px; margin-right: 12px; padding-left: 20px; text-transform: uppercase; font-size: 10px; color: #000; font-weight: normal; line-height: 20px;} div.blogMain p#flairBar a.facebook {background: url(../../img/icon_facebook.gif) 0 2px no-repeat;} div.blogMain p#flairBar a.twitter {background: url(../../img/icon_twitter2.gif) 0 2px no-repeat;} div.blogMain p#flairBar a.stumbleupon {background: url(../../img/icon_stumbleupon.gif) 0 2px no-repeat;} div.blogMain p#flairBar a.reddit {background: url(../../img/icon_reddit.gif) 0 2px no-repeat;} div.blogMain p#flairBar a.addtoany {background: url(../../img/icon_addtoany.gif) 0 2px no-repeat;} h3#trackback {margin-top: 24px; margin-bottom: 12px;} .trackbacksList {margin-bottom: 24px;} .trackbacksList li {margin-bottom: 12px; font-size: 11px;} .trackbacksList li a.date {text-transform: capitalize;} div.blogMain img.inset {float: left; margin: 0 12px 12px 0; padding: 4px; border: 1px solid #ccc;} img.darkBorder {border: 1px solid #000 ! important;} div.blogMain img.right {float: right; margin: 0 0 12px 12px;} .center {text-align: center;} div.blogMain .center img, div.blogMain .center img.inset {float: none; padding: 4px; border: 1px solid #ccc;} div.blogMain div.centeredCaption {margin-bottom: 18px; text-align: center;} div.blogMain div.centeredCaption img {margin-bottom: 18px; clear: both; padding: 4px; border: 1px solid #ccc;} div.blogMain div.centeredCaption p {font-size: 11px;} div.blogMain ul {margin-bottom: 24px;} div.blogMain ul li {margin-bottom: 4px; padding-left: 16px; background: url(../../../seed-img/misc_arrow_orange.gif) 0 5px no-repeat;} div.blogMain ol, div#container ol {margin-bottom: 24px; margin-left: 16px; list-style-type: decimal;} div.blogMain ol li, div container ol li {margin-bottom: 4px;} div.blogMain h3.metaHeader, div#container h3.metaHeader {margin-bottom: 2px; padding-bottom: 2px; font: bold 14px/14px 'Trebuchet MS'; background: url(../../../seed-img/bg_dots_555.gif) 0 100% repeat-x;} div.blogMain div.pagination {margin-top: 36px; font-size: 12px; text-transform: uppercase; text-align: center; color: #999;} div.blogMain div.pagination span.previous a {padding: 0 6px 0 12px; background: url(../../../seed-img/misc_arrow_orange_flip.gif) 0 4px no-repeat;} div.blogMain div.pagination span.next a {padding: 0 12px 0 18px; background: url(../../../seed-img/misc_arrow_orange.gif) 100% 4px no-repeat;} p#trackbackInfo {margin-bottom: 18px; font-size: 11px; color: #666;} p#trackbackInfo img {margin-top: 3px; vertical-align: top;} div#comments-open {margin-top: 36px;} div#comments-open-data p {margin-bottom: 6px;} div#comments-open-data label {} div#comments-open-data textarea {width: 500px;} p#comments-open-text {margin-top: 12px;} div#comments {margin-top: 36px;} div#comments p {margin-bottom: 6px; margin-left: 28px;} div#comments div.comment {margin-bottom: 6px; padding: 6px;} div#comments div.oddcomment {} div#comments div.evencomment {background: #F2F2F2;} div#comments div.authorComment {background: #DBD9D9; border-top: 1px solid #999; border-bottom: 1px solid #999;} div#comments p.commentFooter {margin-bottom: 0; font-size: 11px ! important; color: #666 ! important;} div#comments div.commentContent span.commentNumber {float: left; margin: 0 4px 4px 0; font-size: 18px; color: #ddd;} div#comments div.evencomment div.commentContent span.commentNumber {color: #ccc;} div#comments div.authorComment div.commentContent span.commentNumber {color: #aaa;} form div#comments-open p {margin-left: 0;} div.blogMain div.archiveCol1, div.blogMain div.archiveCol2 {margin-bottom: 44px; clear: both; color: #666;} div.blogMain div.archiveCol1 ul li {float: left; width: 140px; margin-right: 12px; padding-left: 12px;} div.blogMain div.archiveCol2 ul li {float: left; width: 200px; margin-right: 12px; padding-left: 12px;} div.blogMain div.archiveCol1 h2, div.blogMain div.archiveCol2 h2 {margin-bottom: 12px;} div#rightCol {float: right; width: 192px; margin: 12px 12px 62px 0; overflow: hidden;} div#rightColInner {border: 1px solid #ccc;} div#greenCol {border-bottom: 2px solid #fff; background: #ebffcd url(../../img/bg_rightCol.gif) repeat-y; font-size: 11px;} div#greenCol h2 {position: static; top: 0; left: 0; width: 190px; height: 56px; margin-bottom: 10px;} div#greenCol h2 a {display: block; height: 56px; background: #fff url(../../img/logo_inner.gif) 50% 50% no-repeat; text-indent: -9000px;} div#greenCol a {color: #000;} div#greenCol .blogTitle a {color: #598527;} div#greenCol h3 {margin: 0 10px 2px; font-weight: bold; text-transform: uppercase;} div#greenCol h3.big {margin-bottom: 4px; font-size: 14px; text-transform: none;} div#greenCol h3 a {color: #598527;} div#greenCol p {margin: 0 10px 14px;} div#greenCol ul {margin: 5px 10px 14px;} div#greenCol ul.topList {display: none;} div#greenCol ul li {margin-bottom: 3px;} div#greenCol ul li span {font-size: 10px; text-transform: uppercase; font-weight: bold;} div#greenCol ol {margin: 0 10px 37px 26px; list-style-type: decimal;} div#greenCol ol li {margin-bottom: 3px;} div#greenCol ol p {margin: 0;} div#greenCol ol li a {color: #0054a6;} div#greenCol ol li b {display: none;} div#greenCol ol li.moreLink {display: none;} div#greenCol form.searchbox {display: block; margin: 0 2px 10px; padding: 0 0 10px 6px; border-bottom: 2px solid #fff;} div#greenCol form.searchbox input {vertical-align: middle;} div#greenCol select {width: 170px} div#greenCol div.skyscraper {width: 166px; margin: 20px auto 37px; text-align: center; font-size: 10px; color: #959595;} div#greenCol div.skyscraper div.adHolder {width: 160px; height: 600px; overflow: hidden; border: 3px solid #fff;} div#sliders {margin: 0 2px 10px; border-bottom: 1px solid #dffdb2;} div#sliders h3 {margin: 0; padding: 6px 6px 6px 19px; background: #f1fbe2 url(../../img/arrow_slider.gif) 7px 9px no-repeat; border-top: 1px solid #dffdb2; cursor: pointer;} div#sliders h3.active {background: #f1fbe2 url(../../img/arrow_slider_on.gif) 6px 11px no-repeat;} div#sliders ul {margin: 5px 10px;} div#sliders a {padding-right: 10px; background: url(../../img/arrow_tiny.gif) 100% 70% no-repeat;} div.subscribeModule {margin-bottom: 62px;}