/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */

/* -------------------------------------------------------------------- */
body {
	margin:0;
	padding:0;
	color:#9F8371;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	background:url(../images/0_metal_bg.jpg) repeat #120E0B fixed;
}
a {
	color:#5D3735;
	text-decoration:none;
	outline:none!important; 
	ie-dummy:expression(this.hideFocus=true);
}
a:hover {
	color:#C9A910;
	text-decoration:underline;
	outline:none!important; 
}
a:active, a:visited { outline:none!important; }
:focus { outline:none!important; }
.readmore {
	display:table;
	float:right;
	margin-bottom:10px;
	width:78px;
	height:22px;
}
.readmore a {
	display:table;
	width:78px;
	height:22px;
	background:url(../images/readmore.png) 0 0;
}
.readmore a:hover {
	background:url(../images/readmore.png) 0 -22px;
}
h1 {
	margin:0 0 8px 0;
	padding:0;
	color:#FFE98B;
	font-family:"Times New Roman", Times, serif;
	font-size:21px;
	font-weight:normal;
}
h2 {
	margin:0 0 8px 0;
	padding:0;
	color:#FFE98B;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	font-weight:normal;
}
h3 {
}
h4 {
	margin:8px 0 4px 0;
	padding:0;
	color:#FFE98B;
	font-family:"Times New Roman", Times, serif;
	font-size:21px;
	font-weight:normal;
}
h5 {
	margin:0;
	padding:20px 0 20px 0;
	color:#FFE98B;
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	font-weight:normal;
}
h6 {
	color:#FFE98B;
}
hr {
	border:0 none;
	color:#2E241F;
	background-color:#231814;
	height:1px;
	width:100%;
	margin:12px 0 12px 0;
}
img {
	border:0 none;
}
p {
	margin:0;
	padding:12px 0 0 0;
}
.logo {
	position:fixed;
	top:30px;
	right:30px;
	width:202px;
	height:208px;
	z-index:-1;
}
.home-wrapper {
	width:680px;
	margin:0;
	padding:0;
	background:url(../images/aggregation-center.png) repeat-y;	
}
.home-content {
	width:640px;
	margin:-3px;
	padding:10px 0 10px 0;
	text-align:left;	
}
form {
	float:left;
}
li.pagenav {
	margin:0;
	padding:0;
	line-height:28px;
	list-style:none;
	float:left;
}
li.pagenav ul {
	margin:0;
	padding:0;
}
li ul li {
	margin:0 5px 0 0;
	padding:0;
	list-style:none;
	display:inline;
}
<!--
#bn-container {
	width:750px;
	height:525px;
	outline:0;
}
-->
.slide-out-div {
	padding:0;
	margin:0;
	width:680px;
	height:525px;
	background:url(../images/pull-down-center.png) repeat-y;
}
.slide-content {
	width:640px;
	padding:15px;
	text-align:left;	
}
fieldset.search {
	border: none;
	margin: 0 auto;
}
.search input, .search button {
	border:none;
	float:left;
}
.search input.box {
	width:140px;
	height:22px;
	padding:0 3px 0 3px;
	margin-right:3px;
}
.search button.btn {
	width:35px;
	height:22px;
	cursor:pointer;
	text-indent:-9999px;
	background:url(../images/search.png) no-repeat bottom right;
}
.screen-reader-text {
	line-height:28px;
	float:left;
	margin:0;
}