/*
Theme Name: DSTAR1
Author: JJ
*/
html,body,#bg,#bg table,#bg td {width:100%;height:100%;}

html,#bg,#bg table,#bg td {overflow:hidden}

body {overflow-y:auto}

body {overflow-x:hidden}


#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%; z-index:-1;}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto}

*{
	margin:0;
	padding:0;
}
body{
	background:#000000;
	font:11px/18px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
	color: #E4E4E4;
}

/* Layout Styles Starts */

#wrapper-outer{
	width:795px;
	margin:5% auto 0 auto;
}
#wrapper{
	width:795px;
	background:#000000;
	margin:0 auto;
	overflow:hidden;
	height:529px;
}
/*
	#header{
		width:105px;
		height:529px;
		background:url(images/header-bg.gif) repeat-x;
		float:left;
		display:block;
	}
		#logo{
		}
			#logo h1{
				background:url(images/logo.gif) no-repeat center center;			
				width:105px;
				height:389px;	
				padding-top:110px;				
			}
				#logo h1 a{
					display:block;
					width:73px;
					height:283px;
					margin:0 auto;
				}
					#logo h1 a span{
						display:none;
					}
					
*/
	#container{
		width:795px;
		float:right;

	}
	

	/* Accordions Style Starts */

	.haccordion{
		float:right;
	}
		.haccordion a img{
			cursor:pointer;
		}
		.haccordion .header, .haccordion .content{
			float:left;	
			height:529px;
		}
		.haccordion .header{
			cursor:pointer;
			padding:0 1px;
		}
			.haccordion .header .home{
				background:url(images/home.jpg) no-repeat;
			}
				.haccordion .header .home span{
					display:none;
				}
			
			.haccordion .header .blog{
				background:url(images/blog.jpg) no-repeat;
			}
				.haccordion .header .blog span{
					display:none;
				}
			.haccordion .content .blog{
			}
			
			.haccordion .header .shows{
				background:url(images/shows.jpg) no-repeat;
			}
				.haccordion .header .shows span{
					display:none;
				}
			
			.haccordion .header .guests{
				background:url(images/guests.jpg) no-repeat;
			}
				.haccordion .header .guests span{
					display:none;
				}
			.haccordion .header .subscribe{
				background:url(images/subscribe.jpg) no-repeat;
				width:45px;
				height:529px;
			}
				.haccordion .header .subscribe span{
					display:none;
				}
			
			.haccordion .header .home, .haccordion .header .blog, .haccordion .header .shows, .haccordion .header .guests, .haccordion .header .subscribe{
				width:43px;
				height:529px;
			}
			
			#container .haccordion .content .home, .haccordion .content .blog, .haccordion .content .shows, .haccordion .content .guests, .haccordion .content .subscribe{
				padding:0px;
				height:529px;
			}
				.haccordion .content img{
					padding:0px;
				}
				.block1{
					width:155px;
					padding:10px;
					float:left;
					display:block;
				}
				.haccordion .content dl{
					margin:5px 0;
				}
					.haccordion .content  dt{
						font-weight:bold;
						margin:5px 0;
					}
						.haccordion .content dd{
							margin:10px 0;
						}
		.haccordion .content{
			display: none;
			width: 0px;
			overflow:hidden;
		}
			.haccordion .content.visible{
				display: block;
				width: 570px;
			  }
		
	/* Accordions Style Ends */

#footer{
	width:795px;
	text-align:center;
	margin:20px auto 0 auto;
	color:#000;
}
#footer a { 
	color:#000;
	}

#footer a:hover {	color:#fff;
 }

.image{
	cursor:pointer;
}
/* Layout Styles Ends */

/* Form Styles */

.input, .textarea{
	border:solid #898989;
	border-width:2px 1px 1px 1px;
	margin:3px 0;
}
.input:focus, .textarea:focus{
	border:solid #4e7998;
	border-width:2px 1px 1px 1px;
}
.button1{
	background:url(images/btn.jpg) no-repeat;
	width:80px;
	height:41px;
	line-height:26px;
	border:none;
	outline:none;
	margin:8px 0 0 0;
	cursor:pointer;
}
/* Form Styles */

