/*
Theme Name: Dark Theme
Theme URI: http://www.jankraus.pl/
Description: My dark and cool theme.
Version: 2.0
Author: Jan Kraus
Author URI: http://www.jankraus.pl/


*/


/* COLORS
   Body Background: 			#000
   Main Text:					#dbccba
   Orange Headlines:			#f79509
   Dark Text:					#615753   

   Link color:					#5b9546
	
	Box Border:					#1d1817
	Box Background:			#030202

*/

html,body,h1,h2,h3,ul#navigation,ul#navigation li,p,form,fieldset{
	margin:0;
	padding:0;
}

body{
	font: .7em/1.8em "Lucida Grande","Lucida Sans Unicode",LucidaGrande,"Lucida Sans",Lucida,Helvetica,Geneva,Verdana,sans-serif;
	background:#000 url('images/body.png') 0 0 repeat-x;
	color:#dbccba; 
}  
                      	
body.single{
	background:#000 url('images/body-small.png') 0 0 repeat-x;
}        

/* OS X CSS font rendering hack */                 
h1,h2,h3,h4,h5,p,li,a,span,strong,input,td,th,caption,textarea{
	opacity:0.999999;
}

/*	=GENERAL TAGS
	------------------------------------------------------ */

a:link,a:visited{
	color:#5b9546;   
	text-decoration: none;
}

a:hover{
	color:#1864b9;
	text-decoration: underline;
}         

div.post a:link, div.post a:visited{
	text-decoration:underline;  
	color:#1864b9;  	
}    

div.post a:hover{
	color:#5b9546;                       
} 

a:active,div.post a:active;{
	color:#f79509;
}
  



a img{
	border:none;
}

acronym{
	cursor:help;
	border-bottom:1px dotted;
	padding:0 0 0 2px;
	font-size:1em;
	letter-spacing: 2px;          
}

br.clear{
	clear:both;
	font-size:0px;
	line-height:0px;
	height:0px;
	visibility:hidden;
	display: block;
}

fieldset{
	border:none;
}

div.header,div.content,div.footer div.inner{
	width:960px;
	margin:0 auto;
}

/*	=HEADER
	------------------------------------------------------ */

div.header, body.single div.header{
	height:200px;
	background:url('images/header-small.jpg');
    position:relative;
}


div.header h1 a{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999em;
	outline:none;
	background:url('images/jankraus.png') 0 0px no-repeat;	
}   

div.header h1, body.single div.header h1{
	width:244px;
	height:83px;
	left:223px;
	top:60px;
	position: absolute;
}

div.header h1 a, body.single div.header h1 a{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999em;
	outline:none;	
	background:url('images/jankraus-small.png') 0 0 no-repeat;
}

    
div.header strong.description, body.single div.header strong.description{
	top:120px; 
	left:300px;
	position:absolute;	
	color:#ddd;
	font-weight:100;	
}

/*	=NAVIGATION
	------------------------------------------------------ */

ul#navigation{
	position:absolute;
	right:10px;
	top:15px;
	list-style:none;
}

ul#navigation li{
	display:inline;
}

ul#navigation li a:link,ul#navigation li a:visited{
	color:#9a9792;
	font-size:0.95em;
	padding:20px 1.5em;
	letter-spacing:2px;
}

ul#navigation li a:hover{
	color:#fff;
	text-decoration:none;
	background:url('images/menu.png') 50% 0% no-repeat;	
}     
                                             
body.page-archives ul#navigation li#nav-archives a,
body.page-about ul#navigation li#nav-about a,
body.page-contact ul#navigation li#nav-contact a,
body.home ul#navigation li#nav-home a,body.single.post ul#navigation li#nav-home a{
	color:#fff;
	text-decoration:none;
	background:url('images/menu.png') 50% 0% no-repeat;	
}

/*	=CONTENT
	------------------------------------------------------ */

div.content.primary{
	padding:20px 0;
	position:relative;
}

/*	=Introduction (first post teaser on main page)
	------------------------------------------------------ */

