/*  
Theme Name: Benjamin Wagner
Theme URI: http://www.benjaminwagner.com
Description: Benjamin Wagner's Rockout
Version: 1.0
Author: Michael Kelly
Author URI: http://www.conurestudios.com
*/
/* Generic Styles */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}


body {
	/*background: #323b5f;*/
	background: #1a213e;
	text-align: center; margin: 0px; padding: 0px;
	color:#D9D9D9;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, sans;
}
a { color:#B7C6FF; text-decoration: none; }
a:hover{ text-decoration:underline; }

/* Wraps and Grunge */
#site_wrap {
	width: 800px;
	margin: 0px auto;
	/*background: url(images/grunge_bottom_left.gif);*/
	background-position: bottom left;
	background-repeat: no-repeat;
}
#grunge_left { width: 98px; float: left; clear: both; }
#grunge_right {
	width: 98px;
	height: 650px;
	/*background: url(images/grunge_right.gif);*/
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
}
#grunge_bottom {
	clear: both;
	height:30px;
}
#wrap {
	float:left;
	display:inline;
	width: 800px;
	background:#121212;
	text-align: left;
	overflow:hidden;
}
#content_wrap { float: left; display:inline; width: 502px; margin-left: 2px; margin-bottom: 10px; border-right: 1px solid #323232; overflow:hidden;}

/* Banner and Menu */
#banner { position: relative; height: 105px; width: 800px; border-bottom:2px solid #323232; background-color:#0D0D0D;}
#banner h1 { display: none; }
#banner img { border: 0; margin-left: 5px; }
#banner ul {list-style: none; padding: 0; margin: 0; max-height: 13px; padding-top: 28px; padding-left: 2px; float:left; }
#banner ul li { position: relative; float: left; }
.menu_divider { display: block; width: 1px; height: 79px; background: #323232; }

.menu_item { display: block; height: 13px; margin-top: 30px; padding-right:20px; padding-left:24px;}
.menu_item a:link, .menu_item a:visited { font-size: 14px; color:#FFFFFF; font-weight:bold; }
.menu_item a:hover { text-decoration:underline; }
.menu_item a img { margin-right: 5px; }

.menu_item_selected { display: block; height: 13px; margin-top: 30px; padding-right:20px; padding-left:24px; background:url(images/menu_arrow.gif) 7px 1px no-repeat; padding-bottom:3px;}
.menu_item_selected a:link, .menu_item_selected a:visited { font-size: 14px; color:#FFFFFF;  font-weight:bold; }
.menu_item_selected a:hover { text-decoration:underline; }
.menu_item_selected a img { margin-right: 5px; }


/* --- logo image styles ---*/
.logo {
	float:right;
	display:inline;
	margin-top:10px;
	margin-right:10px;
}

/* Rotating Image */
#image { float: left; }
/*#image .imgspacer { margin-top: 15px; margin-bottom: 2px; }*/

/* Content and News Title */
#content { width: 499px; float: left; clear: left; font-size: 12px; }
#news_title { width: 499px; height: 22px; background: url(images/title_pattern.gif); margin-bottom: 5px; }

/* Navigation */
#navigation {position: relative; width: 295px; float: left; font-size: 12px; }
#navigation ul li { width: 270px;  margin-left:10px; }
#navigation ul li a { display: block; max-height: 22px; width: 275px; padding: 4px 0px; }
#navigation ul li a span { padding-top: 5px; }
#navigation a:link, #navigation a:visited { color: #FFFFFF; }
#navigation a:hover { color: #b7c6ff; background: #323232; }
#navigation a:hover img { color: #b7c6ff; background: none; }
#navigation ul { list-style: none; margin: 0px 0 10px 0; padding: 0px; text-align: left; }
#navigation ul li { margin-top: 2px; }

.nav_title { width: 285px; height: 19px; background: url(images/title_pattern.gif); padding-left:10px; padding-top:3px; font-size:14px; font-weight:bold;}
#navigation ul .tags { width: 260px;  margin-left:10px; padding: 4px 0px;}
#navigation ul select { width: 170px;  margin-left:10px; margin-top:4px;}

#navigation .ad{ margin-left:10px; margin-bottom:10px; margin-top:10px;}
#navigation .ad a:hover{ background:none; }

#navigation .calendar{
	margin-left:10px;
	margin-top:5px;
	margin-bottom:5px;
}
#navigation .calendar a{
	color:#b7c6ff;
	text-decoration:underline;
}
#wp-calendar td{
	width:35px;
	height:20px;
}
#wp-calendar caption{
	font-size:14px;
	text-align:center;
	padding-bottom:5px;
}
#wp-calendar #next{
	text-align:right;
}

/* Footer and Copyright */
#footer { clear: both; width: 792px; margin: 0px 4px; color: #FFFFFF; font-size: 12px; padding-top: 10px; padding-bottom: 5px; }
#copyright { height: 35px; width: 780px; clear: both; padding-left:10px; padding-right:10px; padding-top:8px; border-top:2px solid #323232;}
#copyright h1 { display: none; }

#copyright .left{
	float:left;
	display:inline;
	font-size: 12px;
	margin-top:5px;
}

#copyright .right{
	float:right;
	display:inline;
	font-size: 12px;
	margin-top:5px;
}

