/*
	Theme Name: Obscure
	Theme URI: http://wpcrunchy.com
	Description: Premium dark magazine wordpress theme by <a href="http://wpcrunchy.com">wpcrunchy</a> for free download. Built with in-demand features that can be access through admin panel.
	Version: 1.0
	Author: akosipau
	Author URI: http://akosipau.com/
	Tags: three column, dark, jquery, gray, white
*/

/* GLOBAL ELEMENTS
----------------------------------
*/

/* Resets 
--------------------------
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	font-size:12px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background:#171615;
	height: 100%;
}
html, body {
	height: 100%;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
blockquote {
	line-height: 1.2em;
	font-style: italic;
	padding: 5px 20px 5px 60px;
	margin: 20px 0;
}
acronym {
	cursor: help;
	border-bottom: 1px dashed #333;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
hr {
	display: none;
}
a {
	text-decoration:none;
	color:#b0483b;
}
a:hover {
	text-decoration:underline;
}
.right {
	float: right;
}
.left {
	float: left;
}
.hide {
	display: none;
}
.irelative {
	position:relative;
}
.text {
	padding:5px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.incomment {
	padding:5px 0 !important;
}
.clear {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

/* BASE STYLE
---------------------
*/

#base {
}

#header {
	background:#252423;
	background:url(images/header-bg.png) repeat-x top;
}

#main {
	background:#e9e9e9 url(images/shadow-bg.png) repeat-x top;
	padding-bottom:30px;
}

#footer {
	background:#171615;
	border-top:8px solid #707171;
}

/* header
---------------------
*/

#page-menu {
	height:30px;
	width:1000px;
	margin:0 auto;
	background:#171615;
	border-bottom:1px solid #393837;
}

	#nav1 {
		padding-left:30px;
	}

	#nav1 li {
		float: left;
		list-style: none;
	}
	
	#nav1 li.backLava {
		background:#393837;
		width: 9px;
		position: absolute;
		border:0;
	}
	
	#nav1 li a {
		color:#a4a5a1;
		text-decoration:none;
		text-align: center;
		padding:11px 20px 10px 20px;
		z-index: 10;
		display: block;
		position: relative;
		margin: auto 5px;
		text-transform:uppercase;
		font-size:9px !important;
	}
	
	#nav1 li a:hover, #nav1 li a:active, #nav1 li.current_page_item a {
		background:none !important;
	}
	
	#rss-button a {
		color:#a4a5a1;
		padding:11px 20px 10px 20px;
		background:url(images/feed.png) no-repeat 0% 50%;
	}
	
	#rss-button a:hover {
		text-decoration:none;
		background:url(images/feed2.png) no-repeat 0% 50%;
	}

#logo {
	height:180px;
	width:1000px;
	margin:0 auto;
}

	#logo .logo-image {
		padding:45px 20px 20px 20px;
		color:#fff;
	}
	
	#logo .ads-topwide {
		width:468px; height:60px; background:#a4a5a1; padding:10px; 
	}

