/*
Theme Name: Black Magic Magazine 
Theme URI: http://www.kawaiithemes.com
Description: Customized WordPress Theme.
Version: 1.01
Author: Kawaii Themes
Author URI: http://www.kawaiithemes.com
Tags: customized theme, black magic magazine, widget ready

************************************/

/* RESET 
************************************/

* {
margin: 0;
padding: 0;
letter-spacing: 1px;
}

p {
padding-bottom: 18px;
}

ul , ul li {
list-style: none;
}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
padding-bottom: 10px;
}

hr {
clear: both;
/*visibility: hidden;*/
height: 1px;
border: 0;
color: #cc0000;
background-color: #333333;


}

input, textarea {
color: #ffffff;
font-family: inherit;
font-size: inherit;
letter-spacing: inherit;
}

/* CLEARFIX 
************************************/

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix {
display: inline-block;
}

html[xmlns] .clearfix {
display: block;
}

* html .clearfix {
height: 1%;
}

/* GENERAL ITEMS 
************************************/

body {
background-color: #020202;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}

a {
color: #ffffff;
font-weight: bold;
outline: none;
text-decoration: underline;
}

a:hover {
color: #446D8B;
text-decoration: underline;
}

img {
border: none;
}

h1 {
font-size: 20px;
}

h2 {
font-size: 18px;
}

h3 {
font-size: 16px;
}

h4 {
font-size: 14px;
}

h5 {
font-size: 12px;
}

h6 {
font-size: 10px;
}

blockquote {
border-bottom: 5px solid #2e2d2e;
border-top: 5px solid #2e2d2e;
margin: 0 auto;
padding: 15px 5px 0;
margin-bottom: 18px;
}

/* GENERAL LAYOUT 
************************************/

#main {
margin: 0 auto;
width: 980px;
overflow:hidden;
}

#content {
float: left;
margin-bottom: 10px;
margin-top: 10px;
width: 734px;
background-color: #0f0e13;
border: 1px solid #2e2d2e;
padding-top:2px;
}

#search_skip {
height: 20px;
margin-bottom: 10px;
margin-top: 1px;
}

#header {
height: 140px;
}

#sidebar {
float: right;
margin-bottom: 20px;
margin-top: 30px;
width: 230px;
}

#footbar {
border-top: 1px solid #2e2d2e;
clear: both;
margin: 20px 0;
padding: 20px;
}

#nex_gen_gallery {
/*background-color: #0f0e13;
border: 1px solid #2e2d2e;*/
clear: both;
/*margin-bottom: 30px;*/
}

#footer {
background-color: #0f0e13;
border: 1px solid #2e2d2e;
clear: both;
margin-bottom: 20px;
padding: 10px;
}

img.alignleft {
border: 1px solid #c5c5c5;
float: left;
margin: 0 10px 10px 0;
padding: 2px;
}

img.alignright {
border: 1px solid #c5c5c5;
float: right;
margin: 0 0 10px 10px;
padding: 2px;
}

img.alignnone {
border: 2px solid #446D8B;
/*height: auto;*/
margin-bottom: 10px;
/*padding: 1px;*/
}
#sidebar img.alignnone {
width:30%;
padding:0px;
margin:0px;
}
#other_articles a:hover img{
border: 2px solid #c5c5c5;
height: auto;
margin-bottom: 0px;
/*padding: 1px;*/

}

/* HEADER ITEMS 
************************************/

a.skip_top, a.skip {
background-color: #c5c5c5;
border: 1px solid #2e2d2e;
color: #0f0e13;
display: block;
float: left;
padding: 6px 15px;
text-align: center;
text-decoration: none;
}

a:hover.skip_top, a:hover.skip {
background-color: #2e2d2e;
border: 1px solid #c5c5c5;
color: #ffffff;
padding: 6px 15px;
}

#navigation_menu {
background-color: #0f0e13;
border: 1px solid #2e2d2e;
display: block;
height: 30px;
margin-top: 10px;
width: 978px;
}

#navigation_menu li {
display: inline;
padding: 5px 0;
}

#navigation_menu li a {
color: #ffffff;
display: block;
float: left;
margin-right: 1px;
padding: 8px 10px;
text-decoration: none;
}

#navigation_menu li a:hover, #navigation_menu li.current_page_item a, #navigation_menu li.current_page a {
background-color: #c5c5c5;
color: #0f0e13;
}

.header_info {
background-color: #0f0e13;
border: 1px solid #2e2d2e;
clear: both;
color: #ffffff;
height: 100px;
text-align: center;
/*padding: 40px;*/
width: 977px;
}

.main_title a {
color: #ffffff;
text-decoration: none;
}

.main_title a:hover {
color: #c5c5c5;
border:none;
}

/* SEARCH ITEMS 
************************************/

#searchform {
float: right;
width: 270px;
}

