/*
Theme Name: Simple Brown
Theme URI: http://www.divitodesign.com/2008/11/wordpress-theme-simple-brown/
Description: This wordpress theme features the latest post of the blog with an image to make it stand out. I suggest you use Simple Brown as a personal theme.
Version: 1.0.1
Wordpress Version: 2.5 + 
Author: Stefan Vervoort
Author URI: http://www.divitodesign.com
Tags: 2 columns, brown, personal, widget-ready, typography
*/

/* Standard Formatting */

*,html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,label,fieldset,input,p,blockquote,th,td {
margin:0;
padding:0
}

h1,h2,h3,h4,h5,h6 {
font-size:100%
}

body {
text-align:center;
font-family:Arial, Helvetica, sans-serif
}

a img {
border:0
}

a {
color:#000
}

strong {
font-weight:700
}

em {
font-style:italic
}

#wrapper {
width:100%;
text-align:center;
margin:0 auto
}

div#featured {
background:#2F1F0C;
color:#DFBB7D;
font-size:85%;
line-height:150%;
float:none;
text-align:center;
margin:0 auto 5px;
padding:20px 0
}

div#featured h2 a {
color:#AF986D;
font-weight:700;
text-decoration:none;
font-size:190%
}

div#featured h2 a:hover {
border-bottom:2px solid #AF986D
}

div#featured h2 {
margin-bottom:10px
}

div#featured div.post {
float:left;
width:450px;
padding-right:15px
}

div#featured div.featured-image img {
height:200px;
border:2px solid #AF986D
}

div.center {
text-align:left;
width:900px;
margin:0 auto
}

div.featured {
height:205px
}

div.title {
height:50px
}

#header {
height:130px;
display:block
}

#header h1 a {
font-size:180%;
color:#2F1F0C;
font-family:Georgia, "Times New Roman", Times, serif;
text-decoration:none;
font-weight:400;
letter-spacing:-0.03em
}

#header h1 a:hover {
color:#6F4C22
}

div.nav {
background:#EFDAB3;
width:100%;
text-align:center;
margin-bottom:10px
}

div.navads {
background:#EFDAB3;
width:100%;
text-align:center;
margin-bottom:10px;
padding:5px;
height:100px;
}

ul#nav {
list-style:none;
width:896px;
text-align:left;
border-left:1px solid #DFC799;
margin:0 auto;
padding:5px 0 5px 8px
}

ul#nav li {
display:inline;
text-align:left;
margin-right:7px;
border-right:1px solid #DFC799;
font-size:90%;
padding:5px 8px 5px 0
}

ul#nav li a {
color:#8F7647
}

ul#nav li a:hover {
text-decoration:none;
color:#2F1F0C
}

#header div.top-ad {
float:right;
padding:30px 0 0
}

#header div.header-left {
float:left;
padding:10px 0
}

#content {
width:900px
}

#content div div.single {
margin:0 0 15px
}

small.author span {
margin-right:20px
}

div.entry h2 {
font-size:160%;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:400;
padding-top:20px
}

div.entry h3 {
font-size:130%;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:400;
color:#2F1F0C;
padding-top:20px
}

div.entry ul li {
margin-left:15px;
padding-left:10px;
list-style:disc;
color:#2F1F0C
}

div.entry ol li {
margin-left:15px;
padding-left:10px;
color:#2F1F0C
}

#content div div div h2.permalink {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:200%;
font-weight:400;
letter-spacing:-0.06em;
word-spacing:0.1em;
padding-top:5px
}

div.single {
margin-top:-10px
}

#content div div div h2.permalink a {
text-decoration:none;
border:0
}

#content div div div h2.permalink a:hover {
border-bottom:1px solid #000
}

#content div div div {
color:#8F7647;
text-align:left;
margin:0 auto
}

#content div div div small {
padding-top:5px;
text-align:right
}

#content div div div small a {
color:#CFAB67
}

#content div div div p.postmetadata {
border:solid #EFDAB3;
font-family:Georgia, "Times New Roman", Times, serif;
color:#8F7950;
border-width:1px 0
}

