/* Joe Manchin for West Virginia - Screen Style Sheet */
/* Powered by Bullseye Interactive - http://www.bullseyeinteractive.com */

/* Import Eric Meyer's Reset Styles */
@import url("reset.css");

html {
	background: url(../interface/bodyBG1.jpg) no-repeat top center #F2F6FF;
	height:100.1%;
}

body {
	font-family:Helvetica, sans-serif;
	font-size:small;
	margin: 0 auto;
	background: transparent;
	color:#003b60;
}

p {
	line-height:1.2em;
	padding: 0 0 1em 0;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

a {
	text-decoration:none;
	-webkit-transition: color .2s linear;
}

#container {
	width:1070px;
	margin: 0 auto;
}


/* ---- Masthead ---- */

#masthead {
	width:1070px;
	overflow:hidden;
	margin: 16px 0 0 0;
}

#logo {
	float:left;
	display:inline;
	width:568px;
	height:136px;
}

#logo a {
	background: url(../interface/manchin-logo.png) no-repeat top left;
	text-indent:-9999px;
	display:block;
	width:568px;
	height:136px;
}

#contribute {
	float:right;
	display:inline;
	margin: 95px 0 0 0;
}

#contribute h2 a {
	color:#fff;
	text-transform:uppercase;
	font-size:1.3em;
	letter-spacing:.14em;
	border:1px solid #6F7C8F;
	display:block;
	background: url(../interface/contribute.png) repeat-x top left #B20003;
	padding: 7px 30px;
	font-weight:bold;
}

#contribute h2 a:hover {
	background: #FE6868;
	color:#810709;
}


/* ---- Navigation ---- */

#nav, #frontTop, #frontContent {
	clear:both;
	margin: 0 0 0 50px;
	width: 1020px;
}

#nav {
	clear:both;
	background: url(../interface/topNavBG.png) repeat-x top center #05519B;
	border-top: #64ABBF 1px solid;
	border-bottom: #F9F9FA 2px solid;
	overflow:hidden;
}

ul#navigation {
	display:inline;
	float:left;
}

ul#navigation li {
	display:inline;
}

ul#navigation li a {
	padding: 11px 15px;
	display:block;
	float:left;
	color:#fff;
	font-weight:bold;
	font-size:1.2em;
	-webkit-transition: background-color .4s linear;
}

ul#navigation li a:hover {
	background: #64ABBF;
	color:#fff;
}

body#home ul#navigation li#navHome a,
body#joe ul#navigation li#navJoe a,
body#news ul#navigation li#navNews a,
body#accomplishments ul#navigation li#navAccomplishments a,
body#action ul#navigation li#navAction a,
body#media ul#navigation li#navMedia a {
	background: #F9F9FA;
	color:#0059a4;
}


/* ---- Masthead Signup --- */

form#navSignup {
	float:right;
	display:inline;
}

form#navSignup li {
	display:inline;
	float:left;
	margin: 0 10px 0 0;
}

form#navSignup li h3 {
	padding: 12px 5px 0 5px;
	color:#fff;
	font-size:1.2em;
}

form#navSignup label  { 
	position:absolute; 
	margin: 7px 0 0 2px;
	color:#006eb3;
	padding: 4px;
	}
	
form#navSignup input {
	background: url(../interface/navSignupFormInput.png) repeat-x top center #DEEEF6;
	border:1px solid #137EA9;
	padding: 4px;
	margin: 6px 0 0 0;
	color:#003b60;
}

form#navSignup input:focus {
	background: #F2F5F6;
}

form#navSignup input#Email {
	width:140px;
}

form#navSignup input#Zip {
	width:50px;
}

form#navSignup li#submit {
	margin: 0;
}

form#navSignup input.top_dia_submit {
	margin: 0;
	padding: 10px 15px 8px 15px;
	font-size:1.2em;
	font-family:Helvetica, sans-serif;
	color:#fff;
	background: url(../interface/navSignupSubmit.png) repeat-x top center #386A9B;
	border:none;
}

form#navSignup input.top_dia_submit:active {
	background: #fff;
	color:#0059a4;
}


/* ---- Front Top ---- */

#frontTop {
	width: 1020px;
	background: url(../interface/frontTopBG.png) no-repeat top center #f9fafa;
	overflow:hidden;
	border-bottom: #1bb160 solid 2px;
	padding: 0 0 22px 0;
}

