/* CSS Document 
 * Matt Murphy for Governor - main style sheet
 * Created: August 07, 2009
 * Author: stefan@sabix.com  
 */
 
* { margin:0; padding:0; border:0;}

a { outline: none; border: 0; }

  div, ul, li, img, table, tr, th, td { margin:0; padding:0; border:0;}
  p { margin:0 0 16px 0;}
  hr { margin:24px 8px; height:1px; background-color:#f1f1f1; color:#f1f1f1;}
  h1 { margin-bottom:5px; font-family:"Knockout No. 26 Junior Flyweight","Arial Narrow","Helvetica Condensed","Newhouse DT Condensed","Helvetica Neue Condensed","ITC Franklin Gothic Compressed","Frutiger Condensed","Standard Condensed"; font-size:48px; color:#ecac00; text-transform:uppercase;}
  h2 { margin-bottom:5px; color:#09649d; font-family:"Arial Narrow","Helvetica Condensed","Newhouse DT Condensed","Helvetica Neue Condensed","ITC Franklin Gothic Compressed","Frutiger Condensed","Standard Condensed"}
  h6 { margin-bottom:5px; color:#d7c500; font-size:11px;}
  a { color:#e4a500; text-decoration:none;}
    a:hover { text-decoration:underline;}
  
  .clear { height:0; clear:both;}
  .date { color:#9b9b9b; font-size:10px;}
  .content { padding:16px 50px;}

    body { width:100%; background:#003045 ; text-align:center; font-family:Helvetica,Arial,sans-serif; font-size:12px; line-height: 1.4em; }
      #header { width:100%; height:210px; overflow:hidden; background:transparent url('../images/bg-header.gif') top left repeat-x; float:left;}
        #index #header { width:100%; height:567px; overflow:hidden; background:transparent url('../images/bg-header.gif') top left repeat-x; float:left;}
          #header_container { width:100%; height:210px; background:transparent url('../images/bg-header_container.jpg') top center no-repeat; float:left;}
            #index #header_container { width:100%; height:567px; background:transparent url('../images/bg-header_home_container.jpg') top center no-repeat; float:left;}
            
            #header_content { width:960px; margin:0 auto; text-align:left; color:#ffffff;}
            #nav { margin-top:15px; float:right;}
            #scroll { margin:260px 0 0 475px;}
      #main { width:100%; background:#99afc3 url('../images/bg-main.jpg') top center repeat-y; float:left;}
        #main_container { width:100%; min-height:600px; height:auto !important; height:600px; background:transparent url('../images/bg-main_container.jpg') bottom center no-repeat; float:left;}
          #main_content { width:100%; float:left;}
            #index #main_content { background:transparent url('../images/bg-main_home_content.gif') top left repeat-x;}
            #main_content_container { width:960px; margin:0 auto 150px auto; text-align:left; color:#58585a;}
              #main_content_left { width:620px; vertical-align:top;}
              #main_content_right { width:337px; vertical-align:top;}
      #footer { width:100%; height:158px; overflow:hidden; background:transparent url('../images/bg-footer.jpg') top left repeat-x; float:left;}
        #footer_container { width:100%; height:158px; background:transparent url('../images/bg-footer_container.jpg') top center no-repeat; float:left;}
          #footer_content { width:960px; margin:30px auto; text-align:left; color:#ffffff;}

/* -- Donate tab -- */
#tab-donate { float:right;} 

/* -- Nav -- */
#nav li { display:inline; list-style-type:none; margin-right:24px;}

/* -- Tabs -- */
#tabs { width:620px; height:33px; overflow:hidden; background:#003045 url('../images/bg-tabs.jpg') top left no-repeat;}
  #tabs li { display:inline; list-style-type:none; margin-right:6px;}

/* -- Networking -- */
#networking { height:33px; overflow:hidden; padding-left:30px; background-color:#003045; color:#ffffff;}
  #networking li { display:inline; list-style-type:none; margin-right:5px;}

/* -- h1 -- */
h1.imgHDR { width: 100%; padding:210px 0 0 0; overflow: hidden; background-repeat:no-repeat; height:0px !important; }
h1#mattmurphy { background-image: url('../images/h1-mattmurphy.jpg');}
h1#vision { background-image: url('../images/h1-vision.jpg');}
h1#record { background-image: url('../images/h1-record.jpg');}
h1#mattwire { background-image: url('../images/h1-mattwire.jpg');}
h1#donate { background-image: url('../images/h1-donate.jpg');}
h1#mobilize { background-image: url('../images/h1-mobilize.jpg');}
h1#connect { background-image: url('../images/h1-connect.jpg');}
h1#friend { background-image: url('../images/h1-friend.jpg');}
h1#volunteer { background-image: url('../images/h1-volunteer.jpg');}
h1#news { background-image: url('../images/h1-news.jpg');}
h1#events { background-image: url('../images/h1-events.jpg');}
h1#video { background-image: url('../images/h1-video.jpg');}
h1#endorse { background-image: url('../images/h1-endorse.jpg');}

/* -- Follow Matt -- */
#followmatt { margin-top:30px;}
 #followmatt img { margin-left:30px;}
 #followmatt .tweet { margin:5px 0 0 13px;}

/* -- Tweet -- */
.tweet { width:235px;}
  .tweettop { width:100%; height:13px; background:transparent url('../images/tweet-top.gif') top left no-repeat;}
  .tweetbody { width:190px; background:transparent url('../images/tweet-body.gif') top left repeat-y; padding:5px 15px 5px 30px; font-size:10px;}
	.tweetbody ul { list-style: none; }
  .tweetbottom { width:100%; height:17px; background:transparent url('../images/tweet-bottom.gif') top left no-repeat;}

/* -- e-signup -- */
#esignup { width:207px; margin:30px 0 0 30px;}
  #esignup form { margin-top:5px;}
    #esignup form div.input { width:207px; background:transparent url('../images/bg-esignup_field.gif') top left no-repeat; margin-bottom:5px; padding:5px 5px 5px 7px;}
      #esignup form input.textbox { width:194px; color:#58585a; font-size:11px;}
    #esignup div.alert { background-color:#e1e1e1; padding:5px 0 5px 6px;}
      #esignup form input.alertbox { width:63px; padding:5px 0;}
      
/* -- Action Center -- */
#actioncenter {  margin:30px 0 0 30px;}
 
/* -- Horizontal Scroller -- */
#PreviousButton { padding-right:0;}
#NextButton { padding-left:0;}
img.reflect { margin: 0 3px; }

/* -- Footer -- */
#footer .footer_divider { padding:0 4px;}
  #footer_nav a { color:#ffffff;  font-size:10px; font-weight:normal; text-decoration:none;}
    #footer_nav a:hover { text-decoration:underline;}
  #footer_info { float:right; font-size:10px; text-transform:uppercase;}
  #footer_credit { width:100%; margin-top:60px; font-size:8px; text-align:center;}
    #footer_credit a { color:#c7c7c7;}

.hide { display: none; }

#tellFriend input,
#tellFriend textArea {
border: 1px solid #ccc;
color:#58585a;
font-family: arial, helvetica;
font-size: 1em;
padding:5px 5px 5px 7px; 
}

#sendBtn { border: none !important; }


#volForm ol, #volForm ul { list-style: none; position: relative; }

#volForm li {
clear: left;
float: left;
padding-bottom: 1em;
width: 100%;
}

#volForm li ul {
float: left;
margin: 0;
padding: 0;
position: relative;
width: 220px;
}

#volForm li ul li {
float: left;
margin: 0;
padding: 0;
position: relative;
width: 100%;
}

#volForm input, #volForm textarea {
border: 1px solid #ccc;
color:#58585a;
font-family: arial, helvetica;
font-size: 1em;
padding:5px;  }

#volForm li ul li input {  display: inline; float: left; margin: 0 8px 20px 0; }

#volForm li ul li label { font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #58595B;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal; display: inline; text-transform: none; float: left; padding: 0 0 4px; width: 200px; }

#volform textarea { line-height: 1.25; }
 
#volForm label {font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
color: #58595B;
text-decoration: none;

cursor: pointer;
display: block;
float: left;
margin-right: 1em;

width: 50px; height:35px;
}

#volForm label.error { float: left; margin-left: 0px; width: 260px; font-weight: normal; color:#a32727; }

#dvSig {
height: 45px;
margin: 15px auto 0 auto;
width: 160px;
}

#dvSig a { background: transparent url(../images/dv.png) no-repeat 0 0; display: block; }

#dvSig a:hover { background-position: 0 bottom; }

.smallt {
font-size: 10px;
color: #09649d;
font-weight: bold;
}

.smally {
font-size: 10px;
}

#conform ol, #conform ul { list-style: none; position: relative; }

#conform li {
clear: left;
float: left;
padding-bottom: 1em;
width: 100%;
}

#conform li ul {
float: left;
margin: 0;
padding: 0;
position: relative;
width: 220px;
}

#conform li ul li {
float: left;
margin: 0;
padding: 0;
position: relative;
width: 100%;
}

#conform input, #conform textarea {
border: 1px solid #ccc;
color:#58585a;
font-family: arial, helvetica;
font-size: 1em;
padding:5px;  }

#conform li ul li input {  display: inline; float: left; margin: 0 8px 20px 0; }

#conform li ul li label { font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #58595B;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal; display: inline; text-transform: none; float: left; padding: 0 0 4px; width: 200px; }

#conform textarea { line-height: 1.25; }
 
#conform label {font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
color: #58595B;
text-decoration: none;}

#conform label.error { float: left; margin-left: 0px; width: 260px; font-weight: normal; color:#a32727; }