/* Jonathan Neerman for County Chairman
   Stylesheet by Kevin Barr of Burst Creative
   www.burstcreative.com */

body, div, table, tr, td, h1, h2, h3, h4, h5, h6, ul, li, input {margin:0; padding:0;}
body {background:#fff url(http://www.jonathanneerman.com/css-images/bground.gif) repeat-x left -200px; font:12px/20px Verdana, sans serif; color:#363636;}
body#home {background:#fff url(http://www.jonathanneerman.com/css-images/bground.gif) repeat-x left top;}
h1 {line-height:32px;}
h2 {font:bold 16px/20px Georgia, Times, serif; color:#003592; margin-bottom:20px;}
h3 {font:bold 12px/16px Georgia, Times, serif; color:#003592; text-transform:uppercase; letter-spacing:2px; margin-bottom:15px;}
h4 {margin-top:15px; font:bold 14px/16px Arial, sans-serif;}
h5 {margin-bottom:15px; font:bold 14px/16px Arial, sans-serif; color:#003592;}
p {margin:0 0 15px 0;}
a {color:#2a65cc; text-decoration:none;}
a:hover, a:active {color:#003592; text-decoration:underline;}
ul {margin:15px 0;}
li {margin:8px 0 0 0; padding:0 0 0 15px; background:url(http://www.jonathanneerman.com/css-images/bullet.gif) no-repeat left 5px; list-style:none;}

/* special classes */
.clear {clear:both;}
.clear-left {clear:left;}
.clear-right {clear:right;}
.pullquote-left {font:italic bold 14px/18px Georgia, sans-serif; color:#003592; float:left; border-top:1px solid #003592; border-bottom:1px solid #003592; padding:10px; margin:5px 15px 5px 0; width:220px;}
.art-date {margin-bottom:4px; color:#565656; font:bold 11px/16px Arial, sans-serif;}
.helper-text {font:normal 11px Arial, sans-serif; text-transform:uppercase;}
.alert {color:#f00;}
ul.star-list li {background:url(/css-images/star-bullet.gif) no-repeat left 3px;}
.small {font-size:10px;}
.highlighted {background:#ffc; padding:1em; margin-bottom:1.5em; font:bold italic .9em/1.4em "Lucida Grande", Arial, sans-serif;}
#home-blocks p.highlighted {margin-bottom:1.5em;}

/* forms */
input {width:300px; display:block;}
select {width:300px;}
input.short {width:150px;}
textarea {width:450px; height:100px;}
label {display:block; font:bold 12px/16px Arial, sans-serif; color:#2f66c9; text-transform:uppercase; margin:15px 0 5px;}
fieldset {border:transparent; margin:10px 0 15px;}
fieldset#checkboxes input {float:left; clear:left; width:auto; margin-right:10px;}
fieldset#checkboxes label {display:inline; font:11px/16px Verdana, sans serif; color:#363636; text-transform:none;}
#home input#submit {width:30px; height:30px;}

/* container */
#container {width:950px; margin:auto; position:relative;}
body#home #container {background:url(http://www.jonathanneerman.com/css-images/container-bground.jpg) no-repeat right top;}
body#bio #container {background:url(http://www.jonathanneerman.com/css-images/bio-bground.jpg) no-repeat 540px top;}
body#espanol #container {background:url(http://www.jonathanneerman.com/css-images/espanol-bground.jpg) no-repeat 540px top;}
body#platform #container {background:url(http://www.jonathanneerman.com/css-images/platform-bground.jpg) no-repeat 500px top;}
body#endorsements #container {background:url(http://www.jonathanneerman.com/css-images/endorsements-bground.jpg) no-repeat 460px top;}
body#volunteer #container {background:url(http://www.jonathanneerman.com/css-images/volunteer-bground.jpg) no-repeat 480px top;}
body#news #container {background:url(http://www.jonathanneerman.com/css-images/news-bground.jpg) no-repeat 540px top;}
body#coalitions #container {background:url(http://www.jonathanneerman.com/css-images/coalitions-bground.jpg) no-repeat 470px top;}
body#blog #container {background:url(http://www.jonathanneerman.com/css-images/blog-bground.jpg) no-repeat 540px top;}
body#contribute #container {background:url(http://www.jonathanneerman.com/css-images/contribute-bground.jpg) no-repeat 480px top;}
body#contact #container {background:url(http://www.jonathanneerman.com/css-images/contact-bground.jpg) no-repeat 480px top;}


/* main-nav */
#main-nav {float:left; width:100%; font:12px Georgia, Times, serif; position:relative;}
#main-nav ul {float:left; background:#1047a8 url(http://www.jonathanneerman.com/css-images/nav-ul-bground.gif) repeat-x left top; width:100%; border-bottom:1px solid #2c63c4; margin:0; padding:0;}
#main-nav ul li {float:left; display:block; list-style:none; margin:0; padding:0; background:none;}
#main-nav ul li a {color:#fff; text-decoration:none; text-transform:uppercase; letter-spacing:2px; display:block; padding:8px 12px; background:url(http://www.jonathanneerman.com/css-images/nav-li-bground.gif) no-repeat right top;}
#main-nav ul li a:hover, #main-nav ul li a:active {background-color:#2e63c1;}
body#home #main-nav ul li a#nav-home, body#bio #main-nav ul li a#nav-bio, body#platform #main-nav ul li a#nav-platform, body#endorsements #main-nav ul li a#nav-endorsements, body#volunteer #main-nav ul li a#nav-volunteer, body#news #main-nav ul li a#nav-news, body#coalitions #main-nav ul li a#nav-coalitions, body#contribute #main-nav ul li a#nav-contribute, body#contact #main-nav ul li a#nav-contact {background-color:#0a3e9a;}

/* masthead */
#masthead {float:left; clear:left; width:100%; height:100px;}
body#home #masthead {background:url(http://www.jonathanneerman.com/css-images/home-logo.gif) no-repeat 22px 40px; height:306px;}
body#bio #masthead, body#espanol #masthead, body#platform #masthead, body#endorsements #masthead, body#volunteer #masthead, body#news #masthead, body#blog #masthead, body#coalitions #masthead, body#contribute #masthead, body#contact #masthead {background:url(http://www.jonathanneerman.com/css-images/logo.gif) no-repeat 22px 5px; height:140px;}
#masthead h1 {text-indent:-9000px;}

/* join-campaign */
#join-campaign {position:absolute; width:320px; left:20px; top:250px; z-index:5;}
#join-campaign label {display:block; width:150px; height:14px; text-indent:-9000px; background:url(http://www.jonathanneerman.com/css-images/join-campaign.gif) no-repeat left top;}
#join-campaign input#from {width:270px; color:#707070; float:left; margin:6px 0 0 0;}
#join-campaign input#submit {float:left; padding:0 0 0 10px;}

/* headline */
#headline {text-indent:-9000px; clear:left; margin:10px 0 15px 0; float:left;}
#headline p {padding:0; background:url(http://www.jonathanneerman.com/css-images/headline.gif) no-repeat 5px top; display:block; width:552px; height:121px; margin:10px 0 0 0;}
#headline a {display:block; width:552px; height:121px; margin:0 0 0 20px;}
#headline a:hover, #headline a:active {background-color:#e9eef9;}

/* home-blocks */
#home-blocks {float:left; clear:left; width:100%; padding:0; background:url(/css-images/column-lines.gif) repeat-y left top;}
#home-blocks-inner {padding:26px 0 30px 0; background:url(/css-images/block-bground.jpg) no-repeat left top;}
.block-outer1 {width:265px; float:left;}
.block-outer2 {width:290px; float:left;}
.block-outer3 {width:363px; float:left;}
.block1, .block2, .block3 {margin:0 0 0 22px;}
.block1 {margin-right:15px;}
.block3 {padding-top:23em; margin-left:26px;}
#home-blocks h2, #home-blocks h3 {text-indent:-9000px; width:100%; height:30px;}
#home-blocks p {margin:0 10px 8px  0;}
h2#jonathans-tweets {background:url(http://www.jonathanneerman.com/css-images/jonathans-tweets.gif) no-repeat left top;}
h2#recent-news {background:url(http://www.jonathanneerman.com/css-images/recent-news.gif) no-repeat left top; margin-top:30px;}
h2#neermans-neighborhood {background:url(http://www.jonathanneerman.com/css-images/neermans-neighborhood.gif) no-repeat left top; height:45px;}
h2#recommended-reads {background:url(http://www.jonathanneerman.com/css-images/recommended-reads.gif) no-repeat left top; margin-top:30px;}

/* main-content */
#main-content {width:565px; margin:0 0 45px 35px; float:left; padding-bottom:30px;}

/* endorsements */
ul#li-endorsements li {width:170px; float:left; margin-top:4px;}

/* sidebar */
#sidebar {width:260px; float:right; margin:115px 30px 45px 0; font:12px/16px Arial, sans-serif; color:#565656;}

/* footer */
#footer-outer {clear:both; background:#1047a8;}
#footer-inner {width:950px; height:212px; margin:auto; font:11px/14px Arial, sans-serif; color:#fff;}
#footer-inner p {text-align:center; padding-top:24px;}
#footer-inner a {color:#faf498;}
#home #footer-outer {background:#fff;}
#home #footer-inner {background:url(/css-images/bg-footer-gradient.jpg) no-repeat left top;}
#home #footer-inner {color:#333;}
#home #footer-inner p {padding-top:50px;}
#home #footer-inner a {color:#2a65cc;}


/* flickr images widget on home page */
#images {height:185px; width:220px; padding:0; margin:0; overflow:hidden; text-align:center; border-bottom:1px solid #ededed;}
.block1 h3 {background:url(http://www.jonathanneerman.com/css-images/recent-images.gif) no-repeat left 1px; margin-bottom:0;}
#images img {border:none;}
#images img a:hover, #images a img a:active {text-decoration:none;}
#images p {color:#333; font:bold .9em/1.5 Arial, sans-serif;}
#images p a:hover, #images a p a:active {text-decoration:none;}
.block1 #link {margin-bottom:30px; clear:both;}
#flickrNav {float:left; width:220px;}
#flickrNav #prev {text-indent:-99999px; background:url(http://www.jonathanneerman.com/css-images/previous.gif) no-repeat left 2px; width:46px; height:20px; float:left; outline:none;}
#flickrNav #next {text-indent:-99999px; background:url(http://www.jonathanneerman.com/css-images/next.gif) no-repeat right 2px; width:46px; height:20px; float:right; outline:none;}
#flickrImg {width:225px; height:162px;}

/* Two button methods */
button {border:0; cursor:pointer; font-weight:bold; padding:0 45px 0 0; text-align:center; margin:0; overflow:visible; width:auto;}
button span {position:relative; display:block; white-space:nowrap; padding:0 0 0 20px; margin:0;}

/* fixes firefox adding extra padding to button elements */
button::-moz-focus-inner {padding:0; border:0;}
button:focus {outline:1px dotted;}
a.btn {padding:0 45px 0 0; margin:0 2em 0 0; float:left;}
a.btn span {padding:0 0 0 20px; display:block; margin:0;}

/*buttons*/
.btn {background:url(http://www.jonathanneerman.com/css-images/btn-right.png) right 7px no-repeat; font-size:1em; font-family:Arial; font-weight:bold; height:47px; line-height:47px;}
.btn span {height:47px; line-height:47px; background:url(http://www.jonathanneerman.com/css-images/btn-left.png) left 7px no-repeat; color:#fff;}
.btn:hover {background:url(http://www.jonathanneerman.com/css-images/btn-right.png) right -38px no-repeat; text-decoration:none!important;}
.btn:hover span {background:url(http://www.jonathanneerman.com/css-images/btn-left.png) left -38px no-repeat; color:#003592;}

/* contribute page */
#custom-amount {display:none;}
#verify {display:none;}

/* connect box */
#connect {width:342px; height:222px; background:url(/css-images/bg-connect.gif) no-repeat left top; padding:9px 0 0 9px; margin:20px 0;}
#connect h2 {background:url(/css-images/connect-with-jonathan.gif) no-repeat left 8px; margin:0; padding-top:8px;}
#connect a {width:158px; height:50px; text-indent:-99999px; display:block; float:left; margin:0 7px 7px 0;}
#connect a#facebook {background:url(/css-images/bg-facebook.gif) no-repeat left top;}
#connect a#twitter {background:url(/css-images/bg-twitter.gif) no-repeat left top;}
#connect a#flickr {background:url(/css-images/bg-flickr.gif) no-repeat left top;}
#connect a#you-tube {background:url(/css-images/bg-youtube.gif) no-repeat left top;}
#connect a#linked-in {background:url(/css-images/bg-linkedin.gif) no-repeat left top;}

/* coalitions */
.coalition {border-bottom:1px solid #cfdef9; margin:0 0 2em 0; padding:0 0 15px 0;}
.members-collapsed, .members-expanded {color:#2a65cc; padding:0 0 0 20px;}
.members-collapsed {background:url(/css-images/plus.png) no-repeat left center;}
.members-expanded {background:url(/css-images/minus.png) no-repeat left center;}
.members-collapsed:hover, .members-expanded:hover {cursor:pointer; text-decoration:underline;}
#li-hispanic-members, #li-veterans-members, #li-green-members, #li-educators-members {display:none;}
.member-list li {width:170px; float:left; margin-top:4px;}

/* clearfix */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}

/* join-a-coalition */
#join-a-coalition {position:absolute; z-index:5; left:613px; top:50px;}
#join-a-coalition h3 {text-indent:-99999px; background:url(/css-images/join-a-coalition.gif) no-repeat left top;}
#join-a-coalition h3 a {display:block; width:206px; height:23px; outline:none;}
#join-a-coalition p {line-height:1.4em; margin-bottom:.6em;}
#join-a-coalition p#join-now a {font:bold 11px/16px Verdana, sans-serif;}
#join-a-coalition a {color:#fff; text-transform:uppercase; font-family:Arial, sans-serif; text-decoration:none;}
#join-a-coalition a:hover, #join-a-coalition a:active {text-decoration:underline;}

/* marine-corps-marathon */
#marine-corps-marathon {background:#000; padding:10px; color:#fff; margin-bottom:25px;}
#marine-corps-marathon p {text-align:center;}
#marine-corps-marathon a {color:#ffcc33; text-decoration:none;}
#marine-corps-marathon a:hover, #marine-corps-marathon a:active {text-decoration:underline;}
#marine-corps-marathon #counter {padding-left:70px;}

/* multimedia panel */
#multimedia-panel {position:absolute; width:350px; height:326px; z-index:5; background:url(/css-images/bg-multimedia-panel.jpg) no-repeat left top; left:577px; top:356px;}
#multimedia-panel-inner {padding:12px;}
#multimedia-panel-inner img {border:2px solid #083b96;}
#multimedia-panel-inner h2 {text-indent:-99999px;}

/* en espanol link */
#home p#espanol-link {background:url(/css-images/en-espanol-home.gif) no-repeat left top;}
#espanol p#espanol-link {display:none;}
p#espanol-link {position:absolute; right:4px; top:100%; width:89px; height:24px; text-indent:-99999px; background:url(/css-images/en-espanol.gif) no-repeat left top;}
p#espanol-link a {display:block; width:89px; height:24px;}

/* jonathan-debates-tehran */
#jonathan-debates-tehran {background:url(/css-images/jonathan-debates-tehran.gif) no-repeat left top; width:350px; height:79px; text-indent:-99999px;}
#jonathan-debates-tehran a {width:350px; height:79px; display:block;}
#jonathan-debates-tehran h4 {height:1px;}

/* jonathan-talking-about-the-economy */
#talking-about-the-economy {background:url(/css-images/jonathan-talking-about-the-economy.png) no-repeat left top; width:350px; height:79px; text-indent:-99999px;}
#talking-about-the-economy a {width:350px; height:79px; display:block;}
#talking-about-the-economy h4 {height:1px;}

/* krld-economy-on-track */
#economy-on-track {background:url(/css-images/krld-economy-on-track.png) no-repeat left top; width:350px; height:79px; text-indent:-99999px;}
#economy-on-track a {width:350px; height:79px; display:block;}
#economy-on-track h4 {height:1px;}

/* recommended-reads */
.recommended-read {border:none; margin-right:15px;}

/* living-room-conversations */
#living-room-conversations {width:342px; background:url(/css-images/living-room-conversations.jpg) no-repeat left top;}
#living-room-conversations h3 {height:1px;}
#living-room-conversations p.invite {height:162px;}
#living-room-conversations h3, #living-room-conversations p.invite {text-indent:-99999px; margin:0;}
#living-room-conversations .next-gathering {background:#003e7e; color:#fff; padding:13px;}
#living-room-conversations .next-gathering h4 {margin:0 0 8px;}
#living-room-conversations .next-gathering a {color:#9bcbfd; text-decoration:underline;}
#living-room-conversations .next-gathering .helper-text {color:#f58026;}

.img-right {float:right; margin:0 0 1.5em 1.5em; border:1px solid #5e7eb9; padding:2px;}
.img-left {float:left; margin:0 1.5em 1.5em 0; border:1px solid #5e7eb9; padding:2px;}

/* best-politico */
#best-politico {width:342px; height:97px; text-indent:-99999px;}
#best-politico h3 {height:1px; margin:0;}
#best-politico p {margin:0; padding:0;}
#best-politico p a {width:342px; height:97px; display:block; background:url(/css-images/best-politico.gif) no-repeat left top;}