#facebook {
	float:left;
	display:inline;
	border: 10px #a8bdcb solid;
	margin: 22px 0 0 25px;
}

#slider {
	float:right;
	display:inline;
	border: 10px #a8bdcb solid;
	margin: 22px 22px 0 0;
	width:630px;
	height:319px;
	overflow:hidden;
}


/* ---- Front Content ---- */

#frontContent {
	width:1016px;
	background: url(../interface/frontContentBG.png) repeat-x top center #fff;
	border: 2px solid #fff;
	overflow:hidden;
	clear:both;
}

#frontContent #left, #insideContent #left {
	display:inline;
	float:left;
	width:310px;
	margin: 20px 0 0 18px;
}

#frontContent #right, #insideContent #right {
	float:right;
	display:inline;
	width:620px;
	margin: 20px 38px 0 0;
}


h3.rss {
	margin: 0 0 1em 0;
}

h3.rss a {
	background: url(../interface/rss.png) no-repeat top left;
	font-style:italic;
	padding: 0 0 5px 22px;
	color:#0ea53b;
	font-size:1.1em;
}

h3.rss a:hover {
	color:#a8bdcb;
}


/* ---- Inside Content ---- */

h2.sectionTitle  {
	padding: 0 0 2em 0;
}

h2.sectionTitle a {
	font-weight:bold;
	font-size:1.4em;
	color:#0EA53B;
	border-bottom: 1px solid #82CE98;
}

h2.sectionTitle a:hover{
	color: #82CE98;
}

#insideContent {
	width:1016px;
	background: url(../interface/frontContentBG.png) repeat-x top center #fff;
	border: 2px solid #fff;
	border-top: none;
	overflow:hidden;
	clear:both;
	margin: 0 0 0 50px;
}

#insideContent #right {
	float:none;
}

body#action #insideContent #right {
	float:right;
}


#insideContent #facebook {
	margin: 2px 0 20px 5px;
}

ul.archiveList li {
	padding: 0 0 .3em 0;
}


/* ---- Post ---- */

.post {
	background: url(../interface/postDivider.png) no-repeat bottom center;
	/* padding: 0 0 2em 0; */
	padding: 2em; 
	margin: 0 0 2em 0;
	color:#003b60;
	line-height:1.2em;
}

.post a {
	color:#007DC9;
}

.post a:hover {
	color:#a8bdcb;
}

.post h2.staticHeadline {
	font-size:1.5em;
	color:#0070b4;
	line-height:1.2em;
	padding: 0 0 .5em 0;
}

.post h2.headline a {
	font-size:1.5em;
	color:#0070b4;
	line-height:1.2em;
}

.post h2.headline a:hover {
	color:#a8bdcb;
}

.post h3 {
	color:#0EA53B;
	font-weight:bold;
	font-size:1.2em;
	padding: 0 0 1em 0;
}

.post ul {
	list-style-type: disc;
	margin: 0 0 0 2em;
	padding: 0 0 1em 0;
}

.post ol {
	list-style-type:decimal;
	margin: 0 0 0 2em;
	padding: 0 0 1em 0;
}

.post li {
	line-height:1.2em;
	padding: 0 0 .3em 0;
}

.post li ul {
	padding: .3em 0 0 0;
	list-style-type:circle;
}

.posted {
	color:#0ea53b;
	font-style:italic;
	margin: 0 0 .5em 0;
}

p.posted a {
	color:#1B8075;
}

p.posted a:hover {
	color:#a8bdcb;	
}

.post blockquote {
	margin: .5em 3em;
	padding: 1em;
	background: #E8EDF0;
	border-left: 1px solid #77b3d7;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}


/* ---- Action Buttons ---- */

#buttons {
	clear:both;
}

ul.actionBtns li#join a, ul.actionBtns li#volunteer a, ul.actionBtns li#donate a {
	display:block;
	width:310px;
	height:82px;
	background: url(../interface/actionBtns.png) no-repeat top left;
	text-indent:-9999px;
	margin: 0 0 20px 0;
}

ul.actionBtns li#join a:hover {
	background-position: -310px 0;
}

ul.actionBtns li#volunteer a {
	background-position: 0 -82px;
}

