/* Forward Together PAC Master Screen Style Sheet */
/* Ted Severson @ Bullseye Interactive Media */

/* Import Eric Meyer's Resets */
@import "reset.css";

html {
	background: url(../interface/tiledBG.png) repeat-x scroll center top #66A9F1;
	height:100.02%;
}

body {
	background:url(../interface/background.png) no-repeat 50% 0;
	font-family:Helvetica, sans-serif;
	font-size:small;
}

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

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

body#petition #container { 
	padding: 43px 0 0 0;
	}

#nav  {
	width:795px;
	height:43px;
	float:left;
	display:inline;
}

	#nav ul {
		display:inline;
	}
	
	#nav ul li {
		float:left;
		display:inline;
	}
	
	#nav ul li a {
		display:block;
		color:#fff;
		text-transform:uppercase;
		text-decoration:none;
		padding: 15px;
		font-size:12px;
		border-left:1px solid #0B4788;
	}
	
	body#aboutBody #nav ul li#about a, body#chair #nav ul li#chair a, body#issues #nav ul li#issues a, body#actionBody #nav ul li#action-nav a, body#candidates #nav ul li#candidates a	{
		background: #2F80D7;
		color:#fff;
		border-bottom: 2px solid #2F80D7;
	}
	
	#nav ul li a:hover {
		background:#0a3f7a;
		color:#3685d8;
	}
	
	#nav ul li#facebook a {
		padding: 0;
		text-indent:-9999px;
		background: url(../interface/facebookIcon.png) no-repeat top left;
		width:62px;
		height:42px;
	}
	
	#nav ul li#facebook a:hover {
		background: url(../interface/facebookOver.png) no-repeat top left;
	}
	


#donate {
	float:right;
	display:inline;
	width:144px;
	height:43px;
	margin: 0 9px 0 0;
}

	h2#donateButton a {
		width:144px;
		height:43px;
		display:block;
		background: url(../interface/donateButton.png) no-repeat top right;
		text-indent: -9999px;
	}
	
	#donate h2 a:hover {
		background-position: 0 -43px;
	}

#masthead {
	clear:both;
	background: url(../interface/mastheadBG.png) no-repeat top right;
	width:100%;
	height:136px;
}

	#masthead h1#logo a {
		display:block;
		float:left;
		width:398px;
		height:136px;
		background:url(../interface/ftpacLogo.png) no-repeat top left;
		text-indent:-9999px;
	}
	
	#masthead h1#logo a:hover {
		background-position: 0 -136px;
	}
	
	#masthead h1#fomwLogo a {
		display:block;
		float:left;
		width:398px;
		height:136px;
		background:url(../interface/fomwLogo.gif) no-repeat top left;
		text-indent:-9999px;
	}
	
	
	#masthead form#joinus {
		float:left;
		display:block;
		width:414px;
		height:69px;
		background:url(../interface/joinBG.png) no-repeat top left;
		padding: 8px 0 0 42px
	}
	
	form#joinus h3 {
		text-transform:uppercase;
		color:#fff;
		font-weight:bold;
		font-size:18px;
		text-shadow: 0px 0px 8px rgba(255,255,255,.9);
		display:inline;
		float:left;
		padding: 1.2em 1em 0 0;
	}
	
	form#joinus ul {
		float:left;
		display:inline;
	}
	
	form#joinus li {
		display:inline;
		float:left;
		margin: 0 1em 0 0;
	}
	
	form#joinus label {
		color:#fff;
		opacity:.6;
		font-weight:bold;
		line-height:1.2em;
	}
	
	form#joinus input {
		width:100px;
		font-family:Helvetica, sans-serif;
		font-size:110%;
		padding: 4px;
		border:1px solid #fec218;
		color:#fff;
		background:#b2c9e4;
	}
	
	form#joinus input#f32 {
		width:45px;
	}
	
	form#joinus input.dia_submit {
		background:url(../interface/submitBtn.png) repeat-x bottom left #FDDA79;
		border: 1px solid #81a2ae;
		color:#fff;
		font-weight:bold;
		padding: 4px;
		margin: 1em 0 0 0;
		width:40px;
	}
	
