/*  
Theme Name: WoodenBrown
Theme URI: http://themeforest.net/user/simnor/portfolio
Description: WoodenBrown is a premium Wordpress theme designed to bring a professional and warm look to your blog with added animation to make it even nicer.
Version: 1.0
Author: Simon North, Simnor Web Design
Author URI: http://webdesign.simnorcomputing.com
*/

* {
padding:0;
margin:0;
}

body {
background-image:url(images/back.jpg);
text-align:center;
font-family:Arial;
font-size:12px;
color:#333333;
}

/* Structure */

#page {
width:960px;
margin:auto;
background-image:url(images/page.jpg);
background-repeat:repeat-y;
}

#headertop {
background-color:#574d40;
padding:10px;
width:940px;
display:none;
height:30px;
text-align:right;
}

#header {
width:960px;
background-image:url(images/header.jpg);
height:96px;
clear:both;
text-align:left;
}

#header img {
border:none;
}

#header .textbased {
padding-left:15px;
padding-top:20px;
float:left;
width:600px;
}

#header .logobased {
float:left;
width:600px;
}

#header h1, #header h1 a, #header h1 a:hover  {
font-size:35px;
font-weight:normal;
color:#FFFFFF;
text-decoration:none;
margin:0;
}

#header h2 {
font-size:14px;
font-weight:normal;
color:#999999;
text-decoration:none;
margin:0;
}

a.logo {
width:418px;
height:80px;
background-image:url(images/logo.jpg);
float:left;
display:block;
}

a.searchandarchives {
background-image:url(images/searchandarchiveslink.jpg);
float:right;
height:34px;
width:95px;
display:block;
}

#menulinks {
background-image:url(images/menulinks.jpg);
height:44px;
width:890px;
padding-left:15px;
padding-right:55px;
clear:both;
}

#menulinks a.feed {
line-height:20px;
font-size:18px;
font-weight:normal;
}

#menulinks a.feed:hover {
background-image:none;
}

#mainarea {
width:960px;
clear:both;
text-align:left;
padding-left:14px;
}

#contentarea {
width:498px;
margin-right:4px;
float:left;
}

#contentarea .inner {

}

.post img {
background-color:#c4c1bc;
padding:3px;
border:1px solid #4e463a;
float: left;
margin: 0px 10px 0px 0px;
}

a.sidebarhide {
padding:4px;
background-color:#d1cbb5;
height:15px;
float:right;
text-decoration:none;
position:relative;
}

a.sidebarhide:hover, a.sidebarshow:hover {
background-color:#e3dfd2;
text-decoration:none;
}

a.sidebarshow {
background-color:#d1cbb5;
padding:4px;
height:15px;
float:right;
text-decoration:none;
display:none;
position:relative;
}

.post {
padding:10px;
overflow:hidden;
width:478px;
}

a.button {
padding:5px;
float:left;
margin-right:5px;
display:block;
background-color:#e3dfd2;
}

a.button:hover {
background-color:#574d40;
text-decoration:none;
color:#FFFFFF;
}

.postauthor {
padding:10px;
overflow:hidden;
background-color:#edece7;
border-bottom:4px solid #d1cbb5;
}

.postauthor p {
line-height:20px;
color:#555555;
padding-top:5px;
}

.postsocial {
padding:10px;
overflow:hidden;
background-color:#e3dfd2;
border-top:4px solid #d1cbb5;
border-bottom:4px solid #d1cbb5;
background-image:url(images/icons/rss.jpg);
background-position:top right;
background-repeat:no-repeat;
height:50px;
}

.postadsense {
padding:10px;
color:#4b4b4d;
overflow:hidden;
background-color:#ffffff;
height:15px;
}

.postsocial .left {
width:190px;
float:left;
}

.postsocial .right {
width:280px;
float:right;
}

.postsocial h2 {
font-size:23px;
font-weight:normal;
text-decoration:none;
margin-right:50px;
margin-top:5px;
}

.postsocial p {
text-align:right;
margin-right:50px;
}

.postcomments {
background-color:#FFFFFF;
padding:10px;
}

.postcomments img {
border:none;
padding:0;
}

.postcomments p {
line-height:20px;
color:#555555;
}

a.commentstab {
padding:5px;
background-color:#e3dfd2;
float:left;
margin-right:5px;
display:block;
}

a.trackbackstab {
padding:5px;
background-color:#e3dfd2;
float:left;
display:block;
}

#commentstab {
display:block;
}

#trackbackstab {
display:none;
}

cite {
font-size:16px;
}

.commentmetadata a {
color:#CCCCCC;
}


.post h1, .post h1 a, .post h1 a:hover
{
font-family: Helvetica,Arial,Sans-Serif;
font-size: 30px;
color: #27221f;
letter-spacing: -1px;
line-height: 32px;
}

.post h2, .post h2 a, .postcomments h2 {
font-size:20px;
font-weight:normal;
color:#4b4b4d;
text-decoration:none;
margin:0;
}

.post h2 a:hover {
color: #27221f;
}

.post .date {
width: 270px;
background-color: #7db50a;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 6px;
padding-right: 6px;
color: #ffffff;
font-size: 10px;
}

.post p {
line-height:22px;
color:#555555;
padding-bottom:10px;
}

.post .buttons {
clear:both;
padding-top:15px;
height:20px;
}