#content div div div div {
text-align:left;
color:#2F1F0C;
padding:20px 0 0
}

#content div div div div p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
padding:10px 0
}

div.sidebar {
width:250px;
float:left;
margin-top:20px
}

div.sidebar2 {
width:228px;
float:left;
text-align:center;
margin-top:20px;
background-color: #FFFF66;
padding: 10px;
border: 1px solid #333300;
}
div.sidebar img {
padding:5px 5px 5px 0
}

div.sidebar ul li {
list-style:none;
height:1%
}

div.sidebar ul li h3,div.sidebar ul li h2 {
text-align:left;
font-size:160%;
font-weight:400;
font-family:Georgia, "Times New Roman", Times, serif;
line-height:150%;
color:#8F7647
}

input#s,input#searchsubmit {
margin-bottom:20px;
border:1px solid #EFDAB3
}

input#s {
width:55%;
padding:3px
}

input#searchsubmit {
background:#fff;
width:39%;
padding:2px 3px
}

div.sidebar ul li ul {
margin:5px 0 20px
}

div.sidebar ul li ul li {
display:block;
height:1%
}

div.sidebar ul li ul li a {
background:#EFDAB3;
display:block;
margin:2px 0;
padding:5px 0 5px 5px
}

div.sidebar ul li ul li a:hover {
background:#FFEFCF
}

div#footer {
clear:both;
width:100%;
height:20px;
padding:20px 0
}

#footer p.copy {
float:left;
width:80%;
font-size:10px;
}

#footer p.top {
float:right;
padding-right:20px
}

.comments-template a:hover {
text-decoration:none !important
}

.commentlist .time {
background:url(images/bg_clock.gif) no-repeat 1px;
padding-left:15px
}

.commentlist .author {
font:110% Georgia, "Times New Roman", Times, serif;
letter-spacing:0.1px;
text-decoration:underline;
word-spacing:1px
}

.commentlist .author a:hover {
border:0;
text-decoration:none !important
}

.comments-template {
margin-top:20px;
width:100%;
padding:0 15px 0 0
}

.comments-template ul,.comments-template ul li {
list-style:none;
margin-top:15px;
width:100%
}

.comments-template ul li {
clear:both;
display:block;
border-bottom:1px solid #EFDAB3;
width:100%
}

.commenttext {
color:#333;
float:right;
line-height:20px;
display:block;
clear:both;
width:100%;
padding:10px 0
}

.commenttext p {
margin:10px 0
}

.comments-info {
font-size:95%;
margin-bottom:10px
}

.gravatar {
float:left;
width:10%
}

.comment-data {
float:left;
width:88%;
padding-bottom:20px
}

.comments-info a {
color:#222
}

.comments-template form {
margin-top:20px
}

.comments-template textarea {
background:#fff;
border:1px solid #8F7647;
font-size:100%;
width:425px;
padding:5px
}

.comments-template input {
background:#fff;
border:1px solid #8F7647;
width:200px;
margin:0 10px 6px 0;
padding:5px
}

.comments-template p input:focus,.comments-template p textarea:focus {
background:#FFF4DF
}

.comments-template input#submit {
margin:6px 0 0
}

.commentlist a,.comments-template a {
color:#555
}

h3#comments,h3#respond {
color:#222;
font-size:170%;
font-style:normal;
letter-spacing:-0.03em;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:400;
text-decoration:none
}

h3#comments a:hover {
border-bottom:1px solid
}

img.alignright {
display:inline;
margin:0 0 2px 7px;
padding:4px
}

img.alignleft {
display:inline;
margin:0 7px 2px 0;
padding:4px
}

.alignleft {
float:left
}

a:hover,div.title a:hover,#content div div div small a:hover,#content div div div p.postmetadata a:hover {
text-decoration:none
}

div#featured a,#content div div div p.postmetadata a {
color:#8F7950
}

div#featured div.featured-image,#header img.header-ad,.alignright {
float:right
}

.content,div.more-posts {
width:600px;
float:right
}

img.centered,.aligncenter {
display:block;
margin-left:auto;
margin-right:auto
}

.adsense {
width:165px;
float:right;
margin-left:10px;
}