/*
Theme Name: WP-Brown
Theme URI: http://www.themespluginswp.com/new-wordpress-themes/wordpress-theme-wp-brown-10/
Description: 2 Column Widgetized WordPress Theme. Cool Brown Colors and a unique look plus some places to put up some Ads. 
Version: 1.3
Author: <a href="http://www.themespluginswp.com/">ThemesPluginsWP</a>
Author URI: http://www.themespluginswp.com/
Tags: 2 columns, wordpress themes, publicizer, cool themes, fixed width, widgetized
For the WordPress community (GPL).
*/


/*** GENERAL TAGS ***/
html, body { margin: 0; padding: 10px; height: 100%; }

body { background: #ffffff url(http://artree.org.uk/wp-content/uploads/2011/06/bg.gif) no-repeat center 56px; font-family: 'Verdana','Arial','Helvetica',sans-serif; font-size: 12px; color: #000000; }
.wrap { width: 1024px; text-align: left; min-height:100%; position:relative; margin: 0 auto; }
h1, h2, h3, h4, h5 { margin: 0px; font-weight: normal; }
.clear { clear: both; }

a, a:active, a:link { color: #A8470F; text-decoration: none; }
a:hover { color: #000000; }
input { border: 0px; }


/*** Header & Search Box ***/

.header { padding-top: 10px; }

.logo { float: center; }
.logo h1 { font-size: 0px; font-family: 'Verdana','Arial','Trebuchet MS','Helvetica',sans-serif; }
.logo h1 a { color: #000000; }
.logo h1 a:hover { color: #000000; }
.logo span { font-size: 11px; text-transform: uppercase;  font-family: 'Verdana','Arial','Trebuchet MS','Helvetica',sans-serif; color: #8B7063; letter-spacing: 2px; margin: 0 0px 0px 44px; display: block; }



/*** Menu ***/


.menu { display: inline;  border-top: solid 2px #000000; margin-top:10px 0px; border-bottom: solid 2px #000000; text-align:left; padding-right: 0; position: relative; top: 0px; color: #ffffff; background-color:#333333;}
.menu ul { margin: 0 auto; padding: 0px; list-style: none; }
.menu ul li { display: inline;}
.menu ul li a { padding: 6px 10px; width: 140px; text-align: center; font-size: 12px; display: inline; background-color: #f0f0f0; }
.menu ul li.current_page_item a { background: #cccccc; color: #ffffff; }
.menu ul li a:hover { color: #ffffff; background: #cccccc; }

/*** Content ***/

.content {  background: #DFE0DD ;position:relative;
 border: solid 0px #060708; min-height:100%;  padding: 5px; border-left: solid 0px #cccccc; border-right: solid 0px #cccccc; border-top: solid 0px #cccccc; border-bottom: solid 0px #cccccc;


	width: 1014px;
	float: center;
	background-color: #ffffff;
margin: 21% auto 0; 
border-radius: 10px;

}


.contentbox {
padding:6px;
margin-bottom:10px;
border: double 0px #000000;
background:#transparent;
position: relative;
border-radius: 10px;
}

.contentbox img.large {
	width:200px;
	padding:2px;
border-radius: 10px;

}

#content_left {
	float:left;
	width:450px;
background: #transparent;
border-right: solid 1px #cccccc;

border-raduis: 10px;
 
}

#content_center {
	float:left;
	width:260px;
background: #transparent;
border-right: solid 1px #cccccc;

}

#content_right {
	float:right;
	width:300px;
background: #transparent;
border-right: solid 1px #cccccc;
border-raduis: 10px;
 
}

/*** Article ***/
.article h2 { font-size: 0px; font-family: 'Verdana','Trebuchet MS','Arial','Helvetica',sans-serif; font-weight: bold; line-height: 16px; background-color:#fffffff; padding:6px; margin:-6px; margin-bottom:0;border-radius: 10px;}
.article h2 a { color: #ffffff; }
.article h2 a:hover { color: #4C3729; }

.article h3 { font-size: 14px; font-family: 'Verdana','Trebuchet MS','Arial','Helvetica',sans-serif; font-weight: bold; font-style: italic; line-height: 20px;background-color:#transparent; padding: 5px; margin-top:5px; border-radius: 10px;}
.article h3 a { color: #000000; }
.article h3 a:hover { color: #4C3729; }

.postcontent { line-height: 18px; }
.postcontent a { background: #FEFCEB; text-decoration: underline; color: #6A4B39; border-radius:10px; }

.postmeta { text-transform: uppercase; font-family: 'Verdana','Trebuchet MS','Arial','Helvetica',sans-serif; color: #C1B1A7; border-top: solid 1px #000000; display: block; margin-top: 8px; padding: 5px 0px 2px 0px; }
.date { padding-left: 15px; background: url(images/date.jpg) no-repeat center left; }
.mcategories { padding-left: 18px; width: 395px; background: url(images/categories.jpg) no-repeat center left; padding-top: 1px; float: left; }
.mcomments { background: url(images/comments.jpg) no-repeat center left; float: right;  padding-left: 20px; padding-top: 1px;}
/*** Comments h2 ***/

.comments h2 { margin-bottom: 15px; }
.comment { display: block; padding: 10px; }
.alt { background: #F7F0E5; }
.comment-meta { color: #A39B8C; border-bottom: solid 1px #E6DDCE; padding-bottom: 4px; }
.comment-meta span { font-size: 14px; font-weight: bold; }

.commentform { background: #F7F0E5; display: block; padding: 10px; margin-top: 10px;}
.commentform span { font-size: 16px; display: block; color: #8B8477; margin-bottom: 4px; }
.commentform input, .commentform textarea { width: 350px; background: #ffffff; border: #ffffff; padding: 4px; margin-bottom: 10px; }
.commentform input.subscribe_button{ width: 153px; height: 33px; background: url(images/submit-off.jpg); display: block; text-indent: -9999px; }
.commentform input.subscribe_button:hover { background: url(images/submit-on.jpg); }

/*** Footer ***/
.footer {
margin: 10px; clear:both;
text-align: center;
}

.textbox {padding:2px 6px 4px 6px; color: #ffffff; background-color: #000000; border: #ffffff 2px solid}

.shadow {display:block;
    position:absolute;
    top:5px;
    left:5px;
    right:-5px;
    bottom:-5px;
    background-color:#444;
}