div.introduction{
	padding:20px 20px 40px 20px;
	background:#030202;
	border: 1px solid #1d1817;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}                      

div.content div.introduction h2{
	padding:15px 0 20px 0px;         
	font-size:1em;
}

div.content div.introduction h2 a{
	font-size:2.5em;
	font-weight: 100;
	color:#f79509;
	text-decoration: none;
	letter-spacing: -0.5px;
}

div.post-stamp{
	background:#1d1817;
	border:1px solid #1d1817;
	width:85px;
	text-align:center;  
	padding:0px 0 0 0;
	line-height: 1;     
	color:#615753;	     
	position:absolute;
	right:0px;
	top:20px;  
	-moz-border-radius-topright:5px;
	-webkit-border-radius-topright:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-radius-bottomleft:5px;	
}          

div.post-stamp span.week-day{
	display:block;
	background:#000;
	padding:5px 0 3px 0;
	font-size: 10px;
	-moz-border-radius-topright:5px;
	-webkit-border-radius-topright:5px;
}

div.post-stamp span.day{
	font-size:36px;
	letter-spacing: -1px;
	display: block;
	padding:5px 0;   	
}                       

div.post-stamp span.month{
	display:block;
	background:#000;
	padding:5px 0;   
	font-size:10px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-radius-bottomleft:5px; 	
}

div.introduction div.post-metadata{
	font-size:0.9em;
	color:#615753;    
	padding:5px 10px;
	background:#1d1817;
	position:absolute;
	left:0;       
	right:0;
	bottom:20px;
	height:20px;   
	-moz-border-radius-bottomleft:5px;
	-webkit-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-radius-bottomright:5px;		 
	text-align: right;
}
     
div.introduction div.post-metadata a{
	color:#5b9546;   
	text-decoration: none;
}
          
div.introduction p{
	padding:0.5em 0;
	font-size:1.25em;
	line-height:2em;
	letter-spacing:0.25px;   
}

div.introduction p a.more-link{
	display:block;
	width:180px;
	height:36px;
	padding:0 0 0 23px;
	line-height:36px;
	background:url('images/button-more.png') 0 0 no-repeat;
	color:#dbccba !important;
	text-align:left;  
	margin:20px 0 0 0;      
	text-decoration: none;
}

/*	=About me frontpage
	------------------------------------------------------ */
	
div.content.primary div.intro-side{
	position:absolute;
	right:0;
	top:20px;
	width:300px;    
	color:#615753;
	padding:0;
	display:none;	
}   

div.content.primary div.intro-side div.section{
	padding:10px;
}
     
div.content.primary div.intro-side div.section p{
	font-size:0.9em;
	padding:0 0 10px 0;
	line-height:2;	
}

div.content.primary div.intro-side h3{
	font-weight: normal;
	color:#f79509;
	font-size:1em;
	margin:0 0 5px 0;  
	background: url('images/stroke.png') 0 100% repeat-x;
	padding:0 0 5px 0;	
}
 
div.content.primary div.intro-side span.small{
	font-size:0.9em;
	font-style: italic;
	line-height: 1.35;
	display:block;
}           

/*	=POST page layout
	------------------------------------------------------ */

body.single div.content.primary div.main-content{
	width:700px;
	float:left;	
}             

body.single div.content.primary div.side-content{
	width:240px;
	float:right;
}

/*	=POST section
	------------------------------------------------------ */                   

body.single div.post h2{
	padding:15px 0;
	font-size:2.5em;
	font-weight: 100;
	color:#f79509;
	text-decoration: none;
	letter-spacing: -0.5px; 
	line-height:1.5;
}      

body.single div.post h3{
	font-size:1.7em;
	margin:20px 0 10px 0;
	padding:5px;
	font-weight:100;
	color:#f79509;
	border-bottom:1px solid #1d1817; 
	text-transform: uppercase;      
	letter-spacing: 2px;
	background:#030202;	
}

body.single div.post img{
	border:10px solid #030202;    
	padding:1px;
	background:#1d1817;
}
   
body.single div.post img.wp-smiley{
	border:none;
	padding:0;
	background:none;
}

body.single div.post p{
	padding:0.5em 0;
	line-height: 2em; 
	font-size:1.25em;    
}

body.single div.post ul{
	margin:1em 2em;
	padding:0 1em;       
	border-top:1px dotted #1d1817;      
	border-bottom:1px dotted #1d1817;	
	list-style:none;
}                   

body.single div.post ul li{
	margin:1em 0;
	font-size:1.15em; 
	line-height:2;        
	display:block;
	background: url('images/bullet-black.png') 0 0.3em no-repeat;	
	padding:0 1em 0 2em;
}

body.single div.post ol{
	margin:1em 1em;
	padding:1em;       
	border-top:1px dotted #1d1817;      
	border-bottom:1px dotted #1d1817;	
}    

body.single div.post ol li{
	margin:1em;
	font-size:1.15em;  
	line-height:2;        
	padding:0 1em;
}               

body.single div.post blockquote{
	margin:20px 30px 20px 30px;
	padding:10px 20px;
	font-size:1em;    
   color:#615753;	  
  	border-left: 1px dotted #1d1817;
	/* zeldman style */        
	font-family: Georgia,"New Century Schoolbook","Bitstream Vera Serif",Utopia,"Times New Roman",times,serif
}                               

body.single div.post blockquote p{
	font-size: 1.25em;
}  

body.single div.post code{
	letter-spacing:0.5px;
	display:block;
	width:700px;
	overflow:hidden;
	margin:10px 0 10px 0px;
	font-size:13px;
	white-space: pre;
}
                          
body.single div.post code br{
	display:none;
}


body.single div.post span.post-stamp{
	font-size:0.9em;
	color:#615753;    
	padding:10px 0;
}
    
body.single div.post div.post-metadata{
	border-top:1px solid #1d1817;
	border-bottom:1px solid #1d1817;	
	padding:10px 0px;
	font-size:0.9em;
	margin:10px 0;
	color:#615753;      
}           

/*	=POST comments
	------------------------------------------------------ */

h3#comments,h3#respond{
	font-weight: normal;
	color:#f79509;
	font-size:1.1em;
	background: url('images/stroke.png') 0 100% repeat-x;
	padding:0 0 5px 0;
	margin:30px 0 10px 0;	
}  
                
