/*
 * YUI Resect CSS version: 2.2.2 
 * Copyright (c) 2007, Yahoo! Inc. All rights reserved.
 * Licensed under the BSD License: http://developer.yahoo.net/yui/license.txt
 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,optgroup,button,p,blockquote,th,td{margin:0;padding:0;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}table{border-collapse:collapse;border-spacing:0;}caption,th{text-align:left;}ol,ul{list-style:none;}fieldset,img{border:0;}input,textarea,select,optgroup,option,button{font-family:inherit;font-size:100%;}button,input {width: auto;overflow: visible;}optgroup,address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
dl li{list-style: none;}

a { text-decoration: none;}

a:link { outline: none; color: #457b80; }
a:visited { outline: none; color: #457b80; }
a:hover { outline: none; color: #124a50; }
a:active { outline: none; color: #457b80; }

body{
    color: #020000;
    background: url(../img/bg_3.png) top left repeat;
    font-size: 82%;
    line-height: 23px;
    font-family: Georgia, "Times New Roman", Times, serif;
}

div#pageMain{ width: 960px; margin: 0 auto; }

#sunlightHeader {
    background: url(../img/sfapp_bg_header.jpg) center bottom repeat-x;
    height: 53px;
    border-bottom: 1px dashed #fff;
}
#sunHeaderInterior { width: 940px; margin: 0 auto; padding: 0 10px; }
#sunlightHeader a {
    background: url(../img/sfapp_logo.png) top right no-repeat;
    display: block;
    float: right;
    height: 40px;
    text-indent: -9999px;
    width: 128px;
    margin-top: 5px;
}


h1 a { width: 800px; height: 214px; display: block; background: url(../img/logo_rollover4.png) top center no-repeat; text-indent: -9999em;}
h1 { width: 800px; height: 214px; margin: 0 auto;}

div.rssIcon { float: right; background: url(../img/feed-icon-14x14.png) left 15px no-repeat; padding: 10px 0 0 20px;}
div.csvIcon { float: right; background: url(../img/icon_csv.gif) left 12px no-repeat; padding: 10px 0 0 20px;}
div.rssIcon a, div.csvIcon a { color: #414042;}
div.rssIcon a:hover, div.csvIcon a:hover { color: #457b80;}
div#pageMain .rssBlock { float: none; margin-bottom: 10px;}

div#nav li { float: left; margin-left: 10px; padding-left: 10px; border-left: 1px solid #b3b5b7; line-height: 15px; }
div#nav a.active { color: #457b80;}
div#nav a { color: #5e5e5e;}
div#nav a:hover { color: #457b80;}
div#nav { float: right; font-size: 100%; font-style: oblique; margin-right: 15px; margin-top: -30px; text-decoration: none; text-transform: uppercase; font-weight: bold;}
div#nav li.firstLi { border-left: none;}

body.home div#header { background: url(../img/header_top.png) left 154px no-repeat; }
div#header { background: url(../img/header_topInterior.png) left 154px no-repeat; height: 213px;}
span#todayDate { margin-left: 33px; margin-top: -30px; float: left; font-size: 110%; font-style: oblique; color: #5e5e5e; }

div#mainContent { padding: 0 3px;}
div#columns { padding-bottom: 40px; background: url(../img/column_lt.png) top left repeat-y;}
body.home div#columns { background: url(../img/column_ltHome.png) top left repeat-y;}

body.home div#ltColumn { width: 340px; }
div#ltColumn { float: left; padding-top: 40px; width: 580px; padding: 40px 30px 0; margin-right: 25px; }
div#rtColumn{ float: left; padding-top: 40px; width: 285px;}
div#fullColumn { padding: 40px 30px 0;}
body.home div#rtColumn { width: 525px; }
div#fullWidth h3 { padding-left: 15px;}

#halfColumn_lt { width: 415px; margin-right: 30px; padding-right: 30px; border-right: 1px solid #e1dfdd; float: left;}
#halfColumn_rt { width: 415px; float: left;}

body.fullWidth div#header{ background: url(../img/header_full.png) left 154px no-repeat;}
body.fullWidth div#columns { background: url(../img/column_ltFull.png) top left repeat-y;}
body.fullWidth div#mainContent { padding: 0 0 0 3px;}

li.module, div.module{ background: url(../img/break_module.png) bottom left repeat-x; margin-bottom: 20px; padding-bottom: 20px;}
div.mainModule { background: url(../img/break_mainModule.png) bottom left repeat-x; margin-bottom: 50px; padding-bottom: 50px;}
div.lastItem, li.lastModule { background: none;}

#featureBox { background: url(../img/feature_bg.png) center 10px no-repeat; height: 217px; padding: 60px 65px 0; width: 814px; }
.carouselBtn { text-indent: -9999em; display: block; cursor: pointer; float: left; width: 71px; height: 72px; margin-top: 40px;}
.carousel-previous { background: url(../img/feature_leftArrow.png) top left no-repeat;  }
.carousel-previous:hover { background: url(../img/feature_leftArrow.png) bottom left no-repeat; }
.carousel-next { background: url(../img/feature_rightArrow.png) top left no-repeat; position: relative; right: -45px;  }
.carousel-next:hover { background: url(../img/feature_rightArrow.png) bottom left no-repeat; }
.carousel { width: 595px; margin: 0 15px; float: left; overflow: hidden; height: 160px; position: relative;}
.carousel ul li { float: left; position: relative; width: 635px; left: -635px;}
.carousel h2 { font-size: 300%; line-height: 40px;}

body.home div#pageMain #featureHeader { padding-top: 40px; margin-left: 25px; text-indent: -9999em; display: block; width: 477px; height: 39px; background: url(../img/title_expenditure.png) left 41px no-repeat; position: relative; }
div#pageMain #featureHeader { font-size: 300%;  margin-bottom: 0; color: #394701; }
body.expendituresAbout #featureHeader, expendituresTotals #featureHeader { position: relative; z-index: 2;}

.tip, #breadcrumbs li { display: block; font-style: oblique; font-size: 95%; font-family: Georgia, Times New Roman, Times, serif;  line-height: 18px; color: #7e7774;}
#featureNav li, #featureMainNav li { float: left; border-right: 1px solid #739935; margin-right: 20px; padding-right: 20px; font-size: 110%; font-style: oblique; font-family: Georgia, Times New Roman, Times, serif; line-height: 18px;}
.tipHeight { margin-bottom: 20px; display: block;}
.tipLg { font-size: 105%; line-height: 20px; margin-bottom: 40px; }
#featureNav li.last { border-right: none;}
#featureMainNav { background: url(../img/bg_secondaryNav.png) top left no-repeat; margin: -22px 0 0 -35px; height: 46px; padding: 30px 35px 0;}
#featureMainNav a:link, #featureMainNav a:active, #featureMainNav a:visited { color: #394701; }
#featureMainNav a:hover { color: #e6e7e8;}
body.separateNav #featureMainNav { position: relative; width: 960px; margin-bottom: 40px;}
body.separateNav #rtColumn { padding-top: 160px;}

.fullWidth_columns { float: left; width: 440px; }

div.otherProperty { float: left; width: 208px; padding: 0 15px;}
h4, .h4 { font-size: 140%; margin-bottom: 10px; text-transform: capitalize; color: #67605d; font-style: oblique;}
h4 a { color: #67605d; }
div.otherProperty li { margin-bottom: 10px; line-height: 20px;}
div.otherProperty li a { color: #020000;}
div.otherProperty li a:hover { color: #457b80;}

h2 { font-size: 260%; margin-bottom: 5px; line-height: 39px; }
body.fullWidth h2 { margin-bottom: 10px;}
h2.withDetail { float: left; margin-right: 20px;}
div#pageMain div.features h2, div#pageMain h3, div#pageMain div.features h2 a, div#pageMain h3 a, div#pageMain h2, div#pageMain h2 a, div.features h2:visited, h3:visited, div.features h2 a:visited, h3 a:visited, h2:visited, h2 a:visited { color: #414042;}
div#pageMain div.features h2 a:hover, div#pageMain h3 a:hover, div#pageMain h4 a:hover, div#pageMain h2 a:hover { color: #457b80;}
h3 { margin-bottom: 25px; font-size: 200%; line-height: 28px;}
.withTip { margin-bottom: 5px;}

body.fullWidth div#pageMain h2 a, body.fullWidth div#pageMain h2 a:link, body.fullWidth div#pageMain h2 a:hover, body.fullWidth div#pageMain h2 a:active, body.fullWidth div#pageMain h2 a:visited { color: #457B80;}

a.readMoreFeature { background: url(../img/arrow_feature.png) top left no-repeat; height: 36px; display: block; padding: 6px 0 0 20px; color: #fff; font-style: oblique; text-transform: lowercase}
a.viewAll { text-align: center; display: block; font-size: 110%;}
a.continueReading { font-size: 110%; background: url(../img/arrow.png) right 3px no-repeat; padding-right: 25px; text-transform: lowercase; font-style: oblique;}

p { margin-bottom: 20px; color: #58595b; font-family: Helvetica Neue, Helvetica, Arial, sans-serif;}

span.tweetDate { display: block; color: #808285; font-style: oblique; font-size: 90%; margin-top: -10px;}
span.tweet { background: url(../img/icon_tweet.png) top left no-repeat; display: block; padding-left: 50px;}
div.post { background: url(../img/icon_post.png) top left no-repeat; display: block; padding-left: 50px;}
div.post p{ margin-bottom: 10px;}

img { border: 5px solid #d1d3d4;}
div#otherPosts img { border: none; border-bottom: 2px solid #bcbec0; padding-bottom: 8px; margin-bottom: 6px;}
img.center { margin: 0 auto 30px; display: block;}
img.leftImg { float: left; margin-right: 20px;}
img.rightImg { float: right; margin-left: 20px;}

a.title { font-size: 120%; color: #020000; display: block; }
a.title:hover { color: #457b80;}
h3.linkedTitle a { color: #020000;}
h3.linkedTitle a:hover { color: #457b80;}
h5, .h5 { font-size: 120%; font-weight: bold; margin-bottom: 10px;}
h6 { font-weight: bold; margin-bottom: 8px; line-height: 16px;}

span.title { margin-bottom: 10px; display: block;}

span.postMeta, div.otherProperty span { font-style: oblique; font-size: 95%; color: #9f9f9f; margin-bottom: 15px; display: block; line-height: 18px;}
span.postMeta span { padding-left: 7px; margin-left: 7px; border-left: 1px solid #b8b9b9;}
div.otherProperty span { text-align: center;}

form li { margin-bottom: 15px;}
div#pageMain form label { width: 100px; display: block; float: left; }
div#pageMain label { width: auto;}
div#pageMain input { background: none; border: none; border-bottom: 1px solid #B8B9B9; width: 400px; font-family: Georgia, "Times New Roman", Times, serif; font-style: oblique;}
div#pageMain input.checkbox { width: 15px; margin-right: 10px;}

div#pageMain input#searchbox { width: 160px; float: left; margin-right: 20px; background: #FFFFFF; padding: 5px; border: 1px solid #d2d2cc; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #a7a9ac;}
textarea { background: url(../img/comment_lines.png) top left no-repeat; border: none; width: 400px; height: 100px; line-height: 24px;}


div#footer { background: url(../img/bar_bottom.png) top left no-repeat; padding: 60px 0 0; margin: -11px auto 40px auto; width: 960px;}

div.categories span{ float: right; }
.categories li { font-size: 105%; padding: 15px 10px; border-bottom: 1px dotted #B8B9B9;}
.categories li a {color: #5E5E5E;}
.categories li:hover a {color: #457b80;}
.categories li:hover { background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.categories li.lastCategory { border-bottom: none;}

blockquote { font-family: Georgia, Times New Roman, Times, serif; font-size: 150%; color: #000000; font-style: oblique; line-height: 27px; margin-bottom: 15px; background-color: #E3E3DF; margin-bottom: 15px; padding: 20px; }
div.pullquote { font-family: Georgia, Times New Roman, Times, serif; font-size: 200%; color: #000000;  border-top: 1px solid; border-bottom: 1px solid; line-height: 30px; padding: 10px 10px; margin: 5px; font-style: oblique; text-align: center; margin-bottom: 15px;}

span.commentMetaAuthor { font-size: 110%; font-weight: bold; margin-bottom: 5px; display: block;}
div.entry-content p { color:#58595B; font-size: 95%; line-height: 20px;}
button { text-indent: -9999em; display: block; border: none; height: 42px; cursor: pointer;}
button.submitBtn { background: url(../img/btn_submit.png) top left no-repeat; margin-top: 30px; margin-left: 100px; width: 108px;}
button.searchBtn { background: url(../img/btn_search.png) top left no-repeat; margin-top: 20px; width: 87px; height: 27px;}
button.searchBtn:hover { background: url(../img/btn_search.png) left -27px no-repeat; }

button.goBtn { background: url(../img/btn_go.png) top left no-repeat; width: 52px; float: left; height: 27px;}
button.goBtn:hover { background: url(../img/btn_go.png) left -27px no-repeat; }

div.calendarDate { background: url(../img/calendar_bg.png) top left no-repeat; width: 63px; height: 62px; float: left; margin-right: 20px;}
div.calendarDate span { display: block; text-align: center; font-family: Helvetica Neue, Helvetica, Arial, sans-serif;}
div.calendarDate span.month { text-transform: uppercase; color: #d1d3d4; font-size: 90%; padding-top: 5px;}
div.calendarDate span.day { color: #fff; font-size: 200%; font-weight: bold; }

div.calendar li { float: left; width: 310px; margin-bottom: 20px;}
div.calendar span.title { margin-bottom: 0;}
div.calendar p { margin-left: 83px; line-height:20px;} 

div.commentSection h3 { margin-top: 40px;}

div#rtColumn img { border: none; }


div#reportingResources a { text-indent: -9999em; display: block; float: left; margin-right: 30px;}
a#legistorm { background: url(../img/logo_legistorm_grey.png) left 3px no-repeat; width: 163px; height: 52px;}
a#legistorm:hover { background: url(../img/logo_legistorm_color.png) left 3px no-repeat;}
a#openSecrets { background: url(../img/logo_opensecrets_grey.png) top left no-repeat; width: 138px; height: 52px;}
a#openSecrets:hover { background: url(../img/logo_opensecrets_color.png) top left no-repeat; width: 138px; height: 52px;}

a#sunlightFoundation { background: url(../img/logo_sunlightFoundation.png) top left no-repeat; width: 121px; height: 36px; float: left; text-indent: -9999em; margin-top: 10px; }
div#copyright p { margin-left: 150px; font-size: 80%; line-height: 18px; color: #fff; margin-bottom: 0px;}
div#copyright { background: url(../img/copyright_bg.png) left top no-repeat; height: 161px; margin: -80px auto 0; width: 960px;}
div#copyrightContent { padding-top: 95px;}
div#copyrightWrapper { background: url(../img/copyright_wrapper.png) top left repeat-x;}

a.paginatorPrevious, a.paginatorNext { float: left;}
div#paginatorNumbers { float: left; text-align: center; width: 500px; display: block; }
a.paginatorPrevious { text-align: left; }
a.paginatorNext { text-align: right;}

strong { font-weight: bold;}

body.home #brandingbar, body.theblog #brandingbar, body.about #brandingbar { border-bottom: 1px solid #bcbec0; padding:0.4em 0.9em 0.4em 0; }
body.home #brandingbar a#sllink, body.theblog #brandingbar a#sllink, body.about #brandingbar a#sllink  { background:#F6F8FB url(http://assets.sunlightfoundation.com/images/project_of_sf.gif) 0 3px no-repeat;}

div.features ul, div.about ul, div.posts ul { list-style-type: disc; padding-left: 30px; margin-bottom: 20px; color: #58595B; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
div.features ol, div.about ol, div.posts ol{ list-style-type: decimal; padding-left: 30px; margin-bottom: 20px; color: #58595B; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }

.definedList li { list-style-type: disc; margin-left: 40px;}
.smDefinedList li {  margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #dfe2e1; }
.smDefinedList .interiorList li{ border: none; margin-bottom: 5px; padding-bottom: 0;}
.alignedList li { float: left; margin-right: 7px;}

.clear { clear: both;}

div#pageMain #expenditureSearch label { width: 240px;}
#expenditureSearch { float: right; margin-top: -5px; padding-right: 70px; }
body.separateNav #expenditureSearch { padding-right: 170px;}
#filterExpenditures { border-bottom: 1px solid #c5d8da; margin: 25px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-bottom: 1px solid #81a7aa;}
#filterExpenditures li { background-color: #c5d8da; border-top: 1px solid #81a7aa; border-left: 1px solid #81a7aa; border-right: 1px solid #81a7aa; padding: 5px 10px 3px; float: left; margin-bottom: 0; -moz-border-radius-topleft: 5px; 
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px; 
-webkit-border-top-right-radius: 5px; margin-right: 2px;}
#filterExpenditures li:hover, body.expendituresCommittee li#filter_committee, body.expendituresCandidate li#filter_candidate, body.expendituresRace li#filter_race, body.expendituresLetters li#filter_letters, body.expendituresElectioneering li#filter_electioneering, body.expendituresIes li#filter_ies { background-color: #2a5f65; border-top: 1px solid #134045; border-left: 1px solid #134045; border-right: 1px solid #134045; }
#filterExpenditures li:hover a, body.expendituresCommittee li#filter_committee a, body.expendituresCandidate li#filter_candidate a, body.expendituresRace li#filter_race a, body.expendituresLetters li#filter_letters a, body.expendituresElectioneering li#filter_electioneering a, body.expendituresIes li#filter_ies a { color: #fff;}
#filterExpenditures span { font-weight: bold; text-transform: uppercase; font-size: 120%; margin-bottom: 15px; display: block;}
div#pageMain #filterExpenditures label { width: auto; margin-right: 25px; line-height: 16px;}

div#pageMain input.radio { width: 15px; margin-right: 10px; float: left;}

table { width: 100%;}
.odd { background-color: #fafaf8;}
tbody td { padding: 15px 10px; line-height: 16px;}
thead th { text-transform: uppercase; padding: 0 10px 15px; font-weight: bold;}

#expendituresSource { margin-top: 50px;}
#expendituresSource li, #expendituresSource span { float: left; }
#expendituresSource span { margin-right: 15px;}
#downloadFEC { border-left: 1px solid #BCBEC0; padding-left: 20px; margin-left: 20px;}

div#pageMain #featureMainNav input#searchbox { width: 220px; }

#breadcrumbs { margin-bottom: 40px;}
#breadcrumbs li { float: left; padding-left: 15px; background: url(../img/icon_breadcrumbs.png) left 3px no-repeat; margin-right: 15px;}

.amountLine { font-size: 120%; margin-bottom: 40px; color: #5E5E5E;}
.amount { font-weight: bold; color: #668c1e;}

.raceDetail { font-size: 160%; display: block; padding-top: 8px;}

.sideExpenditures li, .sideStories li{ margin-bottom: 20px;}

.tag1 {
    font-size: 6pt;
}

.tag2 {
    font-size: 8pt;
}

.tag3 {
    font-size: 10pt;
}

.tag4 {
    font-size: 12pt;
}

.tag5 {
    font-size: 14pt;
}

.tag6 {
    font-size: 16pt;
}

.tag7 {
    font-size: 18pt;
}

.tag8 {
    font-size: 20pt;
}

.tag9 {
    font-size: 22pt;
}

.tag10 {
    font-size: 24pt;
}

.tagbox .group {
    text-align: center;
    margin-bottom: 20px;
}

.tablesorter thead th { cursor: pointer; }
.tablesorter thead th.sort { background: url(../img/sortArrows.png) left 7px no-repeat; padding-left: 15px;}
.tablesorter thead th.headerSortUp { background: url(../img/sortArrows_up.png) left 7px no-repeat; padding-left: 15px;}
.tablesorter thead th.headerSortDown { background: url(../img/sortArrows_down.png) left 7px no-repeat; padding-left: 15px;}

#spendingKey { float: left; width: 250px; margin-left: 25px; margin-top: 50px;}
#spendingKey span { text-indent: -9999em; width: 10px; height: 10px; display: block; float: left; margin-top: 7px; margin-right: 5px;}
#spendingKey dt { float: left; margin-right: 10px;}
#spendingKey dd { margin-bottom: 15px;}
.color1 { background-color: #668D3C; }
.color2 { background-color: #A7B272; }
#outside-spending-pie { float: left;}

#party-committeeWrapper { width: 275px; float: left;}
#party-pieWrapper { width: 275px; margin-right: 30px; float: left;}
.expenditureNumber { color: #5a8705;}

.readMoreRT { font-size: 115%; font-style: oblique; display: block; margin-top: 10px; }
.expenditureDate { display: block; margin-bottom: 5px; color: #9F9F9F;}

del { text-decoration: line-through; }

div#doddFrankNav { margin-bottom: 60px; margin-top: 10px; }

div#doddFrankNav ul li { float: left; margin-right: 20px; font-size: 120%; }
div#doddFrankNav ul li a { font-style: italic; }
body.sec li.sec a,
body.fdic li.fdic a,
body.federalReserve li.federalReserve a,
body.organizations li.organizations a,
body.cftc li.cftc a,
body.treasury li.treasury a { font-weight: bold; color: #414042; }
#searchresults .highlighted { background-color: #ffffcc; }
/*div#doddFrankNav input { width: 140px !important; margin-right: 0px !important; padding: 4px !important; }*/
