/*
Theme Name: DJ Dean Michaels
Theme URI: 
Description: Designed by Opher Yunger. Developed by Nathan Parikh.
Version: 1.0
Author: 
Author URI: 
*/

/* Reset & Common */

    html,body,p,h1,h2,h3,h4,h5,h6,table,thead,tbody,tfoot,tr,th,td,pre,strong,font,b,fieldset,legend,ul,ol,li,form,label,input,textarea,select,option,iframe{border:0;font:normal 12px arial,sans-serif;margin:0;padding:0;text-align:left;
	color: white;
}
    table{width:100%}
    table,thead,tbody,tfoot,tr,th,td{border-collapse:collapse;vertical-align:top; padding: 0 0 10px 13px;}
    ul,ol{list-style:none}
    a {
		color: #36c3f2;
		text-decoration:none;
		font-weight: bold;
		}
	a img { border: none; }
    strong{font-weight: 700;}
    img{border:none;}
    :focus{outline:0}
    .clr{clear:both}
    body { background:#0b0819 url(images/bg2.jpg) top center fixed repeat-x; text-align: left;}
	
	.right {
		float: right;
		}
	.left {
		float: left;
		}


/* Main Structure */

    .out { }    
    
/*    .In {  margin:0 auto; background:url(images/Floor.jpg) center bottom no-repeat; padding:0 0 0px; padding-bottom: 220px;} */

    .main { width:960px; margin:0 auto;  }

    .mainsub { width:960px; margin:0 auto;  }

    #top { width:960px;   }

    #show {
		width:951px;
		height:306px;
		clear:both;
		position:relative;
		top:-45px;
		left:6px;
		}
    


/* Top Logo, Main Navigation, Search, RSS */

		
#top {width: 960px; height:155px; position: relative; float:left;}
#out.single #top {
	height: 136px;
	}
    #top a#logo {
		float:left;
		width:359px;
		height:48px;
		position:relative;
		z-index:50;
		background:url(images/logo.png) left top no-repeat;
		overflow:hidden;
		margin: 0 0 0 2px;
		}
    
   #top #header_ad { float:left; width:304px; height:60px; position:absolute; z-index:151; margin-left: 470px; margin-top 8px; _margin-left:-180px;#margin-left:-180px; }

    #top #mainNav {
		float:left;
		padding:8px 0px 11px 0px;
		margin: 0px 0px 14px 0px;
		position:relative;
		left:0px;
		z-index:6;
		width:950px;
		height:10px;
		font-size: 11px;
		font-style: normal;
		font-weight: bold;
		line-height:12px;
		overflow:hidden;
		border-bottom: 1px solid #9c94a8;
		}
		
	#top #mainNav ul {
		float: left;
	}

    #top #mainNav li { float:left; display:inline; margin:0 7px 0 0; }

    #top #mainNav li a { float:left; color:#fff; text-transform:uppercase; font:normal 13px tahoma, arial, sans-serif; }

    #top form#mainSearch {
		float:right;
		padding:0px 0 0;
		margin: 10px 7px 74px 0;
		border: none;
		background: url(images/searchform.png) no-repeat;
		width: 203px;
		height: 27px;
		}

    #top form#mainSearch label { font:bold 13px arial, sans-serif; text-transform:uppercase; color:#fff; }

    #top form#mainSearch input {
		width:140px;
		padding:2px;
		color:#333333;
		margin:4px 5px 0;
		height:16px;
		vertical-align:middle;
		background:none;
		}

    #top a.rss { float:right; clear:right; background:url(images/rss.png) left top no-repeat; width:36px; height:36px; text-indent:-9999px; display:inline; margin:76px 15px 0 0; }

    #top #mainMenu { float:none; clear:both; position:absolute; left:285px; top:125px; color:#fff; width:650px; height:18px; line-height:18px; overflow:hidden; }
    
    #top #mainMenu a { color:#fff; }

/* Show - Featured Post Image, Audio Player */

    #show .featuredPost {
		float:left;
		width:579px;
		}

    #show .aPlayer {
		float:right;
		width:360px;
		height: 310px;
		text-align:right;
		padding:1px;
		margin: 0px 0px 0px 9px;
		background: #72597a url(images/playerbg.png) repeat-x;
		}
		#show .aPlayer embed {
			float: left;
			}


    
