@charset "utf-8";

/*
Theme Name: BlackBrown
Theme URI: http://free-template-garden.com/index.php?wptheme=simply-black-maf
Description: black-brown Template is a 2 columns Wordpress theme by <a href="http://webdesign-maf.com">webdesign maf</a>. You may use and modify it but please leave my link in the footer. Thank you! :) This theme is released under <a href="http://www.gnu.org/philosophy/license-list.html#GPLCompatibleLicenses">GNU General Public License (GPL) version 3</a>.
Author: webdesign maf
Author URI: http://webdesign-maf.com/
Version: 1.3
Tags: fixed-width, two-columns, left-sidebar, black, brown

*/

html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
margin: 0;
padding: 0;
}

body {
font: 12px/1.4 "lucida sans", arial, helvetica, sans-serif;
text-align: center;
color :#e2e1bd;
background : url(images/bgHeader.png) repeat-x;
}

html{
background : #000b00 url(images/bg.png) repeat;
}

img{ 
border: 0;
}

h1, h2, h3, h4{
font-family:Georgia, "Times New Roman", Times, serif;
}

abbr{
cursor: help;
}

.noPointer{
cursor: text;
}

/* links
------------------------------------------------------------*/
a {
text-decoration : none;
color: #ccc31a;
outline: 0;
}

a:hover{
color : #c5c07a;
}

a img {
border: none;
}


/* Wordpress Generated Classes
------------------------------------------------------------*/
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float: left;
}

.alignright {
float: right;
margin: 5px;
}

.wp-caption {
border: 1px solid #49432f;
text-align: center;
background: #141414;
padding-top: 4px;
margin: 5px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

#content .storycontent .wp-caption p.wp-caption-text {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
padding: 5px 7px 5px;
margin: 0;
}

#content .storycontent .gallery a,
#content .storycontent .wp-caption a{
border: 0;
}

#content .storycontent .gallery{
border-top: 1px solid #49432f;
border-bottom: 1px solid #49432f;
margin: 5px 0;
}

#content .storycontent .gallery dt,
#content .storycontent .gallery dd{
padding: 0;
}

/* form
------------------------------------------------------------*/
input, textarea{
border: 0;
border-right: solid 1px #6f6853;
border-bottom: solid 1px #6f6853;
padding: 4px 3px 2px;
margin-bottom: 10px;
font-family: Arial, Helvetica,sans-serif;
color: #e2e1bd;
background : url(images/inputBg.png) no-repeat;
}

#submit, #searchsubmit, .btn {
padding: 2px 4px;
color: #958e79;
background: #302c27;
border: solid 1px #49432f;
cursor: pointer;
}

input#submit:hover{
background: #030000;
}

#searchform .btn{
width: 29px;
height: 22px;
padding: 0;
border: none;
background: none;
vertical-align: bottom;
}


/* position
------------------------------------------------------------*/
.inner{
margin: 0 auto;
text-align : left;
width: 960px;
}

#header{
height: 115px;
position: relative;
}

#wrapper {
width: 960px;
}

#content {
float: right;
width : 670px;
padding-bottom: 20px;
}

#sidebar {
float: left;
width: 250px;
padding-bottom: 20px;
}

#footer {
clear: both;
background :#5c5643 url(images/bgFooter.png) repeat-x;
}


/* header
------------------------------------------------------------*/

/* blog name */
#header h1 {
font-size: 16px;
padding: 15px 0 0;
}

/* blog description */
#header h2 {
font-weight: normal;
font-size: 13px;
color: #c5c07a;
}

/* top navigation */
#topnavi {
position:absolute;
top: 85px;
right: 5px;
}

#topnavi ul {
list-style: none;
float:left;
display:block;
}

#topnavi li {
float:left;
display:block;
}

#topnavi li a {
float:left;
display:block;
position:relative;
overflow:hidden;
padding: 0 0 0 45px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
font-weight: bold;
font-style: italic;
}

#topnavi li.current_page_item a{
color: #c5c07a;
}

/* search */
#header #searchform{
position: absolute;
top: 25px;
right: 0;
}

#searchform input#s{
width: 220px;
height: 18px;
}


