/*
Theme Name: ASC Blog Redesign
Theme URI: http://www.seowhat.com
Author: Kelly Wilson, SEOwhat

*/







/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright, .alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft, .alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
	
.alignleft { float: left; }
.alignright { float: right; }
	
/* End Images */



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */




























a { text-decoration: none; color: #646464; }
a:hover { text-decoration: underline; }

h1 { margin: 10px 0px 5px; font: normal 20px/20px Arial; color: #4A4439; }
body.single h1 { margin-top: 0px; }
body.archive h1 { margin-bottom: 20px; }
h2 { color: #90D386; font: bold 33px/26px "Century Gothic"; text-transform: uppercase; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 10px 0px; margin: 0px 0px 10px 0px; letter-spacing: -1px; text-align: center; }
h2 span { font-weight: normal; color: #4D4D4D; }
h3 { margin: 0px; }

img { border: 0px; }
body  {
	font: 12px/18px Arial, Helvetica, sans-serif;
	background: url("images/bg-top-navigation.gif") 0px 80px repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #666;
}
#top-navigation { height: 50px; border: 0px solid red; }
#top-navigation ul { margin: 0px; padding: 0px; padding-top: 2px; text-align: right; }
#top-navigation li li { display: inline; color: #fff; font: normal 13px/24px "Century Gothic"; text-transform: uppercase; background: url("images/img-divider.gif") top right no-repeat; padding: 0 14px 0 10px; }
#top-navigation li li a { color: #fff; font-weight: bold; }
#top-navigation li li a span { font-weight: normal; }

.search { float: right; width: 225px; background-color: #D9BE9E; margin: 3px 0 0 30px; height: 19px; padding: 4px; }
#searchbox { font-size: 11px; width: 185px; }

#container { 
	width: 960px;
	margin: 0 auto;
	text-align: left;
} 
.sidebar-wrapper { width: 475px; float: right; }
#sidebar1 ul, #sidebar2 ul { margin: 0px 0px 20px 0px; padding: 0px; list-style: none; }
#sidebar1 a, #sidebar2 a { display: block; background: url(images/img-double-arrow.gif) 10px 5px no-repeat; margin-bottom: 5px; padding-left: 25px; font: normal 12px Arial; color: #646464; }
#sidebar1 {
	float: left;
	width: 215px;
	padding: 0px 10px;
border-left: 2px solid #BCBEC0;
}
#sidebar2 {
	float: right;
	width: 215px;
	padding: 0px 10px;
border-left: 2px solid #BCBEC0;
}
.textwidget { margin-bottom: 10px; }
#mainContent { 
	float: left;
	width: 470px;
}
.post { margin-bottom: 35px; }
.post-info { font: normal 10px Arial; color: #999999; }
.postmetadata { font: normal 11px Arial; color: #B3B3B3; font-style: italic; clear: left; }
.comment-count { border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 5px; margin: 10px 0px; }
.comment-count strong { color: #90D386; }
.comment-area form { background: #F2F2F2; padding: 10px; }
.comment-area h3 { margin: 0px 0px 10px 0px; text-transform: uppercase; }
textarea { width: 440px; }

.navigation { height: 50px; }
.navigation a { font-size: 11px; }

#footer { 
	margin-top: 10px;
	background: url(images/bg-footer.jpg) top left repeat-x;
	height: 32px;
}
#footer ul { margin: 0px; padding: 0px; }
#footer ul ul { padding-top: 7px; height: 32px; }
#footer li { display: inline; }
#footer li a { color: #fff; text-decoration: none; padding: 0px 10px; border-right: 1px solid #fff; }

#footer li.first a { border-left: none; }
#footer li.last a { border-right: none; }
#footer p {
	margin: 0;
	padding: 10px 0 0 0;
}
#footer .site-credits { margin-top: 0px; }
#footer .site-credits, #footer .site-credits a { color: #666; text-decoration: none; font-size: 10px; }

.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/*  Make last link in top nav and footer links have no right side "decoration"  */
li#menu-item-187, #footer li#menu-item-187 a { background: none !important; border-right: none !important; }

/*  Related Posts styles */
ul.related-posts { margin: 0px; padding: 10px 0px 0px 0px; list-style: none; }
ul.related-posts li { min-height: 45px; }
ul.related-posts .wp-post-image { margin-right: 5px; margin-bottom: 5px; float: left; }