/* ---------------------------------------------------------- Indiana Democrats CSS Managed by: Blue State Digital TABLE OF CONTENT 01 - GLOBAL BROWSER RESET 02 - COMMON STYLE 03 - LAYOUT 04 - HOMEPAGE 05 - SUBPAGES 06 - FRAMEWORK 07 - UTILITY COLOR GUIDE (Main Site Colors and their Hex Codes) ---------------------------------------------------------- */ /* 01 =GLOBAL BROWSER RESET ---------------------------------------------------------- */ /* YUI Reset 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; } /*because legend doesn't inherit in IE */ legend { color: #000; } input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } /*@purpose To enable resizing for IE */ /*@branch For IE6-Win, IE7-Win */ input,button,textarea,select { *font-size: 100%; } /* 02 =COMMON STYLE ---------------------------------------------------------- */ body { font: 62.5% Helvetica, Arial, sans-serif; } #container { font-size: 12px; } .base { line-height: 18px; } .base h1 { font-size: 20px; line-height: 24px; color: #002047; margin-bottom: 20px;} .base h2 { font-size: 14px; line-height: 18px; font-weight: bold; margin-top: 15px; } .base h3 { font-size: 12px; line-height: 16px; font-weight: bold; margin-top: 15px; } .base p { margin-bottom: 15px; } a { color: #002047; font-weight: bold; text-decoration: none;} a:hover { text-decoration: underline; } blockquote { border-left: 3px solid #002047; margin-left: 10px; padding-left: 10px;} .base ul, ol { margin: 15px 0; padding-left: 20px;} .base ul li { list-style-type: disc; } .base ol li { list-style-type: decimal; } .base ul li, .base ol li { line-height: 16px; } .base li ol { margin: 0; } .base li ul { margin: 0; } /* 03 =LAYOUT ---------------------------------------------------------- */ html { background: #000 url(/page/-/images/wrappers/background-html.png) repeat-x; } body { background: url(/page/-/images/wrappers/background.jpg) no-repeat center top; min-width: 923px; } #container { width: 923px; margin: 0 auto; } #header { height: 118px; position: relative; } #header a.masthead { height: 118px; width: 350px; display: block; position: relative; left: -26px; text-indent: -9999px; overflow: hidden; } form#quick-signup { position: absolute; left: 565px; top: 35px; } form#quick-signup h4 { color: #ffee6e; margin-bottom: 7px; font-size: 11.5px;} form#quick-signup input { vertical-align: middle; } form#quick-signup input.text { height: 19px; border: none; padding: 3px 7px; font-size: 13px; color: #999; text-transform: lowercase;} form#quick-signup input#quick-email { background: url(/page/-/images/wrappers/bg-quicksignup-email.png); width: 166px;} form#quick-signup input#quick-zip { background: url(/page/-/images/wrappers/bg-quicksignup-zip.png); width: 101px;} div#nav-bar { background: url(/page/-/images/wrappers/bg-body.png) no-repeat; padding: 0 10px; } ul#navigation { float: left; width: 780px; position: relative; z-index: 200;} ul#navigation li { text-transform: uppercase; color: #e7dfa2; font-size: 13px; height: 16px; width: auto; display: inline; float: left; padding: 10px 15px; border-right: 1px solid #011e47; } ul#navigation li a { color: #e7dfa2; text-decoration: none; } ul#navigation li a:hover { color: #fff; } ul.social-net { float: left; border: none; padding: 7px 15px 0px;} ul.social-net li { padding: 0; margin-right: 5px; float: left;} ul.social-net li a { width: 23px; height: 23px; display: block; text-indent: -9999px; overflow: hidden; } ul.social-net li a.facebook { background: url(/page/-/images/wrappers/btn-socialnet-facebook.png) no-repeat; } ul.social-net li a.twitter { background: url(/page/-/images/wrappers/btn-socialnet-twitter.png) no-repeat; } ul.social-net li a.flickr { background: url(/page/-/images/wrappers/btn-socialnet-flickr.png) no-repeat; } ul.social-net li a.youtube { background: url(/page/-/images/wrappers/btn-socialnet-youtube.png) no-repeat; } /** Superfish **/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 175px; } /* left offset of submenus need to match (see below) */ ul#navigation.sf-menu ul li { width: 100%; float: none;} .sf-menu li:hover { visibility: inherit; } /* fixes IE7 'sticky bug' */ .sf-menu li { position: relative; padding: 0; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 36px; z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } .sf-menu a, .sf-menu a:visited { color: #13a; } /* visited pseudo selector so IE6 applies text colour*/ .sf-menu li ul { } ul#navigation.sf-menu li li { background: #1b2348; padding: 0px; height: auto; display: block; font-size: 11px; } ul#navigation.sf-menu li li:first-child { background: #1b2348 url(/page/-/images/wrappers/bg-nav-dropdown-firstchild.png) repeat-x; } ul#navigation.sf-menu li li a { padding: 10px; border: none; } ul#navigation.sf-menu li li a:hover { background: #11162e; } /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url(/page/-/js/superfish/images/shadow.png) no-repeat bottom right; padding: 0 8px 9px 0; } .sf-shadow ul.sf-shadow-off { background: transparent; } div#main { background: url(/page/-/images/wrappers/bg-body.png) no-repeat; padding: 0 10px; position: relative; z-index: 20;} div#body { background: url(/page/-/images/wrappers/bg-main.png) repeat-y; } body.full-width div#body { background: #fff; } div#content { width: 640px; float: left; padding: 20px 0 20px 20px; display: inline; } body.full-width div#content { width: 862px; float: none; padding: 20px; } div#sidebar { width: 196px; float: right; padding: 20px 16px 20px 0px; display: inline;} div#sidebar h2 { color: #818386; font-size: 20px; text-transform: uppercase; margin-bottom: 20px; text-align: center; } div#sidebar h2 em { text-transform: none; position: relative; top: 1px;} div#sidebar h2 a { color: #818386; text-decoration: none;} div#sidebar #take-action { padding: 5px; margin-bottom: 15px;} div#sidebar #get-local { background: url(/page/-/images/wrappers/bg-sidebar-getlocal.png) no-repeat; width: 165px; height: 104px; padding: 15px; text-align: center; margin-bottom: 15px;} div#sidebar #get-local p { margin-bottom: 5px; } div#sidebar #stay-connected { background: url(/page/-/images/wrappers/bg-sidebar-socialnet.png) no-repeat; width: 165px; height: 108px; padding: 15px; text-align: center; } div#sidebar #stay-connected h2 { font-size: 16px; } div#sidebar #stay-connected li { float: left; margin: 0 5px;} div#sidebar #stay-connected li a { width: 35px; height: 20px; padding-top: 30px; display: block; font-weight: normal; font-size: 8px; text-align: center; color: #818386; text-decoration: none; margin: 0 3px;} div#sidebar #stay-connected li a.facebook { background: url(/page/-/images/wrappers/btn-socialnet-sidebar-facebook.png) no-repeat 0 0; margin-left: 0;} div#sidebar #stay-connected li a.twitter { background: url(/page/-/images/wrappers/btn-socialnet-sidebar-twitter.png) no-repeat 0 0; } div#sidebar #stay-connected li a.flickr { background: url(/page/-/images/wrappers/btn-socialnet-sidebar-flickr.png) no-repeat 0 0; } div#sidebar #stay-connected li a.youtube { background: url(/page/-/images/wrappers/btn-socialnet-sidebar-youtube.png) no-repeat 0 0; margin-right: 0;} div#footer { background: #0c0c0c url(/page/-/images/wrappers/bg-footer-top.png) repeat-x; margin: 0 10px; color: #95a8c2; font-size: 10px; line-height: 15px;padding: 20px 15px 15px; } div#footer p { float: left; } div#footer ul#footer-nav { float: right; width: 430px;} div#footer ul#footer-nav li { float: left; padding: 0 10px; border-left: 1px solid #95a8c2;} div#footer ul#footer-nav li.first { border: none; } div#footer ul#footer-nav li.last { padding-right: 0; } div#footer ul#footer-nav li a { color: #95a8c2; text-decoration: none; } div#footer ul#footer-nav li a:hover { text-decoration: underline; } /* 04 =HOMEPAGE ---------------------------------------------------------- */ #feature { background: url(/page/-/images/wrappers/bg-feature.png) no-repeat; width: 881px; height: 287px; overflow: hidden; padding: 23px 10px 10px;} #feature div.entry { width: 287px; height: 287px; float: left; margin-left: 10px; position: relative; } #feature div.entry.first { margin-left: 0; } #feature div.entry img { position: relative; z-index: 50; } #feature div.entry p { position: relative; top: -87px; left: 0; text-align: center; z-index: 100; background: url(/page/-/images/wrappers/bg-home-feature-text.png) no-repeat; padding: 20px 25px; font-size: 16px; line-height: 22px; font-weight: bold;} #feature div.entry a { color: #fff; text-decoration: none;} #feature div.entry.hovered a { color: #e7dfa2; } #home #body h2 { color: #818386; font-size: 20px; text-transform: uppercase; margin-bottom: 20px; } #home #body h2 em { text-transform: none; position: relative; top: 1px;} #home #body h2 a { color: #818386; text-decoration: none;} #home #content div.blog { width: 415px; float: left; margin-right: 15px;} #home #content div.blog div.entry { margin-bottom: 15px; border-top: 1px solid #ccc; padding-top: 15px;} #home #content div.blog div.entry.first { padding-top: 0; border-top: 0;} #home #content div.blog div.entry img { float: left; margin-right: 10px;} #home #content div.blog div.entry div.text { float: left; width: 315px; line-height: 15px;} #home #content div.blog div.entry h3 { font-size: 14px; font-weight: bold; color: #002047; display: inline; } #home #content div.blog div.entry h3 a { color: #002047; } #home #content div.blog div.entry p { display: inline; } #home #content div.blog div.entry p.dateline { display: block; font-size: 10px; color: #506f9b; margin-top: 5px;} #home #content div.events { float: left; width: 205px;} #home #content div.events ul.event-list { margin-bottom: 10px; } #home #content div.events li { background: url(/page/-/images/wrappers/bg-home-events.png) no-repeat; width: 185px; height: 52px; overflow: hidden; margin: 3px 0 0; padding: 0;} #home #content div.events li p.cal-date { width: 46px; float: left; text-align: center; color: #fff; margin: 7px 0 0; } #home #content div.events li p.cal-date span.calendar { font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; display: block;} #home #content div.events li p.cal-date span.date { font-size: 26px; line-height: 22px; display: block;} #home #content div.events li p.text { width: 119px; float: left; padding: 10px 10px 0; font-weight: bold; font-size: 11px; line-height: 13px;} #home #content div.events li p.text a { white-space: nowrap; } #home #content h4 { text-transform: uppercase;} /* 05 =SUBPAGES ---------------------------------------------------------- */ body.interior div.breadcrumbs { font-size: 12px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #e0e1e3; } body.interior div.breadcrumbs a { font-weight: normal; } body#blog div.entry { margin-bottom: 15px; border-top: 1px solid #ddd; padding-top: 15px;} body#blog div.entry.first { padding-top: 0; border: none;} body#blog div.entry img { float: left; margin-right: 10px;} body#blog div.entry div.text { float: left; width: 545px;} body#blog div.entry h2 { font-size: 14px; font-weight: bold; color: #002047; display: block; margin-top: 0;} body#blog div.entry h2 a { color: #002047; } body#blog div.entry p { display: block; margin-bottom: 0; } body#blog p.dateline { display: block; font-size: 10px; color: #506f9b; margin-top: 5px;} body#blog.single-entry h1 { margin-bottom: 10px; } /* 06 =FRAMEWORK ---------------------------------------------------------- */ /* 07 =UTILITY ---------------------------------------------------------- */ .cufon-loading .gotham { visibility: hidden !important; } .clickable { cursor: pointer; } .stretcher { clear: both; height: 1px; visibility: hidden; } .nomargin { margin-bottom: 0px; } .floatl { float: left; margin: 0; padding: 0 10px 10px 0; } .floatr { float: right; margin: 0; padding: 0 0 10px 10px; } .floatl-nomargin { float: left; margin: 0; padding: 0; } .floatr-nomargin { float: right; margin: 0; padding: 0; } .clear { clear:both; height:0; margin:0; font-size: 1px; line-height: 0; } .required { color: red; } i, em { font-style: italic; } b, strong { font-weight: bold; } sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;} sup { bottom: 1ex; } sub { top: .5ex; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} .clearfix {display:block;}