/*
Original Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 2 (WP2.6.2)
Redesign by zo-design
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
@import "style/css/spy.css";

/*-----------------------------Parts-------------------------------------*/


body{		margin: 0 auto;
				font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif - p, t;
				color:#cccccc;
				background-color: black;
				text-align: center;
                                
}




/* -----------------------------Containers ---------------------------------*/

#pagewrap{
				    position:relative;	
			            text-align: left;
				    padding: 10px;
				    width: 960px;
                                    margin-top: 15px;
}
h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:140%;
	
	
}

a {

   outline: none;
   color:#ff0;
	
}



				    
#navigation{
					position: absolute;
					left: 45px;
					top: 25px;
					display: block;
					width: 250px;
					margin: 0 10px;
					list-style-type: none;
                                        float:left
}

#navigation a, #navigation a:link {
                    background-color: #990000;
                    -moz-border-radius: 5px;
					-webkit-border-radius: 5px;
 					border: 1px solid #000;
					color: #ffff00;
					text-decoration: none;
					font-weight: bold;
					width: 6em;
					padding: 0.7em;
					display: block;
}

#navigation a:hover {
                    background-color: #747474;
                    color:#ffffff;
}

#header{
					position: relative;
					left:250px;
					top:0;
					height: 180px;
					width: 670px;
					
}

#logo{
				position: relative;
                 float:right;	
				
				}

#logo  h1{
				width: 700px; 
				height: 171px;
	            background: url("http://zo-design.com/images/logo2.png");
	            background-repeat: no-repeat;
	            text-indent: -9999px;
}

#logo p{
			text-indent: -9999px;
}

#mainarea{
					position: realtive;
					width: 550px;
					margin-bottom: 40px;
					font-size: 1em;	
					margin-top: 23px;				
}

#mainarea h1 {
                    padding-left: 15px;
                    float:left;
                    color: #ffff00;

}


#mainarea p{
					padding-left: 15px;
                    float:left;
                    padding-bottom:45px;
                    color: #ffff00;
}	
.pagepost{					
					width: 530px;
					height: 283px;
					
					border: 1px solid #373737;
					background-color: #373737;
					padding: 10px;
					margin-bottom: 20px;
					 -moz-border-radius: 20px;
					-webkit-border-radius: 20px;
                                        float:left;
					}

.pagepost img{
					float: left;
}					
					
.pagepost p{
					float:right;
					padding:40px 5px 10px 0px;
					width: 200px;
					color: #ffff00;					
}

.pagepost span{
					font-size: 0.9em;
					font-style: italic;
					font-weight: bold;
					
}

.pagepost span a{
							text-decoration: none;
							color: #990000;
							border-bottom: 1px dashed #868686;
	}		
.pagepost a:hover{

							font-style: normal;
							font-weight: 100;
}

#pagesidebar{
						position: absolute;
                        right:5px;
                        top:220px;
                        float:right;
                        width: 330px;
						height: 400px;
						background-color: #990000;
						-moz-border-radius: 20px;
					    -webkit-border-radius: 20px;
					    margin-bottom: 20px;
					    padding: 5px;
}

.post{
						width:550px;
						padding-left: 25px;
						color: #ffff00;
                        margin-top:40px;
                        padding-bottom: 20px;
				/*		border-bottom: 1px dotted #373737; */
						

}

.post h2{
						padding-bottom: 10px;
                    	font-weight:bold;
                    	font-size: 1.2em;
                    	margin-top: 20px;
                    	text-transform: uppercase;
}
.post h2 a{
					text-decoration: none;
					color:#ffffff;
}

.post h2 a:hover{
					text-decoration: underline;
}

.postedin{
					 padding: 5px 0;
			     	 font-style: italic;
			      	 color:gray;
}

.postedin a {
		
					color:white;
					text-decoration: none;
}

.postedin a:hover{
					text-decoration: underline;
}

.post-detail{
					margin-top: 10px;
					color:#747474;
}
.post-detail a{
					color: #cccccc;



}
.date{ 
			    	padding: 5px 0;
					font-style: italic;
					color:gray;		

}

#footer{
				                clear:both;
                                position:relative;
                                width:960px;
                                margin-top:40px;
                                color: #ffff00;
                                margin-bottom: 15px;
}

