/* ----------------------------------------------- Blue State Digital CSS by Cameron Corda content beige: #EBE6C8 brown: #5A3D1C orange-red: #A13B1A orange: #BD7931 green: 787a31 ----------------------------------------------- */ /* YAHOO RESET ----------------------------------------------- */ /* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0 */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;} /* YAHOO BASE ----------------------------------------------- */ /* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0 */ .base h1{font-size:138.5%;}.base h2{font-size:123.1%;}.base h3{font-size:108%;}.base h1,.base h2,.base h3{margin:1em 0;}.base h1,.base h2,.base h3,.base h4,.base h5,.base h6,.base strong,.base dt{font-weight:bold;}.base optgroup{font-weight:normal;}.base abbr,.base acronym{border-bottom:1px dotted #000;cursor:help;}.base em{font-style:italic;}.base del{text-decoration:line-through;}.base blockquote,.base ul,.base ol,.base dl{margin:1em;}.base ol,.base ul,.base dl{margin-left:2em;}.base ol li{list-style:decimal outside;}.base ul li{list-style:disc outside;}.base dl dd{margin-left:1em;}.base caption{margin-bottom:.5em;text-align:center;}.base sup{vertical-align:super;}.base sub{vertical-align:sub;}.base p,.base fieldset,.base table,.base pre{margin-bottom:1em;}.base button,.base input[type="checkbox"],.base input[type="radio"],.base input[type="reset"],.base input[type="submit"]{padding:1px;} /* UTILS ----------------------------------------------- */ img {border: 0;} .floatl {float: left; margin: 0; padding: 0 10px 10px 0;} .floatr {float: right; margin: 0; padding: 0 0 10px 10px;} .whitespace {margin: 0; padding: 0; width: 740px; background: #fff; height: 10px; clear: both;} .clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;} .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */ /* LINKS ----------------------------------------------- */ a {color: #A13B1A; text-decoration: none;} a:hover {color: #933518;} a img {} /* TYPOGRAPHY ----------------------------------------------- */ body {color: #593D1B; font-size: 13px; line-height: 1.4em; font-family: 'times new roman', times, serif;} .base h2 {padding: 5px; font-size: 22px; text-transform: uppercase; font-weight: normal; margin-top: 0; background: url(/page/-/wrapper/img/heading-bg.jpg) repeat-y top center; border-top: 1px solid #CEC08D; border-bottom: 1px solid #CEC08D;} #section-title {margin-bottom: 20px;} #section-title h2 {display: inline; padding: 5px 0px;} .base h3 {font-size: 19px; text-transform: uppercase; font-weight: normal; margin-top: 0;} .content-block h3 {text-align: center;} .side-block h3 {text-align: center;} .base h4 {font-size: 16px; font-weight: normal; margin-top: 0;} .orange a, .orange h1, .orange h2, .orange h3 {color: #BD7931;} .orange a:hover {color: #B37430;} .green a, .green h1, .green h2, .green h3 {color: #787a31;} .green a:hover {color: #4b471a;} .red a, .red h1, .red h2, .red h3 {color: #A13B1A;} .red a:hover {color: #933518;} .more {font-style: italic; font-size: 1.1em;} .paginate {font-style: italic; font-size: 1.1em;} .viewall {font-style: italic; font-size: 1.1em; text-align: center;} /* LAYOUT ----------------------------------------------- */ html {background: #EDE9D4 url(/page/-/wrapper/img/bg.jpg) repeat-x;} body {background: #EDE9D4 url(/page/-/wrapper/img/bg.jpg) repeat-x;} #container {width: 976px; margin: 0 auto;} #content-wrap-middle {background: url(/page/-/wrapper/img/bg-container.png) repeat-y; padding: 20px 23px;} #content-wrap-top {height: 5px; background: url(/page/-/wrapper/img/bg-container-top.png) no-repeat;} #content-wrap-bottom {height: 5px; background: url(/page/-/wrapper/img/bg-container-bottom.png) no-repeat;} #content {background: #EBE6C8; width: 649px; float: left; overflow: hidden; display: inline;} .page-content {padding: 15px;} #side {width: 268px; float: right; overflow: hidden; display: inline;} /* onecol */ body.onecol #content {width: 930px;} /* home */ body#body-home #content {width: 930px; background: #F8F5E7;} /*=FACTS -----------------------------------------------*/ #facts a:hover { color: #787a31; } #facts .base .list-margin { margin-left: 190px; padding-left: 10px; } #facts-header { background: #f8f5e7; padding: 0 0 15px 0; } #facts-header h2 { border: none; margin: 0; padding: 0; } #facts-header h2 a { background: url(/page/-/wrapper/img/facts-header.png) left top no-repeat; display: block; overflow: hidden; text-indent: -9999px; width: 649px; height: 145px; } #facts-header .blurb { background: #fffbee url(/page/-/wrapper/img/facts-blurb.png) left top no-repeat; margin: 15px 0 0; overflow: hidden; text-indent: -9999px; height: 153px; } #recent-entries { background: #ebe6c8; padding: 15px 0; } #facts .entry { border-bottom: 1px solid #CEC08D; margin: 0 15px; padding: 15px 0 0 0; } .entry h3 { font-size: 32px; line-height: 34px; margin: 0 0 2px 0; text-transform: none; } .entry img { border: 3px solid #fffbee; box-shadow: 1px 1px 2px rgba(0, 0, 0, .25); -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .25); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .25); margin: 0 0 5px 0; } #facts .thumb { float: left; width: 150px; } #facts .thumb-large { display: block; float: left; width: 170px; margin: 0 15px 10px 0; } .thumb .caption { font-style: italic; } #facts .summary { float: right; width: 449px; } .topic-keyword { text-transform: uppercase; } #facts .paginate { padding: 10px 15px 0 15px; } #topic-nav, #entry-nav { font-size: 16px; padding: 10px 15px; } #topic-nav a, #entry-nav a { font-style: italic; } #facts .paginate { height: 40px; } .paginate .previous, .paginate .next { margin-bottom: 10px; width: 300px; } .paginate .previous { float: left; } .paginate .next { float: right; text-align: right; } #facts #side legend { display: none; } #side input { margin: 0 0 5px 0; } #facts #side #email, #facts #side #zip-code { border: 1px solid #CEC08D; } #facts #side #email { width: 180px; } #facts #side #zip-code { width: 126px; } #facts #side .submit { background: #214386; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; padding: 4px 10px; } #topics { background: #2a53a6 url(/page/-/wrapper/img/topics-bg.gif) left top repeat-x; color: #f8f2e5; min-height: 100px; padding: 20px 0; text-align: center; text-shadow: #214386 -1px 0 -1px } #topics a { color: #f8f2e5; display: block; } #topics a:hover { background: #1a3569; color: #f8f2e5; } #topics h3 { border-top: 1px solid #b0aa95; border-bottom: 1px solid #b0aa95; font-size: 22px; letter-spacing: 1px; margin: 0 15px; padding: 5px 0; text-transform: uppercase; } #topics ul { font-size: 22px; font-style: italic; line-height: 30px; margin: 0 15px; } #topics li, #action-center li { list-style: none; } #topics li { border-bottom: 1px dotted #326bd6; padding: 5px 0; } #topics li:last-child { border: none; } .base #trace { background: #ebe6c8; font-size: 22px; font-style: italic; line-height: 30px; margin: 15px 0 0 0;text-align: center; } #trace a { border: 1px solid #cec08d; display: block; padding: 10px; } #action-center { font-size: 22px; line-height: 30px; padding: 20px 0; text-align: center; } #action-center ul { margin: 0; } #action-center li { margin: 15px 0; } .letter { background: url(/page/-/wrapper/img/facts-letter.gif) center top no-repeat; padding: 18px 0 0 0; } .smear { background: url(/page/-/wrapper/img/facts-smear.gif) center top no-repeat; padding: 18px 0 0 0; } #sign-ups { border: 1px solid #ebe6c8; padding: 10px 0; margin: 0 0 30px 0; } .base #sign-ups .updates { font-size: 22px; line-height: 30px; margin: 0 0 10px 0; padding: 20px 0 0; text-align: center; } .updates { background: url(/page/-/wrapper/img/facts-updates.gif) center top no-repeat; padding: 18px 0 0 0; } #facts #side #quick-signup { padding: 0 10px; } /* BLOCKS ----------------------------------------------- */ /* Header */ #header {position: relative; height: 79px;} #logo {position: absolute; left: 3px;} #nav {position: absolute; top: 40px; left: 381px; padding: 0; width: 568px; height: 32px; background: url(/page/-/wrapper/img/nav.png) no-repeat} #nav ul {margin: 0; padding: 0; position: relative; } #nav li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0; height: 32px;} #nav a {height: 32px; background: url(/page/-/wrapper/img/nav.png) no-repeat; display: block; text-indent: -999em; overflow: hidden;} #navA {left: 0px; width: 56px;} #navA a {background-position: 0px 0;} #navA a:hover {background-position: 0px 0;} #navB {left: 68px; width: 137px;} #navB a {background-position: -68px 0;} #navB a:hover {background-position: -68px -32px;} #navC {left: 223px; width: 178px;} #navC a {background-position: -223px 0;} #navC a:hover {background-position: -223px -32px;} #navD {left: 418px; width: 107px;} #navD a {background-position: -418px 0;} #navD a:hover {background-position: -418px -32px;} #navE {left: 543px; width: 44px;} #navE a {background-position: -543px 0;} #navE a:hover {background-position: -543px -32px;} /* #navA a:hover {background-position: } #navB a:hover {background: transparent url(/page/-/wrapper/img/nav.png) -160px -240px no-repeat;} #navC a:hover {background: transparent url(/page/-/wrapper/img/nav.png) -240px -240px no-repeat;} #navD a:hover {background: transparent url(/page/-/wrapper/img/nav.png) -320px -240px no-repeat;} */ .content-block {background: #EBE6C8; padding: 10px; margin-bottom: 15px;} .block-list .entry {border-bottom: 1px solid #BBB595; margin: 20px 0;} .block-list .entry h3 {margin-bottom: .1em;} .list-interviews ul {margin: 0px;} .list-interviews ul li {list-style: none; margin: 5px 0; padding: 0;} .list-interviews ul li span {font-size: .9em;} .list-interviews ul li a {display: block; padding: 5px 5px 5px 23px; background-repeat: no-repeat; background-position: 0px 5px;} .list-interviews ul li a:hover {background-color: #D9D2A7;} .list-interviews ul li a span.summary {color: #593D1B;} .list-interviews ul li.item-video a {background-image: url(/page/-/wrapper/img/icon-video.png);} .list-interviews ul li.item-audio a {background-image: url(/page/-/wrapper/img/icon-audio.png);} .side-block {background: #EBE6C8; padding: 10px; margin-bottom: 15px;} .side-block h2 {text-align: center;} .side-block h3 {text-align: center;} #side-book {} #side-book div.entry {text-align: center;} #side-osi {text-align: center;} #footer {text-align: right; margin: 5px 0; padding: 0 23px; } /* IMAGE REPLACEMENT ----------------------------------------------- */ #logo {margin: 0; padding: 0; text-indent: -999em; overflow: hidden;} #logo {background: url(/page/-/wrapper/img/logo.png); width: 371px; height: 79px;} #logo a {display: block; width: width: 371px; height: 79px; } /* FORM ATTRIBUTES ----------------------------------------------- */ input, textarea, select {vertical-align: middle;} input.text, textarea {font-size: 12px; background: #fff; border: 1px solid #666; color: #666; padding: 2px; letter-spacing: .5px;} input.submit {background: #BD7A31; padding: 3px 15px; color: #fff; font-size: 11px; text-transform: uppercase; font-weight: normal; border: none; text-align: center; text-transform: uppercase; letter-spacing: 1px; -moz-border-radius: 2px; border-radius: 2px} input.submit:hover {background: #BD7A31; cursor: pointer;} input.buttonImage {cursor: pointer; border: none; vertical-align: middle; padding: 0;} select {font-size: 12px; background: #fff; text-align: left; border: 1px solid #a3a3a3;} /* signup */ #bodyBSD #signup {width: 400px; margin-left: 0px;} #bodyBSD #signup td {padding-top: 4px;} #bodyBSD #signup label {font-weight: normal; text-transform: uppercase; font-size: 11px;} #bodyBSD #signup .input_email {width: 377px;} #bodyBSD #signup .input_firstname {width: 178px;} #bodyBSD #signup .input_lastname {width: 178px;} #bodyBSD #signup .input_addr1 {width: 377px;} #bodyBSD #signup .input_addr2 {width: 377px;} #bodyBSD #signup .input_city {width: 178px;} #bodyBSD #signup .select_state_cd {width: 80px; margin-right: 5px; height: 26px; padding: 2px;} #bodyBSD #signup .input_zip {width: 85px; margin-right: 8px;} #bodyBSD #signup .select_country {width: 186px; margin-right: 5px;} #bodyBSD #signup .input_phone {width: 178px; margin-right: 8px;} #bodyBSD #signup input.submit {margin-top: 10px;} #bodyBSD #signup input.checkbox {margin-right: 4px; vertical-align: middle;} #bodyBSD #signup input.radiobutton {margin-right: 4px; vertical-align: middle;} #bodyBSD #signup textarea {width: 377px;} #bodyBSD #contribution label {text-transform: uppercase; font-weight: normal; font-size: 11px;}