#s {
background-color: #0f0e13;
border: 1px solid #c5c5c5;
float: left;
height: 17px;
margin-right: 10px;
padding: 5px 0 1px 4px;
width: 150px;
}

#searchsubmit {
background-color: #c5c5c5;
border: 1px solid #0f0e13;
color: #0f0e13;
cursor: pointer;
float: right;
height: 25px;
padding: 3px 9px;
width: 100px !important;
}

#searchsubmit:hover {
background-color: #2e2d2e;
border: 1px solid #c5c5c5;
color: #ffffff;
}

.search {
border-bottom: 1px solid #c5c5c5;
margin-bottom: 20px;
}

.archive_title, .page_title, .post_title {
background-color: #2e2d2e;
/*margin-bottom: 20px;*/
padding: 10px 5px;
}

.postmetadata {
background-color: #2e2d2e;
padding: 10px 20px;
}

/* CONTENT ITEMS 
************************************/

#feature_post {
background-color: #2e2d2e;
float: left;
margin-bottom: 10px;
padding: 20px;
}

.feature_date {
background-attachment: scroll;
background-color: transparent;
background-image: url(img/dot.png);
background-position: left center;
background-repeat: repeat-x;
clear: both;
margin-bottom: 20px;
text-align: right;
}

.feature_date span {
background-color: #2e2d2e;
padding-left: 20px;
}

.feature_title {
float: left;
margin-right: 20px;
}

.comment_count {
background-attachment: scroll;
background-color: transparent;
background-image: url(img/comments.png);
background-position: top left;
background-repeat: no-repeat;
float: right;
font-size: 12px;
height: 20px;
padding-left: 20px;
padding-top: 2px;
}

.feature_title a {
text-decoration: none;
}

.feature_entry {
clear: both;
margin-bottom: 20px;
}

.feature_img {
border: 1px solid #c5c5c5;
height: auto;
margin-bottom: 10px;
padding: 2px;
width: 99%;
}

#feature_post ul, #feature_post ol, .post ul, .post ol {
margin-bottom: 18px;
padding-left: 20px;
}

.metadata {
border-top: 1px solid #505050;
margin-top: 10px;
padding-top: 10px;
}

.read_more {
background-attachment: scroll;
background-color: transparent;
background-image: url(img/arrow_right.png);
background-position: center right;
background-repeat: no-repeat;
padding: 10px 30px 10px 0;
}

/* OTHER ARTICLES ITEMS 
************************************/

#other_articles {
background-color: #0f0e13;
margin: 0 auto;
/*width: 100%;*/
}

.excerpt_article {
background-color: #0f0e13;
border: 0px solid #446D8B;
display: block;
float: left;
height: 240px !important;
margin: 2px 6px;
width: 350px;
}

.excerpt_img {
border: 1px solid #2e2d2e;
height: 192px;
/*margin-bottom: 10px;
padding: 2px;*/
width: 99%;
}


.excerpt_date {
background-attachment: scroll;
background-color: transparent;
background-image: url(img/dot.png);
background-position: left center;
background-repeat: repeat-x;
clear: both;
margin-bottom: 10px;
margin-right: 10px;
text-align: left;
}

.excerpt_date span {
background-color: #0f0e13;
padding: 0 10px;
}

.excerpt_title {
background-color: #446D8B;
padding: 2px;
height:18px;
white-space:nowrap;

}

.excerpt_title a {
text-decoration: none;
margin-bottom: 10px;
float:left;
}
.excerpt_title a:hover {
text-decoration: none;
color:#000000;
}

.excerpt_entry {
height: 182px;
padding: 0px;
}


/* SIDEBAR/FOOTBAR ITEMS 
************************************/

.ads_small {
margin-bottom: 20px;
}

.ads_small img {
margin: 6px;
}

#sidebar ul {
display: block;
}

#sidebar a, #footbar a {
text-decoration: none;
}

#sidebar a:hover, #footbar a:hover {
text-decoration: underline;
}

#sidebar ul li.widget {
margin-bottom: 10px;
}

#footbar ul li.widget {
display: inline;
float:left;
margin: 0 5px;
width: 290px;
}

#footbar ul li.categories {
display: inline;
float: right;
margin: 0 5px;
width: 290px;
}

.textwidget {
margin-bottom: 20px;
}

#sidebar ul li ul, #footbar ul li ul {
border-top: 1px solid #2e2d2e;
display: block;
margin-bottom: 20px;
}

#sidebar ul li ul li, #footbar ul li ul li {
border-bottom: 1px solid #2e2d2e;
padding: 2px 2px;
}

.recentcomments {
background-attachment: scroll;
background-color: transparent;
background-image: url(img/comments.png);
background-position: left center;
background-repeat: no-repeat;
display: block;
padding-left: 20px !important;
}

.ngg_widget a img {
border: 1px solid #2e2d2e;
padding: 2px;
}