#category-menu {
	height:40px;
	padding:0 10px;
	background:#393b3b;
	border-top:1px solid #4a4d4c;
	width:980px;
	margin:0 auto;
}

	#category-menu ul {
	margin: 0px;
	padding-left: 0px;
	list-style-type: none; 
	list-style-image: none; 
	float: left;
	}
	
	#category-menu ul li {
	float: left; 
	display: block; 
	padding-left: 0px;
	z-index:1000;
	}
	
	#category-menu ul li a:link,#category-menu ul li a:visited, #category-menu ul li a:active  {
	display: block;
	color: #e1e2df;
	padding: 15px 20px 16px 20px;
	float: left;
	margin: 0px;
	text-transform:uppercase;
	font-family: Cambria, Palatino, Palatino Linotype, Hoefler Text, Times, Times New Roman, serif;
	font-size:9px !important;
	letter-spacing:1.5px;
	background:url(images/li-bg.jpg) no-repeat right center;
	}
	
	#category-menu ul li a:hover {
	background-color: #393b3b;
	text-decoration:none !important;
	color:#a4a5a1;
	}
	
	.nav, .nav * {margin:0;padding:0;list-style:none;}
	
	.nav ul {position:absolute;top:-999em;}
	
	.nav li {float:left;position:relative;z-index:99;}
	
	.nav a {display:block;}
	
	.nav ul li{width: 100%;}
	
	.nav li:hover ul,ul.nav li.sfHover ul {left:0px;top:40px;}
	
	.nav li:hover li ul,.nav li.sfHover li ul {top:-999em;}
	
	.nav li li:hover ul,ul.nav li li.sfHover ul {left:220px;top:0px;}
	
	.nav li:hover ul,.nav li li:hover ul {top: -999em;}
	
	/*** Skinning - Superfish menu (Some final font colors and backgrounds) ***/

	.nav li li {
	display: block;
	padding: 0px;
	height: auto !important;
	}
	
	.nav li:hover {
	background-color: #393b3b !important;
	}
	
	.nav li li a:link, .nav li li a:visited {
	width: 180px;
	display: block;
	background:none !important;
	background-color: #666 !important;
	height: auto !important;
	color:#FFFFFF !important;
	}
	
	.nav li li a:hover {
	background-color: #717171 !important;
	text-decoration:none !important;
	color:#FFFFFF !important;
	}
	
/* Main
----------------------
*/

#content-body {
	width:1000px;
	margin:0 auto;
}

/* post */

