/*
Theme Name: nocturnal
Theme URI: http://www.demobul.com/cms/blog/wordpress/nocturnal-theme
Description: Dark theme, nocturnal is created by <a href="demobul.comwww.demobul.com">demobul.com</a> editors for your blog. Another dark theme fluvio is also available.
Version: 1.0
Author: Demobul.com editors
Author URI: http://www.demobul.com/
Tags: flexible-width, two-columns, right-sidebar
*/
html { /* Vertical Scrollbar */
/* IE */
overflow-y: scroll; 
/* Moz illa*/
height: 100%;
margin-bottom: 0.1em;
}
* {
padding: 0;
margin: 0;
}
img {
border: 0;
/* max-width:490px;*/
max-width:1000px;
}
input {
font: 100% Verdana, Arial, Sans-Serif;
color: #494949;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-weight: normal;
font-family: Verdana, Arial, Sans-Serif;
letter-spacing: 3px;
font-size: 10px;
}
h1 {
font-size: 100%;
}
h2 {
font-size: 115%;
line-height: 130%;
}
h3 {
font-size: 115%;
color:#fff;
}
h4 {
font-size: 110%;
}
h5 {
font-size: 110%;
}
h6 {
font-size: 110%;
}
ul, quote, code, fieldset {
margin: .5em 0;
}
p {
margin: 0.6em 0 1.2em;
padding: 0;
} 
a:link, a:visited {
line-height:20px;
font-size:90%;
/*color: #027AC6;*/
color: #BA4200;
text-decoration: none;
padding:0 7px;
letter-spacing: 2px;
}
a:hover {
line-height:20px;
font-size:90%;
color: #FFFFFF;
background-color:#000;
text-decoration: none;
padding:0 7px;
-moz-border-radius:5px;
}
a:active, a.active {
line-height:20px;
font-size:90%;
color: #5895be;
padding:0 7px;
}
#clear{
float:none;
clear:both;
visibility:hidden;
}
body {
font: 70% Verdana, Arial, Sans-Serif;
background: #444444 none repeat scroll 0 0;
text-align:center;
line-height:20px;
}

#page {
text-align: left;
width:100%;
margin-bottom:30px;
min-width:1200px;
background:url(images/altbg.gif) repeat-x;
background-color:#303130;
padding:0;
min-height:600px;
color:#fff;
}
#header {
width:100%;
height:40px;
margin-bottom:70px;
line-height:40px;
color:#fff;
}
#site-info{
float:left;
margin-left:20px;
width:50%;
}
#page-info {
float:right;
margin-right:20px;
width:40%;
text-align:right;
letter-spacing: 3px;
font-size: 10px;

}

#content {
float:left;
text-align:justify;
width:70%;
font-size: 1.0 em;
margin:0 20px 40px 40px;
min-height:300px;
min-width:650px;
}

#poster > div{
margin-bottom:70px;
}
#post-content{
padding:10px;
float:right;
width:70%;
-moz-border-radius:5px;
font-size: 1.0 em;
letter-spacing: 3px;
}
#post-info{
padding:5px;
border-right:1px solid #ddd;
float:left;
width:15%; 
min-width:150px;
text-align:right;
margin-top:35px;
-moz-border-radius:5px;
letter-spacing: 3px;
font-size: 10px;
}
#sidebar{
float:right;
width:25%;
padding:0;
min-height:600px;
margin-bottom:40px;
}
#sidebar > ul{
color:#fff;
width:100%;
list-style-type:none;
float:right;
display:block;
margin:0;
padding:0;
}
#sidebar > ul > li{
width:100px;
float:left;
margin:10px;
}
#sidebar > ul > li >ul{
list-style-type:none;
}
.navigation{
}
.description{
color:#dddccc;
}
.alignleft{
float:left;
margin-left:20px;
}
.alignright{
float:right;
margin-right:20px;
}
.aligncenter{
float:none;
}
.center{
background-color:white;
padding:7px;
}
#footer{
background-color:#000;
width:100%;
height:40px;
color:#fff;
}
/* Begin Form Elements */
#searchform {
margin: 10px auto;
padding: 5px 3px;
text-align: center;
}
#sidebar #searchform #s {
width: 108px;
padding: 2px;
}
#sidebar #searchsubmit {
padding: 1px;
}
.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}
select {
width: 130px;
}
#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}
#commentform {
margin: 5px 10px 0 0;
}
#commentform textarea {
font: Verdana, Arial, Sans-Serif;
padding: 7px;
letter-spacing: 3px;
font-size: 10px;

}
#respond {
margin-top:20px;
}
#respond:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
#commentform #submit {
margin: 0 0 5px auto;
float: right;
}
/* End Form Elements */

/* Begin Comments*/
.comment-area{
margin-top:40px;
}
.comment-area h3{
color:#fff;
}
#commentform input {
font: 0.9em Verdana, Arial, Sans-Serif;
letter-spacing: 3px;
font-size: 10px;

}

.commentlist li ul li {
font-size: 1em;
letter-spacing: 3px;
font-size: 10px;

}
.commentlist li {
font: 0.9em Verdana, Arial, Sans-Serif;
font-weight: bold;
color:#fff;
letter-spacing: 3px;
font-size: 10px;

}
.commentlist li .avatar { 
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}
.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.1em;
}
.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
}
#commentform p {
font-family: Verdana, Arial, Sans-Serif;
letter-spacing: 3px;
font-size: 10px;

}
.commentmetadata {
font-weight: normal;
letter-spacing: 3px;
font-size: 10px;

}
.alt {
margin: 0;
padding: 10px;
}
.commentlist {
padding: 0;
text-align: justify;
margin-bottom:30px;
}
.odd{
border-bottom:1px solid #ccc;
}
.even{
border-bottom:1px solid #ccc;
}
.commentlist li {
margin: 15px 0 10px;
padding: 15px;
list-style: none;
}
.commentlist li ul li { 
margin-right: -5px;
margin-left: 10px;
}
.commentlist p {
margin: 10px 5px 10px 0;
}
.children { padding: 0; }
#commentform p {
margin: 5px 0;
}
.nocomments {
width:72%;
text-align: center;
margin: 0;
padding: 0;
background-color:#fff;
-moz-border-radius:5px;
}
.commentmetadata {
margin: 0;
display: block;
letter-spacing: 3px;
font-size: 10px;

}
/* End Comments */
/*calendar*/
#wp-calendar tr th, #wp-calendar tr td {
padding:0 5px;
line-height:200%;
}
#wp-calendar tr td a:link , #wp-calendar tr td a:hover, #wp-calendar tr td a:visited, #wp-calendar tr td a:active{
padding:2px !important;
}
#calendar_wrap table{

}