#feature {
	width:920px;
	height:360px;
	border:#173487 5px solid;
	margin: 0 0 0 8px;
	background:#0C498D;
	/* -moz-box-shadow: 0 0px 10px #000;
	-webkit-box-shadow: 0 0px 10px #000; */
}
	
	#slider {
		float:right;
		display:block;
		border-left:#173487 5px solid;
		overflow:hidden;
		width:640px;
		height:360px;
	}
	
	#caption {
		float:left;
		display:block;
		width:275px;
		background:#0C498D;
	}
	
	#caption a {
		display:block;
		width:205px;
		height:35px;
		background: url(../interface/captionBG.png) no-repeat top left;
		color:#fff;
		font-size:110%;
		padding: 17px 40px 20px 30px;
		line-height:120%;
		font-weight:bold;
		font-size:120%;
		text-shadow: 0px 0px 8px rgba(0,0,0,.8);
	}
	
	#caption a.activeSlide {
		background: url(../interface/captionBG.png) no-repeat bottom left;
		color:#173487;
		text-shadow: 0px 0px 9px rgba(255,255,255,.8);
	}


.issues, .single {
	border:5px solid #173487;
	width:920px;
	background: url(../interface/singleBG.png) repeat-y top right #517FC0;
	float:left;
	display:inline;
}

	.issues {
		margin: 0 0 20px 8px;
	}
	
	.single {
		margin: 0 0 0 8px;
	}

	.issues h2, .single h2 {
		color:#fff;
		font-weight:bold;
		font-size:1.4em;
		padding: 0.6em 0 0.6em 0.8em;
	}
	
	.issues h2 a, .single h2 a {
		color:#fff;
		text-decoration:none;
	}
	
	.issues h2 a:hover, .single h2 a:hover {
		text-decoration:underline;
	}

	.issuesContent, .singleContent {
		background: url(../interface/singleContent.png) repeat-y top left #92B1D9;
		margin: 5px;
		padding: 20px;
		color:#0E233E;
		/* width:870px; */
	}
	
	.issuesContent {
		float:left;
		display:inline;
	}
	
	body#thanks .singleContent {
		width:870px;
	}

	.singleContent {
		float:left;
		display:inline;
	}
	
	body#petition .singleContent {
		width:870px;
	}
	
	.singleContent a {
		text-decoration:none;
		color:#173487;
		font-weight:bold;
	}
	
	.singleContent a:hover {
		text-decoration:underline;
	}
	
	img.issuePic {
		float:left;
		display:inline;
		padding: 0 1.2em .8em 0;
	}
	
	img.bioPic {
		float:right;
		display:inline;
		padding: 0 0 .8em 1.2em;
	}

	#candidateTop {
		margin: 0 0 20px 8px;
		width:930px;
		float:left;
		display:inline;
	}
	
	#candidateTop h2, #candidateMiddle h2 {
		color:#fff;
		font-weight:bold;
		font-size:1.4em;
		padding: 0.6em 0 0.6em 0.8em;
	}
	
		#candidateInfo {
			border:5px solid #173487;
			width:330px;
			background:url(../interface/singleBG.png) repeat-y top right;
			float:left;
			display:inline;
			margin: 0 20px 0 0;
		}
		
		#candidateInfo img {
			float:left;
			display:inline;
			margin: 0 0 0 5px;
		}
		
		#candidateInfo ul#candidateSocial {
			float:right;
			display:inline;
			margin: 0 9px 0 0;
		}
		
			ul#candidateSocial li {
				margin: 0 0 5px 0;
			}
			
			ul#candidateSocial li a {
				display:block;
				text-indent:-9999px;
				width:43px;
				height:43px;
			}
		
			ul#candidateSocial li a#candidateWWW {
				background: url(../interface/cand-www.png) no-repeat top left;
				height:40px;
			}
			
				ul#candidateSocial li a#candidateWWW:hover {
					background-position: -49px 0; 
				}
				
			ul#candidateSocial li a#candidateFB {
				background: url(../interface/cand-facebook.png) no-repeat top left;
			}
			
				ul#candidateSocial li a#candidateFB:hover {
					background-position: -49px 0; 
				}
				
			ul#candidateSocial li a#candidateTwitter {
				background: url(../interface/cand-twitter.png) no-repeat top left;
			}
			
				ul#candidateSocial li a#candidateTwitter:hover {
					background-position: -49px 0; 
				}
				
			ul#candidateSocial li a#candidateYouTube {
				background: url(../interface/cand-youtube.png) no-repeat top left;
			}
			
				ul#candidateSocial li a#candidateYouTube:hover {
					background-position: -49px 0; 
				}
				
			ul#candidateSocial li a#candidateFlickr {
				background: url(../interface/cand-flickr.png) no-repeat top left;
			}
		
				ul#candidateSocial li a#candidateFlickr:hover {
					background-position: -49px 0; 
				}
		
		#candidateTweets {
			border: 5px solid #173487;
			background:url(../interface/singleBG.png) repeat-y top right;
			width:195px;
			float:left;
			display:inline;
			height:277px;
		}
		
			#candidateTweets h2 a {
				color:#fff;
				text-decoration:none;
			}
			
			#candidateTweets h2 a:hover {
				color:#173487;
			}
		
			#twitter_div {
				padding: 0 1em 1em 1em;
				color:#fff;
			}
			
			ul#twitter_update_list li {
				margin: 0 0 1em 0;
				line-height:1.2em;
			}
			
			ul#twitter_update_list li a {
				color:#FEBF0F;
				font-weight:bold;
				text-decoration:none;
			}
			
			ul#twitter_update_list li a:hover {
				color:#173487;
			}
		
		#candidateVideo {
			border: 5px solid #173487;
			background:url(../interface/singleBG.png) repeat-y top right;
			float:right;
			display:inline;
			width:330px;
			padding: 5px;
			height:267px;
		}

	#candidateMiddle {
		clear:both;
		width:930px;
		float:left;
		display:inline;
	}
	
		#candidateMiddle div.single {
			/* width:560px; */
			float:left;
			display:inline;
		}
		
		#candidatePhotos {
			border: 5px solid #173487;
			background:url(../interface/singleBG.png) repeat-y top right;
			float:right;
			display:inline;
			width:320px;
		}


