/* ************************************************* Grist General Screen Styles Created by the wacky troop at Happy Cog http://www.happycog.com/ ************************************************* */ /*------------------------------------------- General Selectors -------------------------------------------*/ html {/* background: #105575; */ } * { margin: 0; padding: 0; line-height: 1.3; font-style: normal; font-weight: normal; } body { font: normal 62.5% Arial, sans-serif; background: #fff; } /* block level */ h1 { font-size: 22px; color: #ca3501; margin: 0 0 0.3em; font-weight: bold; line-height: 1.2; } .headline { color: #000; margin-bottom: 0.5em; } h1.subscribe-head { margin-bottom: 0.5em; } h1 span { line-height: 1; } h1 span.subtitle { font-size: 15px; font-weight: normal; display: block; } h2 { font-size: 22px; color: #000; margin: 0 0 0.2em; font-weight: bold; } /* .home h2 { font-size: 22px; } */ h2.headline { margin-bottom: 0.8em; } .article-body h2 { font-size: 17px; } .list h2 { margin-bottom: 0.3em; width:375px; } h2 a { color: #000; font-weight: bold; } h3, h3 a { font-size: 15px; color: #ca3501; margin: 0 0 0.8em; font-weight: bold; } .article-body h3 { font-size: 13px; color: #010101; margin-bottom: 0.4em; } .series h3 { color: #131313; } form h3 { margin-bottom: 0.2em; } #secondary h3 { margin-bottom: 0.3em; } #secondary h3.subscribe-head { margin-bottom: 1em; } #secondary h3.expand-head { padding-bottom: 1em; } h4, h4 a { font-size: 20px; color: #000; margin: 0 0 0.8em; font-weight: bold; } h5, body span.posted { font-size: 9px; color: #888e93; margin: 0; font-weight: bold; text-transform: uppercase; font-style: normal; } h5 { font-size: 10px; margin-bottom: 0.3em; } h5 strong { color: #535353; } #content h5 a { font-size: 14px; color: #ca3501; font-weight: bold; border: none; text-decoration: none; } #content h5 a:hover, #content h5 a:focus { text-decoration: underline; } h6, #footer h6 { font-weight: bold; font-size: 17px; color: #fc7000; margin: 0 0 0.1em; } p, ul, dl, ol { font-size: 13px; color: #010101; margin: 0 0 1.4em; } div > img + ul { margin-top: 10px; } ul + a.more { display: block; margin: -10px 0 15px; } object { margin-bottom: 10px; } ul li, .delete-list dd { list-style-type: none; background: transparent url(/i/screen/list-marker.gif) no-repeat 0 0.55em; padding-left: 8px; } dd { /*margin: 0 0 0 15px;*/ } /* blockquote */ blockquote { margin: 0 0 24px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 28px 0; } #primary blockquote { width: 472px; margin-left: 42px; margin-top: 28px; } #primary blockquote.pull { width: 365px; background: #ebf5fc; float: right; margin-top: 0; padding: 13px 21px 0; } blockquote p { color: #666; line-height: 1.8; margin-bottom: 8px; } blockquote.pull p { color: #c30; font-size: 15px; } blockquote.pull p cite { color: #898c91; font-size: 10px; text-transform: uppercase; font-weight: bold; } blockquote.comment-quote { background: #ebf5fc url(/i/screen/comment-quote-start.gif) no-repeat 7px 5px; border: 7px solid #9ed0db; margin-top: 10px; padding-top: 14px; } blockquote.comment-quote p { color: #c30; font-size: 18px; line-height: 1.3; } blockquote.comment-quote p.end-quote { background: transparent url(/i/screen/comment-quote-end.gif) no-repeat right bottom; } blockquote.comment-quote p cite { border-top: 1px solid #ccc; font-size: 10px; float: left; width: 100%; padding-top: 16px; margin: 15px 0; } blockquote.notable { background: #ebf5fc; padding: 15px 10px 3px; border: none; } blockquote.notable p { color: #c30; line-height: 1.4; margin-bottom: 13px;} blockquote.notable p cite { color: #000; border-top: 1px solid #ccc; padding-top: 9px; display: block; } /* inline */ em, em * { font-style: italic; } strong { font-weight: bold; } strong.highlight { display: block; font-size: 14px; margin: 5px 0 0.2em; } a { color: #069; text-decoration: none; } a:hover, a:focus { text-decoration: underline; } a.more, #header .spot-articles a.more, p.more, ul.more { text-transform: uppercase; font-size: 11px; } p.more, ul.more li { color: #888e93; text-align: right; border-top: 1px solid #ccc; padding-top: 5px; clear: both; } ul.more { border-top: 1px solid #ccc; padding-top: 5px; clear: both; } ul.more li { border: none; background: none; } #content a.more, #header .spot-articles a.more { font-weight: bold; color: #ee6b02; background: transparent url(/i/screen/more-arrow-inline.gif) no-repeat left center; padding-left: 10px; } p.more a, ul.more a { font-weight: bold; color: #ca3501; background: transparent url(/i/screen/more-arrow-block.gif) no-repeat right center; padding-right: 10px; } p.more-view-all a, ul.more-view-all a { background:none; padding-right:0; } #content .pages a.more { background-image: url(/i/screen/more-arrow-pages.gif); background-position: right center; font-weight: normal; padding-right: 8px; padding-left: 0; } a.author, div.author a { color: #ff7200; text-transform: uppercase; font-weight: bold; font-size: 12px; } .article-meta a, .author-actions a, .all a { color: #015c82; font-size: 11px; } .all a { font-size: 12px; } .article-meta a:hover, .article-meta a:focus, .author-actions a:hover, .author-actions a:focus, .all a:hover, .all a:focus { color: #ca3501; } #content a.heading-action { color: #474d52; font-size: 10px; text-transform: uppercase; } .article-kingdoms a, .filters a { color: #fff; font-size: 13px; font-weight: bold; background: #ff7a00; text-decoration: none; border-bottom: none; padding: 2px; } .article-kingdoms a:hover, .article-kingdoms a:focus, .filters a:hover, .filters a:focus { background: #ca3501; color: #fff;} img { display: block; border: 1px solid #c0c0c0; /*margin: 0 10px 10px 0; padding: 3px; */} div p a img { margin-bottom: 8px; } input, textarea { /*font: 12px Georgia, 'Times New Roman', serif;*/ } textarea.filled { font-style: italic; color: #666;} code { /*font: 12px/1 'Courier New', Courier, monospace;*/ } sub, sup { line-height: 0; } body .comment-count a, #content .comment-count a { color: #48a0be; font-weight: bold; background: transparent url(/i/icons/comment-small.gif) no-repeat 5px center; border-left: 1px solid #b1d7e6; padding-left: 19px; display: inline; } #content .related-link a { color: #297bad; font-weight: normal; } #primary h1 .comment-count a, #primary h2 .comment-count a, body ul.spot-articles .first .comment-count a { background: transparent url(/i/icons/comment.gif) no-repeat 7px center; border-left: 1px solid #ecf4f7; padding-left: 28px; } h4 .comment-count a { font-size: 15px; } body ul.spot-articles .first .comment-count a { border-color: #b1d7e6; background-image: url(/i/icons/comment-large.gif); } .breadcrumb { border-bottom: 1px solid #ccc; padding-bottom: 12px; color:#21789C; font-size:12px; } .breadcrumb a { font-size: 12px; color: #21789c; background: transparent url(/i/screen/back-arrow.gif) no-repeat right center; padding-left: 0; padding-right:9px; margin-right:4px; } /* forms */ form li { background: none; padding-left: 0; margin-bottom: 20px; clear: both; } form li.group { width: 280px; float: left; clear: none; margin: 0 0 2em 35px; } form li.first { margin-left: 0; } form li p { margin-bottom: 0.5em; } form li.group p, form .info { color: #666; } form input, form label { vertical-align: middle; } form label { font-weight: bold; display: block; margin-bottom: 5px; } .juxtaposed { display: inline; } #content form div { border: none; } #primary form p { margin-bottom: 1.2em; } form.with-pages { float: left; width: 400px; } #content .with-pages div { padding: 0; } #content .with-pages label { text-transform: uppercase; font-size: 12px; } .relational li, .relational { position:relative; } .relational label { font-weight:normal; float:left; width:150px; } .relational input, #primary .relational input[type="text"] { width:200px !important; } #primary .relational textarea { width:450px !important; } .relational .info { position:absolute; top:0; left:380px; width:200px; font-size:80%; font-style:italic; } #searchauthor { width: 231px; min-height: 18px; } .inline-items { margin-bottom: 1.4em; } .inline-items ul { margin-bottom: 1em; } .inline-items label { font-weight: normal; display: inline; line-height: 1;} .inline-items li, .searchtabs dd li li { margin-bottom: 0.3em; } .inline-items li input { /* position:absolute; */ display: inline; } .inline-items li li input { position:static; } .inline-items li label { /* padding-left:20px; display: block;*/ margin-bottom: 10px; } .with-images li, .checkbox-form li { border-top: 1px solid #d4d4d4; padding: 6px 0; } .with-images li img { margin-bottom: 5px; } .checkbox-form li { clear: both; margin-bottom: 2px; } .checkbox-form li.selected { background: #ebf5fc; } #content .form-box { width: 65px; float: left; padding-left: 10px; } .checkbox-form label { font-weight: normal; } ul li.submit-action { border-bottom: 1px solid #d4d4d4; } ul li.submit-action input { position: static; display: inline; margin: 0 10px; } ul li.submit-action a { font-size: 10px; } div.bordered { border-bottom: 1px solid #d4d4d4; margin-bottom: 20px; } ul.checkbox-list label { display: block; font-weight: normal; margin-bottom: 0; } ul.checkbox-list li { padding-left: 20px; position: relative; margin-bottom: 5px; } ul.checkbox-list input { position: absolute; left: 0; top: 1px; position: absolute; } ul.checkbox-list p { color: #666; font-size: 11px; } ul.checkbox-list label a { font-weight: bold; } #primary input[type=text], #primary textarea { width: 574px; } #primary .group input[type=text], #primary .group textarea { width: auto; } #primary .group select { width: 100%; } #primary .group input.juxtaposed-input { float: left; display: inline; width: 185px; } #primary .input-actions { border: none; float: right; padding: 0; clear: none; } .input-actions input { display: block; margin-bottom: 7px; } .delete-list { clear: both; margin-bottom: 0; } .delete-list dd { clear: both; float: left; margin-bottom: 5px; } .delete-list span, .delete-list a { float: left; } .delete-list a { margin: 2px 0 0 7px; display: block; text-indent: -9999px; background: transparent url(/i/widgets/trash.gif) no-repeat; width: 7px; height: 11px; } .edit-list .delete-list { border-left: 1px solid #ccc; } .edit-list .delete-list a, table .delete-list a { background-image: url(/i/widgets/trash-lg.gif); margin-right: 8px; padding: 0 0 3px 8px; } table .delete-list { border-left: 1px solid #ccc; margin-left: 5px; } table .delete-list a { padding-left: 0; margin-left: 5px; margin-right: 0; } #secondary .edit-list .delete-list a { padding: 0 0 3px 5px; margin-right: 5px; } .delete-list input { margin-left: 3px; } .delete-input { clear: both; padding: 5px 0 0; } .form-head { font-size: 12px; font-weight: bold; color: #000; margin-bottom: 7px; } span.form-head { margin-bottom: 0.4em; display: block; } .searchtabs .form-head { text-transform: uppercase; } #content span.posted, #content span.sources { display: block; margin-bottom: 10px; font-size: 10px; } #content .tabset span.posted { margin-bottom: 0; } body span.posted a { font-weight: bold; color: #036; } body span.sources a { color: #48a0be; text-transform: none; font-size: 13px; } a.back, a.forward { width: 20px; height: 20px; top: 5px; position: absolute; background: red; display: inline; clear: both; } a.back { background-image: url(/i/widgets/back-arrow.gif); right: 25px; } a.forward { background-image: url(/i/widgets/forward-arrow.gif); right: 0; } ul.list { clear: both; } ul.list li { background: none; padding: 12px 0 0 0; border-top: 1px solid #ccc; clear: both; } ul.list li li { padding:0; border:none; } ul.list li ol { list-style-type:decimal; margin-left:30px; } ul.list li ol li { list-style-type:decimal; } #secondary ul.list li { padding-top: 8px ;} ul.list li.first { border: none; padding: 0; } ul.list img, .author-week img { float: left; margin: 0 24px 10px 0; } .author-week img { margin-bottom: 5px; } .author-week ol { margin-left:15px; } /* ul.list a { color: #000; font-weight: bold; } */ strong a { color: #000; font-weight: bold; } strong a { font-size: 13px; margin-bottom: 3px; } strong a img { margin-bottom: 8px; } ul.top-list p { margin-bottom: 0.4em; } ul.top-list a { color: #069; font-weight: normal; } ul.top-list .first a, ul.top-list .first strong { font-size: 18px; } ul.top-list .caption { margin-bottom: 1em; display: block; } /* this is overriding orange style p.more a { color: #015c82; text-decoration: underline; } p.more a:hover, p.more a:focus { color: #ca5301; } */ .caption { color: #010101; font-size: 10px; font-style: italic; } h3 span.with-logo { float: left; margin-right: 3px; font-weight: bold; } span.ap { background: transparent url(/i/screen/ap.gif) no-repeat 0 0; width: 113px; height: 21px; text-indent: -9999px; display: block; float: left; } span.ee-news { background: transparent url(/i/screen/ee-news.gif) no-repeat 0 0; width: 95px; height: 16px; text-indent: -9999px; display: block; float: left; margin-top: 2px; } span.guardian { background: transparent url(/i/screen/Guardian.gif) no-repeat 0 0; width: 140px; height: 21px; text-indent: -9999px; display: block; float: left; } span.huffpo { background: transparent url(/i/screen/Huffpo.jpg) no-repeat 0 0; width: 213px; height: 16px; text-indent: -9999px; display: block; float: left; } /*------------------------------------------- Utility -------------------------------------------*/ #utility { z-index: 6; } #mast { position: absolute; top: 9px; left: -3px; z-index: 3; } h1.logo, h1.logo a { width: 187px; height: 184px; display: block; } h1.logo { background-image: url(/i/screen/logo.gif); border: 3px solid #fff; margin: 0; } #utility-nav { padding: 8px 0 7px 198px; } #utility-nav ul { display: inline; margin-right: 40px; } #utility-nav li { display: inline; list-style-type: none; margin-right: 10px; background: none; padding-left: 0; } #utility-nav.logged-in li { margin-right: 7px;} #utility-nav.logged-in li.highlight { margin-right: 6px;} #utility-nav * { color: #fff4da; font-size: 11px; } #utility-nav a { text-transform: uppercase; font-weight: bold; /* border-bottom: 1px solid #ff941f; */ text-decoration: none; } #utility-nav a.alt-link { text-transform: none; font-weight: normal; } #utility-nav a:hover, #utility-nav a:focus { border-bottom: 1px solid #fff; } #utility-nav .highlight a, #utility-nav a.highlight { color: #af2e01; /* border-bottom: 1px solid #f47317; */ } #utility-nav .highlight a:hover, #utility-nav .highlight a:focus, #utility-nav a.highlight:hover, #utility-nav a.highlight:focus { color: #105575; border-bottom: 1px solid #105575; } #utility-nav .highlight strong a { color: #510000; border-bottom: none; } /*------------------------------------------- Header -------------------------------------------*/ #nav { position: absolute; top: 199px; background: #ca4d01; width: 163px; padding: 7px 12px; text-align: center; z-index: 2; margin-bottom: 0; } #nav li { list-style-type: none; display: inline; background: none; padding: 0; } #nav li.nav-news, #nav li.nav-grist-tv { background: transparent url(/i/screen/nav-bullet.gif) no-repeat right center; padding:0 9px 0 1px; } #nav a { color: #fff; font-size: 12px; font-weight: bold; padding:3px; margin:-3px; } #nav .selected a { color: #600; } #header { background: transparent url(/i/screen/header-bottom-bg.gif) no-repeat left bottom; z-index: 2; padding-bottom: 3px; min-height: 223px; } .home #header { padding-bottom: 10px; } #header div.ad { border: 0px solid #aed0db; margin: 7px 0 0 198px; } #header img.ad { border: 1px solid #aed0db; margin: 7px 0 0 198px; } #header span.ad { text-align: right; width: 728px; display: block; font-size: 9px; text-transform: uppercase; line-height: 1; margin: 3px 0 0; } span.ad { font-size: 9px; text-transform: uppercase; color: #6b6b6b; display: block; text-align: right; margin-bottom: 20px; clear: both; } img.ad { clear: both; border: none; } #header li { list-style-type: none; background: none; padding-left: 0; /* display: inline; */ } #spotlight { background: #ebf5fc url(/i/screen/spotlight-bg.gif) repeat-x 0 bottom; border: 1px solid #105675; width: 748px; margin: 8px 0 0 198px; padding-top: 7px; position: relative; z-index: 10; } .home #spotlight { min-height: 215px; } .spot-nav { background: #fff; border: 1px solid #a2c6d3; line-height: 1; font-size: 11px; width: 541px; margin: 0 13px 6px 0; float: right;} .spot-nav * { line-height: 1; font-size: 11px; } .spot-nav li { float: left; padding: 2px 3px 2px 4px; margin-left: 4px; border:1px solid #fff; position:relative; } #header .spot-nav li { padding-left:4px; } .spot-nav li.first { margin-left: 0; left: -1px; position: relative; } .spot-nav li.selected { border: 1px solid #ff7a00; margin-top:-1px; padding:3px 3px 3px 4px; margin-bottom:-1px; } .spot-nav li a { font-size: 11px; color: #92bccb; } .spot-nav li.selected a { color: #ff7a00; margin: 4px;} .spot-nav li.selected .bg { background:transparent url(/i/screen/nav-tab.gif) no-repeat center top; display:block; width:100%; height:6px; position:absolute; bottom:-6px; left:0; } #header .spot-nav li.prev, #header .spot-nav li.next { padding:0; } #header .spot-nav li.prev a, #header .spot-nav li.next a { width:13px; height:13px; display:block; overflow:hidden; text-indent:-9999px; padding:0; position:relative; top:1px; } #header .spot-nav li.next { margin-right:4px; } #header .spot-nav li.prev a { background:transparent url(/i/screen/nav-prev.gif) no-repeat left top; } #header .spot-nav li.next a { background:transparent url(/i/screen/nav-next.gif) no-repeat left top; } .spot-articles { position: relative; left: 6px; width: 727px; float: left; margin: 0; padding-bottom: 3px; background: transparent url(/i/screen/spot-articles-bg.gif) no-repeat 428px bottom; } .home .spot-articles { background: transparent url(/i/screen/spot-articles-home-bg.gif) no-repeat 475px bottom; padding-bottom: 2px; } .spot-articles p { margin-bottom: 0; line-height: 0.9; } .spot-articles .first p { line-height: 1.3; margin-left:186px; } body .spot-articles span.posted { display: block; margin: 2px 0 3px; } .spot-articles li { width: 120px; float: left; margin: 0 0 0 41px; } .spot-articles li.first { width: 405px; margin-left: 0; } .home .spot-articles li { float: right; width: 240px; margin: 1em 0 0 0; } .home .spot-articles li.first { width: 467px; float: left; margin-top: 0; } .spot-articles li img { float: left; margin: 0 13px 15px 0; } .spot-articles li.first img { position: relative; margin: -27px 17px 0 0; } /* .spot-articles p, h5 { margin: 0; color: #888e93; font-weight: bold; font-size: 9px; text-transform: uppercase; } */ .spot-articles a { color: #000; font-size: 12px; text-transform: none; letter-spacing: normal; font-weight: bold; } .spot-articles .first a { font-size: 20px; line-height: 1.2; } .spot-articles a:hover, .spot-articles a:focus { color: #48a0be; } .spot-articles span { color: #48a0be; font-family: Arial, sans-serif;} #kingdoms { float: left; width: 100%; margin-top: 3px; border-bottom: 1px solid #c9cacb; } #kingdoms ul { float: left; margin-bottom: 0; width: 633px; } #kingdoms li { list-style-type: none; background: #21789c url(/i/screen/kingdom-nav-bg.gif) repeat-x 0 0;; padding-left: 0; float: left; margin: 0 3px 2px 0; padding: 3px 10px 3px 9px; } #kingdoms li.selected { background: #000; } #kingdoms li a { font-size: 14px; color: #fff; text-decoration: none; font-weight: bold; } #kingdoms li a:hover, #kingdoms li a:focus, #kingdoms li.more a:hover, #kingdoms li.more a:focus { color: #ff7a00; } #kingdoms li.more { background: none; padding: 0 2px; z-index:15; position:relative; } #kingdoms li.more a { font-size: 13px; height: auto; display: inline; text-indent: 0; color: #21789c; font-weight: bold; line-height: 1.7; background: transparent url(/i/screen/more-kingdoms-arrow.gif) no-repeat right center; padding-right: 10px; } #kingdoms form p { float: right; /*background: #062c48;*/ background:#001C2E; /*background: red;*/ border: 1px solid #062c48; margin: 0 0 3px; padding-left: 1px; position:relative; padding-right:64px; } #kingdoms form * { vertical-align: middle; } #searchsubmit { position:absolute; top:0; right:0; } #searchtext { width: 230px; color: #61686f; margin: 0 -4px 0 -1px; border: 1px solid #c3c3c3; /* min-height: 21px; */ /*height: 2.1em;*/ padding:2px 0 3px 6px; } /*------------------------------------------- Primary -------------------------------------------*/ #primary { width: 617px; float: left; margin: 14px 32px 0 0; } #primary.alt { width: 464px; float: left; margin: 15px 12px 0 0; } #primary div, #tertiary div, .forum-section, #primary #write-preview { clear: both; padding: 8px 0 0; } .series #primary div { border-top-color: #131313; } #content div.hiddenFields { border: none; } #content div.arrows { position: relative; } #primary div div, #tertiary div div { clear: none; border-top: none; padding-top: 0; } .subhead { color: #069; text-transform: uppercase; margin: 0 0 0.6em; line-height: 1; } .subhead p { color: #069; } span.subhead { font-size: 10px; color: #686d71; display: block; } div#primary > p.subhead:first-child { margin-top: 3px; } #tertiary h3 + p.subhead { margin: -5px 0 0.8em; } .article-meta { float: left; background: transparent url(/i/screen/article-meta-bg.gif) no-repeat 1px 0; border-top: 1px solid #ccc; padding-top: 6px; margin-bottom: 5px; } .article-meta ul { margin-bottom: 0.2em; } .article-topics ul { line-height: 1; } .article-kingdoms ul, ul.article-kingdoms, ul.filters { line-height: 1.7; } .article-meta li, .author-actions li, .filters li { list-style-type: none; background: none; padding-left: 0; } .article-meta li { float: left; width: 155px; margin-left: 27px; } .article-meta li.article-topics { width: 143px; margin-left: 22px; } .article-meta li li, .filters li { float: none; width: auto; display: inline; margin: 0; } li.article-author { width: 270px; margin-left: 0; } .article-author img { float: left; margin: 0 13px 5px 0; } .article-author h5, .article-author ul { width: 160px; float: right; margin-right: 11px; } .article-author ul li { line-height: 1; } .article-topics ul li { line-height: 1.1; } #primary .article-author li, .author-actions li { display: block; } ul.actions { clear: both; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; float: left; width: 100%; padding: 12px 0 8px; } .article-body ul.actions { margin-left:0; } ul.actions li, ul.view-options li, .search-sort span { list-style-type: none; background: none; padding-left: 0; float: left; color: #9c9c9c; font-size: 10px; text-transform: uppercase; font-weight: bold; margin-left: 18px; } ul.actions li.first, ul.view-options li.first { margin-left: 0; } ul.actions li.share, ul.actions a.sub-email, ul.actions a.rss { background: transparent url(/i/screen/actions-arrow.gif) no-repeat right 46%; padding-right: 7px; margin-top: -1px; } ul.actions li.share { margin-top: 0; margin-left: 15px; } ul.actions a { color: #474d52; font-weight: bold; } ul.actions a:hover, ul.actions a:focus, ul.view-options li a:hover, ul.view-options li a:focus { color: #ca3501; } .print a { background: transparent url(/i/icons/print.gif) no-repeat 0 0; padding: 5px 0 2px 23px; } .email a { background: transparent url(/i/icons/email.gif) no-repeat 0 2px; padding: 5px 0 2px 21px; } .share a { background: transparent url(/i/icons/share.gif) no-repeat 0 3px; padding: 5px 0 2px 23px; } .add-favorites a { background: transparent url(/i/icons/add-favorite.gif) no-repeat 0 2px; padding: 5px 0 2px 13px; } .comment a { background: transparent url(/i/icons/comment.gif) no-repeat 0 0; padding: 5px 0 2px 20px; } ul li.subscribe { float: right; margin-right: 15px; } ul li.subscribe a.sub-email { margin-right: 5px; border-left: none; } /* ul.view-options { margin-bottom: 0.5em; } */ #primary .article-body { border-top: none; padding-top: 0; } .article-body p { line-height: 1.45; margin-bottom: 0.9em; } .article-body ol, .article-body ul { margin-left:30px; } .article-body strong { font-weight: bold; } .article-body em { font-style: italic; } /*------------------------------------------- Footer -------------------------------------------*/ #footer * { font-size: 12px; } #footer-logo { width: 109px; float: left; } .logo-footer { background-image: url(/i/screen/logo-footer.gif); width: 109px; height: 108px; border: 3px solid #fff; margin-bottom: 22px; } #footer-logo p { color: #fff; font-size: 10px; padding-left: 10px; } #footer-lists { width: 775px; float: right; padding-top: 45px; } #footer-lists h6 { border-top: 1px solid #417a95; padding-top: 1em;} #footer-lists h6.first { border: none; padding: 0; } #footer li { display: inline; background: none; padding: 0; margin-right: 8px; } #footer-lists li a { color: #ddf1f9; /* text-decoration: underline; */ } #footer-lists li a:hover, #footer-lists li a:focus { color: #f60; } /*------------------------------------------- changes -------------------------------------------*/ .tabset dd li img { display: inline; margin: 0 5px 5px 0; } #secondary .tabset dd li img { float:left; } .tabset dd li * { vertical-align: top} .video-links img { border: none; } #primary #new-search { width: auto; } #primary .search-results { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 1.4em; padding-top: 11px; } #primary .search-results ol li { position: relative; clear: both; width: 100%; border-top: 1px solid #ccc; list-style-type: none; padding: 14px 0 0; } #primary .search-results ol li div.result-hold { margin-left: 8px; } #primary div.result { width: 400px; float: left; margin-left: 15px; } div.result a { font-size: 14px; } div.result a em { font-weight: bold; } div.result p { margin-top: 4px; } /*------------------------------------------- ee -------------------------------------------*/ .tableHeading { font-weight:bold; } .profileHeadingBG { font-size: 15px; color: #ca3501; margin: 0 0 0.8em; font-weight: bold; } .overlay { display:block; float:left; margin-top:-1.9em; position:relative; left:0.5em; z-index:100; text-shadow:1px 1px 1px #fff; } em.highlight { font-weight:bold; } /*------------------------------------------- write post -------------------------------------------*/ #add-tag-container { position:relative; } #add-tag-container #tag_browse_results { position:absolute; left:0; top:2em; background:#E2F0F7; width:185px; } #primary #write-preview { clear: both; border-bottom: 4px solid #ca3501; padding: 8px 0 0; margin-bottom:16px; } /* styles for the star rater */ .star-rating{ list-style:none; margin: 0px; padding:0px; width: 150px; height: 30px; position: relative; background: url(/i/screen/star_rating.gif) top left repeat-x; float:left; } .star-rating li{ padding:0px; margin:0px; /*\*/ float: left; /* */ } .star-rating li a{ display:block; width:30px; height: 30px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; } .star-rating li a:hover{ background: url(/i/screen/star_rating.gif) left center; z-index: 1; left: 0px; } .star-rating a.one-star{ left: 0px; } .star-rating a.one-star:hover{ width:30px; } .star-rating a.two-stars{ left:30px; } .star-rating a.two-stars:hover{ width: 60px; } .star-rating a.three-stars:hover{ width: 90px; } .star-rating a.three-stars{ left: 60px; } .star-rating a.four-stars{ left: 90px; } .star-rating a.four-stars:hover{ width: 120px; } .star-rating a.five-stars{ left: 120px; } .star-rating a.five-stars:hover{ width: 150px; } .star-rating li.current-rating{ background: url(/i/screen/star_rating.gif) left bottom; position: absolute; height: 30px; display: block; text-indent: -9000px; z-index: 1; } .rating-duplicate li.current-rating { background-position:left center; } .rating-duplicate li a:hover { width:0 !important; } /** * *GRIST STYLES * */ #header-wrap { border-top: 1px solid #fff; background: #fff url(/i/screen/header-bg.gif) repeat-x 0 0; z-index: 1; width: 100%; min-width: 949px; min-height: 245px; } p .ingredients { font-size: 13px; padding-left: 15px; } div .ingredients { font-size: 13px; padding-left: 15px; } span .ingredients { font-size: 13px; padding-left: 15px; } p.question, .question a, .question em { font-weight: bold; } p.answer { background: transparent repeat-x 0 0; padding-top: 0; } .media-right { float: right; margin: 5px 0 10px 10px; border: 0px; } .media-right img { /*margin: 5px 0 10px 15px;*/ border: 0px; } .media-left { float: left; margin: 5px 10px 5px 0; border: 0px; } .media-left img { /*margin: 5px 10px 5px 0;*/ border: 0px; } .media-center, media-center img { width: 100%; } .media-left-wide { width: 615px; margin: 5px 10px 10px 0; border: 0px; } .media-right .caption { color: #010101; font-size: 11px; font-weight: normal; margin:0; } .media-left .caption { color: #010101; font-size: 11px; font-weight: normal; margin:0;} .media-right .credit { color: #b7b7b7; margin: 0 0 0 0; } .media-left .credit { color: #b7b7b7; margin: 0 0 0 0; } .media-left p.caption, .media-right p.caption { font-weight: normal; } .caption { color: #010101; font-size: 11px; font-weight: normal; margin: 4px 0 0 0; } p .caption { color: #010101; font-size: 11px; font-weight: normal; margin: 4px 0 0 0; } .credit { font-size: 11px; font-style: italic; color: #b7b7b7; margin-top: -10px; } .credit a { font-size: 11px; font-style: italic; } p .credit { font-size: 11px; font-style: italic; color: #b7b7b7; margin-top: -10px; } p .credit a { font-size: 11px; font-style: italic; } .photo-caption { color: #010101; font-size: 11px; font-weight: normal; margin: 4px 0 0 0; } .photo-credit { font-size: 11px; font-style: italic; color: #b7b7b7; } .photo-credit a { font-size: 11px; font-style: italic; } p img { border: 0px; } .caption div { color: #010101; font-size: 11px; font-weight: normal; margin: 4px 0 0 0; } .photo-caption-wide { width: 528px; color: #010101; font-size: 11px; font-weight: normal; margin: 4px 0 0 0; } .photo-credit-right { float: right; font-size: 11px; font-style: italic; color: #b7b7b7; } .article-body p, ul, dl, ol { font-size: 13px; color: #010101; margin: 0 0 20px 0; } .float-right { float: right; margin: 5px 0 10px 10px; border: 0px; } .float-right img { margin: 5px 0 5px 10px; border: 0px; } .float-right .photo-caption, .float-left .photo-caption { margin-bottom: 3px; } .float-right .photo-credit { margin-bottom: 5px; margin-left: 8px; } .float-left .photo-credit { margin-bottom: 5px; } .float-left { float: left; margin: 5px 10px 5px 0; border: 0px; } .float-left img { margin: 5px 10px 5px 0; border: 0px; } .float-center { width: 100%; } .float-right p.caption { line-height: 130%; color: #010101; font-size: 11px; font-weight: normal; margin: 4px 0 0 10px; } .float-right p.credit { font-size: 11px; font-style: italic; color: #b7b7b7; margin: 0 0 10px 10px; } .float-left p.caption { line-height: 130%; color: #010101; font-size: 11px; font-weight: normal; margin: 4px 10px 0 0; } .float-left p.credit { font-size: 11px; font-style: italic; color: #b7b7b7; margin: 0 10px 10px 0; } .spot-articles .first img { border: 1px solid #c0c0c0; } .blog { float: right; margin: 0px 0 5px 10px; } .blog2 { float: right; margin: 0px 0 5px 10px; border: 1px solid #c0c0c0; } .blog3 { float: left; margin: 0px 10px 5px 0; border: 1px solid #c0c0c0; } .blog4 { float: right; margin: 0px 0 5px 10px; } .ingredients { display: block; margin: 5px 0 5px 25px; line-height: 150%; } .ingredients-text { display: block; margin: 5px 0 5px 25px; } #Election08Container, #Election08Nav, #Election08Nav ul, #Election08Nav ul li, #Election08Nav ul li a, .GristParty { margin: 0; padding: 0; font-family: verdana, helvetica, arial, sans-serif; font-size: 10px; } #Election08Container div { font-family: verdana, helvetica, arial, sans-serif; font-size: 10px; } #Election08Container { border: 1px solid #000000; width: 240px; float: right; margin: 5px 0px 5px 10px; } #Election08Ftr { background: #000; padding-top: 4px; height: 34px; } #Election08Nav ul { border: 0; list-style-type: none; text-align: center; } #Election08Nav ul li { display: block; float: left; text-align: center; } #Election08Nav ul li a { background-color: #bef77d; height: 18px; color: #000000; text-decoration: none; display: block; text-align: center; font: normal 10px/18px verdana, helvetica, arial, sans-serif; } #Election08Interviews { background-color: #bef77d; } #Election08Profiles { background-color: #96cb59; } #Election08Widget { background-color: #5db600; } .Election08Pane { font: normal 10px verdana, helvetica, arial, sans-serif; padding: 10px 10px 0 10px; clear: both; } .Election08Pane div { padding-bottom: 8px; } .Election08Pane div a { color: #336699; text-decoration: none; } .Election08Pane a:hover { color: #000000; text-decoration: underline; } .GristParty { border-bottom: 1px dashed #000000; } .itemNum { float: left; width: 48px; background-color: #fff; margin: 0 10px 10px 0; } .listNum { display: block; float: left; background-color: #fff; margin: 0 10px 10px 0; padding: 0px; border: 0px; } .itemText { margin: 0 0 0 40px; font-size: 12px; line-height: 120%; } .spacer { clear: both; margin: 0px 0px 20px 0px; } .spacerSM { clear: both; margin: 0px 0px 20px 0px; } .sidebar { background: url(http://www2.grist.org/images/ebf5fc-grey-line-top_bgi.gif) left top no-repeat; display: block; float: right; max-width: 200px; border-bottom: 1px solid #ebf5fc; margin: 0 0 10px 10px; background-color: #ebf5fc; padding: 4px; } .sidebar p { margin: 10px 5px 5px 5px; line-height: 140%; } .bullet_paragraph { background: url(http://www2.grist.org/images/sidebar_bullet.gif) left center no-repeat; text-indent: 14px; line-height: 140%; } .box { margin: 0 0 10px 10px; display: block; float: right; max-width: 200px; border-left: 10px solid #ebf5fc; border-right: 10px solid #ebf5fc; border-bottom: 10px solid #ebf5fc; font-size: 12px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; background: #ebf5fc url(http://www2.grist.org/images/ebf5fc-line-top_bgi.gif) left top no-repeat; } .box p { line-height: 140%; margin: 10px 0 10px 0; } .article-body div.box { padding: 10px; } .leftbox { margin: 0 0 10px 10px; display: block; float: left; max-width: 200px; border-left: 10px solid #ebf5fc; border-right: 10px solid #ebf5fc; border-bottom: 10px solid #ebf5fc; font-size: 12px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; background: #ebf5fc url(http://www2.grist.org/images/ebf5fc-line-top_bgi.gif) left top no-repeat; } .leftbox p { line-height: 140%; margin: 10px 0 10px 0; } .article-body div.leftbox { padding: 10px; } .article-body h3 { font-size: 15px; color: #010101; margin-bottom: 0.5em; } .subtitle { font-size: 15px; font-style: bold; color: #010101; } .alt_title { display: none; } .letter { margin: 0; float: left; min-width: 620px; background: #fff; clear: both; border: 0px; } .dispatch-days { display: none; } div .float-left { float: left; margin: 0 10px 0 0; } .nav-bl { display: none;} .nav-or { display: none; } .samevein { margin: 0 0 10px 10px; display: block; float: right; max-width: 200px; border-left: 10px solid #ebf5fc; border-right: 10px solid #ebf5fc; border-bottom: 10px solid #ebf5fc; font-size: 12px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; background: #ebf5fc url(http://www2.grist.org/images/ebf5fc-line-top_bgi.gif) left top no-repeat; } .samevein p { line-height: 140%; margin: 10px 0 10px 0; } .article-body div.samevein { padding: 10px; } .boxhead { display: block; margin: 10px 0 10px 0; font-weight: bold; text-transform: uppercase; font-size: 14px; } .boxitem, .boxitem ul { margin: 10px 0 10px 0; } .article-body ol { margin: 20px 0 20px 30px; } .article-body ul { clear: left; } .article-body .unorderedList, .unorderedList ul { clear: none; } .spacer { display: block; height: 20px; width: 615px; clear: both; } #primary p.spacer { display: block; height: 1px; width: 615px; clear: both; } .listItem { width: 615px; } .itemImgleft { float: left; margin: 0 10px 5px 0; } .itemImgright { float: right; margin: 0 0 5px 10px; } .itemText { width: 465px; } blockquote { margin: 0 0 24px; padding: 10px 28px 10px; font-size: 12px; border: none; } /* top and bottom border removed per Russ */ #primary blockquote { width: 472px; margin-left: 42px; margin-top: 28px; } #primary blockquote.pull { width: 365px; background: #ebf5fc; float: right; margin-top: 0; padding: 13px 21px 10px; } blockquote p { color: #666; line-height: 1.8; margin-bottom: 8px; } blockquote.pull p { color: #c30; font-size: 15px; } blockquote.pull p cite { color: #898c91; font-size: 10px; text-transform: uppercase; font-weight: bold; } blockquote.comment-quote { background: #ebf5fc url(/i/screen/comment-quote-start.gif) no-repeat 7px 5px; border: 7px solid #9ed0db; margin-top: 10px; padding-top: 14px; } blockquote.comment-quote p { color: #c30; font-size: 18px; line-height: 1.3; } blockquote.comment-quote p.end-quote { background: transparent url(/i/screen/comment-quote-end.gif) no-repeat right bottom; } blockquote.comment-quote p cite { border-top: 1px solid #ccc; font-size: 10px; float: left; width: 100%; padding-top: 16px; margin: 15px 0; } blockquote.notable { background: #ebf5fc; padding: 15px 10px 3px; border: none; } blockquote.notable p { color: #c30; line-height: 1.4; margin-bottom: 13px;} blockquote.notable p cite { color: #000; border-top: 1px solid #ccc; padding-top: 9px; display: block; } .gristmill-wide { width: 615px; } .media-left-wide-migrated { padding-right: 87px; } .media-left-wide-migrated-gm { padding-right: 75px; } b { font-weight: bold; } i { font-style: italic; } .article-body ul li { list-style-type: none; background: transparent url(/i/screen/list-markerLG-shaded.gif) no-repeat 0 0.35em; padding-left: 10px; margin: 5px 0 5px 0; font-size: 13px; line-height: 140%; } #primary li.listItem { list-style-type: none; background: transparent url(/i/screen/list-markerLG-shaded.gif) no-repeat 0 0.35em; padding-left: 10px; margin: 5px 0 5px 0; font-size: 13px; line-height: 140%; } /* specifically for spacing in Beacon page */ #primary .compressed ul.unorderedList{ width: 500px; margin: 0 20px 0 0; padding: 0 30px 0 120px; } #primary p.compressed { line-height: 140%; margin: 0 0 0 0; padding: 0 0 0 0; } #primary .compressed img.float-left { border: 1px solid #c0c0c0; margin: 0 10px 25px 0; } /* this one can be deleted after secondary li.section-nav is made universal */ .sideList li { list-style-type: none; background: transparent url(/i/screen/list-markerLG-shaded.gif) no-repeat 0 0.35em; padding-left: 10px; margin: 3px 0 3px 10px; font-size: 12px; } #secondary li.section-nav { list-style-type: none; background: transparent url(/i/screen/list-markerLG-shaded.gif) no-repeat 0 0.35em; padding-left: 10px; margin: 3px 0 3px 10px; font-size: 12px; } cite { font-style: italic; padding-right: 2px; } .question cite { font-weight: bold; } .media-left .credit { font-size: 11px; font-style: italic; color: #b7b7b7; margin: 0; } .media-right .credit { font-size: 11px; font-style: italic; color: #b7b7b7; margin: 0; } .article-body hr { color: #ccc; margin-bottom: 8px; } .unorderedList .listItem li { list-style-type: none; background: transparent url(/i/screen/list-markerLG-shaded.gif) no-repeat 0 0.35em; padding-left: 10px; margin: 5px 0 5px 0; } ul.series-actions li { list-style-type: inline; margin: 0 15px 0 20px; background: none; padding: 0 0 15px 0;} p.staffFirst { margin: 25px 0 8px 0; line-height: 130%; } #comments blockquote { margin: 0 0 0 10px; padding: 0 0 25px 20px; font-size: 12px; border: none; color: #333; } .article-body h3 em { font-weight: bold; font-style: italic; } .article-body strong a { color: #069; text-decoration: none; } .article-body strong a:hover { text-decoration: underline; } /* for a particular old story grist.org/article/projects/ */ #column-box { width: 615px; } .good { display: inline; float: left; width: 290px; } .bad { display: inline; float: right; width: 290px; } .project-good { display: block; padding: 10px; /* border: 1px dashed green; */ margin-bottom: 25px; font-size: 12px; } .project-good strong { color: green; } .project-bad { display: block; padding: 10px; /* border: 1px dashed red; */ margin-bottom: 25px; font-size: 12px; } .project-bad strong { color: #ca3501; } .label-good { display: block; width: 160px; height: 50px; line-height: 50px; font-size: 13px; background: url(http://www2.grist.org/news/maindish/2005/11/11/tree.jpg) no-repeat top left; } .label-bad { display: block; width: 160px; height: 50px; line-height: 50px; font-size: 13px; background: url(http://www2.grist.org/news/maindish/2005/11/11/biohazard.jpg) no-repeat top right; } .edit-content img.blog2, img.blog1 { border: none; } /* for old grist list stories */ ol.gristlist { margin: 0; padding: 0 0 20px 0; } .gristlist li { list-style-type: none; clear: both; margin: 0 0 20px 0; background: none; padding: 0 0 15px 0;} .gristlist div.media-left, .gristlist div.media-right { margin: -8px 0 20px 0; float: left; } /* for logout screen */ .special-message h1, .special-message p, .special-message ul { margin: 0 0 0 100px; } /* #header.special-message { margin: 0 0 0 100px; } */ p.biography { clear: both; padding-top: 20px; } #secondary .ad { margin: 3px 0 0 0; } .member-body .list li { padding-bottom: 20px; margin-bottom: 20px; } #primary ol.about_orderedList { margin: 0 0 20px 30px; } #primary strong a { color: #069; text-decoration: none; } #primary strong a:hover { text-decoration: underline; } p.about_inset { margin: 0 0 20px 20px; } #primary img { margin-bottom: 10px; } .mediaItem img { border: 1px solid #c0c0c0; } .mediaItem p.caption { color: #010101; font-size: 11px; font-weight: normal; margin: 4px 0 0 0; } div.mediaItem { margin-bottom: 20px; } ul.actions li { list-style-type: inline; margin: 0 10px 0 15px; background: none; padding: 0 0 15px 0;} ul.actions li.first { margin-top: 2px; } ul.actions li.first ol.pages li { margin-top: -2px; } /* for directions above the comment wysiwyg */ .comment-directions { color: #333; font-size: 12px; } #primary .comment-directions { width: 615px; } #content form table { margin-top: 20px; } ########added by Matt and Tom #donateform { margin: 20px 0 40px 0; } #beaconform { margin: 20px 0 40px 0; } .PayPalForm { padding: 0px; margin: 0px; } .PayPalForm label { font-size: 12px; font-weight: bold; padding: 0px; margin: 10px 0 2px 0; } .PayPalForm input, select, option { clear: right; margin: 0 4px 2px 0; font-size: 12px; } .PayPalForm-radio label { font-size: 12px; font-weight: normal; margin: 10px 0 2px 0; } .PayPalForm-radio input, select, option { float: left; margin: 0 6px 2px 0; } .PayPalSmall { font-size: 11px; color: #999; } .PayPalReg { font-size: 12px; color: #000; } .donateText { font-size: 13px; } .beaconHighlight { font-weight: bold; color: #115575; } /**Added by Grist for Front Page MOTD box**/ #motd { width: 764px; float: left; margin: 0; border: 0; padding: 0; } #rcontent {position: relative; float: right; width: 160px; margin: 0; border: 0; padding: 0;} #lcontent {posotion: relative; float: left; width: 788px; margin: 0; border: 0; padding: 0;} /**added by Grist for the user box**/ div.user-box h3 { font-size: 13px; color: #115575; margin: 0; font-style: normal; font-weight:normal; padding-top:4px; } div.user-box h3 a {font-size: 13px; color: #115575; margin: 0; font-style: normal; font-weight:normal; padding-top:4px; } div.user-box .message-alert {color: #ca3501;} p.alert-body {font-size: 12px;} div.alert {width: 300px;} /**More girst mods**/ h2.message404 { color: #000000; margin: 4px; padding: 30px; font-size: 40px; } body { font: normal 62.5% Arial, sans-serif; background: url(http://www2.grist.org/images/promotions/screw_earth_day/SEDbgi.gif) repeat; } h1 { font-size: 22px; color: #000; margin: 0 0 0.5em; font-weight: bold; line-height: 1.2; } #titleTop { margin: 40px 0 20px 0; padding-top: 150px; } h3, h3 a { font-size: 15px; color: #010101; margin: 0 0 0.8em; font-weight: bold; } p, ul, dl, ol { font-size: 13px; color: #010101; margin: 0 0 1.4em; } #wrapper { display: block; width: 970px; margin: 0; } #logo { width: 193px; margin: 8px 9px 10px 0; float: left; } #logo img { border: 0; } #message { width: 658px; margin: 37px 90px 10px 0; float: right; } #message img { border: 0; } #copy-top { width: 730px; border: 1px solid #000; padding: 10px; margin: 8px 0 0 10px; float: right; } #copy-top p { text-align: left; font-size: 13px; line-height: 140%; color: #010101; } #copy-top img { float: right; margin-left: 8px; border: 0; } #copy-download { width: 730px; padding: 10px; margin: 8px 0 0 0; float: right; } #copy-download p { text-align: left; font-size: 13px; line-height: 130%; color: #010101; } #copy-dowload p cite strong { font-style: italic; font-weight: bold; } #copy-dowload p cite { font-style: italic; } #copy-dowload p strong { font-weight: bold; } #copy-download img { float: left; margin: 10px 15px 150px 0; border: 0; } #content { text-align: left; } #contentSED { width: 740px; float: right; text-align: left; margin: 25px 0 0 0; } #contentSED ul li { list-style-type: none; fon-size: 14px; background: transparent url(/i/screen/list-markerLG-shaded.gif) no-repeat 0 0.35em; padding-left: 10px; margin: 8px 0 5px 0; font-size: 13px; line-height: 140%; } #contentSED img { float: right; margin: 10px 10px 10px 8px; border: 0; } #contentSED .bull { color: #fe8400; margin-right: 4px; } p.reader-notice { text-align: left; color: #666; margin-bottom: 30px; } p.prizes { margin: 20px 0 20px 40px; } p.SEDlinks { } p.finePrint { font-size: 11px; color: #666; margin: 20px 0 30px 0; } #primary { margin-top: 50px; } #regForm { margin: 25px 0 20px 0; } .breakBoth { clear: both; }