/*
Theme Name: Obscure
Theme URI: http://www.wpcrunchy.com/
Description: A Crunchy Wordpress Theme
Author: WPCrunchy
Version: 1.0
Tags: two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, microformats
*/

/* ------------------------------------ :[ Reset default browser CSS ]: */

@import url('library/css/reset.css');
@import url('library/css/text.css');
@import url('library/css/960.css');
@import url('library/css/default.css');

/* -------------------------------------------------------- :[ Global ]: */
body{ background:#E9E9E9; }
#content, #content input, #content textarea{ color:#555; }
a:link {
    color:#b0483b;
	text-decoration:underline;
}
a:visited { color:#b0483b; }
a:active, a:hover {
    color: #b0483b;
    text-decoration:underline;
}

/* -------------------------------------------------------- :[ Fonts ]: */
#content .entry-title, .slide div, #site-description, #slide_nav .caption{font-family:'Arial', 'Trebuchet MS';}
.widget-title, .navigation{font-family:Georgia, "Times New Roman", Times, serif;}
#site-info, #footer-widget-area .widget-title{font-family:Helvetica,Arial,sans-serif;}
.hook-title{font-family:Tahoma,sans-serif;}

/* ---------------------------------------------- :[ General Elements ]: */
#main{ padding-top: 18px; }
#main hr.hr1{
	background:url(library/images/post-head-bar.png) no-repeat right #000;
	height:4px;
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	margin-bottom:0;
}
#entry-author-info{
	background-color: #F3F3F3;
	border: 1px solid #E2E2E2;
}
#main .sc-button{
	padding:0px 8px;
	text-decoration:none;
	color:#aaa;
	font-size:10px;
	text-transform:uppercase;
}
#main .sc-button:hover{ color:#fff; }

/* ------------------------------------------------------- :[ Header ]: */
#header a{ text-decoration:none; }
#site-title{
	top:40px;
	position:absolute;	
	text-shadow: 2px 3px 2px #000;
	font-size:50px;
	line-height:60px;
	letter-spacing:-3px;
	text-transform:uppercase;
}
#site-title a{ 
	color: #fff; 	
	font-weight: normal;
}
#site-description {
	position: absolute;
	top: 100px;
	text-transform: lowercase;
	font-size: 17px;
	color: #A4A5A1;
	width: 295px;
	text-align: right;
}
#access, #access2, #branding, #header{position:relative;}
#branding {height: 184px;}
#ads{
	float:right;
	margin-top:42px;
	width: 468px;
	height: 60px;
	border: 1px solid #393837;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding:10px;
	background:#171615;
}
#access{ z-index:92;}
#access{z-index:91; }
#branding{z-index:90;}
#header{ z-index:90; }

/* ---------------------------------------------- :[ Menu Navigation ]: */
.sf-menu a, .sf-menu li{
	background:none; 
	border:none;
}
.sf-menu a{	padding: 9px 18px;}
.sf-menu ul{
	margin-top:-2px;
	border-bottom:none;
}
.sf-menu li.sfHover, .sf-menu a:focus{ background:transparent;}
#access a{text-shadow: black 0px 1px 1px;}
#access a, #access2 a{	
	color:#A4A5A1;
	font-size:10px;
	text-transform:uppercase;	
}
.sf-menu li li a{
	padding-top:10px;
	padding-bottom:10px;
}
#access a:focus{background:none;}
#access a:hover, #access2 a:hover, #access2 li:hover, #access li:hover { 
	text-decoration:none; 
	background-color:transparent;
}
#access2 a{
	background:url(library/images/li-bg.jpg) right repeat-y;
	color:#E1E2DF;
	padding: 10px 25px;
	margin:5px 0;
	text-shadow: black 0px 1px 1px;
}
#access2 a:hover{ color:#A4A5A1; }
#access2 li{padding: 5px 0;}
#access2 ul ul{
	padding-top:5px;	
	background:transparent !important;
	position:absolute;
	top:37px;
}
#access2 li li{
	margin:0; 
	padding:0;
	border-bottom:1px solid #414443;
	border-top:1px solid #545756;
}
	/* ----- Lava Lamp --- */
#access .sf-menu{ position:relative; }
#access .sf-menu a{
	position:relative;
	z-index:1000;
}
#access .sf-menu li{
	position:relative;
	z-index:999;
}
#access .sf-menu li.back{
	background:#333;
	width: 9px;
	height: 30px;
	position:absolute;
	z-index:-1;
}
#access .sf-menu li.back .left{
	width: 9px;
	height: 30px;
	background:#333;
}
.sf-menu li{
	padding:0 !important;
	margin:0;
}
.sf-menu ul li a, .sf-menu ul, .sf-menu ul li{background:#333 !important;}
.sf-menu ul li a:hover{background:#444 !important;}
#access2 li li a{
	margin:0;
	padding-top:13px;
	padding-bottom:13px;
	background:#4a4d4c !important;
}
#access2 li li a:hover{
	background:#393b3b !important;
	color:#fff;
}
	/* ----- end Lava Lamp --- */
