body{color: #ccc;}
	
a, a:hover{color: #ecc4af;}

/* MAIN BG*/
body, 
h2.title span, 
ul.tabs li a.active{ 
	background: #fdfdfd;
	background: rgba(55,55,55,1);
	background: #333;
	background: transparent url("../images/theme/backgrounds/noise-grey.jpg") repeat;
	position: relative;
	z-index: 1;
} 

body:after{  
	content: "";
	background: transparent url("../images/theme/backgrounds/pattern_diagonal_medium.png") repeat;
	position:absolute; 
	z-index:99; 
	left:0; 
	bottom:0; 
	right:0;
	height: 100%;
	width: 100%;
	z-index: -1;
	}

ul.tabs li a.active:after{  
	content: "";
	background: transparent url("../images/theme/backgrounds/pattern_diagonal_medium.png") repeat;
	position:absolute; 
	z-index:99; 
	left:0; 
	bottom:0; 
	right:0;
	height: 100%;
	width: 100%;
	z-index: -1;
	}


h1, h2, h3, h4, h5, h6 {  
	color: #FEFEFE; 
	}	

h4 a{color: #fefefe !important;}

h2.title span{background: none transparent;}

hr{	
	border: solid #222; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; 
	border-bottom: 1px solid #444;
	}



/* NAVIGATION */
.sf-menu > li > a strong {
    color: #FEFEFE;
   }

.sf-menu > li {
    border-left: 1px solid rgba(255, 255, 255, 0);
    border-right: 1px solid #222;
   }
   
.sf-menu > li:hover {
	background: #fefefe; 
	background: rgba(0,0,0,0.2); 
  -webkit-box-shadow:inset 0 -3px 2px rgba(0,0,0,0.1);
	 -moz-box-shadow:inset 0 -3px 2px rgba(0,0,0,0.1);
	   -o-box-shadow:inset 0 -3px 2px rgba(0,0,0,0.1);
		  box-shadow:inset 0 -3px 2px rgba(0,0,0,0.1);
}

.sf-menu > li:hover strong {color: #fff !important;}
.sf-menu > li:hover span {color: #ccc !important;}

.sf-menu > li:hover{
	border-left: 1px solid rgba(255, 255, 255, 0);
	border-right: 1px solid #222;
}





/* MISC CLASSES */    	
.vcard a{color: #EEE}
.says{color: #999;}
strong{color: white;}
.tabs li a{color: #111;}
.aside{
	background: url("../images/theme/backgrounds/pattern_diagonal_dark.png") repeat scroll 0px 2px transparent;
    border-right: 4px solid rgba(155, 155, 155, 0.1);
   }
 
.commentlist .comment-body {
    background: none repeat scroll 0 0 #222;
    border: 1px solid #444;  
   }
  
.content img {
    border: 1px solid #111;
   }
   
.comment-reply-link {
    background: none repeat scroll 0 0 #333;
    border-right: 1px solid #111;
    border-top: 1px solid #111;
   }
   

input[type="text"], input[type="password"], input[type="email"], textarea, select {
    background: none repeat scroll 0 0 #222;
    border: 1px solid #444;
    border-radius: 2px 2px 2px 2px;
    color: #777;
   }

ul.tabs li a.active,
ul.tabs li a.active:after{
	background: white;
	}
label span, legend span {
    color: #CCC;
   }

.feature span {
    background: none repeat scroll 0 0 #222;
   }
   
   
   
/* Light Text Shadow */
.sf-menu.light ul li a, .sf-menu.light li u
{  
	 -webkit-text-shadow: 1px 0 1px #fff;
		-moz-text-shadow: 1px 0 1px #fff;
		  -o-text-shadow: 1px 0 1px #fff;
			 text-shadow: 1px 0 1px #fff;
			}

/* Dark Text Shadow */
.portfolio-filters span, .portfolio-view span,
.sf-menu li ul, 
#section-tophat, 
#section-footer, #section-footer h5,
h1, h2, h3, h4, h5, h6,
#section-tophat .subscribe, #section-tophat .tagline{  
	 -webkit-text-shadow: 1px 0 1px #000;
		-moz-text-shadow: 1px 0 1px #000;
		  -o-text-shadow: 1px 0 1px #000;
			 text-shadow: 1px 0 1px #000;
			}
			
    
    
	
/* TOPHAT */
#section-tophat{
	border-bottom: 2px solid #111;
	background: transparent url("../images/theme/backgrounds/linen-black.jpg") repeat;
}

#section-tophat:after, #section-footer:after{
	content: "";
	background: transparent url("../images/theme/backgrounds/pattern_diagonal_dark.png") repeat !important;
}

/* FOOTER */
#section-footer{
	background: transparent url("../images/theme/backgrounds/linen-black.jpg") repeat;
	border-top: 1px solid #444;
}

/* SUBFOOTER */
#section-sub-footer{
	background: #000 !important;
	border-top: 2px solid #1b1b1b;
}

#section-sub-footer:after {
	content: "";
	background: #000;