/*
Theme Name: Brown Magazine
Theme URI: http://cssthemesclub.com/brownmagazine
Description: Please download from <a href="http://cssthemesclub.com/brownmagazine.zip">http://cssthemesclub.com/brownmagazine.zip</a>. A brown magazine WordPress theme. To install correctly, read the readme.txt.
Author: CSSThemesClub.com
Author URI: http://cssthemesclub.com/support
Tags: brown, white, grey

*/



/* Begin Typography & Colors */
body {
	font-family: Arial;
	background: #c4c4ad;
	color: #656565;
	}
	
* {
	margin: 0px;
	padding: 0px;
}

form {
	margin: 0px;
	padding: 0px;
}

ul li {
	list-style-type: square;
}

a:link {
	color: #3a2f27;
}

a:visited {
	color: #3a2f27;
}

#container {
	width: 1043px;
	height: 100%;
	margin-left: auto;
	margin-right: auto; 
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: #ececec;
}

.clear {
	clear: both;
}

#top {
	background: #373434;
	border-bottom: #4e4747;
}

#topcontainer {
	width: 1043px;
	height: 100%;
	margin-left: auto;
	margin-right: auto; 
}

#header {
	height: 90px;	
}

#headerleft {
	line-height: 90px;
	font-size: 45px;
	color: #ffffff;
	float: left;
}

#headerleft a:link {
	color: #ffffff;
	text-decoration:none;
}

#headerleft a:visited {
	color: #ffffff;
	text-decoration:none;
}

#headerright {
	float: right;
}

#ad {
	width: 468px;
	height: 60px;
	background: #ffffff;
	border: 1px #4e4747 solid;
	margin-top: 10px;
}

#navigation {
	height: 30px;
	line-height: 30px;
	background:url(images/nav.gif);
	border: 1px #4e4747 solid;
	padding: 5px;
}

#navigationleft {
	color:#ffffff;
	float: left;
}

#navigationleft a:link {
	color: #ffffff;
	text-decoration:none;
}

#navigationleft a:visited {
	color: #ffffff;
	text-decoration:none;
}

#navigationright {
	float: right;
}

.search {
	width: 220px;
	height: 13px;
	font-size: 12px;
    background: #ffffff;
	border: 1px #c4c4ad solid;
	padding: 5px;
	color: #3a2f27;
	line-height: 18px;
	text-align: center;
}

#featuredheader {
	width: 442px;
	height: 20px;
	color: #3a2f27;
	margin-left: 10px;
	margin-top: 10px;
	background: #dedecd;
	border: 1px #c4c4ad solid;
	padding: 5px;
}

#featured {
	width: 442px;
	height: 100%;
	margin-left: 9px;
	margin-top: 10px;
	margin-bottom: 10px;
	background: #ffffff;
	border: 1px #c4c4ad solid;
	padding: 5px;
}

#featuredimage {
	width: 430px;
	height: 161px;
	margin-left: 5px;
	margin-top: 10px;
	background: #ffffff;
	border: 1px #c4c4ad solid;
}

#featuredimage img{
	width: 426px;
	height: 157px;
	margin-left: 2px;
	margin-top: 2px;
	background: #ffffff;
	border: 0px;
}

#featuredtitle {
	width: 340px;
	height: 20px;
	margin-top: 10px;
	padding: 5px;
	padding-top: 0px;
}

#featuredtitle a:link {
	color: #3a2f27;
	text-decoration:none;
}

#featuredtitle a:visited {
	color: #3a2f27;
	text-decoration:none;
}

#featuredcontent {
	height: 100%;
	font-size: 12px;
	padding: 5px;
}

#featuredinfo {
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	padding: 5px;
}

#featuredinfoleft {
	float: left;
}

#featuredinfoleft a:link {
	color: #3a2f27;
	text-decoration:none;
}

#featuredinfoleft a:visited {
	color: #3a2f27;
	text-decoration:none;
}

#featuredinforight {
	float: right;
}

#featuredinforight a:link {
	color: #3a2f27;
	text-decoration:none;
}

#featuredinforight a:visited {
	color: #3a2f27;
	text-decoration:none;
}

#middle {
	float: left;
}

.categoryheader {
	width: 209px;
	height: 20px;
	color: #3a2f27;
	margin-left: 10px;
	margin-top: 10px;
	background: #dedecd;
	border: 1px #c4c4ad solid;
	padding: 5px;
	float: left;
}

.latest {
	width: 209px;
	height: 100%;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	background: #ffffff;
	border: 1px #c4c4ad solid;
	padding: 5px;
	float: left;
}

.latestimage {
	width: 197px;
	height: 81px;
	margin-left: 5px;
	margin-top: 10px;
	background: #ffffff;
	border: 1px #c4c4ad solid;
}

