/*
Client: Free Market Foundation
Project: 2008 Voter's Guide
Description: Custom HTML/CSS/PHP site for Free Market Foundation built by Ascendio, LLC
Author URI: http://ascendio.com
version: 1.0
*/

/* ------------------------------------------------------------------------------------ Page Level Elements */

* { padding: 0; margin: 0;}

html, body {
	width: 100%;
	height: 100%;
	background: #021E39 url(images/body-bg.gif) repeat-x top;
	font-family: Verdana;
}

#container { 
	width: 925px;
	background: url(images/container-bg.jpg) repeat-y left;
	min-height: 100%;
	position: relative;
}

hr { visibility: hidden; height: 0; clear: both;}

table { border-spacing: 0; border-collapse: collapse;}

img { border: none;}

h1, h2, h3, h4, h5, h6, li, li a { color: #ffffff;}

p, label { color: #8DCCFF; font-size: 13px;}

ul {
	list-style-type: none;
}

/* ------------------------------------------------------------------------------------ Header */

#header {
	height: 132px;
	margin-left: 37px;
	background: url(images/flag.jpg) no-repeat 20px 0;
}

#header #title {
	width: 600px;
	height: 127px;
	background: url(images/title.png) no-repeat center bottom;
	float: left;
}

#header #title h1, #header #title h2 {
	text-indent: -9999px;
}

#header #title p.small a {
	color: #dddddd;
	font-size: 8px;
	padding-left: 37px;
}

#header .sidebar {
	height: 132px;
	background: url(images/header-sidebar-bg.png) no-repeat top center;
}

#header .sidebar p {
	height: 96px;
	margin-top: 20px;
	text-indent: -9999px;
	background: url(images/election-day.png) no-repeat top center;
}

/* ------------------------------------------------------------------------------------ Page */

#page {
	margin-left: 37px;
	min-height: 750px;
	background: url(images/page-bg.png) no-repeat top left;
}

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

#content {
	width: 600px;
	float: left;
	padding: 30px 0;
}

#content h2 {
	font-family: Georgia;
	font-weight: normal;
	font-size: 25px;
	padding: 0 40px 17px 40px;
}

#content h3 {
	font-family: Georgia;
	font-weight: normal;
	font-size: 16px;
	padding: 0 40px 17px 40px;
}

#content p {
	padding: 0 40px 20px 40px;
}

#content p a {
	color: #ffffff;
}

#content p a:hover {
	text-decoration: none;
}

#content p.alert {
	color: red;
}

#content ul.additional {
	font-size: 13px;
	padding: 0 50px 17px 50px;
}

#content ul.additional li {
	padding: 10px 0;
}

#content ul.additional li a:hover {
	text-decoration: none;
}

/* ------------------------------------------------------------------------------------ Get By Mail */

#get-by-mail {
	width: 310px;
	margin-left: 30px;
	float: left;
	background: #023870 url(images/get-by-mail-bg.png) repeat-x top;
	margin-top: 20px;
	padding-bottom: 20px;
}

#email-friend {
	margin-left: 30px;
}

#get-by-mail h3 {
	text-indent: -9999px;
	background: url(images/get-it-by-mail.png) no-repeat top left;
	width: 127px;
	height: 62px;
	position: relative;
	margin-top: -20px;
	left: -8px;
	padding-bottom: 0;
}

#get-by-mail p, #email-friend p, #get-it-now p, {
	padding: 0 25px;
}

#get-by-mail p.error, #email-friend p.error, #get-it-now p.error {
	color: red;
}

#get-by-mail form, #email-friend form, #get-it-now form  {
	padding: 0 14px;
}

#get-by-mail label, #email-friend label, #get-it-now label {
	font-size: 10px;
	display: block;
	line-height: 15px;
}

#get-by-mail input, #email-friend input {
	width: 277px;
	padding: 3px;
}

#get-by-mail li, #email-friend li, #get-it-now li { 
	padding: 9px 7px; 
	clear: both;
	height: 35px;
}

#get-by-mail li.inline, #email-friend li.inline, #get-it-now li.inline {
	float: left;
	clear: none;
	padding-bottom: 15px;
}

#get-by-mail li.inline.middle label, #get-it-now li.inline.middle label {
	padding-bottom: 3px;
}