ol.commentlist{
	margin:10px 0;
	padding:0;   
	list-style:none;
}                 

ol.commentlist li{
	border-bottom:1px solid #1d1817;
	padding:20px 0;
	color:#615753;   
	min-height:70px;
 	clear:both;
	overflow:hidden;
}                        

ol.commentlist li img.avatar{
	float:left;
	display:block;
	padding:1px;
	border:1px solid #222;      
	width:64px;
}            

ol.commentlist li span.commentmetadata{
	float:left;    
	width:510px;       
	font-size: 0.9em;
	color:#615753;
	padding:0 0px 0 20px;
} 

ol.commentlist li div.comment-body{
	float:left;
	width:510px;
	font-size:0.9em;
	padding:10px 0 10px 20px;
}    


/*	=POST comments form
	------------------------------------------------------ */  

form#commentform{
	position:relative;	
}                   

form#commentform div.fields-help{
	position:absolute;
	right:0;
	top:10px;
	font-size:0.9em;   
	color:#615753;
	width:275px;   
	border-left:1px solid #1d1817;
	padding:20px 0 20px 25px;
}       
                            
form#commentform div.comments-help{
	font-size:0.9em;   
	color:#615753; 
	border-top:1px solid #1d1817;
	border-bottom:1px solid #1d1817;	
	padding:10px 10px;  	
	margin:10px 0;
}  

form#commentform div.comments-help code{
	font-size:1.4em;
}

form#commentform div.fields-help p{
 	line-height: 2; 
	padding:5px 0;
}

form#commentform div.row{
	padding:10px 0;
}                        

form#commentform div.row input.text{
	display:block;             
	padding:10px;
	color:#615753;
	font-size:1.3em;
 	border:1px solid #1d1817;
  	background:#030202;
	margin:2px 0;
	width:350px;   
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}   