/* Paragraph and list Styles */

#container h2 {
	font-weight:normal;
	color:#648c75;
	line-height:normal;
}
#container p{
	margin:0 0 15px 0;
	text-align:justify;
}
#container p img.floatleft{
	margin:0 10px 0 0;
}
#container p img.floatright{
	margin:0 0 0 10px;
}
#container form p{
	margin:0 0 8px 0;
}
#container ul{
	margin:0 0 0 25px;
}
#container ol{
	margin:0 0 0 30px;
}

/* Paragraph Styles */

/* Genric Styles Starts */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
a {
	color:#8d6e43;
	text-decoration:none;
	font-weight:bold;
}
a:hover {color:#fff;}
h1{font-size:28px;}
h2{font-size:24px;}
h3{font-size:20px;}
h4{font-size:16px;}
h5, h6{font-size:14px;}
h1,h2,h3,h4,h5,h6{margin:0 0 25px 0; font-family:"Trebuchet MS";}
img{border:none;}
.clear{clear:both;}
.floatleft{float:left;}
.floatright{float:right;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.normal a{font-weight:normal;}
.fc1{color:#b86d13;}
.fs1{font-size:22px;}
/* Genric Styles Ends */

#sidebar { width:795px; height:150px; background:url(images/sidebar.png);margin:10px auto 0 auto; } 

#blog { background:url(images/bg-blog.jpg); }

/* wordpress */
.wordpresspage {padding:20px; overflow-y:auto; overflow-x:hidden; height:489px; position:relative; }

.wordpresspage hr {
margin: 20px 0 20px 0; 
border: 0;
color: #231f20;
background-color: #231f20;
height: 1px;
width: 100%;
text-align: left;
clear:both;

}



/* twitter */

#twittercontainer { height:150px; width:479px; margin:0 0 0 147px; position:relative; }

#michaeltwitter { position:absolute; top:0px; left: 0px; }

#johnnytwitter { position:absolute; top:89px; left:0px; }

#wordpressshows { width:570px;height:529px; color:#8d6e43; margin:0; padding:0;overflow-x:hidden;overflow-y:scroll; position:relative;}

#wordpressshows .recordlabel { margin: 0; text-align:center;background:url(images/record-label-blank-columbia.jpg); height: 529px;  position:relative; }

#wordpressshows .recordlabel .recordlabelcontent {padding:324px 0 0 0; }

#wordpressshows .recordlabel .recordlabelcontent h2 { text-transform:uppercase; color:#8d6e43;font-size:24px; margin:0; padding:0;}

#wordpressshows .recordlabel .recordlabelcontent .entry { text-align:center; }

#wordpressshows .recordlabel .recordlabelcontent .entry .powerpress_player { text-align:center; margin: 0 auto;}

#wordpressshows .recordlabel .recordlabelcontent .entry p {text-align:center; }

#wordpressshows .recordlabel .recordlabelcontent .postmetadata { text-align:center; }

#commentspopup { width:597px; }

#commentspopup h2 { margin: 20px 0 20px 0; }

#commentspopupcontainer { margin:20px; }

#commentspopup p { padding: 0 20px 0 20px; }

#commentspopup #commentlist { margin: 20px; }

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */
.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
.navigation {
		width: 550px;
	display: block;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 60px;
	}
	
.wordpresspage h2 {
	font-weight:normal;
text-transform:uppercase; 
color:#8d6e43;
font-size:36px;
	line-height:normal;
	letter-spacing:2px;}
	
	
	#plainpage h2 {
	font-weight:normal;
text-transform:uppercase; 
color:#8d6e43;
font-size:36px;
	line-height:normal;
	letter-spacing:2px;}
	
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

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

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #702a1e !important;
	color: #702a1e !important;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #8d6e43 !important;
	color: #8d6e43 !important;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
#plainpage {padding:20px; overflow-y:auto; overflow-x:hidden; height:489px; position:relative; }