#spotlight {
	width:620px;
	border:5px solid #173487;
	margin: 18px 0 0 8px;
	background: url(../interface/spotlightBG.png) no-repeat top left;
	height:260px;
	float:left;
	display:inline;
}
	#spotlight h3 {
		text-transform:uppercase;
		font-size:120%;
		color:#fff;
		margin: 12px 0 10px 27px;
		font-weight:bold;
		text-shadow: 2px 2px 5px rgba(0,0,0,.5);
		letter-spacing:0.07em;
	}
	
	#spotlight li a {
		text-decoration:none;
	}
	
	#spotlight li a span {
		display:block;
		position:absolute;
		width:222px;
		bottom: 0;
		/* left:0; */
		font-size:1.1em;
		line-height:1.2em;
		background: #333;
		background: rgba(0,0,0,.4);
		text-decoration:none;
	}

	#spotlight li a span strong {
		display:block;
		padding: 10px 10px 0 10px;
		color:#fff;
		font-weight:bold;
		text-shadow: 2px 2px 4px rgba(0,0,0,.7);
	}

	#spotlight li a span em {
		display:block;
		padding: 0 10px 10px 10px;
		color:#66a9f1;
		text-shadow: 2px 2px 3px rgba(0,0,0,.7);
	}

#action {
	float:left;
	display:inline;
	border:5px solid #173487;
	margin: 18px 0 0 20px;
	width:270px;
	/* height:260px; */
	background:url(../interface/actionBG.png) no-repeat top left;
}

	#action h3 {
		text-transform:uppercase;
		font-size:120%;
		color:#fff;
		margin: 12px 0 10px 20px;
		font-weight:bold;
		text-shadow: 2px 2px 5px rgba(0,0,0,.5);
		letter-spacing:0.07em;
	}
	
	#action ul {
		width:270px;
		/* height:222px; */
	}
	
	#action li#donate-action a {
		display:block;
		width:251px;
		height:28px;
		background:url(../interface/action-donate.png) no-repeat top left;
		text-transform:uppercase;
		color:#fff;
		padding: 17px 0 0 19px;
		text-decoration:none;
		font-weight:bold;
		text-shadow:2px 2px 5px rgba(0,0,0,.5);
		letter-spacing: 0.1em;
	}
	
	#action li#donate-action a:hover {
		background-position: 0 -45px;
		color:#8A201B;
	}
	
	#action li#friend a, #action li#join a, #action li#citizen a, #action li#volunteer a {
		display:block;
		width:251px;
		height:27px;
		background:url(../interface/action-other.png) no-repeat top left;
		text-transform:uppercase;
		color:#fff;
		padding: 16px 0 0 19px;
		text-decoration:none;
		font-weight:bold;
		text-shadow:2px 2px 3px rgba(0,0,0,.3);
		letter-spacing: 0.1em;
	}   
	
	#action li#friend a:hover, #action li#join a:hover, #action li#citizen a:hover, #action li#volunteer a:hover {
		background-position: 0 -44px;
		color:#D09D0C;
	}