form#commentform div.row input.text:focus{
  	border:1px solid #111;
  	background:#1d1817;  
	color:#555;
}  

form#commentform div.row textarea{
	display:block;             
	padding:10px;
	color:#666;
	font-size:1.3em;
 	border:1px solid #1d1817;
  	background:#030202;
	margin:2px 0;
	width:680px;   
	-moz-border-radius:5px;
	-webkit-border-radius:5px;       
	font-family: "Lucida Sans Unicode","Lucida Grande",LucidaGrande,"Lucida Sans",Geneva,Verdana,sans-serif;
	line-height:2;
	font-size:0.95em;
}  
  
form#commentform div.row textarea:focus{
	border:1px solid #111;
  	background:#1d1817;  
	color:#555;
}

form#commentform div.row label{
	color:#615753;
	text-transform: uppercase;
	letter-spacing: 1px;    
	text-indent: 10px;
	display: block;
}     

form#commentform div.row input.submit{
	display:block;
	width:203px;
	height:36px;
	padding:0;
	line-height:36px;
	background:url('images/button-more.png') 0 0 no-repeat;
	border:none;  
	font-size:17px;
	cursor:pointer;
	color:#dbccba;
}
    
/*	=BLOG Archives pages
	------------------------------------------------------ */

div.section-description{
	margin:10px 0;
	padding:10px;
	background:#030202;
	border: 1px solid #1d1817;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color:#615753;
	font-size:0.9em;
	color:#f79509;    	 
	text-align: center; 
	position:relative; 
}    

div.section-description span.left{
	position:absolute;
	left:10px;
	top:10px;
}      

div.section-description span.right{
	position:absolute;
  	right:10px;
	top:10px;
}      


div.section-description strong{
	font-weight: normal; 
	color:#fff;
}
     
body.single div.single div.post{  
	padding:20px 20px 20px 20px;
	background:#030202;
	border: 1px solid #1d1817;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	position:relative;      
	margin:20px 0;
}                                     

body.single div.single div.post-stamp{
	top:-1px;
	right:-1px;
}
     
body.single div.single h2{
	padding:15px 0 20px 0px;         
	font-size:1em;
}

body#blog div.single h2 a{
	font-size:3em;
	font-weight: 100;
	color:#f79509;
	text-decoration: none;
	letter-spacing: -0.5px;
}    

body.single div.single div.post div.post-metadata{
	border:none;
	padding:20px 0px 0 0;
	font-size:0.9em;
	margin:0;
	color:#615753;      
}

/*	=BLOG About me page
	------------------------------------------------------ */

div.side-content div.section h3{
	font-size:1.1em;
	letter-spacing:0;
	color:#f79509;
	font-weight:100;
	padding:0 0 5px 0;
}

div.side-content div#ffactivity{
	background:#030202;
	border:1px solid #1d1817;	
	padding:10px 20px;         
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	  
	color:#615753;	 
}              

div.side-content div#ffactivity div.ff-event{
	font-size:0.9em;    
	color:#615753;  	
}

div.side-content div#ffactivity p.ff-account-hacked{
	font-size:0.9em;
}    

div.side-content div#ffactivity a.more{
	display:none;
}    


/*	=SIDE subpages sidebar 3xS ;-)
	------------------------------------------------------ */

div.side-content div.section.widget_calendar,div.side-content div.section.widget_categories,div.side-content div.section.related_entries{
	background:#030202;
	border:1px solid #1d1817;	
	padding:10px 20px;         
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	  
	color:#615753;	                  
	margin:10px 0 20px 0;
	clear:both;
}
                     
        
div.side-content div.section ul{
	margin:0;
	padding:0px;
	list-style: none;
}

div.side-content div.section ul li{
	display:block;
	margin:0;
	padding:2px 5px 5px 15px;
	background: transparent url('images/bullet-black.png') -3px 0.5em no-repeat;   
	float:none;   
	width:auto;
}    

/*	=Sidebar callendar
	------------------------------------------------------ */
                     
div.side-content div.section.widget_calendar table{
	width:100%;
}                                                  
   