.latestimage img{
	width: 193px;
	height: 77px;
	margin-left: 2px;
	margin-top: 2px;
	background: #ffffff;
	border: 0px;
}

.latesttitle {
	height: 20px;
	margin-top: 10px;
	padding: 5px;
	padding-top: 0px;
}

.latesttitle a:link {
	color: #3a2f27;
	text-decoration:none;
}

.latesttitle a:visited {
	color: #3a2f27;
	text-decoration:none;
}

.latestcontent {
	height: 100%;
	font-size: 12px;
	padding: 5px;
}

.latestinfo {
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	padding: 5px;
}

.latestinfoleft {
	float: left;
}

.latestinfoleft a:link {
	color: #3a2f27;
	text-decoration:none;
}

.latestinfoleft a:visited {
	color: #3a2f27;
	text-decoration:none;
}

.latestinforight {
	float: right;
}

.latestinforight a:link {
	color: #3a2f27;
	text-decoration:none;
}

.latestinforight a:visited {
	color: #3a2f27;
	text-decoration:none;
}

#left {
	float: left;
}

#right {
	float: left;
}

.sidebox {
	width: 262px;
	height: 100%;
	margin-left: 10px;
	margin-top: 10px;
	background: #ffffff;
	border: 1px #c4c4ad solid;
	padding: 5px;
}

.sideboxheader {
	height: 20px;
	padding: 5px;
	color: #3a2f27;
	background: #dedecd;
	border: 1px #c4c4ad solid;
}

.sideboxcontainer {
	width: 276px;
	height: 100%;
	border: 1px #c4c4ad solid;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.sidebox ul {
	font-size: 12px;
	margin-left: 50px;
	margin-bottom: 10px;
}

.sidebox li {
	margin-top: 5px;
}

#ad2 {
	width: 250px;
	height: 250px;
	background: #ffffff;
	border: 1px #c4c4ad solid;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}

.ad3 {
	width: 125px;
	height: 125px;
	background: #ffffff;
	border: 1px #c4c4ad solid;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 3px;
	float: left;
}

.pagetitle {
	width: 442px;
	height: 20px;
	line-height: 20px;
	font-size: 20px;
	color: #3a2f27;
	background: #dedecd;
	border: 1px #c4c4ad solid;
	margin-top: 10px;
	margin-left: 9px;
	padding: 5px;
}

.pagetitleleft  {
	font-size: 10px;
	color: #3a2f27;
	margin-left: 70px;
	float: left;
}

.pagetitleright  {
	float: left;
}

.searchbox {
	width: 200px;
	height: 14px;
    background: #ffffff;
	border: 1px #c4c4ad solid;
	padding: 3px;
	color: #3a2f27;
	text-align: center;
	font-size: 9px;
}

.submitsearch {
	width: 100px;
	height: 22px;
	background: #ffffff;
	border: 1px #c4c4ad solid;
	color: #3a2f27;
	text-align: center;
	font-size: 12px;
	margin-bottom: 2px;
	margin-left: 5px;
}

.navigation {
	width: 442px;
	height: 20px;
	line-height: 20px;
	font-size: 10px;
	color: #3a2f27;
	background: #dedecd;
	border: 1px #c4c4ad solid;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 9px;
	padding: 5px;
}

.navigationleft {
	float: left;
}

.navigationleft a:link {
	color: #3a2f27;
	text-decoration:none;
}

.navigationleft a:visited {
	color: #3a2f27;
	text-decoration:none;
}

.navigationright {
	float: right;
}

.navigationright a:link {
	color: #3a2f27;
	text-decoration:none;
}

.navigationright a:visited {
	color: #3a2f27;
	text-decoration:none;
}

#post {
	width: 442px;
	height: 100%;
	margin-left: 9px;
	margin-top: 10px;
	margin-bottom: 10px;
	background: #ffffff;
	border: 1px #c4c4ad solid;
	padding: 5px;
}

#postimage {
	width: 430px;
	height: 161px;
	margin-left: 5px;
	margin-top: 10px;
	background: #ffffff;
	border: 1px #c4c4ad solid;
}

#postimage img{
	width: 426px;
	height: 157px;
	margin-left: 2px;
	margin-top: 2px;
	background: #ffffff;
	border: 0px;
}

#posttitle {
	width: 340px;
	height: 20px;
	color: #3a2f27;
	margin-top: 10px;
	padding: 5px;
	padding-top: 0px;
}

#posttitle a:link {
	color: #3a2f27;
	text-decoration:none;
}

#posttitle a:visited {
	color: #3a2f27;
	text-decoration:none;
}

#postcontent {
	height: 100%;
	font-size: 12px;
	padding: 5px;
}

#postinfo {
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	padding: 5px;
}

#postinfoleft {
	color: #3a2f27;
	float: left;
}

