/* ************************************************* 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; } .list .subhead { 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, #content #primary .member-body ul.list li ul li { list-style-type: none; background: transparent url(http://www.grist.org/i/screen/list-marker.gif) no-repeat 0 0.55em; padding-left: 8px; } dd { /*margin: 0 0 0 15px;*/ } #content div.user-box { border: none; } #content .user-message { background: #ebf5fc; padding: 7px 0 7px 17px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .support-link { font-size: 11px; } .user-message, .user-message p { font-size: 15px; } a.logout { font-size: 11px; width: 20%; position: absolute; top: 11px; right: 5px; text-align: right; display: block; } .with-logout { position: relative; } .with-logout p { width: 80%; margin-bottom: 0; } .message-pane {padding: 7px 0 7px 0px;} #content div.profile-actions { padding: 10px 17px; } .profile-actions img { float: left; margin-right: 9px; } .profile-actions ul { margin-top: 0; float: left; } /* 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(http://www.grist.org/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(http://www.grist.org/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; } /* table */ table { clear: left; width: 100%; margin-bottom: 1.4em; font-size: 13px; border-bottom: 5px solid #9ed0db; table-layout: fixed; } tbody tr { background: #ebf5fc; } tbody tr.alt { background: #9ed0db; } th { text-align: left; font-size: 11px; color: #686d71; text-transform: uppercase; } th.col1 { width: 209px; } th, td { padding: 6px 11px; } tr.first td { border-top: 5px solid #9ed0db; } tbody td.first { border-left: 5px solid #9ed0db; } tbody td.last { border-right: 5px solid #9ed0db; padding-right: 0; } td.edit-col { width: 60px; } a.edit-link { text-transform: uppercase; font-size: 10px; font-weight: bold; line-height: 1.6; float: left; } td span.delete-list { clear: none; float: left; } /* profile tables */ /* 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(http://www.grist.org/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(http://www.grist.org/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(http://www.grist.org/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(http://www.grist.org/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(http://www.grist.org/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(http://www.grist.org/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(http://www.grist.org/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 p { margin-left:160px; } .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; } .trivia li { /* border-top: 1px solid #d4d4d4; */ padding: 7px 0 7px 31px; display: block; background: none; background: transparent url(http://www.grist.org/i/screen/trivia-bg.gif) repeat-x 0 0; margin-top: 1px; margin-bottom: 0; color: #ccc; position: relative; } .trivia li.first { background: none; } form.trivia li { color: #010101; } form.trivia li label { padding-left: 0; margin-bottom: 0; } form.trivia li input { left: 5px; top: 8px; position: absolute; } .trivia li.selected, .trivia li.correct-answer { background-color: #ebf5fc; } .trivia li.correct-answer { padding-left: 5px; color: #010101; } .trivia li.correct-answer span { display: block; padding-left: 26px; background: transparent url(http://www.grist.org/i/screen/trivia-check.gif) no-repeat 0 center; } .stat-results li { background: none; padding: 15px 10px; border-top: 1px solid #d4d4d4; } .stat-results li.majority { background: #ebf5fc; } .stat-results a { display: block; } .stat-results strong { display: block; font-size: 30px; font-weight: normal; } .vote-count { text-transform: uppercase; font-size: 11px; color: #888e93; } .tag-list li { display: inline; font-weight: bold; background: none; padding-left: 0; } .tag-list li.tag1 { font-size: 20px; } .tag-list li.tag2 { font-size: 19px; } .tag-list li.tag3 { font-size: 18px; } .tag-list li.tag4 { font-size: 17px; } .tag-list li.tag5 { font-size: 16px; } .tag-list li.tag6 { font-size: 15px; } .tag-list li.tag7 { font-size: 14px; } .tag-list li.tag8 { font-size: 13px; } #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(http://www.grist.org/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(http://www.grist.org/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(http://www.grist.org/i/widgets/back-arrow.gif); right: 25px; } a.forward { background-image: url(http://www.grist.org/i/widgets/forward-arrow.gif); right: 0; } .print-override { display:none !important; } .permalink { color: #acaaa8; font-size: 10px; font-weight: bold;} .permalink a { text-transform: uppercase; color: #ee6b02; font-weight: bold; } 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 { margin:0; padding:0; border:none; } ul.list li ul { margin-left:22px; } 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; } .grist-list { clear: both; } .grist-list li { background: none; padding: 9px 0 0 0; border-top: 1px solid #ccc; clear: both; } .grist-list img { float: right; margin: -10px 0 1px 10px; } #tertiary .grist-list img { margin-bottom: 8px; } .grist-written li { position: relative; } .grist-written .posted a img { position: absolute; top: 0; right: 0; margin: 0; } .ordered-data { margin-left: 17px; } .photo-list { text-align: center; color: #999; } .photo-list * { line-height: 1; } .photo-list li { background: none; padding-left: 0; width: 77px; margin: 0 0 16px 20px; float: left; } .photo-list li.first { margin-left: 0; clear: left; } .photo-list li, .photo-list a { font-size: 11px; } .photo-list img { margin-bottom: 2px; } /* 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(http://www.grist.org/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(http://www.grist.org/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(http://www.grist.org/i/screen/Guardian.gif) no-repeat 0 0; width: 140px; height: 21px; text-indent: -9999px; display: block; float: left; } span.huffpo { background: transparent url(http://www.grist.org/i/screen/Huffpo.jpg) no-repeat 0 0; width: 213px; height: 16px; text-indent: -9999px; display: block; float: left; } /*------------------------------------------- Global combinations -------------------------------------------*/ p.logo, h1.logo, span.logo-footer, a.back, a.forward, .trivia-question { display: block; text-indent: -9999px; } p.logo, h1.logo, span.logo-footer, a.back, a.forward, .trivia-question { background-repeat: no-repeat; background-position: 0 0; background-color: transparent; } .popup-middle { background:transparent url(http://www.grist.org/i/screen/popup-bottom.png) no-repeat left bottom; padding-bottom:21px !important; } .popup-bottom { width:399px; background:transparent url(http://www.grist.org/i/screen/popup-middle.png) repeat-y left top; padding:0 30px !important; } /*\*/ p.logo, h1.logo a, a.back, a.forward { overflow: hidden; } /**/ img.logo, #kingdoms label, .hide { position: absolute; left: -9999px; } #spotlight:after, #content:after, .comments ol > li:after, #kingdoms-wrap:after, #footer:after, .ads:after, .related-stories:after, ul.view-options:after, ul.list:after, .tv-list:after, .subscribe-head:after, .additional:after, .stats:after, .search-results:after, .popup:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /*------------------------------------------- Structure -------------------------------------------*/ #utility, #header, #kingdoms-wrap, #content, #footer { width: 949px; margin: 0 auto; position: relative; } #content { padding-bottom: 1em; background: #fff; } #utility-wrap { background: #ff8500 url(http://www.grist.org/i/screen/utility-bg.gif) repeat-x 0 0; z-index: 5; width: 100%; min-width: 949px; } #header-wrap { border-top: 1px solid #fff; background: #fff url(http://www.grist.org/i/screen/header-bg.gif) repeat-x 0 0; z-index: 1; width: 100%; min-width: 949px; } #footer-wrap { background: #105575 url(http://www.grist.org/i/screen/footer-bg.gif) repeat-x 0 0; width: 100%; min-width: 949px; font-size: 0; } /*------------------------------------------- Utility -------------------------------------------*/ #utility { z-index: 6; } #mast { position: absolute; top: 9px; left: -3px; z-index: 3; } p.logo, h1.logo, h1.logo a, p.logo a { width: 187px; height: 184px; display: block; } p.logo, h1.logo { background-image: url(http://www.grist.org/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(http://www.grist.org/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(http://www.grist.org/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(http://www.grist.org/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(http://www.grist.org/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(http://www.grist.org/i/screen/nav-prev.gif) no-repeat left top; } #header .spot-nav li.next a { background:transparent url(http://www.grist.org/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(http://www.grist.org/i/screen/spot-articles-bg.gif) no-repeat 428px bottom; } /*.home .spot-articles { background: transparent url(http://www.grist.org/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(http://www.grist.org/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(http://www.grist.org/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; border-top: 4px solid #ca3501; 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(http://www.grist.org/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(http://www.grist.org/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(http://www.grist.org/i/icons/print.gif) no-repeat 0 0; padding: 5px 0 2px 23px; }*/ /*.email a { background: transparent url(http://www.grist.org/i/icons/email.gif) no-repeat 0 2px; padding: 5px 0 2px 21px; }*/ .share a { background: transparent url(http://www.grist.org/i/icons/share.gif) no-repeat 0 3px; padding: 5px 0 2px 23px; } /*.add-favorites a { background: transparent url(http://www.grist.org/i/icons/add-favorite.gif) no-repeat 0 2px; padding: 5px 0 2px 13px; }*/ .comment a { background: transparent url(http://www.grist.org/i/icons/comment.gif) no-repeat 0 0; padding: 5px 0 2px 20px; } ul.actions li.actions-facebook, li.actions-twitter, li.actions-other {border:none; margin:none;} 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; } #primary .media { border:none; } .article-image { float: left; margin: 0 14px 10px 0; } .article-image p, .media p { color: #6d6e6e; font-size: 11px; font-style: italic; } .article-image .photo-title, .media .caption { color: #ff7a00; font-style: normal; font-weight: bold; } #primary .media p { margin-bottom:0; } #primary .media img { margin-bottom:5px; } .media, .media .caption, .media .credit { display:block; } .media .caption { } .media .credit { font-style:italic; color:#999; } #primary .article-body .bio1 { border-top:1px solid #ccc; margin-top:0.4em; padding-top:0.9em; } #primary .article-body .bio { color:#9c9c9c; clear:both; } #primary .article-body .bio p { color:#999; margin-bottom:10px; } #content ul.alt { border: none; padding: 0; display: inline; } ul.alt li { background: transparent url(http://www.grist.org/i/screen/actions-alt-marker.gif) no-repeat 0 center; padding-left: 10px; margin-left: 6px; font-size: 12px; color: #000; } ul.alt li.first, ul.alt li li { background: none; margin: 0; padding: 0; } ul.alt * { font-size: 12px;/* text-transform: uppercase; */ } ul.alt a, ul.view-options li a, .pages li a { color: #ff8500; } ul.view-options li, .search-sort span { color: #666; border-left: 1px solid #ff8500; padding-left: 3px; margin-left: 3px; } .search-sort span { border-left: none; padding-left: 0; margin-right: 6px; } ul.view-options li.first { border: none; padding-left: 0; } ul.view-options li a { font-weight: bold; } ul.view-options li.selected a { color: #000; } ul.view-options li.selected a:hover { text-decoration:underline; } li.pages span, .search-sort span { float: left; font-weight: bold;} ol.pages { display: inline; font-size:14px;} li span.pagenums, span.pagenums a {font-size:14px;} ol.results { float: right; margin-bottom: 1.2em; margin-left: 50px;} #content ol.pages li {margin: 0px; border: none; padding: none; list-style-type: none; display: inline; } #content ol.pages li.first-page { margin-left: 50px; border: none; list-style-type: none; display: inline; } #content ol.results li { margin-left: 2px; } ol.results li.next { background: transparent url(http://www.grist.org/i/screen/list-marker.gif) no-repeat left center; padding-left: 8px; } ol.pages .selected a { color: #000; } ol.results a { font-size: 12px; text-transform: uppercase; font-weight: bold; } .view-options ol.pages .selected a { background: transparent url(http://www.grist.org/i/screen/pages-marker.gif) no-repeat 0 center; padding-left: 7px; text-decoration: none; color: #000; } #content ul.series-actions { border-top: 1px solid #ccc; margin-top: -0.7em; padding-top: 0.7em; } ul.related-stories, .tv-list { clear: both; } ul.tv-list { margin-bottom: 1.1em; } ul.related-stories li, .tv-list li { list-style-type: none; width: 203px; float: left; margin-left: 4px; background: none; padding-left: 0; } #primary.alt ul.related-stories li { width: 151px; } ul.related-stories li p { margin-bottom: 0; } .tv-list li { width: 133px; margin: 0 0 15px 25px; } ul.related-stories li.first, .tv-list li.first { margin-left: 0; clear: left; } ul.related-stories img, .tv-list img { margin-bottom: 5px; } /*.tv-list img { border: none; }*/ ul.related-stories a, .result a { color: #000; font-size: 12px; font-weight: bold; } .tv-list a { color: #010101; } .tv-list a strong { color: #069; text-transform: uppercase; display: block; font-weight: normal; margin-bottom: 6px; } .tv-list a:hover strong, .tv-list a:focus strong { text-decoration: underline; } .title-only a strong { margin-bottom: 0; } .tv-list a strong span { color: #888e93; } .tv-list a:hover span, .tv-list a:focus span { text-decoration: underline; } #video-contents { margin: 0 auto; width: 542px; } /* ul.subscribe { float: left; margin: 5px 0 0; border-left: 1px solid #ecf4f7; } li.subscribe ul.subscribe { margin-top: 0; border: none; } ul.subscribe li { list-style-type: none; background: none; padding-left: 0; float: left; margin: 0 0 0 5px; } .subscribe-head span.heading { float: left; font-weight: bold; padding-right: 5px; border-right: 1px solid #ecf4f7; } h1.subscribe-head span { line-height: 0.9; } ul.subscribe li.sub-email a { width: 21px; height: 14px; background-image: url(http://www.grist.org/i/icons/sub-email.gif); background-position: left center; } ul.subscribe li.rss a { width: 12px; height: 12px; background-image: url(http://www.grist.org/i/icons/sub-rss.gif); background-position: left center; } */ li.subscribe span.subscribe-head { font-weight: bold; } a.rss { /* position: relative; top: -2px; */} a.sub-email img, a.rss img { border: none; display: inline; position: relative; top: 2px; } li.subscribe a.sub-email img, li.subscribe a.rss img { top: 0; } a.sub-email, a.add-photo { border-left: 1px solid #ecf4f7; padding-left: 3px; margin: 0 0 0 4px; } a.add-photo { color: #999; text-transform: uppercase; font-size: 10px; background: transparent url(http://www.grist.org/i/icons/add-photo.jpg) no-repeat 0 center; padding-left: 23px; } li span.subscribe-head * { vertical-align: top; } /* a.sub-email { float: left; width: 21px; height: 14px; background-image: url(http://www.grist.org/i/icons/sub-email.gif); background-position: 0 0; } a.rss { float: left; width: 12px; height: 12px; background-image: url(http://www.grist.org/i/icons/sub-rss.gif); background-position: 0 0; } */ .view-sort { text-transform:uppercase; text-align:right; margin-top:-2.5em; position:relative; top:-2em; } #primary div.view-sort { border:none; clear:none; } #primary div.arrows div.view-sort { position: absolute; top: 5px; right: 0; margin-top: 0; } .view-sort, .view-sort a { color:#999; font-weight: bold; } .view-sort a {font-size:0.8em;} .view-sort a.selected {color:#366;} .view-sort .subscribe { float: left; margin: 5px 0 0; border:none; } .view-sort .subscribe:before { content:':'; color:#686D71; } .view-sort .subscribe li { list-style-type: none; background: none; padding-left: 0; float: left; } .view-sort .subscribe li.first { border-right:1px solid #B2B2B2; padding-right:3px; } .view-sort .subscribe, .view-sort .subscribe li { display:inline; float:none; } .view-sort img { display:inline; border:none; margin-right:3px; margin-bottom:-1px; } .sponsor { float: right; margin-top:-1.8em; position:relative; top:-1.8em; border: none; } #primary .with-sponsor { width: 460px; } .comments ol { clear: both; } .comments ol li { list-style-type: none; border-top: 1px solid #ca3501; padding-top: 10px; background: none; padding-left: 0; } .series .comments ol li { border-top-color: #131313; } .comments ol li li { border: none; padding-top: 0; } .comments ol li.ignored { display:none; width:0; overflow:hidden; } .comment-author-meta { float: right; margin-left: 15px; border-left: 1px solid #ccc; width: 227px; padding-left: 12px; } .comment-author-meta * { margin-left: 12px; } .comment-author-meta * * { margin-left: 0; } /* this line is intended to reset all inherited styles for the comment-data section so that */ /* we can easily apply styles to markup generated by tinymce */ .comment-data p, .comment-data blockquote, .comment-data pre, .comment-data a, .comment-data abbr, .comment-data acronym, .comment-data address, .comment-data big, .comment-data cite, .comment-data code, .comment-data del, .comment-data dfn, .comment-data em, .comment-data font, .comment-data img, .comment-data ins, .comment-data kbd, .comment-data q, .comment-data s, .comment-data samp, .comment-data small, .comment-data strike, .comment-data strong, .comment-data sub, .comment-data sup, .comment-data tt, .comment-data var, .comment-data dl, .comment-data dt, .comment-data dd, .comment-data ol, .comment-data ul, .comment-data li, .comment-data fieldset, .comment-data form, .comment-data label, .comment-data legend, .comment-data table, .comment-data caption, .comment-data tbody, .comment-data tfoot, .comment-data thead, .comment-data tr, .comment-data th, .comment-data td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 13px; font-family: inherit; vertical-align: baseline; line-height: inherit; } .comment-data { position:relative; } .comment-data div { position:relative; } .comment-data ol { /*margin-left:20px;*/ } /* set comment data section styles */ .comment-data p { margin: 0 0 1.4em; } .comment-data strong { font-weight: bold; } .comment-data em { font-style: italic; } .comment-data ol { padding-left: 3em; } .comment-data ol li { display: list-item; list-style-type: decimal; } .comment-data ul { padding-left: 2em; } .comment-data ul li { display: list-item; list-style-type: none; background: transparent url(http://www.grist.org/i/screen/nav-bullet.gif) no-repeat left center; padding-left:1em; } /* tables still need 'cellspacing="0"' in the markup */ .comment-data table { border-collapse: separate; border-spacing: 0; } .comment-data caption, .comment-data th, .comment-data td { text-align: left; font-weight: normal; } .comment-data caption { text-align: center; } .comment-data blockquote:before, .comment-data blockquote:after, .comment-data q:before, .comment-data q:after { content: ""; } .comment-data blockquote, .comment-data q { quotes: "" ""; } .avatar { float: left; margin-right: 9px; } .comment-author { text-transform: uppercase; font-weight: bold; color: #898c91; font-size: 10px; } .comment-author a, .comment-author span { display: block; color: #c63700; font-size: 14px; font-weight: bold; } .comment-actions { clear: both; margin-bottom: 0.5em; } .comment-actions a { color: #494e52; font-weight: bold; font-size: 10px; text-transform: uppercase; } ul.comment-actions li { list-style-type: none; margin:0px; } li.ignore a { background: transparent url(http://www.grist.org/i/icons/ignore-user.gif) no-repeat 0 0; padding-left: 20px; } li.favorite-author a { background: transparent url(http://www.grist.org/i/icons/add-user-favorite.gif) no-repeat 0 0; padding-left: 20px; } #secondary li.favorite-author { float:right; list-style:none; background:none; } .comment-nested { padding:5px 0 5px 50px; background:#FAEFE4; border-top:1px solid #ca3501; } /* #comment_form textarea { display: block; width: 377px; height: 149px; margin: 0 0 10px; } */ #comment_form input { margin-right: 5px; margin-top:10px; } .directions { color: #333; font-size: 12px; } #primary .directions { width: 561px; } p.question { font-weight: bold; } p.questioner { color: #898c91; font-size: 10px; text-transform: uppercase; } p.question .dropcap { float: left; width: 77px; height: 66px; text-indent: -9999px; display: block; background: transparent url(http://www.grist.org/i/icons/q-icon.gif) no-repeat 0 0; } p.answer { background: transparent url(http://www.grist.org/i/screen/answers-border.gif) repeat-x 0 0; padding-top: 20px; } p.answer .dropcap { float: left; width: 77px; height: 66px; text-indent: -9999px; display: block; background: transparent url(http://www.grist.org/i/icons/a-icon.gif) no-repeat 0 0; } #content .umbra-box { background: transparent url(http://www.grist.org/i/screen/umbra-box-bg-sec.jpg) no-repeat right 0; border: none; padding-top: 56px; } #content .umbra-box h3 { margin-bottom: 0.7em; } .umbra-box p.question .dropcap { background-image: url(http://www.grist.org/i/icons/trivia-q-icon.gif); width: 33px; height: 28px; margin-right: 10px; } .umbra-box p { color: #015c82; } .umbra-box p.question { color: #010101;} .umbra-box span.questioner { font-style: italic; display: block; } /* generic comp calls for left alignment = left */ ol.faq-questions { position: relative; left: 30px; color: #fe9f27; font-weight: bold; } ol.faq-answers { width: 100%; } ol.faq-answers li, ol.questions li { list-style-type: none; } ol.faq-answers li { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding-top: 10px; } ol.faq-answers strong, ol.questions strong { color: #010101; display: block; margin-bottom: 1em; } span.number { color: #fe9f27; font-weight: bold; } ol.faq-answers li li { border: none; padding-top: 0; margin-bottom: 0.3em; } ol.faq-answers p, ol.questions p { font-style: italic; } #primary div.instructions { position: relative; left: 42px; width: 555px; padding: 10px 0 0 18px; margin: 0 0 1.5em 0; background: #ebf5fc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } div.instructions form label { font-weight: normal; } #primary div.instructions form input { width: auto; } div.ads { margin-bottom: 1.5em; } div.ads div { float: left; width: 300px; margin: 0px; } div.ads div div { float: none; width: auto; margin-left: 0; } /**.ads img, div.google img, #content div.google { border: none; } div.ads div.google { margin: 10px 4px 0 7px; }*/ .series-head { background: #000 url(http://www.grist.org/i/screen/series-header-bg.gif) 0 bottom repeat-x; padding-bottom: 10px; float: left; margin-top: 6px; width:100%; } .series-head h1 { color: #fff; /*width: 390px;*/ float: left; margin: 8px 0 0 11px; } h1.series-icon { padding-left: 62px; background-color: transparent; background-position: 0 3px; background-repeat: no-repeat; } .series-head h1 span { color: #ff8500; font-size: 16px; display: block; font-weight: bold; } .series-updates { float: right; width: 443px; margin: 25px 0 0; } .series-updates p, .series-updates ul, .series-updates li { display: inline; } .series-updates p, .series-updates a { font-size: 10px; text-transform: uppercase; color: #b9b9b9; } .series-updates a { color: #fff; } .series-updates li { margin-left: 13px; } .series-rss { background: transparent url(http://www.grist.org/i/icons/series-rss.gif) no-repeat 0 center; padding-left: 16px; } .series-email { background: transparent url(http://www.grist.org/i/icons/series-email.gif) no-repeat 0 center; padding-left: 24px; } .series-updates .series-podcasts { background: transparent url(http://www.grist.org/i/icons/series-podcast.gif) no-repeat 0 center; padding-left: 22px; margin-left: 10px; } ul.featured { float:left; } ul.featured li { width: 304px; float: left; background: none; padding-left: 0; margin-left: 9px; margin-bottom: 15px; } ul.featured li.first { margin-left: 0; clear: left; } ul.featured li li { width: auto; float: none; margin-left: 0; padding-left:0; margin-bottom: 0; } ul.featured img { float: left; margin: 0 11px 15px 0; } #content ul.featured .posted { margin-bottom: 5px; clear: both; } ul.featured .list { border-bottom: 1px solid #ccc; margin-bottom: 0.2em; position:static; float:left; width:304px; } ul.featured .list li { padding: 3px 0; margin-left: 0; } ul.author-actions {position:static;} ul.author-actions li { margin-left: 0; float:none; width:auto; } #content ul.three-col { width: 200px; float: left; margin-left: 8px; font-size: 12px; clear: none; } #content .three-col li { padding-top: 21px; } ul.first, #content ul.first { margin-left: 0; clear: left; } #content .three-col img { margin: -11px 18px 10px 0; } #content .three-col li * { vertical-align: middle; } .expand-head, .edit-head { width: 210px; float: left; line-height: 1; margin-right: 16px; border: 1px; } #primary .expand-head { width: 520px; } #primary .edit-head { width: 428px; margin: 0 0 0.2em; } h1.edit-head + a { margin-top: 3px; } a.collapse, a.expand { line-height: 2; color: #999; font-size: 10px; font-weight: bold; text-transform: uppercase; background: transparent url(http://www.grist.org/i/screen/collapse-arrow.gif) no-repeat 0 center; padding-left: 19px; } a.expand {background-image: url(http://www.grist.org/i/screen/expand-arrow.gif); padding-left: 16px; } #primary a.collapse, #primary a.expand { float: right; } #content a.edit, #content a.view, #content a.delete { color: #494e52; font-size: 10px; font-weight: bold; text-transform: uppercase; background: transparent url(http://www.grist.org/i/icons/edit-icon.gif) no-repeat 0 center; padding: 3px 0 3px 21px; float: right; margin-left: 15px; } #content a.view { background-image: url(http://www.grist.org/i/icons/view-icon.gif); padding-left: 20px; } #content a.delete { background-image: url(http://www.grist.org/i/icons/delete-icon.gif); padding-left: 12px; } ul.edit-options { float: right; margin-bottom: 0; } ul.edit-options li { border: none; float: left; clear: none; } #content ul.edit-options li a { float: none; } #content .edit-content { clear: both; } #content div.stats { border: none; float: left; width: 100%; border-top: 1px solid #ccc; padding-top: 22px; } #content #secondary div.stats { border:none; } .stats img, .stats div { float: left; } .stats div { width: 177px; margin-left: 17px; } .stats .no-image { margin-left:0; } .stats li { background: none; padding-left: 0; font-size: 10px; font-weight: bold; color: #888e93; text-transform: uppercase; } .stats li strong { color: #585c60; } .stats li a { color: #036; text-transform: uppercase; font-size: 10px; font-weight: bold; } p.biography { clear: both; } /*------------------------------------------- Secondary -------------------------------------------*/ #secondary { width: 300px; float: left; margin: 20px 0 0; } #secondary div { clear: both; border-top: 4px solid #ca3501; padding: 8px 0 10px; /* height:1%; */ } #secondary div div { clear: none; border: none; padding: 0; } #content div.tab-holder { border: none; clear: left; } #secondary #grist-box-1-widget-home {border:none;} .section-nav { margin-top: 10px; } .section-nav li { background: none; padding-left: 0; position: relative; left: -7px; } .section-nav li a {display: block; font-size: 12px; background: transparent url(http://www.grist.org/i/screen/list-marker.gif) no-repeat 7px center; padding: 2px 0 2px 15px; font-weight: bold; } .section-nav li a:hover, .section-nav li a:focus { background-color: #ebf5fc; } .section-nav ul { margin-bottom: 0.2em; } .section-nav li li { left: 17px; } .section-nav li li a { font-weight: normal; } .tabset, .series-nav { clear: both; } /*added*/ .tabset { position: relative; top: 8px; } .tabset dt { color: #022942; font-weight: bold; background: #ebf5fc; padding: 5px 5px 4px 6px; display:inline; border-right: 1px solid #fff; border-bottom: 1px solid #fff; position: relative; top: -4px; z-index: 5; } .tabset dt.selected { background: #aed0db; border-bottom: 1px solid #aed0db; } .tabset dt a {padding-right:5px; font-weight: bold; color: #4f8fab; } .tabset dt.selected a { color: #022942; } .tabset dd { text-align: right; margin-bottom: 1em; } .searchtabs dd { text-align: left; background: #aed0db; } .tabset dd ol { margin-bottom: 0; text-align: left; display: block; } .tabset .result-wrap { padding-left: 20px; display: block; /* margin-top: -1.3em; */background: red;} .tabset dd ol a { color: #015c82; } .tabset dd ol span a { /* display: inline; */ } .tabset dd ol li, .series-nav dd, .series-nav dt, .voice-list li, .edit-list li { border: 4px solid #aed0db; list-style-position: inside; background: #ebf5fc; padding: 4px 0 4px 5px; } .tabset dd ol li.alt, .edit-list li.alt, .delete-list li.alt, .voice-list li.alt { background: #aed0db; padding: 0 0 0 5px; } .tabset dd .more, span.more { position: relative; top: -3px; border: 4px solid #aed0db; border-top: none; background: #aed0db } .tabset dd .more a, span.more a { background: #aed0db url(http://www.grist.org/i/screen/more-plus.gif) no-repeat right center; text-decoration: none; padding-right: 10px; text-transform: uppercase; font-size: 11px; font-weight: bold; border: none; } span.more { float: right; top: 0; margin-bottom: 25px; } span.table-more { margin-top: -1.8em; padding-left: 10px; } .tabset ul { margin-bottom: 0; } .tabset ul li { background: none; text-align: left; } .tabset dd li { border: 4px solid #aed0db; background: #ebf5fc; padding: 6px 0 6px 25px; position: relative; } #secondary .tabset dd li { float:left; clear:both; width:267px; } #secondary .tabset dd form li { float:none; } .searchtabs dd { background: #aed0db; height: 1%; } .searchtabs dd li { background: #aed0db; margin-bottom: 0; padding: 10px 0 10px; border: none; border-top: 1px solid #848484; width: 280px; position: relative; left: 10px; } .searchtabs dd li, .searchtabs dd li label, .searchtabs dd li p, .searchtabs .form-head { color: #022942; font-weight: normal; } .searchtabs .form-head { font-weight: bold; font-size: 11px; } .searchtabs dd li.first { border: none; } .searchtabs dd li li { border: none; padding: 0; left: 0; } .tabset dd li.alt { background: #aed0db; padding: 0 0 2px 25px; border-top: none; border-bottom: none; } .tabset dd span.result-number, .search-results ol li .result-number { position: absolute; left: 5px; } .search-results ol li .result-number { left: 0; color: #888e93;} .series-nav { border: 4px solid #c4c4c4; } .series-nav dt { font-size: 12px; color: #000; background: #f3f3f3; /*border-color: #c4c4c4; border-bottom: none;*/ border:none; } .series-nav dd { border:none; /*border-color: #c4c4c4; border-width: 3px; border-top: none; border-bottom: none;*/ background: #c4c4c4; color: #666; } .series-nav dd.alt { background: #f3f3f3; } .series-nav dt a, .series-nav dd a, .series-nav dd.alt span a { color: #000; } .series-nav dd span a { /*border-left-color: #f3f3f3;*/ } .series-nav dd.alt span a { /*border-left-color: #c4c4c4;*/ } .series-nav .on a { font-weight:bold; color:#ca3501; } .rss-nav { border-color: #aed0db; } .rss-nav .alt, .rss-nav dd { background-color: #aed0db; } .rss-nav dt { background: #ebf5fc; } .rss-nav dd a { display:block; padding-left:20px; background:#aed0db url(http://www.grist.org/i/icons/sub-rss-small.gif) no-repeat 0px 2px; } .voice-list, .edit-list { margin-bottom: 0; } /* .voice-list, */ ol.edit-list { border-bottom: 3px solid #aed0db; float: left; } ol.edit-list li { list-style-type: none; } .voice-list li, .edit-list li { float: left; width: 604px; padding-top: 7px; padding-bottom: 7px; } #secondary .voice-list li, #secondary .edit-list li { width: 287px; } .voice-list li img, .edit-list li img { float: left; margin: -10px 10px 5px 0; } .edit-list li img { margin-top: 0; } .voice-list li a { color: #015c82; padding-top: 10px; display: block; } .edit-list .delete-list, table .delete-list { float: right; } .contest img { margin-bottom: 20px; } .contest form, .contest textarea { width: 280px; } .additional * { vertical-align: middle; } .additional p { float: left; font-size: 10px; color: #999; } .additional p a { color: #999; text-decoration: none; } .additional p a:hover, .additional p a:focus { text-decoration: underline; } .additional p strong a { text-transform: uppercase; font-weight: bold; } .additional input { float: right; margin-top: -5px; } .trivia-question { background-image: url(http://www.grist.org/i/icons/trivia-q-icon.gif); width: 33px; height: 28px; margin-bottom: 10px; } /*------------------------------------------- Tertiary -------------------------------------------*/ #tertiary { width: 160px; margin: 25px 0 0; float: right;} #tertiary .arrows h3 { width: 120px; } /*------------------------------------------- Footer -------------------------------------------*/ #footer * { font-size: 12px; } #footer-logo { width: 109px; float: left; } .logo-footer { background-image: url(http://www.grist.org/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; } /*------------------------------------------- Page Specifics -------------------------------------------*/ .from-forum { float:left; margin:1em 0; border-bottom:1px solid #ccc; padding-bottom:2.5em; } .from-forum li { clear:both; position:relative; background:#EBF5FC url('/i/screen/from-forums-light.gif') no-repeat left bottom; padding:0; } .from-forum li.alt { background-image:url('/i/screen/from-forums-dark.gif'); background-repeat:no-repeat; background-position:left bottom; padding:0; margin-top:22px; } .from-forum .title { width:214px; display:block; float:left; text-align:left; } .from-forum .title strong { color:#022942; display:block; } .from-forum dl { border-top:5px solid #EBF5FC; } .from-forum .alt dl {border-color:#AED0DB;} .from-forum dt {display:none;} .from-forum .first dt { display:block; text-transform:uppercase; color:#686d71; font-size:0.8em; font-weight:bold; position:absolute; top:-22px; left:0; } .from-forum dt.description {left:10px;} .from-forum dt.topics {left:248px;} .from-forum dt.posts {left:317px;} .from-forum dt.last-post {left:376px;} .from-forum dd { width:46px; float:left; margin:5px 10px 10px; text-align:center; } .from-forum dd.last-post { width:216px; text-align:left; } .from-forum dd.last-post span {display:block;} .from-forum dd.last-post a { color:#c63700; font-weight:bold; text-transform:uppercase; letter-spacing:0.05em; } .from-forum .more { position:absolute; bottom:-1.7em; right:-4px; top:auto; margin:0; } .forum-section a img { border:none; } /*------------------------------------------- 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; } #primary div.author { width: 150px; float: right; margin-bottom: 1.2em;} div.author img { margin-bottom: 8px; } .date { color: #c30; } .search-sort { margin-bottom: 11px; float: left; width: 300px; } .sort-authors { float: right; width: 200px; } .search-sort ul { margin-bottom: 0; } .breadcrumb { padding-bottom:12px; border-bottom:none; } .forum-section-search { position:absolute; right:0; top:-10px; } .forum-section-search h3 { margin-bottom:0; } .searchtabs, .searchtabs { color: #022942; } #content .searchtabs li * { vertical-align: middle; } #content .searchtabs label strong { /* vertical-align: top; */ line-height: 1.3; } .searchtabs label strong { font-size: 11px; font-weight: bold; text-transform: uppercase; } .searchtabs label span, .searchtabs { font-size: 12px; text-transform: none; font-weight: normal; } .searchtabs input[type=text] { width: 276px; display: block; } .searchtabs select { width: 276px; display: block; } #content .calendar *, #content .calendar li { display: inline; float: none;} #content .calendar li { margin-left: 7px; } #content .calendar li.first { margin-left: 20px;} #content .calendar input { width: 80px; } #content .calendar label { position:absolute; top:-1.3em; left:-20px; } #content .calendar .first label { left:-9999px; } #content .video-player { background: #edf7fc url(http://www.grist.org/i/screen/seperated-border.gif) repeat-x 0 0; border: none; padding: 15px 22px; margin: 0 0 22px; } .video-player img { border: none; } .tv-asset { text-align:center; } .popup-top { position:absolute; background:transparent url(http://www.grist.org/i/screen/popup-top.png) no-repeat left top; border:none !important; padding-top:39px !important; z-index:10; float:left; } .popup-middle { background:transparent url(http://www.grist.org/i/screen/popup-bottom.png) no-repeat left bottom; padding-bottom:21px !important; float:left;} .popup-bottom { width:399px; background:transparent url(http://www.grist.org/i/screen/popup-middle.png) repeat-y left top; padding:0 30px !important; float:left;} ul.actions .share .popup-close { background:none; position:absolute; right:90px; top:30px; } ul.popup li { float:none; } ul.popup li a { background:none; padding:0; } ul.share-links li { float:left; width:35%; margin:5px 0; } ul.share-links li a { padding-left:20px; background:transparent url(http://www.grist.org/i/icons/share-services.gif) no-repeat left top; float:left; height:16px; } ul.share-links li a.face { background-position:left top; } ul.share-links li a.goog { background-position:left -16px; } ul.share-links li a.redd { background-position:left -32px; } ul.share-links li a.yaho { background-position:left -48px; } ul.share-links li a.news { background-position:left -64px; } ul.share-links li a.furl { background-position:left -80px; } ul.share-links li a.stum { background-position:left -96px; } ul.share-links li a.magn { background-position:left -112px; } ul.share-links li a.deli { background-position:left -128px; } ul.share-links li a.digg { background-position:left -144px; } ul.share-links li a.mysp { background-position:left -160px; } ul.share-links li a.twit { background-position:left -176px; } .reason-popup { display:none; } .reason-popup .popup-bottom { width:339px; } .reason-popup * { color:#333 !important; } /*------------------------------------------- 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; } #tag_browse_results ul { margin-bottom:0; } #tag_browse_results li { margin-bottom:0; padding:5px 10px; } /* styles for the star rater */ .star-rating{ list-style:none; margin: 0px; padding:0px; width: 150px; height: 30px; position: relative; background: url(http://www.grist.org/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(http://www.grist.org/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(http://www.grist.org/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(http://www.grist.org/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(http://www.grist.org/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(http://www.grist.org/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(http://www.grist.org/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(http://www.grist.org/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(http://www.grist.org/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(http://www.grist.org/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(http://www.grist.org/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; } .member-body .list li li { margin:0; padding:0; border:none; } #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; } /* 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 {position: 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;} h2.message404 { color: #000000; margin: 4px; padding: 30px; font-size: 40px; } /**styles for widgets**/ /**grist social**/ div#social-widget img {display:inline; border:none; margin:0; padding:0;} div#social-widget ul {list-style: none inside none;background:none; display:inline; margin:0; padding:0;} div#social-widget li {background:none; display:inline; margin:0; padding:0;} div#social-widget a {text-decoration:none;} div#social-widget a:hover a:focus {text-decoration:none;} /** added for SU756 **/ h3.more-in-grist-secondary-headline { font-size: 11pt;width:375px;} h3.more-in-grist-secondary-headline a { font-size: 11pt; color: #000;} /** added for subtitles to kingdom pages **/ p.kingdom-subhead { color: black; margin: 0 0 0 0; line-height: 1.3; font-weight:bold; font-size:14px; } .kingdom-head .subscribe-head {margin:0;} div#kingdom-head {width:800px; border: 0; margin:1em 0 1.5em 0em; padding:0;} div#kingdom-title { width:800px; } div#kingdom-description { width:800px; } div#kingdom-clear { clear:both; } /** added for email signup checkboxes on the signup form **/ input.regcheck { margin-right: 10px; } /**added some style changes for email-a-friend form **/ input#email-from, #email-name, input#email-to { font-size:16pt; width=50%; } textarea#email-message { font: 12pt Arial, sans-serif; } div#email-share-form { border:0; } div#email-share-form input { font-size:12pt; } div#email-share-summary { width: 90%; border-style: solid; border-width: 0px; border-color: #c0c0c0; } div#email-share-summary-inner { padding: 5px; } p#email-share-tag { margin: 0 0 5px 0; } /*------------------------------------------- TOPIC PAGE STYLES -------------------------------------------*/ #primary div.topic-primary { border-top:none; border:0px; } #secondary div.topic-secondary { border-top:none; border:0px; padding:0px; margin:0px; } #tertiary div.topic-tertiary { border-top:none; border:0px; } ul.related-stories-topic { clear: both;} ul.related-stories-topic li { list-style-type: none; width: 125px; float: left; margin-top: 10px; margin-left: 25px; background: none; padding-left: 0; } ul.related-stories-topic li p { margin-bottom: 0; } ul.related-stories-topic li.first { margin-left: 5px; clear: left; } ul.related-stories-topic img { margin-bottom: 5px; } ul.related-stories-topic a { color: #000; font-size: 12px; font-weight: bold; } a.comment-count {margin-left:7px;} div#topic-box2 {padding-top:10px;} h2.article-width {width:100%;} /*------------------------------------------- RECENT COMMENTS WIDGET STYLES -------------------------------------------*/ #comments-nav { color:#888E93; font-size:11px; font-weight:bold; padding-top:5px; text-align:right; text-transform:uppercase } #comments-nav a { color:#CA3501; font-size:11px; font-weight:bold; } #comments-loading { padding:5px 0 5px 20px; background-image:url('http://www.grist.org/i/screen/ajax-loader.gif'); background-repeat:no-repeat; background-position:0 5px; } li.new-comments{ padding: 4px 0 4px 0; background:#FFF none repeat scroll 0 0; border-bottom: 1px solid #ddd; } li.new-comments-alt{ background-color:#EBF5FC; } /** Cursor Classes **/ .pointer {cursor:pointer} /** Series Title Anchor **/ .series-icon a { color:inherit; font-weight:inherit } .series-icon a:hover { text-decoration:none; } ul.actions { margin:0 0 17px 0; border: none; padding: 0 0 0 0; } ul.actions img { vertical-align:middle; margin:0 0 0 0; border: none; padding: 0 0 0 0px; } ul.actions li.actions-twitter { vertical-align:middle; margin:0 0 0 15px; border: none; padding: 0 0 0 0px; } ul.actions li.actions-facebook { vertical-align:middle; margin:0 0 0 5px; border: none; padding: 0 0 0 2px; } ul.actions li.actions-other { vertical-align:middle; margin:0 0 0 15px; border: none; padding: 0 0 0 0px; } ul.actions li.actions-other-buzz { vertical-align:middle; margin: 0 0px 0px 15px; padding: 0 0 0px 0; } ul.actions li.add-favorites { vertical-align:middle; margin:0 0 0 0; border: none; padding: 0 0 0 0px; } ul.actions li.email { vertical-align:middle; margin:0 0 0 0; border: none; padding: 0 0 0 0px; } /* Overriding styles for share tools */ ul.actions li { list-style-type: inline; margin: 0 5px 0 5px; background: none; padding: 0 0 5px 0;} ul.actions li.first { margin-top: 2px; } ul.actions li.first ol.pages li { margin-top: -2px; } #print-now { display:none !important; } div.topic-secondary ul,li { margin:0 0 0 0; border: none; padding: 0 0 0 0; } div.article-actions { border: none; } span.pagenums { margin: 0 0 0 5px; } ul.alt { border-top:1px black; } .list h2.featured_in_kingdom_title, .list p.featured_in_kingdom_title { width:auto; }