/*  

Theme Name: Heasley & Partners
Theme URI: http://heasleyandpartners.com/
Description: Heasley & Partners Blog
Version: 1.0
Author: DREPRODUCTIONS
Author URI: http://www.dreproductions.com

2010 © Heasley & Partners. All rights reserved

*/

body{
	margin: 0;
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
	vertical-align: top;
	background-color: #e0d9cc;
	color: #000000;
}

a:link, a:visited{
	text-decoration: underline;
	color: #336699;
}

a:hover{
	text-decoration: none;
}

.alignright { float:right; }

#wrapper{
	margin: 17px auto;
	width: 909px;
	text-align: left;
}

#box{
	float: left;
	margin-top: 17px;
	margin-left: 9px;
	margin-bottom: 17px;
	width: 641px;
	background-color: #FFF;
}
	.post {
		margin: 35px;
		padding: 0;
		}
		.post h3 {
			margin: 10px 0 0 25px;
			padding: 0;
			font-size: 20px;
			}
			.post a:link {
				color: #555;
				text-decoration: none;
				}
				.post a:visited {
				color: #555;
				text-decoration: none;
				}
				.post a:hover {
				color: #CCCC99;
				text-decoration: underline;
				}
			
			
		.entry {
			margin: 0;
			padding: 0 25px;
			font-size: 12px;
			line-height: 1.75em;
			color: #555;
			}
		.postmetadata {
			margin: 0;
			padding: 0;
			font-size: 11px;
			color: #555;
			border-bottom: 1px solid #ebebeb;
			}
#sidebarWrap {
	float: left;
	width: 242px;
	height: auto;
	margin: 0;
	padding: 0;
	}	
	
.sidebar{
	float: left;
	width: 242px;
	background-color: #FFF;
	margin: 17px 0 17px 17px;
	padding: 25px 0 0 0;
	display: inline;
	}
	.sidebar a:link {
		color: #CCCC99;
		text-decoration: none;
		}
		.sidebar a:visited {
		color: #CCCC99;
		text-decoration: none;
		}
		.sidebar a:hover {
		color: #555;
		text-decoration: underline;
		}
	
	.sidebar ul {
		margin: 15px 0 25px 25px;
		padding: 0;
		list-style-type: none;
		}
	.sidebar li {
		margin: 5px 0;
		padding: 0;
		}
	.sidebar li.pagenav {
		margin: 0;
		padding: 0;
		}
	.sidebar h2 {
		margin: 0;
		margin-right: 30px;
		padding: 0;
		padding-bottom: 3px;
		font-size: 14px;
		font-weight: bold;
		text-transform:uppercase;
		color: #777;
		border-bottom: 1px solid #ebebeb;
		}
		
		.more-link {
			font-size: 11px;
			}
.adBar {
	float: left;
	width: 242px;
	background: #FFF;
	margin: 0 0 17px 17px;
	padding: 0;
	display: inline;
	height: auto;
	}

#footer{
	clear: both;
	float: left;
	width: 750px;
}

.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}

/* Twitter Feed */

.twitterfeed { clear:left; float:left; margin:20px 0 20px 20px; width:266px; background-color: #89e2ff; padding:0; padding-bottom:5px; text-align:left; }
	.twitterfeed a { color:#327e97; }
	.twitterfeed h4 { margin:5px 0 5px 0; text-align:left; }
	.twitterfeed h5 { padding-left:5px; font-size:90%; }
	.tweet { width:266px; font-size:90%; color:#0d4f65; line-height:1.2em; }
		.tweet ul { margin:0; padding:0; list-style-type:none; }
			.tweet ul li { margin:0; padding:5px 10px 0 10px; overflow:hidden; }
				.tweet a { background-color:none; }
		.tweet ul .tweet_even { background-color:#99e6ff; }

/* ------------------ HEADER ------------------ */

#header {
	margin: 0;
	padding: 0;
	width: 909px;
	height: 137px;
	}

#logo {
	margin: 0 auto;
	padding: 0;
	float: left;
	}
	#logo h1 {
		background-image: url(images/logo.png);
		height: 137px;
		width: 324px;
		background-repeat: no-repeat;
		margin: 0;
		padding: 0;
		}
		#logo h1 span {
			position: absolute;
				left: -999em;
			}

