/* 
Site: FWC
Date: 3-21-09

dark grey 		231f20
light grey		636466
red				af0009
blue			009ddc
 */
body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", helvetica, verdana, arial, sans-serif;
	background:#404041 url('/images/bgd-pattern2.jpg') top left repeat;
	color: #000;
	font-size: 13px;
}

#container {
	width:900px;
	margin: 0 auto;
	background-color: #fff;
	text-align: left;
	margin-top: 20px;
}


#masthead {
	background: url('/images/masthead.jpg') top left no-repeat;
	height:178px;
	width: 900px;
	position: relative;
}
	#nav_main {
	width: 600px;
	float: left;
	margin-top: 138px;
	margin-right: 0;
		height:38px;
		line-height: 35px;
	text-transform: lowercase;
	}
	#nav_main li {
		display: inline;
		float: left;
	}
	#nav_main li a {
		text-decoration: none;
		padding: 3px 12px;
		display: block;
	}
	#nav_main a:link, #nav_main a:visited {
		color:#636466;
		text-decoration: none;
	}
	#nav_main a:hover {
		color: #fff;
		background-color: #34b6e4;
		text-decoration: underline;
	}
	/* 	YOU ARE HERE STYLES */
	body#home .home {
		color: #fff;
		background-color: #34b6e4;
		text-decoration: underline;
	}
	
body#home #menu-home, 
body#about #menu-about, 
body#the-race #menu-the-race, 
body#news #menu-news, 
body#issues #menu-issues, 
body#newsroom #menu-newsroom, 
body#contact #menu-contact, 
body#contribute #menu-contribute
 {background-color: #34b6e4; color: #fff;}


	/*
	______________________________________________________________________________________________ 
	sign-up form elements */
	#sign-up {
		width: 246px;
		height: 82px;
		position: absolute;
		left: 620px; 
		top: 84px;
	}
	#sign-up h2 {
		font-size: 15px;
		margin: 0 0 2px 0;
		color: #fff;
		text-transform: none;
		font-weight: bold;
	}
	.eblast-input {
		border: 1px solid #444;
		Xheight: 23px;
		margin: 0 0 4px 0;
		padding: 4px;
		font-size: 11px;
		color: #636466;
	}
	#eblast-name {width: 250px;}
	#eblast-email {width: 180px;}
	#eblast-signup {
		width: 50px;
		margin-top: -3px;
		border: 0;
		border-bottom: 1px solid #fff;
		color: #fff;
		background-color: transparent;
		font-weight: bold;
		Xbackground-color: red;
	}

	
#content {
	width: 580px;
	margin: 3px 0 0 20px;
	float: left;
	color: #636466;
}
	#message {
		width: 540px;
		margin: 0 auto;
		background:#636466 url('/images/message-btm.jpg') bottom left no-repeat;
	}

	#message .movie {
		margin:0 auto 20px;
		width: 520px;
		padding-bottom: 10px;
	}
	
	div#hardest-working {
		width: 580px;
		height: 0;
		font-size: 1em;
		padding-top: 168px;
		text-indent: -2000px;
		overflow: hidden;
		background: url('/images/hardest-working-man.png') no-repeat;
	}
	div#look_whos_supporting_karl {
		width: 540px;
		height: 10px;
		font-size: 1em;
		Xpadding-top: 59px;
		text-indent: -2000px;
		overflow: hidden;
		background: url('/images/look-whos-supporting-karl.png') no-repeat;
	}
	
	div#in-the-news {
		width: 260px;
		margin: 0 10px 0 20px;
		float: left;
		Xbackground-color: blue;
	}
	#in-the-news h3 {
		width: 260px;
		height: 30px;
		font-size: 1em;
		margin-bottom: 20px;
		text-indent: -2000px;
		overflow: hidden;
		background: url('/images/in-the-news.png') no-repeat;
	}
	div#issues-box {
		width: 260px;
		margin: 0 20px 0 10px;
		float: right;
		Xbackground-color: red;
	}
	#issues-box h3 {
		width: 261px;
		height: 30px;
		font-size: 1em;
		margin-bottom: 20px;
		text-indent: -2000px;
		overflow: hidden;
		background: url('/images/issues-home.png') no-repeat;
	}
	#issues-box ul {
		margin-top: 10px;
		Xtext-transform: capitalize;
		font-size: 13px;
		font-weight: bold;
		margin: 1em 0 1em 1.5em;
		list-style-type: square;
	}
	#issues-box a {color: #636466;}
	#issues-box li {margin-bottom: 4px;}