div.side-content div.section.widget_calendar table caption{
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 0.9em;
}
                                                  
div.side-content div.section.widget_calendar table th{
	font-weight: normal;
}
div.side-content div.section.widget_calendar table td{	
	border:1px solid #1d1817;                          
	font-size:0.9em;
	text-align: center;
}                                                    

/*	=Secondardy section
	------------------------------------------------------ */

div.secondary{
	overflow:hidden;
	padding:0px 0 20px 0;
	position: relative;
}

div.secondary div.section{
	float:left;
	padding:10px 20px 20px 20px;
}

div.secondary div.section h3{
	font-weight: normal;
	color:#f79509;
	font-size:1.1em;
	background: url('images/stroke.png') 0 100% repeat-x;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
}

div.secondary div.section span.section-description{
	font-size:0.85em;
	color:#615753;
	letter-spacing:1px;
	font-style:italic;
	line-height: 1.4;
	display: block;
	padding:5px 0;
}

div.secondary div.section ul{
	margin:0;
	padding:0px;
	list-style: none;
}

div.secondary div.section ul li{
	display:block;
	margin:0;
	padding:2px 5px 5px 15px;
	background: transparent url('images/bullet.png') 0 0.5em no-repeat;
}

/*	=Widgets
	------------------------------------------------------ */
	
div.secondary div#text-261788332{
	position: absolute;
	right:-20px;
	top:9px;
}

div.secondary div#text-261788332 h3{
	display: none;
}

div.secondary div#text-261788332 a{
	display: block;
	background:url('images/floatnet.png') 0 0 no-repeat;
	width:220px;
	height:92px;	
	padding:90px 10px 10px 10px;
	color:#615753;
	line-height:18px;
}	

div.secondary div#text-261788332 a em{
	font-weight: bold;
	font-style: normal;
	color:#5b9546;
}
	
#page-404 div#flickrrss{
	display:none !important;
}

div#flickrrss{
	float:none;
	overflow:hidden;
	width:685px;
}

div#flickrrss ul{
	margin:0;
	padding:0;
	list-style:none;
}

div#flickrrss ul li{
	margin:0;
	padding:0;           
  	margin-right:-1px;     
	position:relative; 
	float:left;
}

div#flickrrss ul li a{
	display:block;
	float:left;
	border:1px solid #000;
	border-top:5px solid #000;
	border-bottom:5px solid #000;

	z-index:1;
}

div#flickrrss ul li a:hover{
	border-color: #eee;
	position:relative;
	z-index:5;
}

div#flickrrss ul li a img{
	display:block;
}

div.widget_archive{width:140px;}

div#second-col{width:280px;float:left;}

div#second-col div.section{float:none;overflow:hidden;}

div.widget_categories ul li{
	width:100px;
	float:left;
}

div.widget_tag_cloud{
	text-align:justify;
}

div.widget_tag_cloud a{
	font-size:0.85em !important;
}

div.widget_recent_entries{width:210px;}

div.widget_recent_entries ul li{
	position:relative;
}

div.widget_recent_entries ul li span.entry-stamp{
	font-size:0.8em;
	color:#615753;
	letter-spacing:0.5px;
	display:block;
	line-height:1;
}
div.widget_recent_comments{width:210px;}

div.widget_recent_comments ul li span.comment-details{
	font-size:0.8em;
	color:#615753;
	letter-spacing:0.5px;
	display:block;
	line-height:1;	
}
  
/*	=SEARCH on frontpage
	------------------------------------------------------ */

div.content.secondary div.search{ 
	padding:10px;
	background:none;
	border:none;   
	margin:0 auto;
	float:none;
	clear:both;
}

div.content.secondary div.search h3{
	text-align:center;
}                                             
  
div.content.secondary div.search form{
	position:relative;     
	width:400px;
	margin:0 auto;
}

div.content.secondary div.search input.text{
	width:270px;
	height:30px;
	border:none;
	background:url('images/search.png') 0 0 no-repeat;   
	color:#615753;
	font-size:15px;
	padding:10px 40px 0 10px;
}                    

