body{color: #ccc;}
	
a, a:hover{color: #73c9ff;}


/* Light Text Shadow */
.sf-menu li ul {  
	 -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 */
h1, h2, h3, h4, h5, h6,
.sf-menu.light ul li a, th, tr,
#portfolio-filter span, .portfolio-view span,
#section-tophat, 
.feature span,
.superquote,
.supertagline,
#section-footer, #section-footer h5,
.sf-menu.light li u {  
	 -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;
			}
			
			
/* 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/bg-pattern.png") repeat; /* default is noise-grey.jpg */
	position: relative;
	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{	
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    }



/* 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: #000; 
	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;
}

.sf-menu > li:last-child{
	border-right: 0px solid #222 !important;
	}





/* MISC CLASSES */    	
.vcard a{color: #EEE}
.says{color: #999;}
strong{color: white;}
.tabs li a{color: #111;}
.aside{
    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;
   }

.grid-example .example{color: #ddd;}
   

   
.portfolio-nav a.button {
    background: none repeat scroll 0 0 #111;
    color: #eee;
	border: #222;
    margin-bottom: 4px;
    text-transform: capitalize;
}

.portfolio-nav a.button:hover{background: #000;}


.feature {	
	background: black;
	background: rgba(0,0,0,0.2);
	display: block;
	padding: 30px 30px; 
	border: 1px solid rgba(155,155,155,0.2);
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 5px #111111 inset;
}	


   
/* 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,
.portfolio-nav a.button,
.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;
			}


#section-footer ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    margin: 0;
    padding: 10px 0;
}			
    
 
	
/* TOPHAT */
#section-tophat {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
		-webkit-box-shadow:0 0 3px rgba(0,0,0,0.5);
		   -moz-box-shadow:0 0 3px rgba(0,0,0,0.5);
			 -o-box-shadow:0 0 3px rgba(0,0,0,0.5);
			   box-shadow: 0 0 3px rgba(0,0,0,0.5);
    color: #888;
    font-size: 10px;
    padding: 5px 0;
}


/* FOOTER */
#section-footer{
}

/* SUBFOOTER */
#section-sub-footer {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    border-top: 2px solid rgba(255, 255, 255, 0.1);
		-webkit-box-shadow:0 0 3px rgba(0,0,0,0.5);
		   -moz-box-shadow:0 0 3px rgba(0,0,0,0.5);
			 -o-box-shadow:0 0 3px rgba(0,0,0,0.5);
			   box-shadow: 0 0 3px rgba(0,0,0,0.5);
    color: #555555;
}