/* Chasing Vision Media Group 27 East 5th Avenue Longmont, CO 80504 USA 303.884.3312 http://chasingvisionmedia.com http://twitter.com/chasingvisionmg http://twitter.com/shunluoifong SCREEN.CSS v1.0 TABLE OF CONTENTS 1. */ @import url(reset.css); /* RESET CSS */ @import url(forms.css); /* FORMS CSS */ @import url(tabs.css); /* FORMS CSS */ @import url(colorbox.css); /* COLORBOX CSS */ @import url(scratch.css); /* SCRATCH */ /* BODY ------------------------------------------------------------------ */ body { background: #fff url(/assets/images/global/schwarz-report-bg.jpg) repeat-x 0 0; color: #000; font: 100%/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; border-top: 6px solid rgb(0,0,0); } br.clear-float { clear:both; display:block; height: 1.429em; } /* Use this br class to clear your floated columns */ #back-to-top, #back-index { clear: both; display: block; border-top: 1px solid rgb(128,128,128); padding-top: 0.75em; text-align: right; font-weight: bold; margin: 3em 0; } #back-index { clear: none; border-top: 0; border-bottom: 1px solid rgb(128,128,128); margin: 0.75em 10px; } /* HEADINGS -------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6 { font-weight: normal; } h1 { } h2 { font-size: 0.857em; line-height: 1.75em; } h3 { font-size: 1em; line-height: 1.5em; } h4 { font-size: 1em; line-height: 1.5em; font-weight: bold; } h5 { font-size: 1em; line-height: 1.5em; font-weight: bold; } h6 { } #article-head { background: rgb(128,128,128); padding: 0.75em 0; margin: 0 auto 1.5em auto; text-align: center; color: #fff; } /* TYPOGRAPHY ----------------------------------------------------------- */ p { margin: 0 0 1.5em; } em { font-style: italic; } /* LINKS ------------------------------------------------------------------ */ a, a:visited { outline : none; color : rgb(128,128,128); text-decoration : none; } a:hover { color: #004276; /*rgb(223,231,239)*/ text-decoration: none; } a:active, a:focus { position: relative; top: 1px; color: #004276; } #prev-entry { float: left; width: 35%; margin-left: 10px; } #next-entry { float: right; width: 35%; margin-right: 10px; text-align: right; } /* TABLES ------------------------------------------------------------------ */ /* LAYOUT ------------------------------------------------------------------ */ #content { margin: 0 auto; width: 960px; } .column { float: left; margin: 0 10px; } #content-a { width: 620px; } #content-b { width: 300px; } #content-b h3 { text-align: center; background: rgb(128,128,128); padding: 0.75em 20px; color: #fff; text-align: center; margin-bottom: 0.75em; } /* BRANDING ------------------------------------------------------------------ */ header.branding { margin: 10px auto 11px auto; position: relative; width: 960px; } h1#logo { clear: both; color: #000; font-size: 4.5em; margin: 0.508em auto 0.159em auto; text-align: center; } h2#strapline { text-align: center; border-top: 1px solid rgb(128,128,128); margin: 0 10px; position: relative; color: rgb(128,128,128); } h2#strapline span { background: #fff; display: block; text-align: center; margin: -1em auto 0 auto; width: 450px; } /* NAVIGATION ------------------------------------------------------------------ */ nav { border: 2px solid #000; border: 2px solid rgba(0,0,0,0.75); border-bottom: 0; padding: 7px; } nav ul li { display: inline; padding-right: 10px; padding-left: 10px; border-right: 1px solid #000; text-align: center; font-style: italic;} nav ul li#nav-contact, nav ul li#nav-store { border-right: 0; } nav ul li#nav-donate { display: block; float: right; padding-right: 10px; padding-left: 0; } nav ul li#nav-cart { border-right: 0; display: block; float: right; margin-right: 10px; padding: 0; padding-left: 10px; /*width: 4.5em;*/ } nav ul li a:hover { border-bottom: 2px solid #004276; } nav ul li.nav-on a { color: #f00;} nav ul li.nav-on a:hover { border-bottom: 2px solid #f00; } /* FOOTER ------------------------------------------------------------------ */ #footer-wrapper { clear: both; background-color: #000; min-height: 250px; padding-top: 0.75em; padding-bottom: 0.75em; margin-top: 1.5em; } footer { margin: 0 auto; width: 960px; color: #ddd; text-align: center; } footer .vcard { text-align: left; width: 240px; margin: 0 auto; margin-bottom: 0.75em; } footer .vcard .region, footer .vcard .locality { display: inline; } p#copyright { display: block; float: left; width: 40%; text-align: left; /*border-top: 1px solid #ddd; padding-top: 5px; margin-top: 1.5em; */ margin-top: 1.5em;} /* HOME STYLES ------------------------------------------------------------------ */ #current-issue { margin: 1.5em auto; width: 940px; position: relative; } #current-issue section { border: 1px solid rgb(128,128,128); background-color: #eae5dc; background-color: rgba(255,255,255,0.75); position: absolute; right: 20px; top: 20px; height: 258px; width: 350px; } #current-issue img { width: 934px; height: auto; border: 3px solid rgb(223,231,239); } #current-issue h3, #current-issue h4 { text-align: center; font-weight: bold; } #current-issue h3 { background: #dcd6cb; background: rgba(128,128,128,0.2); margin: 0.75em 10px; padding: 5px; } #current-issue h4 { font-size: 0.714em; line-height: 1em; margin-bottom: 1.1em; } #current-issue p { margin: 0 20px; font-size: 0.929em; } #current-issue a, #current-issue a:hover { display: block; color: #000; } #current-issue a span { color: #004276; } #current-issue a:hover h3 { color: #f00; } body.home #quote { clear: left; margin: 1.5em 80px; border-top: 1px solid rgb(128,128,128); border-bottom: 1px solid rgb(128,128,128); padding: 1em 0 0.5em 0; position: relative; } body.home #quote blockquote { margin: 0 80px; } /* =ad-grid ------------------------------------------------------------------ */ .ad-grid content-list { } .ad-grid a { color: #000; } .ad-grid a:hover p { color: rgb(128,128,128); } .ad-grid img { float: left; width: 50px; margin: 5px 10px; } .ad-grid ul li h3 { margin: 8px 8px 93px 8px; background-color: #ccc; background-color: rgba(255,255,255,0.8); text-align: center; font-weight: bold; } .ad-grid ul li h4 { margin: 0 10px; color: #004276; } .ad-grid ul li p { font-size: 0.857em; margin: 0 10px 1.75em 10px; } #home-list ul li { float: left; margin: 0 10px; width: 300px; list-style: none; min-height: 200px; } #home-list ul li#home-article { background: transparent url(/assets/images/home/recommended-article.jpg) no-repeat 0 0; } #home-list ul li#home-book { background: transparent url(/assets/images/home/recommended-books.jpg) no-repeat 0 0; } #home-list ul li#home-read-online { background: transparent url(/assets/images/home/read-online.jpg) no-repeat 0 0; } #home-list ul li#naked-truth { background: transparent url(/assets/images/home/naked-truth.jpg) no-repeat 0 0; } #resources-list ul li { float: left; margin: 0 10px; width: 220px; list-style: none; min-height: 200px; } #resources-list ul li#resources-essays { background: transparent url(/assets/images/resources/essays.jpg) no-repeat 0 0; } #resources-list ul li#resources-article { background: transparent url(/assets/images/resources/recommended-article.jpg) no-repeat 0 0; } #resources-list ul li#resources-books { background: transparent url(/assets/images/resources/recommended-books.jpg) no-repeat 0 0; } #resources-list ul li#resources-links { background: transparent url(/assets/images/resources/links.jpg) no-repeat 0 0; } #resources-list ul li h3 { margin-bottom: 63px; } #resources-list ul li p { } /* =page-title ------------------------------------------------------------------ */ #page-title { position: relative; margin: 1.5em auto; width: 940px; } #page-title img { width: 934px; height: auto; border: 3px solid rgb(223,231,239); } #page-title h3 { font-size: 1.5em; line-height: 1em; position: absolute; top: 20px; right: 23px; width: 300px; margin-left: 10px; padding: 0.75em 0; background: #eae5dc; background: rgba(255,255,255,0.75); text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-shadow: 2px 2px 2px rgb(223,231,239); } /* ENTRY STYLES ------------------------------------------------------------------ */ .post { border-bottom: 1px solid #3a4445; margin: 1.5em 20px 1.5em 10px; padding-bottom: 1.4167em; } .post h3 { font-size: 1.286em; line-height: 1.167em; margin-bottom: 1em; } .post ul li { list-style-type: disc; margin-left: 40px; } .post-header { margin-left: 10px; } h5.timestamp { color: #706d6f; letter-spacing: 2px; text-transform: none; margin-bottom: 1.5em; } .timestamp a { border: none; color: #706d6f; } .timestamp a:hover { color: #004276; } .post-intro-link { margin-top: 1.5em; } .post-intro-link a { border: none; display: block; padding: 10px; } .post-intro-link a:hover { background: transparent url(/images/site/global/worldview-repeater.png) repeat top left; } .post-intro-link h3 { margin-top: 0; } .post-intro-img { float: left; border: 3px solid #211f20; margin: 0 10px 10px 0;} .pdf-link { display: block; text-align: center; font-size: 1.5em; line-height: 1em; margin: 0 20px 1.5em 0; padding: 1.4167em 10px; border: 1px dashed #706d6f; } .pdf-link:hover { background: #d9d9d9; background: rgba(128,128,128,0.3); border: 1px dashed #706d6f; } /* =sidebar-books ------------------------------------------------------------------ */ #sidebar-books li { list-style: none; margin-bottom: 0.75em; } #sidebar-books li img { float: left; display: block; margin: 0 10px 5px 10px; width: 75px; height: auto; } #sidebar-books li h4 { color: #000; } #sidebar-books li a { display: block; padding-top:10px; } #sidebar-books li a:hover { background: #d9d9d9; background: rgba(128,128,128,0.3); } #sidebar-books li p { margin-left: 10px; } /* =index-you-can-trust ------------------------------------------------------------------ */ #index-you-can-trust { width: 938px; margin: 0 10px; border-top: 1px solid #d9d9d9; border-top: 1px solid rgba(128,128,128,0.3); } #index-you-can-trust h3 { background: rgb(128,128,128); text-align: center; padding: 0.75em 0; margin-top: 1.5em; color: #fff; } #index-you-can-trust ul { list-style: none; } #index-you-can-trust ul li { float: left; width: 450px; margin-top: 0.75em; margin-right: 10px; margin-left: 9px; text-align: left; } #index-you-can-trust ul li a { display: block; border: 1px solid #d9d9d9; border: 1px solid rgba(128,128,128,0.3); padding: 0.75em 0 0.75em 10px; } #book-purchase-info { margin: 3em 120px; min-height: 300px; } #book-list { margin-top: 1.5em; } #book-list li { float: left; width: 220px; margin: 0 10px 1.5em 10px; list-style: none; min-height: 250px; } #book-list li img { display: block; margin: 0 auto; width: 75px; height: auto; } #book-list li h4, #book-list li h5 { text-align: center; } #links-list { } #links-list li { list-style: none; margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: 1px solid rgb(128,128,128); } #links-list li a { display: block; color: #000; } #links-list li a:hover h3 { color: #004276; } #links-list li img { display: block; float: left; width: 150px; height: auto; margin: 0 20px 10px 0; } #links-list li h3 { font-weight: bold; } #links-list li h3, #links-list li p { margin: 0; margin-left: 170px; } /* =donate ------------------------------------------------------------------ */ #donate-form { margin: 1.5em 80px; border: 1px solid #d9d9d9; border: 1px solid rgba(128,128,128,0.3); padding: 1.5em 80px; } #donate-choices { margin: 1.5em 160px; min-height: 400px; } #donate-choices ul { margin: 1.5em 80px; } #donate-choices ul li { list-style: none; } #donate-choices ul li a { display: block; border: 1px solid #d9d9d9; border: 1px solid rgba(128,128,128,0.3); padding: 0.75em 0 0.75em 10px; text-align: center; margin: 1.5em auto; } #donate-thanks { margin: 3em 160px; min-height: 400px; } div.vcard .locality, div.vcard .region, div.vcard .postal-code { display: inline; } /* =archives ------------------------------------------------------------------ */ #sr-archives { border: 1px solid #d9d9d9; border: 1px solid rgba(128,128,128,0.3); } #sr-archives h4 { background: rgb(128,128,128); text-align: center; padding: 0.75em 0; margin-top: 1.5em; color: #fff; } #archive-year { margin: 1.5em 160px; } #archive-year li { float: left; width: 80px; text-align: center; list-style: none; } #archive-year li a { display: block; width: 80px; margin: 0.75em 0; } #archive-entry { margin: 1.5em 160px; } #archive-entry li { list-style: none; } #archive-entry li a { display: block; border: 1px solid #d9d9d9; border: 1px solid rgba(128,128,128,0.3); padding: 0.75em 0 0.75em 10px; text-align: center; margin: 1.5em auto; }