/*
Theme Name: Mayors Across America
Theme URI: http://mayorsacrossamerica.com
Description: Custom Theme
Version: 1.0
Author: Patrick Brumfield
Author URI: http://normalcy.net
*/

* {margin:0;padding:0;}
html{
	background-color:#000;
	font-size:62.5%;
	font-family:'HelveticaNeue',Arial,Verdana,sans-serif;
	height:100%;
}
body{
	font-size:11px;
	color:#000;
	background:#000 url(images/body_bg.jpg) no-repeat 50% top;
	height:100%;
}
#container{
	position:relative;
	width:940px;
	margin:0 auto;
	background:#f3f4f4 url(images/container_bg.jpg) repeat left top;
}

/* ----- header ----- */

#header{
	position:relative;
	height:133px;
	width:940px;
	background: url(images/header-bg.jpg) no-repeat left top;
}
h1{
	position:relative;
	width:453px;
	height:81px;
}
h1 a{
	display:block;
	position:relative;
	height:0 !important;
	width:453px;
	padding:81px 0 0 0;
	overflow:hidden;
	background: url(images/logo.jpg) no-repeat left top;
}
#email_signup{
	z-index:1;
	position:absolute;
	top:0;
	right:0;
	height:93px;
	width:317px;
	background: url(images/email-signup-bg.jpg) no-repeat left top;
}
	#order_link{
		position:relative;
		display:block;
		width:317px;
		height:0 !important;
		padding:75px 0 0 0;
		overflow:hidden;
		text-indent:-9999px;
	}
	#share_buttons{
		position:absolute;
		top:60px;
		left:9px;
	}
		#share_buttons #facebook{
			overflow:hidden;
			display:block;
			height:0 !important;
			width:117px;
			padding:28px 0 0 0;
			background: url(images/share_facebook.gif) no-repeat left top;
			float:left;
		}
		#share_buttons #twitter{
			overflow:hidden;
			display:block;
			height:0 !important;
			width:100px;
			padding:28px 0 0 0;
			background: url(images/share_twitter.gif) no-repeat left top;
			float:left;
		}
/*	#sharethis_0{
		position:absolute;
		top:65px;
		left:20px;
	}*/
	a.stbutton{ text-decoration:none; }
	a .stbuttontext{ color:#47372F; font-weight:bold; font-size:13px; top:2px; }
	/*#stwrapper{ left:722px !important; top:93px !important; }*/
	
	/*#e2ma_signup_form{
			margin:63px 0 0 14px;
			font:normal 10px 'HelveticaNeue',Arial,sans-serif;
		}
			.e2ma_signup_form_element, #e2ma_signup_form_button_row{
				display:inline;
				float:left;
			}*/
				.e2ma_signup_form_element input{
					padding:2px 5px;
					margin-right:5px;
					border:1px solid #a2998e;
					background-color:#f3f4f4;
					/*width:145px;*/
				}
				.e2ma_signup_form_row { border: none !important; margin:15px 0 !important; }
				.e2ma_signup_form_required_footnote { display:none; }
				.e2ma_signup_form_label{ width:80px !important; text-transform:capitalize; float:left; margin-top:3px; }
				.e2ma_signup_form_element{ margin-left:80px !important; }
				
/*				#e2ma_signup_submit_button{
					background-color:transparent;
					border:none;
					padding:2px;
					font:bold 11px 'HelveticaNeue',Arial,sans-serif;
					color:#47372f;
					cursor: pointer;
				}
			#e2ma_signup_message, .e2ma_signup_form_label, .e2ma_signup_form_required_footnote, #e2ma_signup_reset_button{
				display:none;
			}*/
#header #preorder{
	z-index:2;
	position:absolute;
	display:block;
	top:0;
	right:0;
	height:0 !important;
	padding:61px 0 0 0;
	width:211px;
	overflow:hidden;
	background: url(images/preorder_btn.jpg) no-repeat left top;
}
ul#nav {
	z-index:3;
	position:absolute;
	display:block;
	top:88px;
	left:0;
	width:940px;
	height:45px;
}
	ul#nav li{
		float:left;
	}
	ul#nav li a{
		position:relative;
		display:block;
		height:0 !important;
		padding:45px 0 0 0;
		overflow:hidden;
		height /**/:45px;
	}
	ul#nav ul{
		display:none;
	}
	ul#nav li#nav-home a{
		width:94px;
		background: url(images/nav-home.jpg) no-repeat left top;
	}
	ul#nav li#nav-home{
		margin-right:117px;
	}
	ul#nav li#nav-project a{
		width:159px;
		background: url(images/nav-project.jpg) no-repeat left top;
	}
	ul#nav li#nav-book a{
		width:129px;
		background: url(images/nav-book.jpg) no-repeat left top;
	}
	ul#nav li#nav-store a{
		width:138px;
		background: url(images/nav-store.jpg) no-repeat left top;
	}
	ul#nav li#nav-news a{
		width:180px;
		background: url(images/nav-news.jpg) no-repeat left top;
	}
	ul#nav li#nav-contact a{
		width:123px;
		background: url(images/nav-contact.jpg) no-repeat left top;
	}
	ul#nav li a:hover, ul#nav li.active a{
		background-position: 0px -45px !important;
	}
		