#posts {
	width:650px;
	margin:0 auto 0 auto;
	padding-top:15px;
}
	
	#posts .heading {
		padding:5px 20px;
		color:#666666;
		font-size: 2.6em;
		letter-spacing:-0.04em;
		line-height: 1.05em;
		padding-bottom: 10px;
		font-family: Helvetica, Arial, sans-serif;
		text-transform:capitalize;
		margin-bottom:20px;
	}

	#posts .slideshow {
		padding:15px 20px;
	}
	
		#posts .slideshow .slider {
			width:590px;
			padding:10px;
			height:280px;
			background:#ffffff;
			border-bottom:1px solid #dcdcdc;
			border-right:1px solid #dcdcdc;
		}
		
		#posts .hangtext {
			margin:0; padding:5px 10px;
			width:auto; height:auto;
			background:#b0483b;
			position:absolute; display:block;
			font:bold 1.5em Arial, Helvetica, sans-serif; color:#FFF;
			top:40px; left:19px;
			z-index:100;
		}

	#posts .post {
		padding:5px 20px;
	}
	
	#posts .post .post-head {
		background:url(images/post-head-bar.png) no-repeat bottom center;
		border-bottom:1px solid #f1f1f1;
		position:relative;
	}
	
	#posts .post h1.post-heading {
		width:77%;
		font-size: 2.0em;
		letter-spacing:-0.04em;
		line-height: 1.05em;
		padding-bottom: 10px;
		font-family: Helvetica, Arial, sans-serif;
		text-transform:capitalize;
	}
		
		#posts .post h1.post-heading a {
			color:#171615 !important;
		}
	
		#posts .post h1.post-heading a:hover {
			color:#393b3b !important;
			text-decoration:none !important;
		}
	
	#posts .post h1.post-meta {
		width:135px;
		letter-spacing:-0.04em;
		line-height: 1.05em;
		padding: 19px 5px 10px 0px;
		font-weight:normal;
		color:#666666;
		text-align:right;
		bottom:0;
		right:0;
		position:absolute;
	}
	
	#posts .post .post-thumb {
		padding-top:10px;
	}
	
		#posts .post .post-thumb div {
			padding:3px;
			border:1px solid #ccc;
		}
		
		#posts .post .post-thumb img {
			border:0;
			padding:0;
			margin:0;
		}
	
	#posts .post .post-content-full {
		padding-top:10px;
		line-height:18px;
	}
	
		#posts .post .post-content-full p {
			padding:5px 0;
		}
		
		#posts .post .post-content-full blockquote {
			color:#a1a1a1;
			background:url(images/blockquote.png) no-repeat 3% 0;
		}
		
		#posts .post .post-content-full ul, #posts .post .post-content-full ol {
			padding-left:15px;
		}
		
		#posts .post .post-content-full ul li {
			list-style-type:circle;
		}
		
		#posts .post .post-content-full ol li {
			list-style-type:decimal;
		}
		
		#posts .post .post-content-full .post-image {
			padding:10px;
			background:#fff;
			border-right:1px solid #dcdcdc;
			border-left:1px solid #dcdcdc;
			border-bottom:1px solid #dcdcdc;
		}
		
		/* header */
		
		#posts .post .post-content-full h2, #posts .post .post-content-full h3, #posts .post .post-content-full h4, #posts .post .post-content-full h5, #posts .post .post-content-full h6 {
			letter-spacing:-0.04em;
			line-height: 1.05em;
			padding:10px 0;
			color:#393b3b;
			text-transform:capitalize;
		}
		
		#posts .post .post-content-full h2 {
			font-size: 2.5em;
		}
		
		#posts .post .post-content-full h3 {
			font-size: 2.2em;
		}
		
		#posts .post .post-content-full h4 {
			font-size: 2em;
		}
		
		#posts .post .post-content-full h5 {
			font-size: 1.8em;
		}
		
		#posts .post .post-content-full h6 {
			font-size: 1.5em;
		}
		
		/* custom style - credits to themehybrid*/
	
		#posts .post .post-content-full p.note {
			display:block;
			margin:10px;
			padding:10px;
			background:#eff1e1;
			border:1px solid #e2e2e2;
		}
		
		#posts .post .post-content-full p.warning {
			display:block;
			margin:10px;
			padding:10px;
			background:#fffbbc;
			border:1px solid #e6db55;
		}
		
		#posts .post .post-content-full p.download {
			display:block;
			margin:10px;
			padding:10px;
			background:#e7f7d3;
			border:1px solid #66cc33;
		}
		
	#posts .post .post-bookmark {
		width:410px;
		padding:20px 0 30px 0;
		margin:0 auto;
	}
	
		#posts .post .post-bookmark a {
			display:block;
			height:48px;
			width:48px;
			padding:0 10px;
			float:left;
		}
		
		#posts .post .post-bookmark a.rss {
			background:url(images/social-rss.png) no-repeat top center;
		}
		
		#posts .post .post-bookmark a.rss:hover {
			background:url(images/social-rss2.png) no-repeat top center;
		}
		
		#posts .post .post-bookmark a.digg {
			background:url(images/social-digg.png) no-repeat top center;
		}
		
		#posts .post .post-bookmark a.digg:hover {
			background:url(images/social-digg2.png) no-repeat top center;
		}
		
		#posts .post .post-bookmark a.delicious {
			background:url(images/social-delicious.png) no-repeat top center;
		}
		
		#posts .post .post-bookmark a.delicious:hover {
			background:url(images/social-delicious2.png) no-repeat top center;
		}
		
		#posts .post .post-bookmark a.stumbleupon {
			background:url(images/social-stumble.png) no-repeat top center;
		}
		
		#posts .post .post-bookmark a.stumbleupon:hover {
			background:url(images/social-stumble2.png) no-repeat top center;
		}
		
		#posts .post .post-bookmark a.technorati {
			background:url(images/social-technorati.png) no-repeat top center;
		}
		
		#posts .post .post-bookmark a.technorati:hover {
			background:url(images/social-technorati2.png) no-repeat top center;
		}
		
		#posts .post .post-bookmark a.twitter {
			background:url(images/social-twitter.png) no-repeat top center;
		}
		
		#posts .post .post-bookmark a.twitter:hover {
			background:url(images/social-twitter2.png) no-repeat top center;
		}
		
	#posts .post .post-foot {
		margin-bottom:20px;
		padding:10px 8px;
		background:#f3f3f3;
		border-top:1px solid #e2e2e2;
		border-bottom:1px solid #e2e2e2;
	}
	
	#posts .post .post-meta li {
		float:left;
		height:14px;
	}
	
	
	/* meta */
	
	#posts .post .post-meta li.meta-author {
		background:url(images/user.png) no-repeat 0px -1px;
		padding-left:20px;
		padding-right:10px;
	}
	
	#posts .post .post-meta li.meta-share {
		float:right !important;
	}
	
	#posts .post .post-meta li.meta-date {
		background:url(images/calendar.png) no-repeat 0px -2px;
		padding-left:20px;
		padding-right:10px;
	}
	
	#posts .post .post-meta li.meta-comment {
		background:url(images/comment.png) no-repeat 0px -1px;
		padding-left:20px;
		padding-right:10px;
	}
	
	#posts .post .post-meta li.meta-category {
		background:url(images/category.png) no-repeat 0px -1px;
		padding-left:20px;
		padding-right:10px;
	}
	
	#posts .post-navigation {
		margin-top:10px;
		padding:15px 10px;
		background:#fff;
		font-size:1.2em;
		border-top:1px solid #e2e2e2;
		border-bottom:1px solid #e2e2e2;
	}
	
	#posts .post .post-content-half {
		padding-top:10px;
		width:430px;
	}
	