/*  ----------  Body - Contents, Blog Posts, Sidebar ----------  */

    #body #content {
		float:left;
		display:inline;
		width:580px;
		margin:-22px 0 0 6px;
		}
		#body #content.single {
			margin: -25px 0 0 3px;
			}
    
    #body #sidebar {
		float:right;
		clear: right;
		display:inline;
		width:359px;
		position: relative;
		z-index: 100;
		}
		
		#body #sidebar.home {
			margin:-22px 4px 0 0;
		}
		
		#body #sidebar.single {
			margin:-25px 4px 0 0;
		}



    
/*  ----------  Sidebar ----------  */

    #sidebar ul {text-align: left}
    #sidebar, #sidebar li, #sidebar li a { line-height: 20px; }
    
    #sidebar li.sidebarLi { background:url(images/sidebarTop.png) left top no-repeat; padding:8px 0 0; width:321px; }
    
    #sidebar .sidebarLiContent {
		background:transparent;
		width:360px;
		padding:15px 0px 0px 0px;
		float: left;
		}
		#sidebar .sidebarLiContent h1 {
			background: transparent;
			color: #fff;
			font-size: 17px;
			padding: 0px;
			margin: 0px 0px 0px 0px;
		}
			#sidebar .sidebarLiContent h1#commentshead {
				margin: 0px 0px 0px 17px;
			}
    
    #sidebar .sidebarLiBot { background:url(images/sidebarBot.png) left bottom no-repeat; height:55px; }
    
    #sidebar .sidebarLiContent h2 { text-transform:uppercase; color:#fff; font:normal 20px tahoma, arial, sans-serif; padding:0 0 10px; }
    
    .adSpacetop { padding:0 0 0px;background:url(images/sidebarTop.png) bottom center no-repeat;height:10px; }
    
    .adSpacebot  { background:url(images/sidebarBot.png) left bottom no-repeat; height:55px; }

    .adSpace { padding:10px 0 0px;background:#000 ; }
    
    .adSpace a { float:left; display:inline; width:125px; margin:10px 0 0 22px; }

    #sidebar form #newsletter{height: 50px; background: #fff; text-align: left;}

    #sidebar form {
		padding: 0px 0px 8px 15px;
		text-align:left;
		float: left;
		}
		
	#sidebar form p {
		float: left;
		margin: 0px;
		padding: 0px;
		line-height: 0px;
		clear: both;
		}
		#sidebar form p label {
			color: #fff;
			float:left;
			clear: both;
			margin: 6px 0px 0px 0px;
			font-size: 10px;
		}

    #sidebar input[type="text"]{
		height: 15px;
		width: 194px;
		font-size: 12px;
		background:#fff url(images/input.png) no-repeat;
		color: black;
		padding: 5px 5px 5px 5px;
		margin: 0px 0px 0px 0px;
		}
		#sidebar input#email {
			margin: 10px 0px 0px 0px;
		}
		#sidebar textarea#comment {
			margin: 10px 0px 0px 0px;
		}

    #sidebar input[type="submit"]{
		background: url(images/submit.png) repeat;
		position: absolute;
		margin: 0px 0px 0px 256px;
		padding: 0px 0px 0px 0px;
		width: 76px;
		height: 32px;
		cursor: pointer;
		float: left;
		text-indent: -9999px;
		font-size: 0px;
		line-height: 0px;
		}

    #bannersSquare {margin: auto auto; text-align:center;}
.ad300x250 {margin: auto auto; text-align:center;}

.search2 {
	width: 359px;
	height: 33px;
	float: left;
	padding: 0px 0px 11px 0px;
	border-bottom: 1px solid #eef4f8;
	background: url(images/post_home_trans2.png) repeat-x 0px -114px;
}
	#sidebar .search2 input[type="text"] {
		background: none;
		margin: 0px;
		color: black;
		}

    /* flickr Box */
		