/* ----- main ----- */

#flash{
	/*position:relative;*/
	width:940px;
	/*height:500px;*/
}
	#buy_book_btn{
		display:block;
		position:relative;
		margin:10px 0 0 410px;
		height:0 !important;
		padding:21px 0 0 0;
		width:121px;
		overflow:hidden;
		background: url(images/buy_book_btn.gif) no-repeat left top;
	}
#video-overlay{
	position:absolute;
	top:200px;
	width:480px;
	left:230px;
	display:none;
}
	#video-overlay #hq-btn{
		display:block;
		text-align:right;
		padding-top:13px;
		color:#fff;
		background: url(images/up-arrow.gif) no-repeat 392px 7px;
	}
#main.video{
	background-color:#000;
	position:relative;
	padding:20px 0;
}
	#main.video #youtube{
		display:block;
		position:relative;
		width:640px;
		height:505px;
		margin:0 auto;
	}
	#main.video h3{
		display:none;
	}

/* ----- page / post ----- */

.page{
	padding:35px;
}
	.page h3{
		color:#bc2827;
		font-size:18px;
		margin-bottom:20px;
	}
	.page p{
		line-height:160%;
		margin-bottom:20px;
	}
#content{
	width:660px;
	float:left;
}
#contact .post{
	float:left;
}
	#contact h2{
		color:#bc2827;
		margin-bottom:20px;
	}
	#contact .item p{
		margin-top:10px;
		line-height:150%;
		color:#035470;
		/*font-weight:bold;*/
	}
	#contact .linkcat{
		margin-left:30px;
	}
	#contact li li{
		float:left;
		width:180px;
		height:60px;
		margin:0 30px 15px 0;
		padding-bottom:14px;
		border-bottom:1px solid #c0baaa;
	}
	#contact li li a{
		color: #2F5272;
	}
.post{
	width:660px;
}
	.post .meta{
		float:left;
		width:100px;
		margin-top:6px;
	}
		.post .meta div{
			padding:5px 10px 4px;
			margin-bottom:10px;
		}
		.post .meta .date{
			/*height:23px;*/
			background: #bc2827 url(images/news-arrow-right.gif) no-repeat right 50%;
			color:#fff;
		}
		.post .meta .comment-count{
			border-bottom:2px solid #bc2827;
			padding:0 10px 9px;
			margin-bottom:5px;
		}
	.post .post-content{
		width:560px;
		float:left;
		padding-bottom:4px;
		border-bottom:1px solid #c0baaa;
	}
	.post{
		margin:25px 0;
	}
		.post h3{
			margin:0 20px 20px;
			color:#bc2827;
			font-size:18px;
		}
			h3 a{
				text-decoration:none;
			}
		.post p{
			margin:0 20px 20px;
			line-height:160%;
		}
			.post a, .page a{
				color:#bc2827;
			}
			.post a:hover, .page a:hover{
				text-decoration:none;
			}
		.post blockquote{
			margin:0 40px 20px;
			font:italic 13px Georgia,Times,'Times New Roman',serif;
			font-weight:bold;
			color:#44332c;
		}
		.post #searchform{
			margin-left:20px;
		}
	.post-content .ec3_schedule{ border:0 !important; margin-left:20px !important; float:none !important; }
	.ec3_schedule td{color:#035470 !important;}
#sidebar{
	float:right;
	width:240px;
	background: url(images/sidebar-bg.jpg) repeat-y left top;
	color:#4b3500;
	padding-top:8px;
}
	#sidebar .item{
		padding:20px 25px;
		border-bottom:2px solid #f0f1f1;
	}
	#sidebar .last{
		border-bottom:none;
	}
	#sidebar ul{
		margin:10px 0 0 0;
	}
	#sidebar li{
		padding-bottom:10px;
	}
	#sidebar a{
		color:#035470;/*#032F4E;*/
		/*font-weight:bold;*/
		text-decoration:none;
	}
	#sidebar a:hover{
		text-decoration:underline;
	}
	#sidebar h4{
		font-size:14px;
	}