/* sidebar */

#sidebar {
	padding-top:30px;
	width:340px;
	margin:0 auto;
	line-height:18px;
}

	#sidebar .widget {
		width:320px;
		padding-top:20px;
		margin-bottom:20px;
		background:url(images/widget-head-bg.png) no-repeat top center;
	}
	
	#sidebar .widget .widget-body {
		width:280px;
		padding:0 20px 10px 20px;
		background:url(images/widget-body-bg.png) repeat-y;
	}
	
		#sidebar .widget .widget-body h2.widget-title {
			font-size: 2.0em;
			letter-spacing:-0.04em;
			line-height: 1.05em;
			padding-bottom: 15px;
			font-family: Helvetica, Arial, sans-serif;
			color:#393b3b;
			text-transform:capitalize;
		}
		
		#sidebar .widget .widget-body ul li {
			padding:10px 0;
			border-bottom:1px solid #d1d1d1;
		}
		
		#sidebar .widget .widget-body .rss-subscribe {
			border:3px solid #ccc; padding:8px; width:255px;
			background: #fff url(images/email.png) no-repeat 98% 50%;
			color:#999;
		}
		
		/* search widget */
		
		#sidebar .search_widget fieldset {
			margin: 0;
			padding: 0;
		}
		
		#sidebar .search_widget .search_term {
			display: block;
			margin: 0 auto;
			border: 3px solid #ccc;
			padding: 8px;
			padding-right: 24px;
			width: 240px;
			background: #fff url(images/search_icon.png) no-repeat 98% 50%;
		}
	
	#sidebar .widget .widget-foot {
		width:320px;
		height:13px;
		background:url(images/widget-footer-bg.png) no-repeat top center;
	}
	
	/* widget body elements */

	.widget-body ul li {
		padding:15px 10px 15px 5px;
		background:url(images/hr-image.png) repeat-x bottom center;
	}
	
	.ads125box {
		height:125px; width:125px; background:#CCCCCC; float:left; margin:5px 0 0px 5px;
	}
	
	.ads125box img {
		border:0;
	}

/* Comments
----------------------
*/

