/*

Theme Name: WP-Brown

Theme URI: http://www.themespluginswp.com/wp-themes/tpw/widgetized/w3c-valid-wp-themes/brown-1-3

Description: 2 Column Widgetized WordPress Theme. Cool Brown Colors and a unique look plus some places to put up some Ads. 

Version: 2.0

Author: <a href="http://www.themespluginswp.com/">ThemesPluginsWP</a>

Author URI: http://www.themespluginswp.com/

Tags: two-columns, brown, fixed-width

For the WordPress community (GPL).

*/



/*** GENERAL TAGS ***/

body {

	margin: 0px;

	background: #0a0311 url(images/tlo2.jpg) no-repeat center top;

	font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif;

	font-size: 12px;

	color: #555;

}







.wrap {

	width: 950px;

	text-align: left;

	padding-top: 97px;

}



h1, h2, h3, h4, h5 {

	margin: 0px;

	font-weight: normal;

}

.clear {

	clear: both;

}

a, a:active, a:link {

	color: #3a0ea1;

	text-decoration: none;

}

a:hover {

	color: #a10e4e;

}



input {

	border: 0px;

}



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

.header {

	height: 183px;

}



.logo {

	float: left;

}

.logo h1 {

	font-size: 43px;

	font-family: 'Arial', 'Trebuchet MS', 'Helvetica', sans-serif;

}

.logo h1 a {

	color: #ffffff;

}

.logo h1 a:hover {

	color: #ffffff;

}

.logo span {

	font-size: 11px;

	text-transform: uppercase;

	padding-bottom: 8px;

	font-family: 'Arial', 'Trebuchet MS', 'Helvetica', sans-serif;

	color: #e9cfee;

	letter-spacing: 2px;

	margin: -8px 0px 0px 0px;

	display: block;

}

.search {

	padding: 10px 0 0px 0;

	width: 275px;

	float: right;

	display:none;

}

.search form {

	padding-left: 64px;

	background-image: url(images/search.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	margin: 0px;

	padding-top: 2px;

	padding-right: 0px;

	padding-bottom: 0px;

}

.search #s{

	float: left;

	background: #302119;

	color: #ffffff;

	padding: 4px;

	width: 168px;

	height: 15px;

	border: 1px solid #413229;

	clear:left;

	margin-top: 0px;

	margin-right: 4px;

	margin-bottom: 0px;

	margin-left: 0px;

}

.search .submit {

	background: #302119 url(images/search-go.jpg) no-repeat center center;

	text-indent: -9999px;

	width: 28px;

	height: 26px;

	padding: 0px;

	margin: 0px;

	clear: none;

	float: right;

	border: 1px solid #413229;

}



/*** Menu ***/

.menu {

	display: block;

	margin-top: 40px;

	border-bottom: solid 10px #080608;

	

}

.menu ul {

	margin: 0px;

	padding: 0px;

	list-style: none;

	float: left;

	width: 750px;

}

.menu ul li {

	display: inline;

}

.menu ul li a {

	padding: 10px 0px 10px 0px;

	width: 120px;

	text-align: center;

	font-size: 17px;

	display: block;

	float: left;

	color: #fff;

	background: #000;

}

.menu ul li.current_page_item a {

	background: #070608;

	color: #ffffff;

}

.menu ul li a:hover {

	color: #ffffff;

	background: #160f1a;

}



.RSS {

	background: url(images/rssfeeds.jpg) no-repeat right;

	width: 20px;

	height: 20px;

	display: block;

	text-indent: -9999px;

	float: right;

	margin-top: 11px;

	display:none;

}

/*** Content ***/

.content {

	background: #e8e7f3 url(images/sidebarbg.jpg) repeat-y left;

	overflow:hidden;

}



.leftcontent {

	width: 550px;

	margin: 25px;

	float: left;

}

.rightcontent {

	float: left;

	width: 350px;

}



/*** Article ***/



.article {

	margin-bottom: 50px;

        clear:both;

}



.article h2 {

	font-size: 28px;

	font-family: 'Trebuchet MS', 'Arial', 'Helvetica', sans-serif;

	font-weight: bold;

	line-height: 28px;

}

.article h2 a {

	color: #3a0ea1;

}

.article h2 a:hover {

	color: #a10e4e;

}