/* sidebar
------------------------------------------------------------*/
#sidebar ul li h3, #calendar h3{
font-size: 14px;
letter-spacing: 0.01em;
font-variant: small-caps;
color: #dadbc7;
background : #302c27;
border: 1px solid #49432f;
padding: 4px 10px;
}

#sidebar ul {
list-style-type: none;
margin: 10px 0 10px 0;
padding-bottom: 2px;
}

#sidebar ul li ul li{
border-bottom :1px dashed #837c68;
}

#sidebar ul li ul li ul li{
border: 0;
}

#sidebar ul li a{
background : url(images/bullet.png) no-repeat left center;
display: block;
padding:4px 0 4px 15px;
text-decoration:none;
color: #cccda7;
}

#sidebar ul li.cat-item a, #sidebar li.widget_archive a{
display: inline;
}

#sidebar ul li.cat-item, #sidebar li.widget_archive ul li{
padding: 4px 0;
}

#sidebar ul li a:hover{
color : #ccc31a;
background-image: url(images/bullet2.png);
}

* html #sidebar ul li a{ height:1%; } 

#sidebar ul li#tag_cloud h3{
margin-bottom: 5px;
}

#sidebar ul li#tag_cloud a{
display: inline;
background: none;
}

#sidebar ul li ul li a{
padding: 2px 0 2px 18px;
}

#sidebar ul li.recentcomments{
background : url(images/bullet.png) no-repeat left center;
padding:4px 0 4px 18px;
line-height: 120%;
}

#sidebar ul li.recentcomments:hover{
background-image: url(images/bullet2.png);
}

#sidebar ul li ul li.recentcomments a{
background: none;
}

#sidebar ul li ul li:hover{
border-color : #ccc31a;
}

#sidebar .textwidget{
padding:4px 0 4px 10px;
}

#sidebar ul li{
margin-bottom: 20px;
}

#sidebar ul li ul {
margin: 5px 10px 15px;
}

#sidebar ul li ul li ul{
margin-bottom: 0;
}

#sidebar ul li ul li {
font-weight: normal;
margin: 0 0 3px 0;
line-height: 1.6;
}

#sidebar ul li ul li ul li{
margin: 0;
line-height: 1;
}

#sidebar select.postform, #sidebar li#archives select{
margin: 10px 0 0 5px;
}

/* content
------------------------------------------------------------*/
#content .post, #content .post_page {
width: 670px;
text-align: left;
padding: 0 0 20px;
overflow: hidden;
}

#content h3.storytitle, h3.pagetitle,
#content .feedback,  #content h3.heading{
font-size: 14px;
color: #dadbc7;
background : #302c27;
border: 1px solid #49432f;
margin: 10px 0 0 0;
padding: 4px 5px 4px 8px;
}

#content .feedback,  #content h3.heading{
font-size: 13px;
}

h3#searchResult, #content h3#comments,
#content h3#trackback{
margin: 15px 0;
padding-bottom: 3px;
font-size: 14px;
border: 0;
border-bottom :2px dashed #49432f;
color: #dadbc7;
background: none;
}

#content h3#comments{
margin-top: 25px;
}

#content .storycontent{
padding: 10px;
}

#content .storycontent a{
border-bottom: 1px dashed #ccc31a;
}

#content .storycontent a.noBorder{
border: 0;
}

#content .storycontent a:hover, #content dl.archive .meta a{
border: 0;
}

#content .storycontent .meta_bottom a{
border:0;
}

#content .post_page ul li a, #content .post_page dt a, #content .storycontent a.more-link{
background : url(images/bullet2.png) no-repeat left center;
padding: 0 0 0 12px;
border: 0;
}

#content .post_page ul li a:hover, #content .post_page dt a:hover, #content .storycontent a.more-link:hover{
background-image: url(images/bullet.png);
}

#content h3.storytitle a{
text-decoration: none;
color: #dadbc7;
}

h3.pagetitle span{
padding: 10px;
}

#content .meta{
padding: 5px 0 8px 8px;
font-size: 11px;
}

#content .meta_bottom{
clear: both;
margin-top: 30px;
padding: 3px 5px;
text-align: right;
font-size: 11px;
}

#content .meta_bottom p#tags{
margin-top: 2px;
padding: 2px 0;
border-top: 1px dashed #5c5643;
}