.page #column-1{
	float:left;
	width:350px;
	padding-right:30px;
	border-right:1px solid #c0baaa;
}
.page #column-2, .page #column-3{ float:left; width:240px; }
.page #column-3{ border-left:1px solid #c0baaa; }
.page #column-2 .item, .page #column-3 .item{
	padding:0 30px 15px;
	margin-bottom:30px;
	/*border-bottom:1px solid #c0baaa;*/
}
.page #column-2 a, .page #column-3 a{
	color:#2F5272;
}
.page #column-3 ul{
	margin-bottom:15px;
}
.page #column-3 h2{
	margin-bottom:20px;
	color:#bc2827;
}
.blogroll li a{
	display:block;
}
.blogroll li{
	line-height:150%;
	margin-bottom:10px;
}
	
/* ----- comments ----- */

#comments{
	clear:both;
	padding-top:20px;
}
#comments h3{
	margin-left:120px;
}
#comments #respond{
	border-top:1px solid #c0baaa;
	margin-left:100px;
	width:560px;
}
#comments #respond h3{
	margin:20px;
}
#comments #comment{
	width:520px;
}
#comments #commentform label{
	padding-left:10px;
}
.commentlist{
	display:block;
}
.commentlist li{
	display:block;
	margin:20px 0;	
}
.commentlist .meta{
	width:100px;
	float:left;
	padding-top:18px;
}
	.commentlist .meta img{
		display:block;
		background-color:#fff;
		padding:3px;
		border:1px solid #bc2827;;
		margin:0 0 10px 10px;
	}
	.meta p{
		margin:0 0 5px 10px;
	}
.commentlist .comment_text{
	border-top:1px solid #2b4d69;
	padding-top:18px;
	float:left;
	width:560px;
}
		
/* ----- footer ----- */		
		
#footer{
	clear:both;
	font-size:10px;
	color:#4b3500;
	border-top:1px solid #c0baaa;
	margin:35px 35px 0;
	padding-bottom:25px;
	text-align:center;
}
	#footer p{
		text-align: center;
		padding-top:15px;
		display:block;
	}
		#footer span.item{
			padding:15px 11px 5px;
			border-right:1px solid #c0baaa;
		}
		#footer span#credit{
			padding:15px 0 5px 11px;
			color:#969182;
		}
		#footer a{
			color:#2a1e01;
		}
		#footer #credit a{
			color:#969182;
		}
		#footer a:hover{
			text-decoration:none;
		}

/* ----- utilities ----- */

:focus {
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
}
a img{border:0;}
li{list-style-type:none;}

.clearfix:after, .blogroll:after,  #e2ma_signup_form:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, #e2ma_signup_form, .blogroll{ 
	display: inline; 
}
* html>body .clearfix, * html>body .blogroll, * html>body #e2ma_signup_form{
	display: inline; 
	width: 100%;
}
/* Hides from IE-mac \*/
* html .clearfix, * html .blogroll, * html #e2ma_signup_form {height: 1%;}
.clearfix, #e2ma_signup_form, .blogroll {display: block;}
/* End hide from IE-mac */