.postcontent {

	line-height: 18px;

        text-align: justify;

}



.postcontent a {

	text-decoration: none;

	color: #3a0ea1;

}



.postcontent a:hover {

	text-decoration: none;

	color: #a10e4e;

}





.postcontent a img {

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}



.postmeta {

	text-transform: uppercase;

	font-family: 'Trebuchet MS', 'Arial', 'Helvetica', sans-serif;

	color: #b8a7c1;

	border-top: solid 1px #e8def0;

	display: block;

	margin-top: 8px;

	padding: 5px 0px 2px 0px;

    clear: both;

}

.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;

}

/*** Sidebar ***/

.item {

	width: 300px;

	margin-left: 10px;

}

.advertising {

	background: #dbceb6;

	padding: 15px 0 15px 0;

	border-left: solid 5px #C4B497;

}



.advertising a img {

	border: solid 5px #ffffff;

	float: left;

}

.advertising img {

	margin-left: 10px;

}



.advertising .item {

	width: 330px;

	margin: 0px;

	margin-left: 10px;

}

.sidebar .item {

	margin: 15px 0px 25px 20px;

}

.item h3, .item h2 .comments h2 {

	color: #4c2d56;

	font-size: 22px;

	font-family: 'Arial', 'Trebuchet MS', 'Helvetica', sans-serif;

	padding-bottom: 2px;

	border-bottom: solid 1px #cbb7db;

}



.item ul {

	list-style: none;

	padding: 0;

	margin: 0px;

	border-top: solid 1px #fcf6ff;

	background: #dcd9dc;

}

.item ul li {

	width: 280px;

	padding: 6px 10px 6px 10px;

	border-bottom: dashed 1px #dacee6;

	line-height: 15px;

	color: #dacee6;

	font-size: 11px;

}



.item ul li a {

	font-size: 13px;

}



.latest ul li a {

	background: url(images/article.gif) no-repeat top left;

	padding-left: 15px;

}



.half ul li {

	width: 140px;

	float: left;

	padding: 5px;

}



.half ul {

	float: left;

}



/*** Comments h2 ***/

.comments h2 {

	margin-bottom: 15px;

}

.comment {

	display: block;

    padding: 10px;

}



.alt {

	background: #f3e5f7;

}





.comment-meta {

	color: #a08ca3;

	border-bottom: solid 1px #e1cee6;

	padding-bottom: 4px;

}



.comment-meta span {

	font-size: 14px;

	font-weight: bold;

}



.commentform {

	background: #f3e5f7;

	display: block;

	padding: 10px;

	margin-top: 10px;

}



.commentform span {

	font-size: 16px;

	display: block;

	color: #87778b;

	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 p {

	font-size: 11px;

	color: #B8BCC2;

	line-height: 16px;

	margin: 10px 0px 35px 0px;

}

.footer p span {

	color: #ffffff;

	display: block;

}

.footer1, .footer2 {

	text-align: center;

	font-size: 11px;

}







.footer1 a, .footer2 a {

	background: none;

	color: #fff;

}







.footer1 a:hover, .footer2 a:hover {

	background: none;

	color: #fff;

	text-decoration:underline;

}



.footer1 {

	margin: 0 auto;

	width: 500px;

	padding: 8px 0;

	border-bottom: 1px #626262 solid;

}



.footer1 a {

	margin: 0 10px;

}



.footer2 {

	padding: 8px 0;

}





a.footer_rss {

	background: url(images/icons/rss.gif) left center no-repeat;

	padding-left: 17px;

}

a.footer_rss_comm {

	background: url(images/icons/comm.gif) left center no-repeat;

	padding-left: 15px;

}



a.footer_wp {

	background: url(images/icons/w.gif) left center no-repeat;

	padding-left: 15px;

}







a.footer_login {







	background: url(images/icons/user.gif) left center no-repeat;







	padding-left: 16px;







}







.aligncenter {







	display: block;







	margin-left: auto;







	margin-right: auto;







}







.alignleft {







	float: left;







}







.alignright {







	float: right;







}







img.centered {







	display: block;







	margin-left: auto;







	margin-right: auto;







}







img.alignright {







	padding: 4px;







	margin: 0 0 2px 7px;







	display: inline;







}







img.alignleft {







	padding: 4px;







	margin: 0 7px 2px 0;







	display: inline;







}