#header{
	background:url(library/images/wrapper-bg.png) repeat-x;
	height:263px;
	padding-top:0;
}
#branding{padding:0;}
#feeds{float:right;}
#feeds div{display:inline-block; }
#feeds a{ 
	background:url(library/images/feed.png) no-repeat left top; 
	height:12px;
	padding-left: 21px;
	margin-right: 11px;
	margin-left: 17px;
}
#feeds a:hover{background:url(library/images/feed2.png) no-repeat;}

/* ------------------------------------------------ :[ Featured Area ]: */
#featured{ margin-bottom: 20px; overflow:hidden; }
.slides_container { width:620px; }
.slides_container div.slide {
    width:620px;
	height:292px;
    display:block;
}
.hook-title{
	position:absolute;
	text-transform: uppercase;
	text-shadow: #672A22 0px 1px 1px;
	padding: 10px;
	background-color: #B0483B;
	color:#FFFFFF;
	margin-top:30px;
	font-size: 11px;
	z-index: 900;
	top: 50px;
}
#slides{
	position:relative;
	background:#fff;
	padding:5px;
	height:281px
}
#slides.static_content{height:auto;}
#slide_nav {
	position:absolute;
	bottom:20px; left:6px;
	width:588px;
	padding:15px 10px;
	z-index:99;
	background:url(library/images/trans-bg.png) repeat-x top left;
}
#slide_nav .caption {
	color:#fff;
	float:left;
	font-size:11px;
	letter-spacing:1px;
	text-transform:uppercase;
}
.pagination { 
	float:right;
	margin-bottom:0 !important;
}
.pagination li {
	list-style:none;
	float:left;
	margin-left:10px;
}
#featured .pagination li a {
	background:url(library/images/cycle-nav.png) no-repeat top left;
	display:block;
	text-decoration:none;
	color:#fff;
	padding:0 9px;
}
.pagination li a:hover, .pagination li.current a{background-position:bottom !important;}
#featured img.post-thumbnail{
	padding:0;
	border: 1px solid #D2D2D2;
	position:absolute;
}
/* ---------------------------------------------- :[ Page Navigation ]: */
#content{font-size:14px;}
#content .navigation .current, #content .navigation a:hover{
	background:#B0483B;	
	color:#FFFFFF;
}
.navigation .pages{	margin-right:5px !important;}
.nav-previous, .nav-previous span, .nav-previous a, .nav-next, .nav-next span, .nav-next a{border:none !important;}
#content .navigation span,#content  .navigation a{
	padding: 3px 10px;
	color:#555;
	line-height:20px;
	background-color: #F3F3F3;
	border: 1px solid #E2E2E2;
	margin:2px;
}
#nav-below{
	margin-top:0;
	font-style:italic;
	font-size:18px;	
	color:#656565;
}
#content #nav-below a{
	color:#656565;
	text-decoration:none !important;
	background:none;
	text-decoration:underline;
}
#content #nav-below a:hover, #content #nav-below a:hover span{
	background:none;
	color:#B0483B;
}
#content #nav-below .meta-nav{
	padding:0;
	margin:0;
	text-decoration:none;
	background:none;
}

/* --------------------------------------------------- :[ Breadcrumb ]: */
#breadcrumb a{text-decoration:none;}
#breadcrumb a:hover{
	text-decoration:underline;
	color:#000;
}
#breadcrumb span{color:#000;}
#breadcrumb {
	font-size: 12px;
	color:#555;
}
/* ------------------------------------------------------ :[ Content ]: */
.single #content .hentry{
	margin-bottom:15px;
}
.single-attachment .entry-content{
	padding-right:0;
}
.entry-content .attachment{
	padding:20px 10px 30px;
	text-align: center;
}
#content img.post-thumbnail{border:none;}
#main{z-index:80; position:relative;}
#content .entry-content,#content  .entry-summary{padding-top:0;}
#content{margin-top: 22px; margin-bottom: 10px;}
#content .entry-title a, #content .entry-title{
	font-size:25px;
	font-weight:bold;
	text-transform:uppercase;
	text-shadow:1px 1px 1px #fff;
	color:#171615;
}
#content .entry-title a:hover, #content .entry-title a:active{ color: #393b3b; }
#content .entry-title{
	width:476px;
	padding-bottom:4px;
	float: left;
}
#content .entry-meta-div{ position:relative; margin-bottom:15px;}
#content .entry-meta{
	font-size:11px;
	text-align:right;
	position:absolute;
	bottom:10px;
	right:0px;
}
#content .entry-meta a, #content .entry-meta{
	color: #555;
	text-shadow: #fff 1px 1px 1px;
}
#content img.alignleft{
	box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3);
}
#content .entry-utility, #content .entry-utility a{
	text-transform:uppercase;
	font-size:10px;
	color:#888;
}
#content .entry-utility{
	padding: 8px 10px;
	background-color: #F3F3F3;
	border: 1px solid #E2E2E2;
	margin-top:10px;
	font-style:normal;
}
#content .entry-utility span{
	padding-left:20px;
	padding-right:10px;
	margin-left:10px;
	padding-bottom:2px;
}
#content .entry-utility a:hover{ color:#FF4B33; }
.entry-utility .author{background:url(library/images/user.png) no-repeat;}
.entry-utility  .comments-link{background:url(library/images/comment.png) no-repeat;}
.entry-utility .category-link{background:url(library/images/category.png) no-repeat;}
#content .hentry{margin:20px 0; position:relative;}

