/*
StyleSheet for The Alerin Barn (thealerinbarn.com
*/

body {
 background: #FCF5E2 url(bg.jpg) repeat-x;
 padding: 0; margin: 0; font: bold 0.6em Verdana, sans-serif; line-height: 1.5em;
}

a { color: #70420B; background: inherit; }
a:hover { color: #000; background: inherit;}

h1 { font: bold 2em Arial, Sans-Serif; letter-spacing: -1px; padding: 16px 0 0 8px; margin: 0; }
h2 { margin: 0; padding: 0; font: bold 200% normal 1.6em Verdana, Sans-Serif; letter-spacing: 1px; }
h1 a { color: #FFF; background: inherit; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #444; background: inherit; }
h3 { font: 90% Arial, Sans-Serif; margin: 0 0 10px 0; padding: 0; color: #616161; background: #FFF; }
p {	margin: 0 0 0px 0; line-height: 1.5em; }
form { margin: 0; }
.imageborder {border: #666666 1px solid;}
input.search { width: 142px; height: 26px; border: none; background: #FFF url(input.jpg) no-repeat; padding: 5px; color: #616161; }
input.submit { width: 28px; height: 39px; font-weight: bold; border: none; background: #FFF url(search.gif); padding: 3px; color: #616161; }
* html input.submit { width: 28px; height: 43px; font-weight: bold; border: none; background: #FFF url(search.gif); padding:0px; color: #616161; }
.logo  { background: #FFF url(the-alerin-barn.jpg) norepeat;}
.content { 
	margin: 10px auto;
	padding: 0px;
	width: 700px;
	color: #454545;
}

.sd_left {
	float:left;
	margin-top: 0px;
}

#nav { background: #FFF width: 391px; height: 81px; }
#nav ul { margin:0; list-style:none; padding: 1px 0 0 50px; }
#nav a, #nav strong, #nav span { float:left; display:block; color:#fff; padding: 5px 10px 5px 10px;  100% 0px; text-decoration:none; font-weight: bold; }
#nav a { float:none; }
#nav li { float:left; color: #FFF; 0px 0px; margin:0; padding:0 0 0 0px; }
#nav #current { float:left; height:70px; -81px; color: #FFF; }
#nav #current a { float:left; height:70px; -81px; padding:5px 10px 5px 10px; color:#FFF; }
#nav a:hover { float:left; height:70px; -81px; }  

.title {
	background: #FFF url(title-bg.jpg) no-repeat bottom; 
	width: 391px;
	height: 64px;
}
.title h2 {
	float: right;
    padding: 5px 20px 0 0px;
	color: #FFF;
	font: bold 1.9em Arial, sans-serif;
}


.img {
	border: 1px #666666 dashed;
	padding: 5px 5px 5px 5px;
	background: #FCF5E2;
}

.box { float: right; margin-top: 0px; padding: 0px; background: #FCF5E2 url(box.jpg) no-repeat; width: 252px; }
.box .padding {	padding: 90px 25px 0 15px; }
.box .padding_text { padding: 0px 5px 0 10px; background: #FCF5E2;}

.left_text {
	float: left;
	color: #444;
	padding: 200px 0 0 20px;
	width: 360px;
}	

.left_text h2 {
	padding: 5px 0 5px 0;
	color: #70420B;
	font: bold 2.0em Verdana, sans-serif;
}

.comments { 
	padding: 10px 10px 8px 10px; 
	margin: 0 0 7px 0; 
	background: #f8f8f8; 
	color: #000;
}

.commentsbox { 
	padding: 8px 0 10px 10px; 
	margin: 0 0 10px 0; 
	background: #f4f4f4; 
	color: #000;
}

.footer { 
	clear:both;
	width: auto;
	color:#999999;  
	font-size:90%;
	border-top: 1px solid #eee; 
	text-align:center; 
	margin-right: 20px;
	margin-left: 20px;
	padding: 5px 10px 10px 10px;
}

.thumbnail {
float: left;
width: 100px;
margin: 0 10px 10px 0;
}