.post a.more-link {
background-color: #e3dfd2;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 6px;
padding-right: 6px;
color: #555555;
font-size: 10px;
}

a.indexpostlink, .indexpostlink a  {
clear:both;
line-height:28px;
display:block;
border-bottom:1px solid #d1cbb5;
}

.navigation {
padding:8px;
background-color:#FFFFFF;
height:24px;
}

.navigation .olderposts a {
padding:5px;
display:block;
float:left;
color:#FFFFFF;
background-color:#d1cbb5;
}

.navigation .newerposts a {
padding:5px;
display:block;
float:right;
color:#FFFFFF;
background-color:#d1cbb5;
}

#sidebar {
width:429px;
float:left;
color:#838383;
}

#sidebar h2 {
color:#555555;
font-size:18px;
font-weight:bold;
margin-right:40px;
}

#sidebar .h2under {
color:#4b4b4b;
font-size:10px;
margin-right:40px;
}

#sidebar p {
font-size:11px;
line-height:15px;
padding-right:10px;
color:#838383;
}

#sidebar .ads {
width:423px;
padding-left:5px;
padding-top:5px;
clear:both;
background-color:#e3dfd2;
height:280px;
border-bottom:4px solid #d1cbb5;
}

#sidebar .ads .advert {
float:left;
padding:5px;
}

#sidebar .ads .advert img {
border:1px solid #FFFFFF;
}

#sidebar .left {
float:left;
width:213px;
margin-right:4px;
display:block;
background-color:#e3dfd2;
overflow:hidden;
}

#sidebar .right {
float:left;
width:212px;
display:block;
background-color:#e7e4d9;
overflow:hidden;
}

#sidebar ul li {
border-bottom:4px solid #d1cbb5;
padding:0;
}

#sidebar ul li ul {
padding:8px;
}

#sidebar ul li ul li, #sidebar ul li ul li ul {
padding:0;
border:none;
}

#sidebar ul li ul li ul {
padding-left:10px;
}

#sidebar ul li ul li ul a {
border:none;
}

#calendar_wrap {
text-align:center;
}

#sidebar h2 {
padding-top:5px;
margin-left:8px;
}

#sidebar li a {
border-left:2px solid #acacac;
padding-left:5px;
}

#searchform {
float:right;
display:block;
}

#s {
width:200px;
border:1px solid #d1cbb5;
height:16px;
padding:5px;
float:left;
font-size:11px;
}

#searchsubmit {
border:1px solid #d1cbb5;
height:28px;
padding:5px;
float:left;
margin-left:5px;
font-size:11px;
}

#footertop {
width:960px;
clear:both;
height:6px;
background-image:url(images/footer.jpg);
background-repeat:no-repeat;
margin:0;
line-height:6px;
display:block;
}

#footer {
width:950px;
height:50px;
padding-top:5px;
text-align:left;
padding-left:10px;
color:#FFFFFF;
font-size:12px;
line-height:18px;
clear:both;
background-image:url(images/back.jpg);
}

#footer a {
color:#FFFFFF;
text-decoration:none;
}

#footer a:hover {
color:#CCCCCC;
text-decoration:underline;
}


/* Styling */
ul {
margin-left:20px;
line-height:20px;
color:#9f9f9f;
}

ol {
margin-left:20px;
line-height:20px;
color:#9f9f9f;
}

#sidebar ul {
margin-left:0px;
}

#sidebar li {
list-style-type:none;
list-style-position:outside;
}

.alignleft {
float:left;
}

.alignright {
float:right;
}
#sidebar li a {
}

#sidebar li a:hover {
}

.commentlist li {
padding:10px;
border:1px solid #574d40;
margin-top:10px;
min-height:120px;
}

ol.commentlist {
list-style-type:none;
margin-left:0px;
}

.alt {
background-color:#f4f2eb;
}

#commentform {
padding-top:6px;
}

#commentform input {
width:250px;
border:1px solid #574d40;
padding:5px;
margin-bottom:6px;
} 

#commentform textarea {
width:450px;
border:1px solid #574d40;
padding:5px;
}

#commentform #submit {
width:200px;
margin-top:6px;
}

a {
color:#000000;
text-decoration:none;
}

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

h4 {
color:#FFFFFF;
font-size:22px;
font-weight:bold;
}



/* Page Drop Down Menu */

#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
z-index:1000;
}

#nav a{
display:block;
padding-left:15px;
padding-right:15px;
font-size:14px;
font-weight:bold;
color:#fff;
text-decoration:none;
line-height:40px;
text-transform:uppercase;
}

#nav a:hover{
color:#fff;
background:url(images/menuhover.jpg) top left;
}

#nav li{
float:left;
position:relative;
background-image:url(images/menuline.jpg);
background-repeat:no-repeat;
background-position:top left;
}

#nav ul {
position:absolute;
display:none;
top:38px;
left:1px;
background-color:#574d40;
border-top:1px solid #726c63;
border-left:1px solid #726c63;
border-right:1px solid #726c63;
}

#nav li ul a{
width:150px;
line-height:24px;
float:left;
font-size:12px;
font-weight:normal;
text-align:left;
border-bottom:1px solid #726c63;
text-transform:none;
background:none;
background-color:#574d40;
}

#nav li ul a:hover {
background-color:#726c63;
background-image:none;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:170px;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}