/* ------------------------------------------------------ :[ Panels ]: */
#panels .page-title{
	font-size: 20px;
	padding-bottom: 0;
	border: none;
	margin-bottom: 12px;
	text-shadow:1px 1px 3px #fff;
}
#panels .panel{	
	font-size:12px;
	padding:5px 5px 15px 5px;
	width:280px;
	margin-bottom:5px;
}
#panels #first, #panels #third{
	padding-right: 10px;
	float: left;
}
#panels #second, #panels #fourth{
	padding-left: 10px;
	float: right;
}
.panel-icon{
	float:left;
	margin-right:10px;
	margin-bottom:8px;
}

/* ------------------------------------------------------ :[ Ads ] */
#below-post-ads{
	text-align:center;
	padding-top:10px;
	width:468px;
	height:63px;
	font-size:12px;
	margin:5px auto 10px;
}

/* ------------------------------------------------------ :[ Sidebar ]: */
#sidebar .widget-container{
	background:url(library/images/widget-container-bg.png) no-repeat;
	width: 300px;
	padding-top:12px;	
}
.widget-title {
    color: #222222;
	font-size:22px;
    font-weight: normal;
    padding-bottom: 10px;
    text-shadow: 1px 1px 1px #FFFFFF;
}
.widget-content li{
	border-bottom:1px solid #D1D1D1;
	padding:5px 0;
	text-transform:uppercase;
	background:url(library/images/arrow.gif) no-repeat 0px 17px;
	font-size:12px;
	padding-left:12px;
	list-style:none;
}
#sidebar .side_widget_bot{
	background:url(library/images/widget-end-bg.png) no-repeat;
	height:12px;
}
#sidebar .widget-content{
	background:url(library/images/widget-content-bg.png);
	width: 280px;
    padding: 0 10px;
}
.widget-area ul, .widget-area li {margin-left:0;}
.rss, .email, .twitter{background-position:0px center; }

/* ------------------------------------------------- :[ Widget Areas ]: */
#footer-widget-area .widget-area {width:300px;}
#footer-widget-area .widget-title{
	border-bottom: 1px solid #292827;
	color:#fff;
	text-shadow:none;	
	margin-bottom: 10px;
}
#footer-widget-area{
	color: #A4A5A1;
    line-height: 22px;
	margin-top: 20px;
}

/* ----------------------------------------------------- :[ Comments ]: */
#comments {
	background:#fff;
	border-bottom:1px solid #e2e2e2;
	border-top:1px solid #e2e2e2;
	padding:20px 10px;
	margin-top:15px;
	color:#555;
}
#comments h3{
	color:#555;
	padding-bottom:10px;
	font-weight:normal;
	border-bottom:3px solid #555555;
	margin-bottom:10px;
}
.commentlist{
	margin-top:10px;
	border-bottom:1px solid #e2e2e2;
	padding-bottom:10px;
}
#author{background:url("library/images/user.png") no-repeat 98% 50%;}
#email{background:url("library/images/email.png") no-repeat 98% 50% transparent;}
#url{background:url("library/images/link.png") no-repeat 98% 50% transparent;}
#respond input[type="text"]{width:50%;}
#respond textarea{width:98%;}
.comment{border:none;}
.comment ul.children li.comment{
	background:none;
	border-left: 3px solid #BDE0E6;
	margin-left:20px;
}
#comments img.avatar{
	padding: 10px;
	border: 1px solid #E5E5E5;
}
.comment_author, .comment_time, .comment_reply a{
	text-transform:uppercase !important;
	font-style:normal !important;
}
#comments a:hover{
	color:#F00;
}
textarea, input[type="text"]{
	border-top:#666 2px solid;
	border-left:#999 2px solid;
	border-right:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
}
/* ------------------------------------------------------- :[ Footer ]: */
#colophon,#footer{padding:0; margin-bottom:0;}
#footer{
	text-transform:uppercase;
	border-top:8px solid #707171;
	background:#171615 url(library/images/site-generator-bg.png) repeat-x bottom;
	text-align:left;		
	font-style:normal;
	font-size:12px;
}
#site-info{
	font-size: 10px;
    text-shadow: 1px 1px 1px #000000;
	padding-bottom: 5px;
	padding-top:4px;
}
#site-info a{
	text-decoration:underline;	
	border-bottom:none;
}
#site-info, #site-info a{color:#555;}
#generator{float:right;}
#copyright{float:left;}
#copyright, #generator{margin-bottom:0;}
#site-generator{padding:8px 0;}