
body{color: #ccc;}

.container{background: transparent; position: inherit;}
.container{border-left: 0px solid black; border-right: 0px solid black;}
#section-tophat .container, #section-footer .container, #section-sub-footer .container{border: 0px;}
	

a, a:hover{color: #73c9ff;}

/* MAIN BG*/
body, 
h2.title span, h1.title span,
ul.tabs li a.active{ 
	background: #fdfdfd;
	background: rgba(55,55,55,1);
	background: #333;
	background: transparent url("../images/theme/backgrounds/noise-black.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, 
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {  
	color: #FEFEFE; 
	}	

h4 a{color: #fefefe !important;}

h2.title span, h1.title span{background: none transparent;}

hr{
	background: url("../images/theme/dotted-hor.png") repeat-x scroll 0 bottom transparent;
    border-top: 0 none;
    border-bottom: 0 none;
    height: 2px;
    margin: 10px 0 30px;
} 

a.prev, a.next {
    background-image: url("../images/nav_dark.png");
}
a.next {
	right:-40px;
	left:auto;
	background-position:top right; 	
}


/* 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, .wp-caption{
	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 {
    color: #fefefe;
   }
.feature span{background: transparent !important;}
  
.su-tabs, .su-tabs-nav{background: transparent !important; color: #222;}
.su-tabs-pane{background: white; border: 0 !important;}
.su-heading-shell {
    border-bottom: 4px solid #222222;
    border-top: 4px solid #222222;
}
.su-heading {
    border-bottom: 1px solid #444444;
    border-top: 1px solid #444444;
}

.su-box-content{color: #333;}
.su-document {margin-top: 10px;}

.su-pullquote-style-1 {
    border-left: 5px solid #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-filter 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: 1px solid #222;
	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 #222;
}

/* SUBFOOTER */
#section-sub-footer{
	background: #000 !important;
	border-top: 2px solid #1b1b1b;
}

#section-sub-footer:after {
	content: "";
	background: #000;