/* Stuff From Bloggers base-weblog */

.date-header
{
	margin: 0;
	padding-top: 10px;
	color: #666;
	font-size: 11px;
	text-transform: uppercase
}

.entry-header
{
	margin: 10px 0;
	padding: 0;
	color: #b7c6ff;
	font-size: 18px;
}

.entry-content { margin: 0; }

.entry-footer
{
	margin: 0 0 20px 0;
	border-top: 1px solid #1a2936;
	padding-top: 2px;
	color: #666;
	font-weight: normal;
}

.photos{
	margin-left:20px;
	margin-top:10px;
}

.content-nav { margin-top: 0; }


/* content */

.content-nav
{
	margin: 10px;
	text-align: center;
}

.date-header,
.entry-content
{
	position: static;
	clear: both;
}

.entry,
.trackbacks,
.comments,
.archive
{
	position: static;
	overflow: hidden;
	clear: both;
	width: 100%;
	margin-bottom: 20px;
}

.entry-content,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed
{
	clear: both;
	margin: 5px 10px;
}

.entry-excerpt,
.entry-body,
.entry-more-link,
.entry-more
{
	clear: both;
}

.entry-footer,
.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content
{
	clear: both;
	margin: 5px 10px 20px 10px;
}

.comments-open label { display: block; }

#comment-author, #comment-email, #comment-url, #comment-text
{
	width: 240px;
}

#comment-bake-cookie
{
	margin-left: 0;
	vertical-align: middle;
}

#comment-post{
}

img.image-full { width: 100%; }

.commentform {
	margin-left: 30px;
}

.credit {
	text-align: center;
	padding: 10px 0 10px 0;
	font-size: 12px;
}
.credit a {
	color: #fff;
	font-size: 12px;
}

#content p, #footer p { 
     padding: 0 10px 0 10px; 
}
#content p{
	margin-bottom:10px;
}

.date, #content h1, #content h2, #content h3 { 
     margin-left: 10px; 
}
img, a img, img a { 
     border: none; 
}
.commentlist{
	margin-left:20px;
}

.blog_page .date{
	margin-bottom:10px;
	font-style:italic;
}
.blog_page img{
	margin-right:5px;
	margin-bottom:5px;
}
.blog_page object{
	margin-left:10px;
}
.blog_page .audio_download{
	margin-left:10px;
	margin-top:5px;
}

#buy_page{
	width:100%;
	margin-top:10px;
}
	#buy_page .row{
		float:left;
		width:100%;
		margin-bottom:15px;
	}
		#buy_page .row .heading{
			font-size:14px;
			color:#FFFFFF;
			font-weight:bold;
		}
		#buy_page .row .left{
			float:left;
			display:inline;
			margin-left:10px;
			width:150px;
		}
		#buy_page .row .center{
			float:left;
			display:inline;
			margin-left:10px;
			width:200px;
		}
			#buy_page .row .center .title{
				font-size:14px;
				font-weight:bold;
				text-decoration:underline;
				margin-bottom:5px;
			}
		#buy_page .row .right{
			float:left;
			display:inline;
			margin-left:10px;
			width:110px;
		}

.navigation{
	float:left;
	display:inline;
	width:100%;
}
.navigation .alignleft{
	float:left;
	display:inline;
	margin-left:5px;
}
.navigation .alignright{
	float:right;
	display:inline;
	margin-right:5px;
}
#content .heading{
	font-size:20px;
	font-weight:bold;
	padding-top:3px;
	margin-left:5px;
}
blockquote{
        margin-left:20px;
	margin-bottom:10px;
}
.main_feed img{
	float: left;
	display: inline;
	/*width: 128px;*/
}
.blog_page div.alignleft{
	float: left;
	display:inline;
	margin-left: 10px;
}
.blog_page img.alignleft{
	float: left;
	display:inline;
}


@media screen and (max-width: 840px){

	#site_wrap {
		width: calc(100% - 40px);
		margin-left: 20px;
	}
	#wrap {
		width: 100%;
	}
	#content_wrap {
		width: calc(60% - 3px);
	}
	#navigation {
		width: 40%;
	}
	#content {
		width: 100%;
	}

	#banner {
		height: 175px;
		width: 100%;
	}

	.logo {
		position: absolute;
		float:none;
		display: block;
		top:10px;
		right: 10px;
		margin-top:0px;
		margin-right:0px;
	}

	#banner ul{
		margin-top: 70px;
		padding-top: 28px;
	}


}

@media screen and (max-width: 600px){
	#site_wrap {
		width: calc(100% - 20px);
		margin-left: 10px;
	}

	.logo {
		top:10px;
		right: calc(50% - 133px);
	}

	#content_wrap {
		width: 100%;
		border: none;
		padding: 0px;
		margin: 0px;
	}
	#navigation {
		width: 100%;
	}

	.menu_item_selected {
		margin-top: 30px;
		padding-right:10px;
		padding-left:10px;
		background:none;
		padding-bottom:3px;
	}
	.menu_item_selected a:link, .menu_item_selected a:visited {
		font-size: 10px;
	}

	.menu_item {
		height: 13px;
		margin-top: 30px;
		padding-right:10px;
		padding-left:10px;
	}
	.menu_item a:link, .menu_item a:visited {
		font-size: 10px;
	}



}