#comments {
	padding:20px 10px;
	background:#fff;
	border-top:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
}

	#comments h3 {
		font-size: 2.0em;
		letter-spacing:-0.04em;
		line-height: 1.05em;
		padding-bottom: 15px;
		font-family: Helvetica, Arial, sans-serif;
		color:#393b3b;
		text-transform:capitalize;
		border-bottom:3px solid #555;
	}
	
	#comments .comment-meta h2 {
		font-size: 1.8em;
		letter-spacing:-0.04em;
		line-height: 1.05em;
		padding-bottom: 15px;
		color:#393b3b;
		text-transform:capitalize;
	}
	
	#comments .comment-meta span {
		font-size: 1.2em;
		letter-spacing:-0.04em;
		line-height: 1.05em;
		padding-bottom: 15px;
		color:#393b3b;
		text-transform:capitalize;
	}
	
	#comments .comment-box {
		padding-top:20px;
	}
	
	#comments .comment-box .comment-body {
		padding:20px 10px 20px 10px;
		line-height:18px;
		border-bottom:1px solid #ccc;
		margin-bottom:20px;
	}
	
	#comments .comment-author-box {
		width:300px;
		border-top:2px solid #9a9a9a;
		border-left:2px solid #9a9a9a;
		border-right:1px solid #dcdcdc;
		border-bottom:1px solid #dcdcdc;
		padding-right:24px;
		background:url(images/user.png) no-repeat 98% 50%;
	}
	
	#comments .comment-email-box {
		width:300px;
		border-top:2px solid #9a9a9a;
		border-left:2px solid #9a9a9a;
		border-right:1px solid #dcdcdc;
		border-bottom:1px solid #dcdcdc;
		padding-right:24px;
		background:url(images/email.png) no-repeat 98% 50%;
	}
	
	#comments .comment-url-box {
		width:300px;
		border-top:2px solid #9a9a9a;
		border-left:2px solid #9a9a9a;
		border-right:1px solid #dcdcdc;
		border-bottom:1px solid #dcdcdc;
		padding-right:24px;
		background:url(images/link.png) no-repeat 98% 50%;
	}
	
	#comments .comment-textarea-box {
		border-top:2px solid #9a9a9a;
		border-left:2px solid #9a9a9a;
		border-right:1px solid #dcdcdc;
		border-bottom:1px solid #dcdcdc;
	}
	
	#comments .submitbtn, #comments .resetbtn {
		padding:8px 12px;
		margin-right:10px;
		border:0;
		background:#2d2d2d;
		color:#fff;
		font-family: Georgia, "Times New Roman", Times, serif;
		cursor:pointer;
	}
	
	#comments .submitbtn:hover, #comments .resetbtn:hover {
		background:#3c3c3c;
	}

/* Footer
----------------------
*/

#footer .footer-content {
	width:960px;
	margin:0 auto;
	padding:20px;
}

	#footer .foot-box {
		width:320px;
		float:left;
	}

	#footer h2 {
		font-size:1.8em;
		font-weight:bold;
		font-family: Helvetica, Arial, sans-serif;
		color:#fff;
		padding-bottom:15px;
		width:250px;
		border-bottom:1px solid #292827;
	}
	
	#footer div.abouttext {
		padding-top:10px;
		line-height:22px;
		color:#a4a5a1;
	}
	
	#footer ul {
		padding-top:10px;
	}
	
	#footer ul li a {
		display:block;
		padding:12px 0;
		color:#a4a5a1;
		width:250px;
	}
	
	#footer ul li a:hover {
		padding:12px 8px;
		background:#242222;
		text-decoration:none;
	}
	
#footer .credits {
	border-top:1px solid #393837;
	background:#252423;
}

	#footer .credits-content {
		width:980px;
		margin:0 auto;
		padding:10px;
		color:#a4a5a1;
	}
	
/* EXTRA
-----------------------------
*/

/* wp-pagenavi
-------------------------
*/

.wp-pagenavi {
	font-size: 1.1em;
	text-transform: uppercase;
	clear: both;
	font-weight: normal;
	text-align: right;
	margin-bottom: 10px;
}
.wp-pagenavi .current {
	color:#CCC !important;
}
.wp-pagenavi a,
.wp-pagenavi .current {
	padding: 8px !important;
	border: 1px solid #e2e2e2 !important;
	margin-left: 3px;
	color:#b0483b !important;
}
.wp-pagenavi a:hover,
.wp-pagenavi .current {
	background: #e2e2e2;
	color:#000;
}
.wp-pagenavi .pages {
	float: left;
	border:0 !important;
}

/* wordpress css codex
------------------------
*/

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
   border:4px solid #dcdcdc;
}

.alignleft {
   float: left;
   margin-right:10px;
   border:4px solid #dcdcdc;
}

.alignright {
   float: right;
   margin:10px 0px 10px 10px;
   margin-left:10px;
   border:4px solid #dcdcdc;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}