/*----------------------------------------------------------------------------- Kendrick Meek Style Sheet Managed by Blue State Digital version: 3/18/09 author: kyle rush email: rush@bluestatedigital.com, kylerrush@gmail.com uri: http://www.kylerush.net -----------------------------------------------------------------------------*/ /* =GENERAL -----------------------------------------------------------------------------*/ /* =reset Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.6.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,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{font-style:normal; font-weight:normal}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:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit; font-size:inherit; font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}del,ins{text-decoration:none} /* =TYPOGRAPHY -----------------------------------------------------------------------------*/ /* font-families */ body {font-family: Helvetica, Arial, sans-serif;} code, kbd, pre, tt {font-family: "Courier New", Courier, monospace} /* font-sizes */ {font-size: 14px;} #homeBottom p.date {font-size: 11px;} #homeBottom, .homeFeaturedVideo, div#subIntCont, #issueSide ul li p, #endorsementsSide ul li p {font-size: 14px;} code, kbd, pre, sub, sup, tt {font-size: 13px;} #homeBottom h4, .homeFeaturedVideo h3, #homeBottom div.blog h3 {font-size: 15px;} {font-size: 14px;} {font-size: 16px;} div#subIntCont h3 {font-size: 18px;} div#subIntCont h3, div#intContent h1, body#interiorS div#intContent p.title {font-size: 20px;} div#subIntCont h2, #issueSide h2 {font-size: 22px;} {font-size: 24px;} {font-size: 26px;} {font-size: 28px;} {font-size: 30px;} .interior h1 {font-size: 32px;} .dropCap:first-letter {font-size: 52px;} /* miscellaneous */ .interior h1, .interior h2, .interior h3, .interior h4, #homeBottom div.right .arrowLightBlue, #issueSide h2, #issueSide ul li h3 a, #quickEventSubmit {font-weight: bold;} {font-style: italic;} #homeBottom p {line-height: 15px;} .homeFeaturedVideo h3, div#intContent h1, #issueSide h2 {text-transform: uppercase;} /* =color */ #homeBottom div.right a {color: #8c8c8c;} #homeBottom div.right h4 a, #homeBottom p.date a, div#subIntCont h2, div#subIntCont h3, div#subIntCont h4, div#subIntCont h5, #homeBottom div.right .arrowLightBlue, h1 {color: #469fd1} /* light blue */ .homeCalendar li a span {color: #036da9;} .homeFeaturedVideo h3, #quickEventSubmit {color: #0a6ca4} /* dark blue */ .homeFeaturedVideo div, .homeCalendar a, div#intContent h1.bTitle, body#interiorS div#intContent p.title {color: #fff;} div#subIntCont a {color: #ff6712;} /* orange */ .homeFeaturedVideo a, #issueSide h2, #tallGrayBoxMiddle a {color: #0977b5} /* dark blue */ /* =links */ a:hover, .homeCalendar a, #homeBottom div.right .arrowLightBlue, .homeFeaturedVideo a, div#footer a, #issueSide ul li h3 a {text-decoration: none;} a, #homeBottom div.right .arrowLightBlue:hover, .homeFeaturedVideo a:hover, div#footer a:hover, #issueSide ul li h3 a:hover {text-decoration: underline;} /* =GLOBAL -----------------------------------------------------------------------------*/ /*html {background: #58a6d7; min-height: 100%;}*/ html {background: #2f8dc3; min-height: 100%;} body {background: url(/page/-/images/bg200.jpg) repeat-y center top; text-align: center; min-height: 100%; min-width: 100%; z-index:-2} /*body {background: text-align: center; min-height: 100%; min-width: 100%; z-index:-2}*/ div#container {text-align: left; margin: 0 auto; width: 977px; padding: 0 0 0 0; min-height: 100%;} div#content {padding: 0 0 40px 0;} abbr, acronym {border-bottom: 1px dotted; cursor: help; font-variant: small-caps;} del {text-decoration:line-through;} dfn {border-bottom: 1px dashed; font-style: italic;} dl {margin: 0 0 24px;} dt {font-weight: 700;} dd {padding-left: 24px;} ins {text-decoration: overline;} pre {margin: 0 0 24px; padding: 0 0 0 24px;} sub {bottom: -6.4px; line-height: 16px; position: relative; vertical-align: baseline;} sup {line-height: 16px; position: relative; top: -6.4px; vertical-align: baseline;} strong, b {font-weight: 700;} .dropCap:first-letter {float:left; font-weight:700; line-height: 16px; margin-bottom: -3px; padding: 2px 1.5px 0 0;} /*utility library*/ .tP5{padding-top:5px}.rP5{padding-right:5px}.bP5{padding-bottom:5px}.lP5{padding-left:5px}.tbP5{padding:5px 0}.rlP5{padding:0 5px}.tlP5{padding:5px 0 0 5px}.trP5{padding:5px 5px 0 0}.trbP5{padding:5px 5px 5px 0}.tlbP5{padding:5px 0 5px 5px}.allP5{padding:5px}.tM5{margin-top:5px}.rM5{margin-right:5px}.bM5{margin-bottom:5px}.lM5{margin-left:5px}.tbM5{margin:5px 0}.rlM5{margin:0 5px}.tlM5{margin:5px 0 0 5px}.trM5{margin:5px 5px 0 0}.trbM5{margin:5px 5px 5px 0}.tlbM5{margin:5px 0 5px 5px}.allM5{margin:5px}.tP10{padding-top:10px}.rP10{padding-right:10px}.bP10{padding-bottom:10px}.lP10{padding-left:10px}.tbP10{padding:10px 0}.rlP10{padding:0 10px}.tlP10{padding:10px 0 0 10px}.trP10{padding:10px 10px 0 0}.trbP10{padding:10px 10px 10px 0}.tlbP10{padding:10px 0 10px 10px}.allP10{padding:10px}.tM10{margin-top:10px}.rM10{margin-right:10px}.bM10{margin-bottom:10px}.lM10{margin-left:10px}.tbM10{margin:10px 0}.rlM10{margin:0 10px}.tlM10{margin:10px 0 0 10px}.trM10{margin:10px 10px 0 0}.trbM10{margin:10px 10px 10px 0}.tlbM10{margin:10px 0 10px 10px}.allM10{margin:10px}.tP15{padding-top:15px}.rP15{padding-right:15px}.bP15{padding-bottom:15px}.lP15{padding-left:15px}.tbP15{padding:15px 0}.rlP15{padding:0 15px}.tlP15{padding:15px 0 0 15px}.trP15{padding:15px 15px 0 0}.trbP15{padding:15px 15px 15px 0}.tlbP15{padding:15px 0 15px 15px}.allP15{padding:15px}.tM15{margin-top:15px}.rM15{margin-right:15px}.bM15{margin-bottom:15px}.lM15{margin-left:15px}.tbM15{margin:15px 0}.rlM15{margin:0 15px}.tlM15{margin:15px 0 0 15px}.trM15{margin:15px 15px 0 0}.trbM15{margin:15px 15px 15px 0}.tlbM15{margin:15px 0 15px 15px}.allM15{margin:15px} .fl {float: left;}.fr {float: right;} .clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} .clearfix {display: inline-block;} * html .clearfix {height: 1%;} .clearfix {display: block;} /* =header */ div#header {background: url(/page/-/images/header.jpg) no-repeat; height: 164px; position: relative; text-indent: -900em; width: 977px;} div#header > a {display: block; position: absolute;} #homeLink {height: 115px; position: absolute; left: 0; top: 0; width: 845px;} #spanishLink {right: 67px; top: 17px; height: 19px; width: 63px;} #creoleLink {right: 3px; top: 17px; height: 19px; width: 63px;} #skipToContent {display: block; height: 0px;} /* =navigation */ #nav ul {position: absolute; left: 0; bottom: 5px; height: 32px; width: 977px;} /*#nav ul li a {float: left; position: absolute; height: 32px; }*/ #nav ul li a {display: block; float: left; position: absolute; height: 32px; background: url(/page/-/images/menu.jpg); bottom: 0;} #nav ul li#navHome a {width: 44px; left: 0px; background-position: 0px 0px;} #nav ul li#navMeet a {width: 151px; left: 44px; background-position: -44px 0px;} #nav ul li#navGet a {width: 145px; left: 195px; background-position: -195px 0px;} #nav ul li#navEvents a {width: 93px; left: 340px; background-position: -340px 0px;} #nav ul li#navIssues a {width: 87px; left: 433px; background-position: -433px 0px;} #nav ul li#navVideo a {width: 79px; left: 520px; background-position: -520px 0px;} #nav ul li#navEndorsements a {width: 153px; left: 599px; background-position: -599px 0px;} #nav ul li#navEndorsements a {width: 153px; left: 599px; background-position: -599px 0px;} #nav ul li#navContribute a {width: 222px; left: 752px; background-position: -752px 0px;} /* =sidebar */ /* =footer */ div#footer, div#footer a {text-align: center; color: #fff; font-size: 13px;} p.credit {border: 1px solid #fff; padding: 4px; margin: 20px auto 10px auto; width: 300px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} /* =HOMEPAGE -----------------------------------------------------------------------------*/ div#contentTop {height: 8px; width: 977px;} div#contentMain {width: 977px; text-align: center; position: relative;} body#home div#contentMain, body#interiorS div#contentMain {min-height: 900px;} body#interiorAuto {min-height: 500px;} /*was 15 px*/ body#interiorS div#contentMain, body#interior div#contentMain {padding: 0 0 0 0;} div#contentBottom {padding:0; margin:0; height: 6px; width: 977px;} body#home div#contentTop {background: url(/page/-/images/homeContentTop.png) no-repeat;} body#home div#contentMain {background: url(/page/-/images/homeContentMiddle.png) repeat-y;} body#home div#contentBottom {background: url(/page/-/images/contentBottom.png) no-repeat;} #homeTop {width: 956px; margin: 0 0 0 8px; padding: 0 0 5px 0;} #homeBottom {background: url(/page/-/images/cellshade.png) repeat-x #fff; width: 964px; margin: 0 0 0 3px; min-height: 900px;} #homeFeature {float: left; width: 682px;} #homeFeature .top {background: url(/page/-/images/whiteBoxTop.png) no-repeat; height: 5px; width: 682px;} #homeFeature .middle {background: url(/page/-/images/whiteBoxMiddle.png) repeat-y; padding: 6px 0; width: 682px; height: 365px; overflow: hidden;} #homeFeature .bottom {background: url(/page/-/images/whiteBoxBottom.png) no-repeat; height: 6px; width: 682px;} #homeFeature .fWrapper {height: 352px; overflow: hidden; width: 660px; margin: 0 auto; position: relative;} #fContainer {position: relative; width: 5000px} #fContainer div {float: left;} #homeFeature .entry {position: relative; float: left;} #homeFeature .info {position: absolute; left: 0; bottom: 4px; width: 642px; text-align: left;} #homeFeature .wrapper {position: relative; width: 662px;} /* 75% transparent black background on all browsers except ie6 & ie8 */ div > .text {background: rgba(0,0,0,0.75);} #homeFeature .text {color: #fff; width: 612px; padding: 10px 25px;} #fWrapper {position: relative; margin: 0 0 0 10px; overflow: hidden; width: 660px;} #rightA {background: url(/page/-/images/arrows.png) no-repeat -9px 0; height: 19px; text-indent: -900em; width: 9px; cursor: pointer; position: absolute; left: 644px; top: 313px; z-index: 100;} #leftA {background: url(/page/-/images/arrows.png) no-repeat; height: 19px; text-indent: -900em; width: 9px; cursor: pointer; position: absolute; left: 8px; top: 313px; z-index: 100;} #sidebar, #issueSide, #endorsementSide {width: 271px; position: absolute; right: 12px; top: 0;} #quickSignUp {margin: 4px 0 0 13px; font-size: 13px; text-align: left;} #quickSignUp input {padding: 2px;} #quickSignUp legend span {background: url(/page/-/images/stayInformed.png) no-repeat; display: block; height: 22px; text-indent: -900em; width: 242px; ;} #quickEmail {border: 1px solid #999; margin: 10px 0 0 0; display: block; width: 237px;} #quickZip {border: 1px solid #999; margin: 10px 0 0 0; display: inline; width: 75px;} #quickMobile {border: 1px solid #999; margin: 10px 0 0 0; display: inline; width: 80px;} #quickSubmit {background: url(/page/-/images/quickSignUp.png) no-repeat; height: 28px; text-indent: -900em; width: 65px; padding: 0; border: 0; margin: 3px 0 0 0; display: inline-block; cursor: pointer;} #quickJoin {background: url(/page/-/images/join.png) no-repeat; height: 28px; text-indent: -900em; width: 65px; padding: 0; border: 0; margin: 3px 0 0 0; display: inline-block; cursor: pointer;} #quickJoinwhite {background: url(/page/-/images/join_white.png) no-repeat; height: 28px; text-indent: -900em; width: 65px; padding: 0; border: 0; margin: 3px 0 0 0; display: inline-block; cursor: pointer;} #revmsg-phone-number {border: 1px solid #999; margin: 5px 0 0 0; display: inline; width: 150px;} #revmsg-form {margin: -5px 0 0 13px; font-size: 13px; text-align: left;} #revmsg-form input {padding: 2px;} #revmsg-form legend span {background: url(/page/-/images/MeekMobile.png) no-repeat; display: block; height: 22px; text-indent: -900em; width: 242px; ;} #meekmobilephone {width: 80px;} #meekmobilejoin {background: url(/page/-/images/quickSignUp.png) no-repeat; height: 28px; text-indent: -900em; width: 65px; padding: 0; border: 0; margin: 3px 0 0 0; display: inline-block; cursor: pointer;} #timerTop {background: url(/page/-/images/timerTop.png) no-repeat; height: 6px; text-indent: -900em; width: 275px; margin: 12px 0 0 0;} #timerMiddle {background: url(/page/-/images/timerMiddle.png) repeat-y; height: 113px; width: 275px; text-align: center;} #timerBottom {background: url(/page/-/images/timerBottom.png) no-repeat; height: 6px; width: 275px;} #sidebar h3.ballot {text-indent: -900em; margin: -10px 0 0 3px;} #sidebar h3.ballot a {background: url(/page/-/images/kendrickOnBallot.png) no-repeat; display: block; height: 138px; text-indent: -900em; width: 278px; margin: 0 0 4px 0;} #sidebar h3.volunteer a {background: url(/page/-/images/volunteer.png) no-repeat; display: block; height: 198px; text-indent: -900em; width: 271px; margin: 0 0 0 4px;} #tallGrayBoxTop {background: url(/page/-/images/tallGrayBoxTop.png) no-repeat; height: 6px; text-indent: -900em; width: 275px; margin: 4px 0 0 2px;} #tallGrayBoxMiddle {background: url(/page/-/images/tallGrayBoxMiddle.png) repeat-y; width: 252px; margin: 0 0 0 2px; padding: 5px 10px; overflow: hidden;} #tallGrayBoxBottom {background: url(/page/-/images/tallGrayBoxBottom.png) no-repeat; height: 6px; width: 275px; margin: 0 0 0 2px;} #homeBottom {padding: 10px 0 0 5px; text-align: left;} #homeBottom div.left {float: left; margin: 0 8px 0 0; width: 312px;} #homeBottom div.right {width: 360px; float: left;} .grayBoxTop {background: url(/page/-/images/grayBox312wTop.png) no-repeat; height: 6px; text-indent: -900em; width: 312px;} .grayBoxMiddle {background: url(/page/-/images/grayBox312wMiddle.png) repeat-y; width: 312px;} .grayBoxBottom {background: url(/page/-/images/grayBox312wBottom.png) no-repeat; height: 6px; text-indent: -900em; width: 312px; margin: 0 0 10px 0;} .blueBoxTop {background: url(/page/-/images/blueBox312wTop.png) no-repeat; height: 6px; text-indent: -900em; width: 312px;} .blueBoxMiddle {background: url(/page/-/images/blueBox312wMiddle.png) repeat-y; width: 312px;} .blueBoxBottom {background: url(/page/-/images/blueBox312wBottom.png) no-repeat; height: 6px; text-indent: -900em; width: 312px;} #homeBottom div.right div.blog {padding: 0 0 10px 0;} #homeBottom div.right div.blog h3 {background: url(/page/-/images/homeBlogHeading.png) no-repeat; height: 24px; text-indent: -900em; width: 359px; margin: 0 0 10px 0;} #homeBottom div.right div.news h3 {background: url(/page/-/images/homeNewsHeading.png) no-repeat; height: 24px; text-indent: -900em; width: 359px; margin: 0 0 10px 0;} #homeBottom div.right div.news {margin: 0 0 90px 0;} #homeBottom div.right div.blog h3 a {display: block; height: 24px; width: 360px;} #homeBottom div.right div.news h3 a {display: block; height: 24px; width: 360px;} #homeBottom h4, #homeBottom p {margin: 0 0 5px 0;} #homeBottom .entry {margin: 0 0 15px 0; border-bottom: 1px solid #ccc;} .homeFeaturedVideo {padding: 4px 7px 6px 7px;} .homeFeaturedVideo div {background: #5ba2cb; width: 288px; padding: 5px; margin: 0 0 10px 0;} .homeFeaturedVideo h3 {margin: 0 0 5px 0;} .homeCalendar {padding: 4px 7px 6px 8px; width: 296px;} .homeCalendar h3 {background: url(/page/-/images/meekCalendar.png) no-repeat; height: 29px; text-indent: -900em; width: 257px; margin: 5px 0 10px 15px;} .homeCalendar ul {margin: 0 0 0 15px;} .homeCalendar span.right {float: right; width: 225px;} .homeCalendar span.left {float: left; width: 53px; color: #fff;} .arrowLightBlue {background: url(/page/-/images/arrowLightBlue.png) no-repeat right 3px; padding: 0 10px 0 0; float: right; margin: 0 10px 0 0;} .arrowDarkBlue {background: url(/page/-/images/arrowDarkBlue.png) no-repeat right 3px; padding: 0 10px 0 0; float: right; margin: 0 20px 0 0;} #quickEvents {margin: 5px 0 0 10px;} #quickEvents legend {text-indent: -900em;} #quickEventZip {padding: 3px; width: 85px} #quickEventSubmit {background: url(/page/-/images/arrowDarkBlue.png) no-repeat right 4px; padding: 0 6px 0 0px; border: none; width: 175px;} .blueBoxMiddle li {margin: 0 0 3px 0;} /* =sidebar */ .flickrh3 {background: url(/page/-/images/flickr.png) no-repeat; height: 17px; text-indent: -900em; width: 61px;} #fBigPic {/*background: green; height: 200px; width: 240px;*/margin: 10px auto;} #fthumbsWrapper {position: relative;} #fthumbscont {width: 208px; overflow: hidden; margin: 0 0 10px 20px; position: relative;} #fthumbs {width: 5000px;} #fthumbs div {/*height: 80px;*/ float: left; margin: 0 8px 0 0;} .fdec {font-size: 11px; margin: 0 0 10px 0;} #fLeftA {background: url(/page/-/images/flickrArrows.png) no-repeat; height: 18px; text-indent: -900em; width: 9px; position: absolute; left: 2px; top: 32px;} #rRightA {background: url(/page/-/images/flickrArrows.png) no-repeat -9px 0; height: 18px; text-indent: -900em; width: 9px; position: absolute; right: 5px; top: 32px;} #socialLinks {margin: 15px 0 0 0; float: right;} /* =INTERIOR -----------------------------------------------------------------------------*/ body#interiorS div#contentTop {background: url(/page/-/images/contentTopInteriorWSidebar.png) no-repeat;} body#interiorS div#contentMain {background: #fff url(/page/-/images/contentMiddleInteriorWSidebar.png) repeat-y;} body#interiorS div#contentBottom {background: url(/page/-/images/contentBottomInteriorWSidebar.png) no-repeat;} body#interiorAuto div#contentTop {background: url(/page/-/images/contentTopInteriorWSidebar.png) no-repeat;} body#interiorAuto div#contentMain {background: #fff url(/page/-/images/contentMiddleInteriorWSidebar.png) repeat-y;} body#interiorAuto div#contentBottom {background: url(/page/-/images/contentBottomInteriorWSidebar.png) no-repeat;} body#interior div#contentTop {background: url(/page/-/images/contentTopInteriorWoSidebar.png) no-repeat;} body#interior div#contentMain {background: #fff url(/page/-/images/contentMiddleInteriorWoSidebar.png) repeat-y;} body#interior div#contentBottom {background: url(/page/-/images/contentBottom.png) no-repeat;} div#intContent {text-align: left; padding: 5px 0 0 10px;} div#intContent h1.bTitle, body#interiorS div#intContent p.title {padding: 0 0 0 5px; height: 24px; text-indent: 5px; margin: 0 0 10px 0;} body#interiorS div#intContent h1.bTitle, body#interiorS div#intContent p.title {background: url(/page/-/images/headerBgSb.png) no-repeat; width: 661px;} body#interior div#intContent h1.bTitle {background: url(/page/-/images/headerBgSansSb.png) no-repeat; width: 947px;} body#interiorS div#subIntCont {margin: 0 0 0 5px; width: 640px;} body#interiorAuto div#subIntCont {margin: 0 0 0 5px; width: 640px;} body#interior div#subIntCont {margin: 0 0 0 5px; width: 930px;} div#subIntCont h1 .newtitle {font-size:2em; color:#F60; font-weight:bold; margin: 0 0 15px -10px; text-decoration:none;} div#subIntCont h2 {padding: 0 0 4px 0;} div#subIntCont h3 {padding: 0 0 2px 0;} div#subIntCont h4 {padding: 0;} div#subIntCont address, div#subIntCont cite, div#subIntCont em, div#subIntCont i {font-style:italic;} div#subIntCont blockquote p {background: #eee; margin: 0 24px 24px; padding: 12px;} div#subIntCont ol li {list-style: inside decimal;} div#subIntCont p {line-height: 18px; padding: 0 0 10px 0;} div#subIntCont ul, div#subIntCont ol {margin: 0 0 24px; padding: 0;} div#subIntCont ul li {margin: 0 0 5px 0; line-height: 17px;} div#subIntCont li ul, div#subIntCont li ol {margin: 0;} div#subIntCont ul li {list-style: inside disc;} div#subIntCont li li {padding-left: 24px;} /* = blog */ .blog .entry p.meta {margin: -3px 0 -4px 0;} .blog .entry, .news .entry {border-bottom: 1px solid #ccc; padding: 0 0 5px 0; margin: 0 0 25px 0;} div#subIntCont.blog p {line-height: 20px; color: #333;} .shareThis {margin: 0 0 0 515px;} /* = issues */ div#subIntCont.issues div.left {float: left; margin: 0 10px 0 0;} div#subIntCont.issues div.right {float: left; width: 86%;} div#subIntCont.issues div.right h2 {margin: 0 0 5px 0;} div#subIntCont.issues div.right p {font-size: 14px; line-height: 18px;} div#subIntCont.issues div.entry {margin: 0 0 20px 0;} #issueSide {text-align: left; margin: 10px 10px 0 0; width: 250px;} #issueSide h2 {margin: 0 0 15px 0;} #issueSide ul li {margin: 0 0 20px 0;} #issueSide ul li img {float: left; margin: 0 10px 0 0;} #issueSide ul li a {color: #003366;} #endorsementSide {text-align: left; margin: 10px 10px 0 0; width: 250px;} #endorsementSide h2 {font-size:1.3em; color:#F60; font-weight:bold; margin: 0 0 15px -10px; text-decoration:none;} #endorsementSide a {text-decoration: none;} #endorsementSide ul li {padding: 0 0 5px 0; clear:left;} #endorsementSide ul li img {float: left; width:50px; margin: 5px; border:1px solid #999;} #endorsement_newspapers li { font-size:1.2em; padding: 0 0 5px 0; clear:left;} /* = social links */ #social-links ul { list-style-type: none; height: 27px; padding: 0; margin: 10px auto; width: 175px;} #social-links li { float: left; text-indent: -9999px; height: 27px; margin-right: 5px;} #social-links li.kyte a { background: url(http://www.kendrickmeek.com/page/-/images/btns-social-links.gif) no-repeat -1px 0; display: block; width: 28px; height: 27px; opacity:0.6;} #social-links li.kyte a:hover {opacity:1;} #social-links li.youtube a { background: url(http://www.kendrickmeek.com/page/-/images/btns-social-links.gif) no-repeat -36px 0; display: block; width: 28px; height: 27px;} #social-links li.facebook a { background: url(http://www.kendrickmeek.com/page/-/images/btns-social-links.gif) no-repeat -71px 0; display: block; width: 28px; height: 27px;} #social-links li.myspace a { background: url(http://www.kendrickmeek.com/page/-/images/btns-social-links.gif) no-repeat -105px 0; display: block; width: 28px; height: 27px;} #social-links li.twitter a { background: url(http://www.kendrickmeek.com/page/-/images/btns-social-links.gif) no-repeat -139px 0; display: block; width: 28px; height: 27px;} #social-links li.flickr a { background: url(http://www.kendrickmeek.com/page/-/images/btns-social-links.gif) no-repeat -174px 0; display: block; width: 28px; height: 27px;} /* =contribution */ #contribution td {line-height:20px} #contribution td.contribheader {color:#003366; border-bottom:1px solid #ccc; font-size:14px; font-weight:bold} #contribution label {text-transform:uppercase; font-weight:550} td.contribcolumn td {padding-top:10px} #contribution label .radio {padding-left:5px;padding-right:8px;} #contribution input[type="checkbox"] {margin-bottom:20px;margin-right:10px;margin-top:3px;} #contribution input {background-color:#FFFFFF;border:1px solid #ccc;font-size:15px;padding:3px;} #contribution input[name="zip"] {width:70px;} /*#contribution input#processbutton {background:transparent url(/page/-/images/HarlemVA_signup.jpg); width: 202px; height:54px; border:none; overflow:hidden;}*/ #contribution select {font-size:17px} #contribution #processbutton {background: #036; color: #fff; padding: 15px; margin: 15px 0; cursor: pointer; text-transform: uppercase;} /* =social */ /* DASHBOARD NAV (BLUE_HAT) */ .bodyBSD #blue_hat {} .bodyBSD #blue_hat ul {} .bodyBSD #blue_hat li {} .bodyBSD #blue_hat li.blue_hat_active {} /* dashboard */ /* base styles (to be reused) */ .bodyBSD #SKIN p, .bodyBSD #SKIN li, .bodyBSD #SKIN td, .bodyBSD #SKIN th, .bodyBSD #SKIN label, .bodyBSD #SKIN div, .bodyBSD #SKIN a { font-size: 12px; } .bodyBSD #SKIN #widget_group_1 {background: #fff;} .bodyBSD #SKIN #widget_group_1 .widget_container {padding: 0; background-image: none;} .bodyBSD #SKIN #widget_group_2 {background: #fff;} .bodyBSD #SKIN #widget_group_2 .widget_container {padding: 0; background-image: none;} /* customization */ .bodyBSD #SKIN #control_set {background: #fff; padding: 0; margin-bottom: 20px;} .bodyBSD #SKIN #control_set h1 {font-weight: normal; margin: 0; background: none; padding-left: 0;;} .bodyBSD #SKIN #widget_group_1 {float: left; width: 430px; } .bodyBSD #SKIN #widget_group_2 {float: right; width: 430px;} .bodyBSD #SKIN .widget_container {border: 1px solid #ddd; margin-bottom: 20px} .bodyBSD #SKIN .widget_header {background: #f1f1f1;} .bodyBSD #SKIN .widget_actions {height: 20px; line-height: 20px; margin-top: 5px;} /* .bodyBSD #SKIN .widget_action_submit {background: url(/page/-/wrapper/img/go.png) no-repeat; height: 18px; margin-left: 2px; margin-top: 2px;} */ .bodyBSD #SKIN .widget_action_submit:hover {cursor: pointer;} .bodyBSD #SKIN h2.widget_title {color: #336699; ;padding: 10px 0 0 5px; margin: 0; line-height: 1em; margin-bottom: .8em; font-size: 1.4em;} /* fixes */ .bodyBSD #SKIN #current_question {line-height: 1.5em;} .bodyBSD #SKIN .widget_group p, .bodyBSD #SKIN .widget_group h3 {padding: 4px 0 4px 5px; margin: 0 0 0 0;} .bodyBSD #SKIN .widget_group h3 {font-size: 16px;} .bodyBSD #SKIN .widget_actions select {padding: 2px; font-size: 12px;} .bodyBSD #SKIN .widget_actions button {padding: 3px; background: url(/page/-/images/widgetGo.png) no-repeat; height: 20px; width: 28px; margin: -21px 5px 0 5px; display: block; float: right;} .bodyBSD #SKIN div.basic.container #control_set {background: none; color: #000;} .bodyBSD #SKIN #simpleform input {margin: 3px; padding: 2px;} .bodyBSD #SKIN h2#sectionheader {margin: 0 0 10px 0;} .bodyBSD #SKIN #count {margin: -20px 0 0 0;} .bodyBSD #SKIN ul#event_order {margin: 20px 0 0 0;} form#event_advanced_search_form input, form#event_advanced_search_form select {margin: 0 8px 10px 0; padding: 2px; font-size: 12px;} form#event_advanced_search_form th.form_label {margin: 5px -90px 0 0; display: block;} #loginform input, #signupform input {margin: 3px; padding: 3px;} #signupform div.signuptitle, #loginform div.logintitle {margin: 0 auto 5px auto;} #loginform {margin: 10px 0 0 0;} div.social_media_lock { position:fixed; top:125px; right:-2px; padding:0px; border:0px; z-index:0; } div.social_media_lock a { opacity:0.65; } div.social_media_lock a:hover { opacity:1; } #metastuff {text-align:left; width:740px; font: 1em Georgia, serif; padding: 0.75em 0 0.5em; margin: 0.25em 0 0.5em; background: #F8F7EF; border: 1px dashed #B2B2B2; border-width: 1px 0;} #metastuff li { list-style-type: none;} #metastuff a {font: 0.9em Verdana, sans-serif; border-bottom-width: 0;} #metastuff a:hover {border-bottom-width: 1px;} #metastuff b {margin: 0 0.5em;} #metastuff p a { padding-left: 20px;}