div.content.secondary div.search input.submit{
	width:96px;
	height:40px;                            
	border:none;
	background:url('images/search.png') 100% 0 no-repeat; 	
	font-size:12px;
	color:#fff;  
	position:absolute;
	left:283px;
	top:0px;       
	z-index: 1; 
	cursor:pointer;
}

/*	=Extended footer
	------------------------------------------------------ */
	
div.footer{
	min-height:300px;
	background:url('images/footer.png') 0 0 repeat-x;
	padding:20px 20px;
}	

div.footer div.section{
	padding:10px 20px;
	margin:0 20px 20px 20px;
	overflow:hidden;
}

div.footer div.section h3{
	font-size:1.1em;
	letter-spacing:0;
	color:#666;
	font-weight:100;
	padding:0 0 5px 0;
}
  
div.footer div.links-col{
	width:204px;
	border:1px solid #1d1817;
	background:#030202;
	padding:10px 20px;
	float:left;      
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
	height:150px;       
	position: relative;
}   

div.footer div.links-col div.section{
	padding:0;
	margin:0;                         
	float:left;
	width:102px;
}

div.footer div.links-col div.section ul{
	margin:0;
	padding:0 0 5px 0;
	list-style:none;
}

div.footer div.links-col div.section ul li{
	display:block;
	padding:0 0 0 12px;
	background:url('images/bullet-black.png') -5px 50% no-repeat;
}

div.footer div.links-col div.section h3{
	padding:0 0 0 0;
}

div.footer div.links-col div.section ul li a{
	font-size:0.9em;
}     
 
div.footer div.links-col a.more{
	position:absolute;
	width:50px;
	height:18px;
	background:#010101;
	display:block;
	position:absolute;
	left:20px;
	top:162px;
	color:#615753;
	font-size:10px;
	text-align:center;
	line-height: 16px;
}

body.page-about div.footer div.links-col{
	width:625px;
}  

body.page-about div.footer div.links-col div.section{
	float:left;
	width:130px;
}
         
body.page-about div.footer div.links-col a.more{
	display:none;
}


/*	=Links in footer wide box
	------------------------------------------------------ */

div.footer div.contacts-col{
	width:160px;
	float:left;
	margin:0 20px 0 10px;
	background:#030202;
	border:1px solid #1d1817;	
	padding:10px 20px;      
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	 
	height:150px;   
	position:relative;
}      

div.footer div.contacts-col a.more{
	position:absolute;
	width:50px;
	height:18px;
	background:#010101;
	display:block;
	position:absolute;
	left:20px;
	top:162	px;
	color:#615753;
	font-size:10px;
	text-align:center;
	line-height: 16px;
}

body.page-about div.contacts-col a.more{
	display:none;
}

div.footer div.contacts-col div.section{
	padding:0 0 10px 0;
	margin:0;
}

div.footer div.section.widget_text{
  margin:0;
}

div.footer div.section.widget_text div.textwidget{
	font-size:0.9em;
	color:#615753;
}            

div.footer div#social-links{
	padding:10px 0 0 0;
}

div.footer div#ffactivity{
 	float:left;
	margin:0 20px 0 20px;
	background:#030202;
	border:1px solid #1d1817;	
	padding:10px 20px;  
	width:400px;        
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	  
	height:150px;
	color:#615753;	 
	position: relative; 
	overflow:visible;
}              

div.footer div#ffactivity div.ff-event{
	font-size:0.9em;    
	color:#615753;  	
}
            
div.footer div#ffactivity p.ff-account-hacked{
	font-size:0.9em;    
	padding:10px 0 0 0;      
}    

div.footer div#ffactivity a.more{
	position:absolute;
	width:50px;
	height:18px;
	background:#010101;
	display:block;
	position:absolute;
	left:20px;
	top:162px;
	color:#615753;
	font-size:10px;
	text-align:center;
	line-height: 16px;
}
                            
div.footer div.footer-bottom{
	font-size:0.9em;    
	color:#615753;
	text-align:center;
	clear:both;
	margin:70px 10px 00px 10px; 
	border-top:1px solid #1d1817;	  
	padding:20px 0;
}