.flickr{
	text-align: center;
	padding:0px 0px 0px 0px;
	color:#660066;
	list-style-type:none;
	margin: 0px 0px 0px 0px;
	float: left;
	height: 226px;
	}
	.flickr h1 {
		margin: 15px 0px 0px 0px;
		}
	.flickr img {
		border: none;
		float: right;
		margin: -27px 2px 0px 0px;
	}
	.flickr span.ffeed {
		background: url(images/post_home_trans2.png) repeat;
		padding: 12px;
		width: 346px;
		height: 165px;
		float: left;
		padding: 10px 0 12px 12px;
	}
		.flickr span img{
			border:2px solid #6e6472;
			width: 70px;
			height: 70px;
			margin: 0 12px 15px 0;
			float: left;
			}
			
/* Twitter Box */

.twitter{
	text-align: center;
	height:auto;
	padding:0px 0px 0px 0px;
	color:#660066;
	list-style-type:none;
	margin: 0px 0px 0px 0px;
	float: left;
	}
	.twitter h1 {
		margin: 16px 0 0;
		width: 110px;
		float: left;
		}
	.twitter img {
	
	}
	
	#tweetblender ul {
		background: url(images/tfeed.png) no-repeat;
	}
	
/*Comments */
#respond {
	float: left;
	width: 360px;
	height: 315px;
	background: transparent url(images/post_home_trans.png) repeat;
	margin: 20px 0 0;
}
	#respond textarea {
		float: left;
		background: transparent url(images/textarea.png) repeat;
		width: 322px;
		height: 100px;
		padding: 5px;
		overflow-y: hidden;
		}
		
	#respond .sidebarLiContent {
		padding: 10px 0px 0px 0px;
	}
	
	.comment-author img {
		border: 1px solid #d4d2d4;
		margin: 0px 10px 0px 0px;
		}
	.comment-author a {
		height: 39px;
		vertical-align: top;
		}
	
    .taghead{
    
    font-size:16px;
    font-weight:bold;
    color:#fff;
	margin-bottom: 10px;
	margin-left: 5px;
}
/* Post Block */

    #content .postMain {
		background:transparent url(images/post_home_trans2.png) repeat;
		padding:0px;
		width:581px;
		float: left;
		}
		#content.single .postMain {
			background:transparent url(images/post_home_trans2.png) repeat;
		}
		#content.home .postMain {
			height: 142px;
			margin: 0px 0px 27px 0px;
		}
		#content .postMain .thumb {
			float: left;
			width: 155px;
			height: 142px;
		}
    
    #content.home .post {
		width:408px;
		padding:12px 0px 0px 0px;
		color:#fff;
		float:right;
		height: 130px;
		}
    #content .post h2 {
		margin: 0px;
		padding: 0px;	
	}
    #content .post h2 a {
		text-transform:uppercase;
		color: white;
		font:bold 18px arial, sans-serif;
		letter-spacing:-1px;
		padding: 0px;
	margin: 5px 0px 5px 5px;
}
	#content.single .post {
		width: 581px;
		padding: 0px 0px 0px 0px;
		color:#fff;
		float:right;
	}
		#content.single .post .head {
			background: #000;
			padding: 5px 0px 0px 10px;
			margin: 0px 0px 6px 0px;
			}
		#content.single .post h2 a {
			font-size:25px;
			background: #000;
			}
		#content.single .post .postMeta {
			margin: 0px 0px 0px 1px;
			width: 564px;
			}
    
    #content .post h3 { font-size:12px; color:#fff; padding:0px 0px 5px 0px; text-align: left;  }
    
    #content .post .postMeta {
		background-color: #000;
		border-top: 1px solid #8A8782;
		border-bottom: 1px solid #8A8782;
		margin-bottom: 5px;
		padding-top: 5px;
		padding-right: 2px;
		padding-bottom: 5px;
		padding-left: 8px;
		color:#fff;
		text-align:left;
		clear: both;
		}

    #content .postMain .post .postMeta {
		background-color: #fff;
		padding: 5px 7px 5px 8px;
		color:#5a298b;
		font-weight: bold;
		text-align:left;
		clear: both;
		font-size: 11px;
		}
		#content.home .postMain .post .postMeta {
			width: 409px;
			height: 15px;
			margin: 0 0 0 -16px;
		}

    
    #content .post .postMeta a {
		color:#5a298b;
		text-align: left;
		margin:4px 0px 0px 0px;
		}
    
	#content.home .post p {
		height: 64px;
	}
    #content.home .post p { line-height:18px; padding:0px 5px 10px 0px; clear: left; text-align: left; font-size: 11px; }  
	#content.single .post p { line-height:18px; padding:0 13px 10px 13px; clear: left; text-align: left; font-size: 12px; }  
    
    #content .postFoot { background:url(images/postBot.png) left top no-repeat; height:19px; text-align: left; }