#sidebar {
	width: 220px;
	margin-right:20px;
	margin-top: 3px;
	padding:20px 20px 0;
	float: right;
	background: transparent url('/images/sidebar-bgd.jpg') top left repeat-x;
}
	#sidebar ul {
		margin-left: 0;
		margin-top: 10px;
	}
	#sidebar li {
		margin-bottom: 10px;
		list-style-type: none;
	}
	#sidebar li a {
		display: block;
		height: 0;
		font-size: 1em;
	}
	#sidebar li.donate a {
		width: 221px;
		height: 0;
		font-size: 1em;
		padding-top: 40px;
		text-indent: -2000px;
		overflow: hidden;
		background: url('/images/donate.png') no-repeat;
	}
	#sidebar li.volunteer a {
		width: 221px;
		height: 0;
		font-size: 1em;
		padding-top: 40px;
		text-indent: -2000px;
		overflow: hidden;
		background: url('/images/volunteer.png') no-repeat;
	}
	#sidebar li.voter-info a {
		width: 221px;
		height: 0;
		font-size: 1em;
		padding-top: 40px;
		text-indent: -2000px;
		overflow: hidden;
		background: url('/images/voter-info.png') no-repeat;
	}
	#sidebar li.volunteer a {
		width: 221px;
		height: 0;
		font-size: 1em;
		padding-top: 40px;
		text-indent: -2000px;
		overflow: hidden;
		background: url('/images/volunteer.png') no-repeat;
	}
	#sidebar li.events a {
		width: 221px;
		height: 0;
		font-size: 1em;
		padding-top: 40px;
		text-indent: -2000px;
		overflow: hidden;
		background: url('/images/events.png') no-repeat;
	}
	#sidebar li.yard-sign a {
		width: 221px;
		height: 0;
		font-size: 1em;
		padding-top: 40px;
		text-indent: -2000px;
		overflow: hidden;
		background: url('/images/yard-sign.png') no-repeat;
	}
	#sidebar li.karl-store a {
		width: 221px;
		height: 0;
		font-size: 1em;
		padding-top: 40px;
		text-indent: -2000px;
		overflow: hidden;
		background: url('/images/karl-store.gif') no-repeat;
	}
	
.sidebox {
	width: 220px;
	min-height: 40px;
	margin: 10px 0 10px 0;
	background:#636466 url('/images/why-im-running.png') bottom left no-repeat;
	padding-bottom: 10px;
}
.sidebox h3 {padding: 10px 20px 5px 20px; margin: 0 0 5px 0; text-transform: lowercase; }
.sidebox p {padding: 0 20px 0 20px; font-size: 12px;}
.sidebox h3, .sidebox p, .sidebox a:link {
	color: #fff;
}
.sidebox a {color: #fff;}

#footer {
	clear: both;
	background-color: #636466;
	width: 100%;
}
	#footer img {
		margin-left: 40px;
	}
	#footer h3 {
		margin-bottom: 5px;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
	}
	#footer li a:link, #footer li {
		color: #fff;
	}
	#footer .wrap {
		display: inline;
		float: left;
		margin-top: 20px;
	}
	#footer li {font-size: 12px; line-height:1.1; margin-bottom: 2px;}
	#footer li a {color: #fff; text-decoration:none;}
	li.you-tube a {
		width: 117px;
		height: 0;
		font-size: 1em;
		padding-top: 38px;
		text-indent: -2000px;
		overflow: hidden;
		background: url('/images/you-tube-grey-icon.jpg') no-repeat;
	}
	li.facebook a {
		width: 117px;
		height: 0;
		font-size: 1em;
		padding-top: 49px;
		text-indent: -2000px;
		overflow: hidden;
		background: url('/images/facebook-grey-icon.jpg') no-repeat;
	}
	li.twitter a {
		width: 117px;
		height: 0;
		font-size: 1em;
		padding-top: 41px;
		text-indent: -2000px;
		overflow: hidden;
		background: url('/images/twitter-grey-icon.jpg') no-repeat;
	}
	li.facebook a, li.you-tube a, li.twitter a {display: block;}
	li.facebook, li.you-tube,li.twitter {list-style-type: none;}
	
	.learn {
		width:110px;
		margin-left: 50px;
	}
	.involved {
		width: 150px;
		margin-left: 10px;
	}
	.vote {
		width: 175px;
	}
	#footer .media {
		width: 116px;
	}
#footer-sub {
	font-size: 90%;
	clear: both;
	background-color: #231f20;
	color:#fff;
	text-align: center;
	padding: 10px 0 1px;
}
	#footer-sub p.paid-for-by {
		margin-bottom: 0;
	}
/*
______________________________________________________________________________________________ 
link colors  */
/*
a:link, a:active, a:visited {color:#636466; text-decoration: underline;}
a:hover {color:#333;}
#footer a:link, #footer a:active, #footer a:visited {text-decoration: none; color:#000;}
#footer a:hover {text-decoration: underline; color:#333;}
#footer-sub a:link, #footer-sub a:visited {color: #fff;}
*/


h1 {color: #33b5e6;}

h2 {
	text-transform: uppercase;
	font-size: 1.6em;
}

h3 {
	margin: 2em 0 .5em 0;
}

h4 {
	margin: 1.5em 0 .2em 0;
}

.checker {
	float: left;
	width: 180px;
}

.errorExplanation {
	background-color: red;
	color: #fff;
	padding: 10px;
	margin-bottom: 10px;
}
.errorExplanation h2 {color: #fff; text-transform: none; font-size: 18px; font-weight: bold;}

.news-post {margin: 0 0 10px 0; font-size: 12px;}
.news-post h4 {
	font-size: 14px;
	color: #333;
}
.news-post h4 a {color: #333;}