.footerpanel
{
				float: left;
				width: 280px;
				height: 240px;
				border-right: 1px solid #ccc;
				padding: 10px;
                text-align:left;
                
               } 

.footerpanel ul{
				
				width: 90%;
				padding-left: 15px;
				

}

.footerpanel li{
				margin-left: -8px;
}

.footerpanel  h1{
				
				margin-bottom:  10px;
				font-size: 1.3em;
}

.footerpanel h2{
				margin-bottom:  10px;
				font-size: 1.3em;
}
.footerpanel h3{
				font-size: 1.1em;
				margin-bottom: 10px;
}

.footerpanel p{
				font-size: 0.9em;
}



.footerpanel a{
						
						color: #ffff00;
}


li.icons{ 
                                display:inline;
                                margin-right:15px;
                                padding-top: 15px;
}
#comment-form{
								padding-left: 25px;
								width:550px;
	
}
#respond {
					margin: 25px 0;
					color: #ffff00;
					font-size: 1.2em;
					margin-left:25px;
}

#author{
					width: 15em;
					height: 1.4em;
					margin-bottom: 5px;
					color: #990000;
					float:left;

}

#email{
					width: 15em;
					height: 1.2em;
					color: #990000;
					float:left;
					margin-bottom: 5px;
					
}

#url{
					width: 15em;
					height: 1.2em;
					color: #990000;
					float:left;
					margin-bottom: 5px;
}

#commtags{
					color: #747474;
					margin-top: 10px;
					margin-bottom: 15px;
}


#comment{
	width:550px;
	height:10em;
	padding:0.5em;
	margin:5px 0;
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
}
label {
	position:relative;
	margin-left:20px;	
	color: #ffff00;

}
#submit{ 
	cursor:pointer;
	margin:.5em 0 0 0;
	padding:0.25em 0.5em;
	display:block;
	border:1px solid #3D3D3D;
	background:#272727;
	color:#CCC;
	margin-bottom: 35px;
	
}
#submit:hover{ 
	background:#CCC;
	color:#272727
}

#sidebar{
						position: absolute;
                        right:5px;
                        top:220px;
                        float:right;
                        width: 330px;
						background-color: #990000;
						-moz-border-radius: 20px;
					    -webkit-border-radius: 20px;
					    margin-bottom: 20px;
					    padding: 20px 5px 20px 20px;
}

#sidebar h2{
						padding-bottom: 10px;
                    	font-weight:bold;
                    	font-size: 1.2em;
                    	margin-top: 20px;
                    	text-transform: uppercase;
						color:black;
}

#sidebar-box-blank {
						margin: 0 auto;
						margin-bottom: 20px;
}

.sidebar-ads{
					float:left;
					padding-left: 25px;
					padding-bottom: 25px;
				
}



	

#search{
						padding:0;
						margin: 0 auto;
						margin-bottom: 35px;
						margin-left: 30px;
}

#searchsubmit{
						cursor:pointer;
						margin-left: 5px;
						padding:0.3em 0.5em;
						display:block;
						border:1px solid #3D3D3D;
						background:#272727;
						color:#CCC;
						float: left;
						-moz-border-radius: 5px;
				        -webkit-border-radius: 5px;
						
}
#s{
					width: 200px;
					height: 1.6em;
					color: #990000;
					margin-bottom: 5px;
					float: left;
					-moz-border-radius: 5px;
				    -webkit-border-radius: 5px;
}

#comments-body{
					margin-left: 25px;
					margin-top: 25px;
					margin-bottom: :25px;
}
#comments{
					padding-top:20px;
					padding-bottom: 20px;
					font-size: 1.3em;
}

#comments-body li{
					margin-top: 10px;
					padding-top: 10px;
					padding-bottom: 10px;
					padding-left: 5px;
					width: 450px;
					-moz-border-radius: 5px;
				    -webkit-border-radius: 5px;
}


.counter {
    top:-30px;
	font: lighter 48px 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif;
	color: #444444;
	text-align: right;
	padding:0;
	margin-bottom: -15px;
	padding-right: 10px;
}

.alt{
		background-color:#373737;

}

.comment-text{
						text-align: justify;
						padding: 5px;
						margin-top: 3px;


}
.login a{
			font-size:0.5em;
			color:#444444;
			margin:10px;
}

.login a:hover{
			color:#ccc;
}