/* Footer */

    #footOut {
		background:url(images/footer.png) left top no-repeat;
		padding:5px 0 0 0;
		clear:both;
		width:957px;
		height: 142px;
		float: left;
		margin: 8px 0px 0px 2px;
		}
    
	#footIn {
		float: left;
		clear: both;
	}
    
    #footIn #foot { 
		color:#fff;
		width:957px;
		float: left;
		clear: both;
		}
    
    #foot .block {
		text-align: left;
		float:left;
		width:294px;
		height: 140px;
		padding:0 0 0 20px;
		margin:0 0px 0 0;
		}
		#foot .block .content {
			border-right: 1px solid #ffffff;
			margin: 4px 0px 0px 0px;
			height: 106px;
			color: #fff;
			font-size: 13px;
			font-weight: bold;
			}
			#foot .block .content a, #foot .last .content a {
				color: #36c3f2;
				font-weight: bold;
				}
			#foot .block .content ul, #foot .last .content ul {
				margin: 0px;
				padding: 0px;
				}
				#foot .block .content ul li, #foot .last .content ul li {
					list-style-type: none;
					font-size: 13px;
					font-weight: bold;
					line-height: 18px;
					}
    
    #foot .last {
		margin-right:0;
		}
		#foot .last .content {
			border: none;
		}
    
    #foot .block h3 { text-transform:uppercase; font-size:15px; letter-spacing:-1px; }

    #foot p, #foot ul {margin-bottom: 20px;}

/* Single Post Page */
  
    .single #body { min-height:500px; }
    
/* Comments */

    .commentsMain {
		padding:0 0 20px;
		background: transparent url(images/post_home_trans.png) repeat;
		}
    
    .commentsMain h3#comments , .commentsMain #respond h3 { font:bold 18px arial, sans-serif; color:#fff; padding:0px 0 10px; }
    
    .commentsMain .commWrap {
		width:581px;
		padding:15px 12px 0px 12px;
		}
    
    .commentsMain ol.commentlist {
		padding:0px;
		color: #fff;
		width: 553px;
		}
		.commentsMain ol.commentlist p {
			margin: -27px 0px 0px 54px;
			min-height: 25px;
		}
		.commentsMain ol.commentlist .reply {
			margin: 0px 0px 0px 54px;
		}
    
    .commentsMain ol.commentlist li {
		padding:5px 5px 5px 0px;
		margin:0 0 5px;
		border-top: 1px solid #98969e;
		}
    
    .commentsMain ol.commentlist li li { margin:10px 10px 10px 55px; }
    
    
    
    .commentsMain .commFoot { height:19px; }
    
    .commentsMain form#commentform p { padding:0 0 10px;  }
    
    .commentsMain form#commentform p input, .commentsMain form#commentform p textarea { padding:5px; border:1px solid #cccccc; }
    
    .commentsMain form#commentform p input#submit { cursor:pointer; background:#333; font-weight:bold; color:#fff; }
    
    
    
.sIFR-hasFlash h1 {visibility:hidden;}
.sIFR-hasFlash h2 {visibility:hidden;}
.sIFR-hasFlash #mainNav a {visibility:hidden; height:28px; cursor: pointer; }
.sIFR-hasFlash h1 {visibility:hidden; height:40px; cursor: pointer; }

.sIFR-hasFlash #commentshead {visibility:hidden; height:40px; cursor: pointer;}
.sIFR-hasFlash #fcgheading{visibility:hidden; height:40px; cursor: pointer;}

.sIFR-root { cursor: pointer; }
.sIFR-flash { visibility:visible !important;}
.sIFR-replaced { visibility:visible !important;}

 span.sIFR-alternate{ position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden;letter-spacing:0;}
 
 
 /* Begin Images */
p img {
	padding: 0;
	border:1px solid #ccc;
	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 {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

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

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
#content form#wpsf_contact_form input{
	color: #000000
          }
/* End Images */