#clients {
	margin: 7px 17px 11px 10px;
	padding: 0;
	height: 119px;
	width: 316px;
	float: left;
	background-color: #000;
	}

#follow {
	margin: 7px 0 11px 0;
	padding: 0;
	height: 119px;
	width: 242px;
	float: left;
	background-color: #000;
	}
	#form {
		margin: 0;
		padding: 0;
		height: 62px;
		background-color: #fff;
		}
		#form h2 {
			margin: 0;
			padding-top: 5px;
			padding-left: 20px;
			font-size: 11px;
			color: #666;
			font-weight: normal;
			}
				
	#social {
		margin: 0;
		padding: 0;
		height: 57px;
		background-color: #bbb5a9;
		}
		#social h2 {
			margin: 0;
			padding-top: 5px;
			padding-left: 20px;
			font-size: 11px;
			color: #666;
			font-weight: normal;
			}
			
			#socialIcons {
				margin: 0;
				margin-top: 17px;
				margin-left: 10px;
				padding: 0;
				background-color: #bbb5a9;
				display: inline-block;
				}
				#socialIcons ul {
					margin: 0;
					padding: 0;		
					list-style-type: none;
					}
					#socialIcons li {
						margin: 0;
						padding: 0 9px;
						float: left;
						}
			 
/* ------------------ NAVIGATION ------------------ */

#navigation {
	margin: 0;
	margin-top: 6px;
	margin-left: 9px;
	padding: 0;
	height: 33px;
	width: 900px;
	background-color: #bbb5a9;
	}
	#navigation ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 900px;
		}
		#navigation li{
			margin: 0;
			padding: 0;
			float: left;
			width: 100px;
			}
			#navigation li span{ display:block; padding:8px 10px 8px 15px; font-size:12px; font-weight:bold; color:#666666; }
			#navigation li a{
				background: #bbb5a9;
				color:#555;
				display:block;
				font-weight:bold;
				line-height:33px;
				margin:0px;
				padding:0;
				text-align:center;
				text-decoration:none;
				font-size: 12px;
				}
				#navigation li a:hover, #navigation ul li:hover a, #navigation2 li a:hover, #navigation2 ul li:hover a, #navigation ul li .on, #navigation2 li .on {
					background: #cccc99 url("images/hover.gif") bottom center no-repeat;
					color:#FFFFFF;
					text-decoration:none;				
					}

/* ------------------ SUB NAVIGATION ------------------ */			
			
	#navigation li ul, #navigation li ul:hover, #navigation2 li ul, #navigation2 li ul:hover{
		background:#cccc99;
		display:none;
		height:auto;
		padding:0;
		margin:0px;
		border:1px solid #999;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	#navigation li:hover ul, #navigation2 li:hover ul{
		display:block;
		
		}
	#navigation li li, #navigation2 li li {
		background:url('images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0;
		padding:0;
		width:225px;
		}
	#navigation li:hover li a, #navigation2 li:hover li a{
		background:none;
		
		}
	#navigation li ul a{
		display:block;
		height:33px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		
		#navigation2 li ul a{
		display:block;
		height:29px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 10px;
		text-align:left;
		}
		#navigation li ul a:hover, #navigation li ul li:hover a, #navigation2 li ul a:hover, #navigation2 li ul li:hover a{
			background:#666 url('images/hover_sub.gif') center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
			
/* ------------------ P CLEAR ------------------ */			
			
	#navigation p, #navigation2 p{
		clear:left;
		}	

/* ------------------ SUB NAVIGATION (FOOTER NAV) ------------------ */

#navigation2{
	margin:0px;
	margin-left: 9px;
	margin-bottom: 25px;
	padding:0px;
	font: Verdana, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	height:25px;
	width:900px;
	}
	#navigation2 ul{
		background:#bbb5a9;
		list-style:none;
		margin:0;
		padding:0;
		}
		#navigation2 li{
			float:left;
			padding:0px;
			}
			#navigation2 li a{
				background-color:#bbb5a9;
				color:#000000;
				display:block;
				line-height:25px;
				margin:0px;
				padding:0px;
				text-align:center;
				text-decoration:none;
				width: 90px;
				}