ul.actionBtns li#volunteer a:hover {
	background-position: -310px -82px;
}

ul.actionBtns li#donate a {
	background-position: 0 -164px;
}

ul.actionBtns li#donate a:hover {
	background-position: -310px -164px;
}

ul.actionBtns li#share {
	background: url(../interface/actionBtnSolid.png) repeat-x top center #003D91;
	margin: 0 0 20px 0;
	border: 3px solid #0070b4;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	overflow:hidden;
}

ul.actionBtns li#share div {
	overflow:hidden;
}

ul.actionBtns li#share a.addthis_button_compact span {
	padding: 0 0 0 10px;
}


/* ---- Flex Box ---- */

.flexBox {
	margin: 0 0 20px 0;
	clear:both;
}

.flexBoxTop {
	background: url(../interface/topNavBG.png) repeat-x top center #05519B;
	padding: 10px 10px 10px 15px;
}

.flexBoxTop h2 {
	color:#fff;
	font-size:1.3em;
	font-weight:bold;
}

.flexBoxTop h2 a {
	color:#fff;
}

.flexBoxTop h2 a:hover {
	color:#88C2DD;
}

.flexBoxContent {
	border:1px solid #9FC8E2;
	border-top: 2px solid #20B060;
	background: url(../interface/frontContentBG.png) repeat-x top center #fff;
	padding: 20px;
}

ul#twitter_update_list li {
	padding: 0 0 .5em 0;
	line-height:1.2em;
}

ul#twitter_update_list a {
	color:#007DC9;
	display:block;
}

ul#twitter_update_list a:hover {
	color:#a8bdcb;
}

ul#twitter_update_list span a {
	display:inline;
}


/* ---- Footer ---- */

#footer {
	width:100%;
	background: url(../interface/footerBG.png) repeat-x top center #005BA6;
	border:2px solid #9CC5E3;
	border-left:none;
	border-right:none;
	clear:both;
	overflow:hidden;
	margin: 20px 0 10px 0;
	color:#88C2DD;
	padding: 20px 0 0 0;
}

#footer ul {
	text-align:center;
	padding: 0 0 20px 0;
}

#footer ul li {
	display:inline;
	padding: 0 10px;
}

#footer ul li a {
	color:#88C2DD;
}

#footer ul li a:hover {
	color:#fff;
}
li#footerTwitter a {
	background: url(../interface/twitterFooter.png) no-repeat top left;
	padding: 0 0 3px 18px;
}


/* ---- Bullseye --- */

#bullseye {
	margin: 20px 0 0 0;
	text-align:center;
	font-size:.7em;
	color:#9CC6E1;
	display:block;
	padding: 0 0 20px 0;
}

#bullseye a {
	color:#9CC6E1;
}

#bullseye a:hover {
	color:#006CB2;
}


/* ---- Salsa ---- */

.salsa h2 {
	font-size:1.5em;
	color:#0070b4;
	line-height:1.2em;
	padding: 0 0 .5em 0;
}

.comparison td {
	padding: 20px;
	border: 1px solid #999999;
}

.comparison h2 {
	font-size: 1.4em;
	font-weight:  bold;
}

.comparison .left {
	background-color: #e0e0e0;
}

.comparison .right {
	background-color: #b0b0b0;
}

/* ---- Petitions ---- */

.petitionBox {
	float: right; 
	display: inline; 
	margin: 0 0 0 20px;
	width: 340px; 
}

#petition {
	float:right;
	display:inline;
	margin: 20px 38px 20px 20px;
}

#petition p {
	font-size: 1.2em;
	line-height: 1.8em;
	margin-bottom: 10px;
}

#petition h2 {
	margin: 20px 0 20px 0;
	font-size: 2em;
	font-weight: bold;
}

#petition form {
	margin: 0 0 20px 0;
}

#noMountain {
	background: none;
}

.addThisBox {
	padding: 20px;
	background-color: #e0e0e0;
	margin: 0 0 20px 0;
	color: #006EB3; 
	font-size: 2.5em; 
	font-weight: bold;
	position: relative;
}

.addThisBox img {
	margin-bottom: 10px;
}

.petitionForm {
padding: 10px 20px 20px 20px; 
margin-bottom: 20px;
background-color: #e0e0e0; 
width: 300px;
}