@charset "utf-8";
/* CSS Document */

/*
Theme Name: SORROWFIELD
Description: 
Version: 1.0
Author:
*/

#fb-comments {
 background:#fff;
}

body {
background:#000 url(img/header.jpg) no-repeat top center;
color:#c29a76;
font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
font-size:.8em;
margin:0;
padding:0;
}

p {
margin-bottom:10px;
line-height:1.2em;
}

strong {
font-weight:600;
}

em {
font-style:italic;
}

li {
padding-left:15px;
list-style:none;
font-size:1em;
color:#cc8445;
margin:0 0 5px 10px;
}

a {
color:#cc8445;
text-decoration:none;
}

a:hover {
color:#999;
text-decoration:none;
}

#pageWrap {
min-height:950px;
position:relative;
width:960px;
margin:0 auto;
padding:0;
}

#header {
width:960px;
height:304px;
margin:0;
padding:0;
}

#social_buttons {
padding-top:20px;
padding-left:813px;
}

#navBar {
width:960px;
height:35px;
line-height:35px;
margin:0;
padding:0;
}

#navBar ul {
text-align:center;
list-style-type:none;
}

#navBar li+li a {
color:#472806;
text-decoration:none;
font-size:15px;
font-weight:bold;
border-left:1px solid #794a17;
border-width:1px;
margin:0 0 0 0px;
padding:0px 8px;
}

#navBar li.first a {
color:#472806;
text-decoration:none;
font-size:15px;
font-weight:bold;
margin:0 0 0 0px;
padding:0px 9px;
}

#navBar li,#navBar li.first {
list-style-type:none;
display:inline;
border:none;
margin:0;
padding:0;
}

#navBar ul li a:hover,#navBar li.first a:hover {
color:#000;
text-decoration:none;
}

#container {
position:relative;
z-index:2;
width:960px;
margin:0;
padding:10px 0 100px;
}

#leftColumn {
float:left;
width:180px;
font-size:1em;
color:#c29a76;
margin:0 0 0 -805px;
padding-top:10px;
}

#leftColumn h2 {
padding-left:21px;
background-image:url(img/cat.jpg);
background-position:0 10px;
background-repeat:no-repeat;
font-size:1.3em;
font-weight:bold;
color:#985e1e;
padding-bottom:8px;
padding-top:14px;
}

#leftColumn li {
padding-left:15px;
list-style:none;
background-image:url(img/bullet.jpg);
background-position:0 2px;
background-repeat:no-repeat;
font-size:1em;
color:#c29a76;
margin:5px 0 0;
}

#centerColumn {
float:left;
width:580px;
font-size:1em;
color:#c29a76;
margin:0 10px 0 185px;
padding:10px 6px 6px 25px;
}

#centerColumn h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.5em;
font-weight:bold;
color:#985e1e;
margin:0 0 5px;
padding-top:25px;
}

#centerColumn h2 a{
color:#985e1e;
}

#date {
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
border-bottom:dashed thin #985e1e;
padding-bottom:5px;
}
#content {
padding-top: 5px;
}

#rightColumn {
float:right;
width:120px;
font-size:1em;
color:#c29a76;
margin:0;
padding:6px;
padding-top:10px;
}

#rightColumn h2 {
padding-left:21px;
background-image:url(img/cat.jpg);
background-position:0 10px;
background-repeat:no-repeat;
font-size:1.3em;
font-weight:bold;
color:#985e1e;
padding-bottom:8px;
padding-top:14px;
}

#rightColumn li {
background:none;
margin:5px 0;
padding:0;
}

#footer {
position:absolute;
bottom:0;
z-index:1;
width:1024px;
height:250px;
background-image:url(img/footer-bg.jpg);
background-repeat:no-repeat;
}

#footer p {
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
color:#d88c49;
text-align:left;
margin:0;
padding:211px 0 0 271px;
}

#copyright {
position:absolute;
bottom:0;
z-index:3;
height:39px;
padding-left:273px;
font-size:0.9em;
color:#d88c49;
}

#copyright a {
color:#d88c49;
text-decoration:underline;
}

#footer a:hover {
color:#d88c49;
text-decoration:none;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {
display:block;
}

* html .clearfix {
height:1%;
}

#comments {
padding-top:20px;
color:#c29a76;
}

.commentlist,.commentlist p {
padding-top:15px;
color:#c29a76;
font-size:0.9em;
}

img.avatar {
float:left;
margin-right:5px;
}

.alignleft {
float:left;
}

.alignright {
float:right;
}
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

ul,ol,#leftColumn ul,ol {
margin:0 0 12px;
padding:0;
}