/*
Theme Name: Twenty Twelve Dark
Theme URI: http://zeaks.org
Description: A Dark color scheme of 2012 WordPress theme based on Twenty Eleven Dark.
Author: Zeaks
Author url: http://zeaks.org/
Version: 1.0
Tags: black, blue, white, fixed-width, custom-header, theme-options
Template: twentytwelve
*/
@import url('../twentytwelve/style.css');

/*
	A dark color scheme for Twenty Twelve
	A work in progress
*/

/* =Global
----------------------------------------------- */

body .site {
		margin-top: 0px;
		}

/* Navigation Menu */
.main-navigation {
	margin-top: 0px;
	margin-top: 0rem;

}


a {
	color: #eee; 
}
a:hover {
	color: #fff;
}
.site-header h1 a,.site-header h2  a,.site-header h2{
    color: #CCCCCC;
}
.site-header h1 a:hover, .site-header h2 a:hover {
    color: #fff;
}
body.custom-background, body {
	background: #1d1d1d;
	color: #BBBBBB ;
}
/* Misc CSS */
#page {
	background: #0f0f0f;
	box-shadow: 0 5px 18px rgba(0, 0, 0, 0.3);
}
footer[role="contentinfo"] {
    border-top: 1px solid #222222 ;
}
.template-front-page .widget-area {
    border-color:#333333;
}
.site-content article { 
	padding:10px
}
.site-content article {
    border-bottom: 1px solid #222222 ;
}
.site-content nav { 
	padding-bottom: 10px;
}
article.format-aside .aside {
    background: none repeat scroll 0 0 #EEEEEE;
    border-left: 22px solid #333333;
}
.entry-title a:hover {
	text-decoration:underline;
}
.entry-content a:hover, .entry-summary a:hover, .comment-content a:hover, .site-content nav a:hover, #respond form a:hover {
	text-decoration: underline;
	color: #efefef;
}
.entry-content a, .entry-summary a, .comment-content a, .site-content nav a, #respond form a {
	text-decoration:none;
	color: #eee;
}
.comments-link a, .entry-meta a, li.bypostauthor cite span {
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;	
	padding: 2px 5px;
	text-decoration: none;
	background-color: #222222;
	color: #eee;
	border: none;
}
.comments-link a:hover, .entry-meta a:hover{ 
	color: #efefef;
}
.entry-title a:hover {
    text-decoration: underline;
	color: #efefef;
}
.widget-area  .widget a:hover, footer[role="contentinfo"] a:hover  {
	color: #eee;
}
footer[role="contentinfo"] a {
	color: #CCCCCC;
}
.credits {
	float: right;
}  
/* =Menu
----------------------------------------------- */

.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
	border-color: #222222;
}

.main-navigation a:hover {
	color: #efefef !important;
}
.main-navigation li ul li a {
    background: #333 !important;
    border-color: #222;
}
.main-navigation li a {
    color: #cdcdcd !important;
}
/* Images */
.wp-caption {
	background: #2c2c2c;
}
.wp-caption .wp-caption-text {
	color: #999;
}
.wp-caption .wp-caption-text:before {
	color: #999;
}

/* Image borders */
img[class*="wp-image-"],
#content .gallery .gallery-icon img {
	border-color: #2c2c2c;
}
.wp-caption img {
	border-color: #2c2c2c;
}
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"] {
	background: #2c2c2c;
	border-color: #444;
}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {
	background: #0f0f0f;
	border-color: #2c2c2c;
}

/* Password Protected Posts */
.post-password-required input[type=password] {
	background: #ddd;
}
.post-password-required input[type=password]:focus {
	background: #fff;
}

/* Author Info */
.singular #author-info {
	background: #060606;
	border-color: #222;
}
.archive #author-info {
	border-color: #222;
}
#author-avatar img {
	background: #000;
	-webkit-box-shadow: 0 1px 2px #444;
	-moz-box-shadow: 0 1px 2px #444;
	box-shadow: 0 1px 2px #444;
}
#author-description h2 {
	color: #fff;
}


/* =Status
----------------------------------------------- */

.format-status img.avatar {
	-webkit-box-shadow: 0 1px 2px #333;
	-moz-box-shadow: 0 1px 2px #333;
	box-shadow: 0 1px 2px #333;
}