#content .meta ul, #content .meta li {
display: inline;
}

#content p, #content li {
line-height: 1.6;
}

#content .post_page ul{
list-style-type: none;
padding: 15px 0 0;
}

#content .post_page ul li, #content .post_page dd{
border-bottom: 1px dashed #837c68;
padding: 5px 0;
margin-bottom: 5px;
}

#content .post_page ul li:hover	{
border-color : #888084;
}

* html #content .post_page ul li{ height:1%; }

#content .post_page ul.children{
padding: 0;
margin-left: 20px;
}

#content .post_page ul.children li{
border: 0;
margin: 0;
padding: 0;
}

#content #pageLinks{
border-top: 1px dashed #4c4734;
margin: 20px 5px 10px;
padding: 2px 0;
}

#content #pageLinks a{
padding: 0 2px;
}


/* comments form
------------------------------------------------------------*/
#content #commentform{
padding-top: 10px;
margin: 2px 0 15px 10px;
}

#content #commentform textarea {
margin: 2px 0 10px 0;
height: 160px;
width: 90%;
font-size: 12px;
}

#content input.trackback-url{
margin: 10px 5px 5px;
}

#content p.comment{
padding: 10px;
}

#content ol#commentlist {
margin: 20px 2px;
list-style-type: none;
}

#content ol#commentlist li {
clear: both;
margin-bottom: 20px;
border: 1px solid #d7d0ba;
padding: 5px;
overflow: hidden;
}

* html #content ol#commentlist li { height: 1%;}  

#content ol#commentlist li.alt {
border-color: #837c68;
}

#content ol#commentlist li .meta {
float:left;
width: 110px;
font-size: 11px;
}


#content ol#commentlist li .comment_text {
float: right;
width: 480px;
padding: 5px;
}

#comment_box {
position: relative;
width: 630px;
}

#content #comment_box p{
font-size: 11px;
line-height: 190%;
padding: 0;
}

#comment_box input { width: 220px;}

#comment_box #submit{
margin-top: 7px;
width: auto;
}

#comment_box .info {
position: absolute;
top: 12px;
right: 0;
}

#comment_box textarea#comment{
width: 350px;
font-size: 12px;
}


/* contents navigation
------------------------------------------------------------*/
.navigation{
position: relative;
width: 668px;
height: 22px;
margin: 5px 0 20px;
font-size: 11px;
border-top: 1px solid #4c4734;
border-bottom: 1px solid #4c4734;
}

.navigation a{
padding: 0 5px;
}

.prev{
position: absolute;
bottom: 2px;
left: 7;
}

.next {
position: absolute;
bottom: 2px;
right: 0;
}

.goTop{
text-align: right;
padding-right: 5px;
}


/* archive page
------------------------------------------------------------*/
#content .post dl.archive .meta{
padding-left: 3px;
}

#content .post dl.archive dt{
border-left: 5px solid #837c68;
padding: 0 5px 0;
margin-bottom: 5px;
line-height: 1.5;
}

#content .post dl.archive dd{
padding: 5px 0;
margin-bottom: 10px;
border-bottom: 1px dotted #837c68;
background: none;
}

span.cat {
padding-left: 8px;
font-size: 11px;
}

p.readmore{
margin-top: -5px;
padding-left: 12px;
background:url(images/bullet.png) no-repeat 0 5px;
}

/* footer
------------------------------------------------------------*/
#footer .inner{
text-align: right;
padding: 10px 0 20px;
}

#footer .inner p{
padding-top: 10px;
}

#footer ul li {
display: inline;
padding-left: 10px;
border-left: 1px solid #837c68;
}

#footer ul li.first{
border: 0;
padding-left: 0;
}


/* flickrRSS
------------------------------------------------------------*/
#flickr{
margin: 0 0 5px 0;
padding-bottom: 10px;
border-bottom: 2px solid #49432f;
}

#flickr #flickrrss h3{
font-size: 14px;
letter-spacing: 0.01em;
font-variant: small-caps;
border-bottom: 2px solid #49432f;
padding-bottom: 2px;
margin: 5px 5px 10px 0;
}

#flickr #flickrrss a{
display: inline;
background: none;
}

#flickr #flickrrss img{
padding: 2px;
margin: 0 13px 0 2px;
border: 1px solid #49432f;
background: #141414;
}