#postinfoleft a:link {
	color: #3a2f27;
	text-decoration:none;
}

#postinfoleft a:visited {
	color: #3a2f27;
	text-decoration:none;
}

#postinforight {
	color: #3a2f27;
	float: right;
}

#postinforight a:link {
	color: #3a2f27;
	text-decoration:none;
}

#postinforight a:visited {
	color: #3a2f27;
	text-decoration:none;
}

.results {
	width: 442px;
	height: 100%;
	margin-left: 9px;
	margin-top: 10px;
	margin-bottom: 10px;
	background: #ffffff;
	border: 1px #c4c4ad solid;
	padding: 5px;
}

.resultsimage {
	width: 430px;
	height: 161px;
	margin-left: 5px;
	margin-top: 10px;
	background: #ffffff;
	border: 1px #c4c4ad solid;
}

.resultsimage img{
	width: 426px;
	height: 157px;
	margin-left: 2px;
	margin-top: 2px;
	background: #ffffff;
	border: 0px;
}

.resultstitle {
	width: 340px;
	height: 20px;
	margin-top: 10px;
	padding: 5px;
	padding-top: 0px;
}

.resultstitle a:link {
	color: #3a2f27;
	text-decoration:none;
}

.resultstitle a:visited {
	color: #3a2f27;
	text-decoration:none;
}

.resultscontent {
	height: 100%;
	font-size: 12px;
	padding: 5px;
}

.resultsinfo {
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	padding: 5px;
}

.resultsinfoleft {
	float: left;
}

.resultsinfoleft a:link {
	color: #3a2f27;
	text-decoration:none;
}

.resultsinfoleft a:visited {
	color: #3a2f27;
	text-decoration:none;
}

.resultsinforight {
	float: right;
}

.resultsinforight a:link {
	color: #3a2f27;
	text-decoration:none;
}

.resultsinforight a:visited {
	color: #3a2f27;
	text-decoration:none;
}

.commenttext {
	width: 430px;
	height: 200px;
	background: #dedecd;
	border: 1px #c4c4ad solid;
	padding: 5px;
	color: #3a2f27;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.commentauthor {
	width: 430px;
	height: 15px;
	background: #dedecd;
	border: 1px #c4c4ad solid;
	padding: 5px;
	color: #3a2f27;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.commentemail {
	width: 430px;
	height: 15px;
	background: #dedecd;
	border: 1px #c4c4ad solid;
	padding: 5px;
	color: #3a2f27;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.commenturl {
	width: 430px;
	height: 15px;
	background: #dedecd;
	border: 1px #c4c4ad solid;
	padding: 5px;
	color: #3a2f27;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.commentsubmit {
	width: 175px;
	color: #3a2f27;
	background: #dedecd;
	border: 1px #c4c4ad solid;
	margin-bottom: 5px;
}

.comment {
	width: 442px;
	height: 100%;
	margin-left: 9px;
	margin-top: 10px;
	margin-bottom: 10px;
	background: #ffffff;
	border: 1px #c4c4ad solid;
	padding: 5px;
}

.commenttitle {
	height: 20px;
	line-height: 20px;
	font-size: 16px;
	color: #3a2f27;
	background: #dedecd;
	border: 1px #c4c4ad solid;
	padding: 5px;
}


.commentimage {
	width: 45px;
	height: 45px;
	background: #ffffff;
	border: 1px #d8d6d6 solid;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
	float: left;
}

.commentimage img{
	width: 43px;
	height: 43px;
	margin-left: 1px;
	margin-top: 1px;
	border: 0px;
}

.commentcontent {
	font-size: 12px;
	margin-top: 8px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
}

.commentcontent a:link {
	color: #3a2f27;
	text-decoration:none;
}

.commentcontent a:visited {
	color: #3a2f27;
	text-decoration:none;
}

.commentinfo {
	height: 20px;
	line-height: 20px;
	font-size: 10px;
	color: #3a2f27;
	margin-top: 10px;
	padding: 5px;
}

.commentinfoleft {
	float: left;
}

.commentinfoleft a:link {
	color: #3a2f27;
	text-decoration:none;
}

.commentinfoleft a:visited {
	color: #3a2f27;
	text-decoration:none;
}

.commentinforight {
	float: right;
}

.commentinforight a:link {
	color: #3a2f27;
	text-decoration:none;
}

.commentinforight a:visited {
	color: #3a2f27;
	text-decoration:none;
}

#footer {
	width: 1013px;
	height: 25px;
	line-height: 25px;
	font-size: 10px;
	color: #3a2f27;
	background: #dedecd;
	border: 1px #c4c4ad solid;
	padding: 5px;
	margin-top: 10px;
	margin-left: 9px;
}

#footerleft {
	float: left;
}

#footerright {
	float: right;
}
/* End captions */