/* =error404
----------------------------------------------- */
.error404 #main #searchform {
	background: #060606;
	border-color: #222;
}


/* =Attachments
----------------------------------------------- */

.image-attachment div.attachment {
	background: #060606;
	border-color: #222;
}
.image-attachment div.attachment a img {
	border-color: #060606;
}
.image-attachment div.attachment a:focus img,
.image-attachment div.attachment a:hover img,
.image-attachment div.attachment a:active img {
	border-color: #2c2c2c;
	background: #0f0f0f;
}


/* =Widgets
----------------------------------------------- */

.widget-title {
	color: #ccc ;
}
/* Search Widget */
 #searchsubmit{
	background: #222;
	border-color: #333;
	-webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	color: #777;
}
 #searchsubmit:active {
	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
}
#searchsubmit {
	height:33px;
}

/* Calendar Widget */
.widget_calendar #wp-calendar {
	color: #aaa;
}
.widget_calendar #wp-calendar th {
	background: #0b0b0b;
	border-color: #333;
}
.widget_calendar #wp-calendar tfoot td {
	background: #0b0b0b;
	border-color: #333;
}

/* =Comments
----------------------------------------------- */

/* Comment Form */
#respond {
	background: #222;
	border-color: #2c2c2c;
}
#respond input[type="text"],
#respond textarea {
	background: #000;
	border: 4px solid #111;
	color: #bbb;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
	color: #aaa;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
	color: #42caff;
}
#respond input#submit {
	color: #111;
}
#respond input#submit:active {
	color: #40220c;
}
#respond #cancel-comment-reply-link {
	color: #999;
}
#reply-title {
	color: #ccc;
}
#cancel-comment-reply-link {
	color: #777;
}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
	color: #00b4cc;
}
#respond form {
    border-radius: 5px 5px 5px 5px ;
	margin: 0.71429rem 0 ;
    padding: 10px 15px;
}
#reply-title { padding-left:15px;padding-top:10px; }

a.comment-reply-link, .edit-link  a{
    border-radius: 2px 2px 2px 2px;
    color: #eee;
    padding: 2px 5px;
    text-decoration: none;
	background-color: #222222;
}
.edit-link a:hover, a.comment-reply-link:hover  { 
	color:#efefef ;
}
.commentlist .avatar {
    border-radius: 3px 3px 3px 3px;
}
/*	Wp-PageNavi CSS3 style */

.wp-pagenavi a,.wp-pagenavi span.current,.wp-pagenavi span.pages {
	background: rgb(255,255,255);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

}
.wp-pagenavi a:hover,.wp-pagenavi span.current {
	-webkit-box-shadow: 0 1px 1px #666;
	-moz-box-shadow: 0 1px 1px #666;
	box-shadow: 0 1px 1px #666;
}
/* WP-PageNavi Dark default style CSS */
.wp-pagenavi {
	clear: both !important;
	margin-bottom: 20px !important;
}
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none !important;
	border: 1px solid #333 !important;
	border-color: #000 !important;
	padding: 5px 8px !important;
	margin: 2px !important;	
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000 !important;
}
.wp-pagenavi span.current {
	font-weight: bold !important;
}
.wp-pagenavi span.extend { 
	background:none !important;
	border:none !important;
}
.wp-pagenavi a,.wp-pagenavi span.current,.wp-pagenavi span.pages,.wp-pagenavi span.extend {
	text-decoration: none !important;
	padding: 5px 8px !important;
	margin: 2px !important;
	border:1px solid #000 !important;
	background: rgb(34, 34, 34) !important; /* Old browsers */
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	border-radius: 3px 3px 3px 3px !important;
 	text-shadow: 1px 1px 1px #000 !important;
}
.wp-pagenavi a:hover,.wp-pagenavi span.current {
	border-color: #000 !important;
	color:#fff !important;
	-webkit-box-shadow: 0 1px 2px #000 !important;
	-moz-box-shadow: 0 1px 2px #000 !important;
	box-shadow: 0 1px 2px #000 !important;
	text-shadow: none !important;
}
.wp-pagenavi span.extend { 
	border:none !important;
	background:none !important;
}