/* calendar
------------------------------------------------------------*/
#sidebar #calendar{
margin-top: 20px;
}

#sidebar #wp-calendar {
margin: 0 auto;
width: 94%;
}

#sidebar #wp-calendar #next a {
padding-right: 5px;
text-align: right;
}

#sidebar #wp-calendar #prev a {
padding-left: 5px;
text-align: left;
}

#sidebar #wp-calendar a{
display: block;
font-weight: bold;
text-decoration: none;
background: url(images/bullet3.png) no-repeat;
padding: 0;
}

#sidebar #wp-calendar caption {
text-align: center;
padding: 5px 0;
width: 100%;
}

#sidebar #wp-calendar th, #sidebar #wp-calendar td{
border: 1px solid #837c68; 
border-width: 0 1px 1px 0;
font-style: normal;
text-transform: capitalize;
text-align: center;
padding: 3px;
font-size: 11px;
font-weight: normal;
}

#sidebar #wp-calendar td#prev, #sidebar #wp-calendar td#next{
border-width: 0;
}

#sidebar #wp-calendar td.pad{
border: 0;
}

#sidebar #wp-calendar #today {
background-color: #302c27;
}

#sidebar #wp-calendar td:hover{
border-width: 1px 0 0 1px;
}

#sidebar #wp-calendar td.pad:hover {
text-align: center;
}

#sidebar #wp-calendar td#prev a, #sidebar #wp-calendar td#next a,
#sidebar #wp-calendar td#prev a:hover, #sidebar #wp-calendar td#next a:hover{
background: none;
}

/* typography
------------------------------------------------------------*/
#content .storycontent h1, #content .storycontent h2,
#content .storycontent h3, #content .storycontent h4{
margin: 5px 10px 10px 0;
padding: 10px 5px 2px 0;
color: #c5c07a;
border-bottom: 1px solid #c5c07a; 
}

#content .storycontent h1{
font-size: 140%;
}

#content .storycontent h2 {
font-size: 130%;
}

#content .storycontent h3 {
font-size: 120%;
}

#content .storycontent h4, #content .storycontent h5, #content .storycontent h6{
padding: 10px 5px 6px 0;
font-size: 100%;
}

#content p {
padding-bottom: 10px;
}

#content table{
border-collapse: collapse;
border-spacing: 0;
border-top:1px solid #49432f;
border-right:1px solid #49432f;
margin: 5px 0;
}

#content table td{
border-bottom:1px solid #49432f;
border-left:1px solid #49432f;
}

#content th{
font-weight:normal;
text-align:left;
border-bottom: 1px solid #49432f;
border-left:1px solid #49432f;
background:#302c27;
}

#content tr:hover{
background: #54504a;
}

#content table th, #content table td{
padding: 3px;
}

#content code {
font-family: monospace, sans-serif;
}

#content pre{
padding: 10px 20px;
}

#content address{
padding-left: 5px;
}

#content dt{
font-weight: bold;
padding: 10px 5px 5px 0;
}

#content dd{
padding: 0 0 10px 15px;
}

#content .quote{
font-size: 11px;
text-align: right;
padding-right: 20px;
}

#content ul{
margin-left: 20px;
}

#content ol{
margin-left: 25px;
}

#content ol li{
margin-bottom: 5px;
}

#content ul{
padding: 10px 0;
}

#content ul.none{
list-style-type: none;
}

#content ul li {
list-style-type: disc;
margin-bottom: 5px;
}

#content .post dt{
color: #c5c07a;
}

#content .post dd{
margin-left: 5px;
background:url(images/dd.png) no-repeat 0 5px;
}

#content blockquote {
color: #ddde9e;
margin:15px 10px 20px 30px;
padding: 0 10px 10px 25px;
border-bottom: 1px dashed #ddde9e;
background:url(images/quote.png) no-repeat;
}

#content blockquote blockquote{
border: 0;
margin: 0;
}

#content .post blockquote p{
padding: 5px 0;
}

#content blockquote ul{
margin-left: 20px;
}

#content blockquote ol{
margin-left: 24px;
}

#content cite{
display:block;
margin-top:	5px;
padding-top: 2px;
font-style: italic;
text-align:	right;
}