.ngg_widget a:hover img {
border: 2px solid #c5c5c5;
padding: 1px;
}

#wp-calendar {
margin: 0 auto;
text-align: right !important;
width: 95%;
}

#calendar_wrap {
width: 100%;
}

#wp-calendar thread th, #wp-calendar tbody td {
width: 14%;
}

#today, #today a {
background-color: #2e2d2e;
color: #ffffff !important;
font-weight: bold;
}

#wp-calendar tfoot tr {
width: 100%;
}

td#prev {
float: left;
}

.widget caption {
background-color: #c5c5c5;
font-size: 14px;
padding: 4px 4px 10px;
width: 95%;
}

td#next {
float: right;
}

.widget_archive li {
background-attachment: scroll;
background-color: transparent;
/*background-image: url(img/clock.png);*/
background-position: left center;
background-repeat: no-repeat;

}

.widget_archive li a {
/*padding-left: 15px;*/
}

.cat-item {
background-attachment: scroll;
background-color: transparent;
background-image: url(img/folder_document.png);
background-position: left center;
background-repeat: no-repeat;
padding: 10px 5px;
text-align: right;
}

.cat-item a {
float: left;
padding-left: 15px;
}

/* ARCHIVES ITEMS 
************************************/

.post {
background-color: #0f0e13;
border: 1px solid #2e2d2e;
display: block;
margin-bottom: 20px;
}

.entry {
padding: 20px;
}
.entry img{
border:none;
}

.archive ul {
border-top: 1px solid #2e2d2e;
display: block;
padding-left: 0 !important;
}

.archive ul li {
border-bottom: 1px solid #2e2d2e;
padding: 10px 15px;
}

.archive a {
text-decoration: none;
}

.archive a:hover {
text-decoration: underline;
}

.archive .cat-item {
background: none;
padding-left: 0 !important;
}

/* COMMENTS ITEMS 
************************************/

.post_info {
border: 1px solid #0f0e13;
text-align: center;
margin-bottom: 20px;
padding-top: 18px;
}

.comment_area {
clear: both;
margin-top: 20px;
}

.comments_title {
background-color: #2e2d2e;
color: #ffffff;
margin-bottom: 20px;
padding: 10px;
}

.commentlist li.alt {
margin-bottom: 10px;
}

.comment_entry {
float: right;
width: 500px;
}

.avatar_div {
float: left;
text-align: center;
width: 100px;
}

.avatar {
margin-bottom: 20px;
}

.author_comment {
border: 1px solid #c5c5c5;
padding: 10px;
}

.author_comment .comment_entry {
width: 500px;
} 

.input_title {
font-size: 14px;
}

#author, #email, #url, #comment {
background-color: #0f0e13;
border: 1px solid #2e2d2e;
margin: 10px 0;
padding: 4px;
width: 630px !important;
}

#submit {
background-color: #c5c5c5;
border: 1px solid #0f0e13;
color: #0f0e13;
cursor: pointer;
float: right;
height: 25px;
padding: 3px 9px;
width: 150px !important;
}

#submit:hover {
background-color: #2e2d2e;
border: 1px solid #c5c5c5;
color: #ffffff;
}

/* NAVIGATION ITEMS 
************************************/

.navigation {
clear: both;
margin-bottom: 50px;
}

.navigation a {
color: #2e2d2e;
display: inline-block;
padding: 10px 10px 10px 0;
text-decoration: none;
}

.navigation a:hover {
color: #c5c5c5;

}

.navigation .alignleft {
background-color: #c5c5c5;
border: 1px solid #000000;
color: #fffff;
float: left;
padding-left: 10px;
}

.navigation .alignright {
background-color: #c5c5c5;
border: 1px solid #000000;
color: #fffff;
float: right;
padding: 0 10px;
}

.navigation .alignleft:hover, .navigation .alignright:hover {
background-color: #0f0e13;
color: #c5c5c5;
border: 1px solid #2e2d2e;
}

/* NexGEN GALLERY ITEMS 
************************************/

.center_msg {
text-align: center;
}

#nex_gen_gallery ul {
display: block;
list-style: none;
}

.ngg_widget {
text-align: center;
}

.ngg-widget a img {
border: 1px solid #2e2d2e;
margin: 6px 3px;
padding: 2px;
}

.ngg-widget a:hover img {
border: 1px solid #ffffff;
padding: 2px;
}

/* FOOTER ITEMS 
************************************/

.footer_wrap {
float: left;
width: 800px;
}

a.skip_top {
background-color: #c5c5c5;
border: 1px solid #2e2d2e;
color: #0f0e13;
display: block;
float: right;
padding: 6px 15px;
text-align: center;
text-decoration: none;
width: 75px;
}

a:hover.skip_top {
background-color: #2e2d2e;
border: 1px solid #c5c5c5;
color: #ffffff;
padding: 6px 15px;
}