#get-by-mail li.inline span, #get-it-now li.inline span {
	font-size: 13px;
	color: #ffffff;
	position: relative;
	top: -2px;
}

#get-it-now input {
	width: 180px;
	padding: 3px;
}

#get-by-mail input#zip, #get-by-mail input#quantity, #get-it-now input#zip, #get-it-now input#quantity { width: 70px;}

#get-by-mail input#email, #get-it-now input#email { width: 180px;}

#get-by-mail input#city, #get-it-now input#city { width: 180px;}

#get-by-mail select#state { width: 80px;}

#get-by-mail input#addtoemailalert, #get-by-mail input#addtolonestarguide { float: left; margin: 0 10px 30px -20px; display: inline; width: 20px;}

#get-by-mail label.left, #get-it-now label.left { width: 270px; padding-left: 20px;}

#email-friend textarea {
	width: 280px;
	font-family: Verdana;
	font-size: 12px;
	padding: 3px;
	height: 100px;
}

#get-by-mail input#submit, #email-friend input#submit {	
	width: 194px; 
	height: 29px; 
	border: none; 
	background: url(images/button.png) no-repeat 0px 4px; 
	color: #ffffff; 
	font-size: 13px; 
	cursor: pointer;
	margin-top: 12px;
	margin-left: 50px;
}

#get-it-now input#btnEmail {	
	width: 194px; 
	height: 29px; 
	border: none; 
	background: url(images/button.png) no-repeat 0px 4px; 
	color: #ffffff; 
	font-size: 13px; 
	cursor: pointer;
	margin-top: 12px;
	margin-left: 0px;
}


/* ------------------------------------------------------------------------------------ Get It Now */

#get-it-now {
	width: 175px;
	float: left;
	margin-top: 20px;
	margin-left: 40px;
	padding-top: 200px;
	background: url(images/guide-pic.png) no-repeat -8px -7px;
}

#get-it-now h3 {
	text-indent: -9999px;
	background: url(images/get-it-now.png) no-repeat top left;
	width: 107px;
	height: 62px;
	position: relative;
	top: -220px;
	left: -8px;
}

#get-it-now ul {
	position: relative;
	top: -20px;
}

#get-it-now li {
	/* background: url(images/pdf.png) no-repeat top left; */
	padding-left: 0px;
	padding-bottom: 12px;
}

#get-it-now li a {
	font-size: 13px;
}

#get-it-now li a:hover {
	text-decoration: none;
}

#get-it-now p {
	padding: 0 7px;
	margin-top: -40px;
}

/* ------------------------------------------------------------------------------------ Sidebar */

#sidebar-wrapper {
	width: 288px;
	float: left;
}

.sidebar {
	width: 288px;
	float: left;
}

#page .sidebar {
	background: url(images/sidebar-bg.png) repeat-y center;
	padding-top: 20px;
	min-height: 750px;
}

.sidebar ul.navigation {

}

.sidebar ul.navigation li {
	padding: 15px 0 15px 40px;
	margin: 0 6px 0 10px;
}

.sidebar ul.navigation li a {
	text-decoration: none;
	color: #ffffff;
	font-size: 16px;
	text-transform: uppercase;
}

.sidebar ul.navigation li.selected {
	background: #022E5B;
}

.sidebar ul.navigation li:hover {
	background: #022E5B;
}

.sidebar ul.legal {
	padding: 30px 0 0 45px;	
}

.sidebar ul.legal li {

}

.sidebar ul.legal li a {
	color: #ffffff;
	font-size: 10px;
}

.sidebar ul.legal li a:hover {
	text-decoration: none;
}

#bottom {
	float: left;
	height: 20px;
	width: 288px;
	background: url(images/bottom.png) no-repeat top center;
}

#siteby {
	float: left;
	padding: 0;
	width: 288px;
	text-align: center;
}

#siteby p {
	font-size: 10px;
}

#siteby a {
	color: #ffffff;
}

#siteby a:hover {
	text-decoration: none;
}

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

#footer {
	position: absolute;
	bottom: 0;
	right: 0;
}

#footer p {
	padding: 5px 20px;
}

#footer p, #footer p a {
	color: #eeeeee;
	font-size: 10px;
}

#footer p a:hover {
	text-decoration: none;
}