#footer {
	clear:both;
	width: 80%;
	margin: 20px auto;
	padding: 20px 0 0 0;
}

	#footer p#disclaimer {
		border: 1px solid #fff;
		color:#fff;
		padding: 5px;
		text-align:center;
		width:35%;
		margin: 0 auto;
		opacity: .6;
	}
	
	#footer ul {
		color:#fff;
		text-align:center;
		margin: 1.5em 0 0 0;
	}
	
	#footer li {
		display:inline;
		padding: 0 2em 0 0;
		opacity: .8;
	}
	
	.last {
		padding: 0;
		margin: 0;
	}
	
/* ----- FORM CUSTOMIZATION ----- */

form#ftpacTAF, form#joinFTPAC {
	margin: 0 0 15px 0;
}

.singleContent input {
	border: 1px solid #FEC218;
	padding: 4px;
	font-family:Helvetica, sans-serif;
	font-size:1.2em;
}	

.diaFields li {
	margin: 0 0 1em 0;
}

.diaFields li label {
	display:block;
}

label#custom {
	display:block;
}

#customMessage {
	margin: 1em 0 0 0;
}

#customMessage textarea {
	margin: .5em 0 0 0;
}

#uneditable {
	margin: 1em 0;
	line-height:1.2em;
	clear: both;
}

#uneditable strong {
	font-weight:bold;
	margin: 0 0 .5em 0;
}

.caption {
	background: #88AAD1;
	padding: 20px;
	color:#fff;
	border-left: 1px solid #173487;
	width:50%;
	margin: 0 0 0 20px;
}

label#recipientEmail {
	font-weight:bold;
}

form#ftpacTAF input.dia_submit, form#joinFTPAC input.dia_submit {
	color:#173487;
	background: #FEC933;
	font-weight:bold;
	padding: 4px 50px;
	border: 1px solid #173487;
	margin: 1em 0 0 0;
}


/* Salsa Petition styles */

body#petition #salsa h2 { 
	padding: 0;
	margin: 0 0 1em 0;
	color:#173487;
	}
	
body#petition #salsa form {
	width:400px;
	float:none;
	display:inline;
}

body#petition #salsa textarea {
	float:left;
	display:inline;
}

body#petition #salsa form input.submit {
	background: #FEBF0F;
	font-weight:bold;
	font-family:Helvetica, sans-serif;
	font-size:1.3em;
	width: 200px;
	margin: 0 0 1em 0;
	color:#173487;
}

body#petition .salsa .formRow {
	padding: 0;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	clear: both;
}