/*
	Theme Name: Carbon
	Theme URI: http://www.wpvine.com
	Description: A modern theme with admin panel.
	Version: 1.0
	Author: Vishu
	Author URI: http://www.vishu.net
	Tags: carbon, wpvine, modern, web 2.0, powerful, 2 column, admin panel, dark
*/

/*
	TOC
	
	01. General stuff	
	02. Header
	03. Slider
	04. Content 
	05. Post content
	06. Sidebar
	07. Footer
	08. Comments
*/

/*--------------------------
	01. GENERAL STUFF
--------------------------*/
@import url(http://fonts.googleapis.com/css?family=Molengo);
@import url(http://fonts.googleapis.com/css?family=Arvo);
body {color:#fff;font-size: 16px;line-height: 1.8em;background:#000;font-family: arial, helvetica, sans-serif;}
a{text-decoration:none;color:#fff;}
.alignright,img.alignright,a img.alignright {float:right; margin:10px 0px 10px 15px;}
.alignleft,img.alignleft,a img.alignleft {float:left; margin:10px 16px 10px 0;}
.aligncenter,img.aligncenter,a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
/* Page Specific styles */
h2.searchResult {font-size: 15px;text-shadow: 0 1px #000;}  
.post-page {padding-right: 20px;}
p.sponsors {text-align: center;color:#acacac;}
p.sponsors a {color:#acacac;}
/*--------------------------
	02. HEADER
--------------------------*/
.header {position:relative;padding: 40px 0 10px;}

/*-- Logo --*/
.header a.logo {padding-top: 20px;}

/*-- Search --*/
.search {position:absolute;right:0;top:0;background: url(images/search_bg.png) 0 0 no-repeat;width: 196px;height: 46px;}
.search input {margin: 12px 20px 0 15px;width: 140px;font-family: 'Myriad Pro', Helvetica, Arial, sans-serif;border:none;background:none;}

/*-- Navigation --*/
.nav {margin-bottom: 10px;}
.nav_inner {background: url(images/nav_bg.png) 0 0 no-repeat;height: 53px;margin: 10px 0;}
.nav ul {padding-top: 5px;position:relative;}
.nav ul li {
	float:left;
	font-family: 'Molengo', Georgia, Helvetica;
	font-size: 14px;
	color:#fffefe;
}
.nav ul li.back {background: url(images/nav_pointer.png) 50% 0px no-repeat;width: 16px; height: 12px;position:absolute;top: 41px;z-index: 8;}
.nav ul li a {
	display:block;
	padding: 10px 20px;
	background: url(images/nav_div.png) right 5px no-repeat;
}
.nav ul li:last-child a {background:none;}

/*--------------------------
	03. SLIDER
--------------------------*/

.slider .slides {float:left; margin-right:0; width: 720px;height: 384px;background: url(images/slider_bg.png) 0 0 no-repeat;padding: 10px 11px;padding-right:0;}
.slider .tabs {float:right;}
.slider .slides {position:relative;}
.slider .slides p.caption {position:absolute;left: 10px;right: 10px;bottom: 15px;padding: 5px;background: url(images/trans.png) repeat;border:1px solid #000;}
.slider .slides .slide {position:absolute;}

.tabs_outer {
	background: url(images/slider_tabs_bg.png) 0 0 no-repeat;
	height: 374px;	
	width: 182px;
	float:right;
	overflow:hidden;
	padding: 10px 10px 0 10px;	
}
.tabs{
	overflow:hidden;
	position:relative;
	height: 374px;	
	width: 182px;
	
}
.tabs .tab {margin-bottom: 10px;position:relative;}
.tabs .tab img.overlay {position:absolute;left:0;top:0;}
a.switch {
	position:absolute; 
	bottom:22px;
	right: 75px;
	text-indent: -9999px;
	background: url(images/slider_button.png) 0 0 no-repeat;
	width: 54px;
	height: 27px;
}

/*--------------------------
	04. CONTENT 
--------------------------*/

.main {
	background:#000 url(images/content_bg_light.png) 0 0 no-repeat;
	padding-top: 40px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 -1px #d7d7d7;
	-moz-box-shadow: 0 -1px #d7d7d7;
	-webkit-box-shadow: 0 -1px #d7d7d7;
}

table {
	width: 100%;
}
td {
	width: 30%;
}

/*--------------------------
	05. POST CONTENT 
--------------------------*/

.posts_inner {padding-left: 10px;}
.post h1.title a {
	font-size: 30px;
	font-weight:bold;
	text-shadow: 0 1px #000;	
}
.post .meta {
	background: url(images/post_meta_bg.png) 0 0 no-repeat;
	margin: 15px 0;
	padding: 3px 10px 3px 5px;
	height: 26px;
	color:#b7b7b7;
	font-size: 10px;
	text-transform:uppercase;
	position:relative;
}
.post .meta span.comment {position:absolute;right:10px;top:3px;}
.post .meta span.comment a {color:#ede7a4;}
.post .featured{padding-bottom: 30px;background: url(images/feat_base.png) 0 bottom no-repeat;}
.post {
	text-shadow: 0 1px #363636;
}
.postContent h1 {font-size: 22px;margin: 10px 0;}
.postContent h2, h3, h4, h5, h6 {margin: 10px 0;clear:both;}
.postContent h2 {font-size: 20px;}
.postContent h3 {font-size: 18px;}
.postContent h4 {
	text-align:center;
	font-size: 12px;
}
.postContent ol {
	font: italic 1em Georgia, Times, serif;
	font-weight:bold;
	margin: 10px 0 10px 25px;	
	line-height: 2em;
}
.postContent h5 {
	text-align:center;
	font-size:30px;
	text-transform:uppercase;
}
.postContent h6 {
	text-align: left;
	font-size: 16px;
	text-decoration: underline;
}
.postContent table, th, td {
	font-size: 15px;
	border: none;
	text-align: left;
	width: 1000px
}
.postContent ol li {padding-left: 0px;list-style-type: decimal;}
.postContent ul {margin: 15px 0; font-size: 16px;}
.postContent ul li {
	padding: 3px 9px;	
	background: url(images/list.png) 0 10px no-repeat;
	margin-bottom: 0px;
}
.postContent blockquote {
	background: url(images/quote.png) 0 0 no-repeat;
	font-family: verdana;
	font-style:italic;
	margin: 20px 0;
	padding-left: 30px;
	line-height: 1.5em;
	font-size: 16px;
}
.postContent {overflow:hidden;}
.postContent a {	
	padding: 3px 5px;
	text-decoration: underline;
	font-size: 16px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	font-weight:bold;
}
div.img{
	margin:10px;
	border: none;
	float:left;
	text-align:center;
}
div.img img{
	display:inline;
	margin:5px;
	Border:none;
}
div.desc{
	display:inline;
	text-align:center;
	font-weight:normal;
	width:180px;
	margin: 2px;
}
div.p{
	font-size:20px;
margin-bottom:30px;
margin-left:50px;
}
div.vid{
	display:inline;
}
.postContent a:hover {color:#cccccc;text-shadow: 0 1px #222222;}
.posts hr.divider {border:none;background: #bdbec2;border-top:1px solid #47484a;margin: 20px 0;height:2px;}
/*-- Pagination --*/
.posts .pagination {font-size: 22px;height: 50px;padding-left: 10px;}
.posts .pagination a {color: #e9e9e9;}
.posts .pagination span.next {float:right;}

/*--------------------------
	06. SIDEBAR
--------------------------*/

.sidebar_inner {position:relative;}
.sidebar_upper, .sidebar_lower {
	background: url(images/sidebar_bg_upper.png) 0 0 no-repeat;
	height: 45px;
}
.sidebar_lower {background: url(images/sidebar_bg_lower.png) 0 0 no-repeat;}
.sidebar_main {
	padding: 0 0 10px 30px;
	background: url(images/sidebar_bg.png) 0 0 repeat-y;
}

/*-- Widgets --*/

/** Social Widget **/
.carbon-social-widget img {margin: 0 7px;}
/** Others **/
.sidebar .widget {margin-bottom: 40px;}
.sidebar .widget h3 {
	font-family: 'Arvo', Georgia, Helvetica;
	font-weight:normal;
	font-size: 20px;
	background: #626365;
	margin: 0 20px 20px 0;
	padding: 10px 10px 10px 50px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.sidebar .widget ul li {
	margin: 0 0 7px 10px;
	font-size: 14px;
	padding-left: 18px;
	background: url(images/widget_list.png) 0 3px no-repeat;	
}
.sidebar .widget ul li a:hover {
	color:#aeee00;
	text-shadow: 0 1px #000;
}
.sidebar .widget a:hover {color:#cccccc;}


/*--------------------------
	07. FOOTER
--------------------------*/

.footer {
	background-color:#4f4f51;
	overflow:hidden;
	margin-top: 30px;
	padding: 30px 0;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}
.footer .widget {	
	width: 145px;
	float:left;
	margin-left: 35px;
	margin-bottom: 20px;
}
.footer .widget h3 {
	font-family: 'Myriad Pro', Helvetica, sans-serif;
	font-size: 18px;
	font-weight:normal;
	letter-spacing: 1px;
	text-shadow: 0 2px #000;
	padding-bottom: 15px;
	border-bottom:1px solid #737374;
	color: #e9e9e9;
}
.footer .widget ul li {border-bottom:1px solid #737374;padding: 3px 0;}
.footer .widget ul li a {color: #b7b7b7;}
.footer .widget ul li a:hover {color: #fff;}
/*Shadow*/
.shadow {
	overflow:hidden;
	background: transparent url(images/footer_shadow.png) 0 0 no-repeat;
	height: 66px;
	margin-bottom: 30px;
}

/*--------------------------
	08. COMMENTS
--------------------------*/

.comments {margin-top: 40px;}
.comments h3 {
	font-family: 'Molengo', arial, helvetica, sans-serif;
	font-size: 20px;
	font-weight:normal;
}
.comments hr.divider {margin: 15px 0 20px 0;}
ul.commentslist li {
	margin: 30px 0;	
}
ul.commentslist li.comment-body {*background:none;padding: 10px;*padding:0;*border:none;}
ul.commentslist .comment-body {position:relative;margin-bottom: 20px;margin-top: 20px;background-color:#acacac;border:1px solid #696767;*width: 566px;*overflow:hidden;}
ul.commentslist ul.children {padding-left: 30px;}
.comments li div.avatar {width: 45px;float:left;}
.comments li div.comment-text {float:right;width: 89%;line-height: 1.5em;margin-bottom: 15px;}
.comments li div.comment-text .meta {text-transform:uppercase;font-size: 10px;color:#34344c;}
.comments li div.comment-text .meta a {color:#34344c;}
.comments li .comment-reply {position:absolute; bottom: 5px; right:5px; *position:static;*float:left;font-size: 10px;}

/*-- Comment Form --*/

#respond {margin: 30px 0;padding-right: 20px;}
#respond h3#reply-title small {font-size: 14px;float:right;}
#respond p.comment-notes {margin: 10px 0 20px;}
#respond p {margin-bottom: 20px;}
#respond p.logged-in-as {margin: 10px 0;}
#respond p.logged-in-as a {display:inline;}
#respond p label {font-size:14px;font-weight:bold;line-height: 2.5em;}
#respond p input, #respond p textarea {
	border:none;
	background-color:#ebebeb;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 7px 7px;
	width: 100%;
	background: #fff url(images/text_input_bg.png) 0 0 no-repeat;
}
#respond p input#submit {width: 150px;background: #707070;color:#fff;cursor:pointer;}
#respond p span.required {color:orange;}
#respond p.form-allowed-tags {display:none;}