@charset "UTF-8";
/*  browns_layouts.css 
	Brown's Bottle Shop 2009
	
	by Steve Loftis of
		Loftis & Ball 
*/

body {
	margin: 0px auto;
	font-family: Arial, Helvetica, sans-serif; 
	background-color: #CCC; 
	text-align: center; 

	background: url(../images/brown_paper.jpg) repeat;

}

#container {
	width: 1000px; 
	height: auto; 
	margin: 0px auto; 
	position: relative;

}

#topbar {
	width: 1000px; 
	height: 20px;
	margin: 0px auto;
	position: relative;
	background: url(../images/trans_red.png) repeat;
	margin-bottom: 3px;
}

#browns_copyright {
	position: relative;

	width: 225px;
	height: auto;

	margin-top: 2px;
	padding: 0px;
	text-align: left;
	
	float: left;
	background: url(../images/trans_49.png) repeat;
}



#bottombar {
	position: relative;

	width: 515px;
	height: auto;

	margin-top: 2px;
	padding: 0px;
	text-align: left;
	
	float: left;
	background: url(../images/trans_49.png) repeat;
}



#loftisandball {
	position: relative;

	width: 260px;
	height: auto;

	margin-top: 2px;
	padding: 0px;
	text-align: left;
	
	float: left;
	background: url(../images/trans_49.png) repeat;
}




#location {
	width: 755px;
	height: auto; 
	margin: 0px 0px 5px 0px;
	position: relative;
	background-color: #bf1e2e;
	
	float: left;
	text-align: right;

}

#location p {
	color: #FFF;
	margin: 0px;
	padding: 5px 5px 5px 5px;
}

#more {
	position: relative;

	width: 745px;
	height: auto;

	margin-bottom: 5px;
	padding: 5px;
	text-align: left;
	
	float: left;
	

	background: url(../images/trans_49.png) repeat;
}

#more p {margin: 0px; padding-left: 20px;}
#more a {font-weight: bold; color: #bf1e2e; text-decoration: none;}
#more a:hover {text-decoration: underline;}

#location a {text-decoration: none; color: #FFF;}
#location a:hover {text-decoration: underline;}

#wrapper {
	width: 1000px; 
	height: auto; 
	margin: 0px auto;
	position: relative;
	background: url(../images/trans_49.png) repeat; 

}


#content {
	position: relative;

	width: 755px;
	height: auto;

	margin: 0px;
	padding: 5px 10px 10px 10px;
	text-align: left;
	
	float: left;
		background: url(../images/trans_49.png) repeat; 

}



#nav_logo {
	position: relative;

	width: 205px;
	height: 95px;

	margin: 0px;
	padding-top: 20px;
	padding-bottom: 15px;
	text-align: left;
	
	float: left;
	
}

#nav_links {
	position: relative;

	width: 205px;
	min-height: 600px;

	margin-bottom: 5px;
	padding: 10px 10px 10px 10px;
	text-align: left;
	
	float: left;
	
	background-image: url(../images/barrel.png);  
	background-position: -30px -30px;
	background-repeat: no-repeat;


}

#featured_main {
	position: relative;

	width: 745px;
	height: auto;

	margin-bottom: 5px;
	padding: 5px;
	text-align: left;
	
	float: left;
	
	background: url(../images/trans_49.png) repeat;
}

#featured_main_recipes {
	position: relative;

	width: 745px;
	height: 400px;

	margin-bottom: 5px;
	padding: 5px;
	text-align: left;
	
	float: left;
	
	background: url(../images/recipes_greenmartini.jpg) no-repeat;
}

#featured_main2col {
	position: relative;

	width: 480px;
	height: auto;

	padding: 5px;
	margin-right: 5px;
	text-align: left;
	
	float: left;
	
	background: url(../images/trans_49.png) repeat;

}

#navbar_horiz {
	position: relative;

	width: 745px;
	height: auto;

	margin-bottom: 5px;
	padding: 5px;
	text-align: left;
	
	float: left;

	
	background: url(../images/trans_49.png) repeat;
}

#navbar_horiz p {margin: 0px; padding-left: 20px;}
#navbar_horiz a {font-weight: bold; color: #bf1e2e; text-decoration: none;}
#navbar_horiz a:hover {text-decoration: underline;}

#recipe_list {
	position: relative;
	width: 495px;
	height: auto;
	
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 5px 5px 5px 5px;
	text-align: left;
	float: left;
	background: url(../images/trans_49.png) repeat;
}

#reviews_list {
	position: relative;

	width: 360px;
	height: 150px;

	margin-bottom: 5px;
	margin-top: 5px;

	padding: 5px 5px 5px 5px;
	text-align: left;
	
	float: left;
	
	background: url(../images/trans_49.png) repeat;
}

#reviews_wine {
	position: relative;

	width: 240px;
	height: auto;

	margin-top: 5px;
	padding: 5px 0px 5px 5px;
	text-align: left;
	
	float: left;
	
	background: url(../images/trans_49.png) repeat;
}

#featured_reviews {
	position: relative;

	width: 360px;
	height: 150px;

	margin-bottom: 5px;
	padding: 5px 5px 5px 5px;
	text-align: left;
	
	float: left;

	background: url(../images/trans_49.png) repeat;
}

#featured_follow {
	position: relative;
	width: 370px;
	height: 150px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 5px 5px 5px 5px;
	text-align: left;
	float: left;
	background: url(../images/trans_49.png) repeat;
	
}

.featured_col1 {
	position: relative;
	width: 240px;
	height: auto;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 5px 5px 5px 5px;
	text-align: left;
	float: left;
	background: url(../images/trans_49.png) repeat;
	background-image: url(../images/trans_49.png);
}

.featured_col2 {
	position: relative;

	width: 240px;
	height: auto;

	margin-right: 5px;
	margin-bottom: 5px;
	padding: 5px 5px 5px 5px;
	text-align: left;
	
	float: left;
	
	background: url(../images/trans_49.png) repeat;
}

.featured_col3 {
	position: relative;

	width: 240px;
	height: auto;


	padding: 5px 0px 5px 5px;
	text-align: left;
	
	float: left;
	
	background: url(../images/trans_49.png) repeat;
}

.staff_col1 {
	position: relative;

	width: 240px;
	height: auto;

	margin-right: 5px;
	padding: 5px 5px 5px 5px;
	text-align: left;
	
	float: left;
	
	background: url(../images/trans_49.png) repeat;
}

.staff_col2 {
	position: relative;

	width: 240px;
	height: auto;

	margin-right: 5px;
	padding: 5px 5px 5px 5px;
	text-align: left;
	
	float: left;
	
	background: url(../images/trans_49.png) repeat;
}

.staff_col3 {
	position: relative;

	width: 240px;
	height: auto;

	padding: 5px 0px 5px 5px;
	text-align: left;
	
	float: left;
	
	background: url(../images/trans_49.png) repeat;
}

.staff_col1 p {padding-left: 10px;}
.staff_col2 p {padding-left: 10px;}
.staff_col3 p {padding-left: 10px;}

.staff_col1 h4 {padding-left: 10px;}
.staff_col2 h4 {padding-left: 10px;}
.staff_col3 h4 {padding-left: 10px;}

#story {
	position: relative;

	width: 755px;
	height: auto;

	text-align: left;
	
	float: left;
	
	background: url(../images/trans_49.png) repeat;
}	

#story_body_wrapper {
	position: relative;
	
	width: 510px;
	height: auto;
	
	padding: 0px;
	text-align: left;
	
	float: left;
}


#story_topbar {
	position: relative;

	width: 500px;
	height: auto;

	padding: 5px 0px 5px 5px;
	text-align: left;
	
	float: left;
	
	background-color: #bf1e2e; 
/*	background: url(../images/80black.png) repeat; */
}




.story_body {
	position: relative;

	width: 495px;
	height: auto;

	padding: 5px;
	margin-right: 5px;
	text-align: left;
	
	float: left;
	
	background: url(../images/trans_49.png) repeat;

}

.specialsbody {
	position: relative;

	width: 750px;
	height: auto;

	padding: 5px 0px 5px 5px;
	margin-bottom: 5px;
	text-align: left;
	
	float: left;
	
	background: url(../images/trans_49.png) repeat;

}


.story_secondarywrapper {
	position: relative;
	width: 245px;
	height: auto;
	
	float: right;
	margin-bottom: 5px;
	
	border-top: 7px solid #333;
}

.story_secondarytitle {
	position: relative;

	width: 240px;
	height: auto;

	padding: 5px 0px 5px 5px;
	text-align: left;
	
	float: right;
	
	background-color: #bf1e2e; 
}

.story_secondarytitle p {font-weight: normal; color: #FFF; margin: 0px; padding: 0px 0px 0px 15px;}
.story_secondary {
	position: relative;

	width: 240px;
	height: auto;

	padding: 5px 0px 15px 5px;
	text-align: left;
	
	float: left;
	
	background: url(../images/trans_49.png) repeat;
}

.story_secondary hr {border: 0; height: 1px; color: #CCC; background-color: #CCC; margin: 0px 20px 5px 15px;}

#copybar {
	position: relative;

	width: 765px;
	height: auto;

	margin-top: 2px;
	padding: 0px;
	text-align: left;
	
	float: right;
}






/* HTML Element Styles */
h1 {font-size: 40px; color: #000; /*color: #bf1e2e;*/ padding-left: 20px;}
h2 {font-size: 17px; padding-left: 20px; padding-right: 10px;}
h3 {font-size: 13px; padding-left: 20px; padding-right: 10px;}

p {font-size: 11px; line-height: 15px; padding: 0px 10px 0px 20px; color: #252525;}
a {color: #bf1e2e; text-decoration: none;}
a:hover {color: #000; text-decoration: underline;}

ul {font-size: 11px;}
ul li {list-style: square; display: list-item; padding: 0px; margin: 0px;}

hr {border: 0; height: 1px; color: #CCC; background-color: #CCC; margin: 0px 20px 0px 20px;}



/* Font Sizes for Specific Divs */
#story_topbar p{font-size: 11px; font-weight: normal; color: #FFF; margin: 0px; padding: 0px 0px 0px 20px;}
#story_topbar a{text-decoration: none; color: #FFF;}
#story_topbar a:hover{text-decoration: underline;}

.story_body p {padding-right: 30px; font-size: 11px; line-height: 17px;}

.story_secondary p{padding: 0px 20px 0px 15px; }
.story_secondary h2 {padding-left: 15px;}
.story_secondary h4{padding: 0px 20px 0px 15px; }

#browns_copyright p {font-size: 11px; line-height: 16px; margin: 0px auto; padding: 5px 0px 5px 20px; color: #222;}
#browns_copyright a {color: #000; text-decoration: none;}
#browns_copyright a:hover {text-decoration: underline;}

#bottombar p {font-size: 11px; line-height: 16px; margin: 0px auto; padding: 5px 0px 5px 10px; color: #222;}
#bottombar a {color: #000; text-decoration: none;}
#bottombar a:hover {text-decoration: underline;}

#loftisandball p {font-size: 11px; line-height: 16px; margin: 0px auto; padding: 5px 0px 5px 10px; color: #222;}
#loftisandball a {color: #000; text-decoration: none;}
#loftisandball a:hover {text-decoration: underline;}

#copybar p {line-height: 16px; margin: 0px auto; padding: 5px 0px 5px 10px;}

#featured_drinking p {font-size: 11px; line-height: 15px; padding: 0px 10px 0px 20px; color: #252525;}



/* Image placeholder */
.img_featured {padding-left: 10px;}



.title_largeblock {color: #000; font-size: 17px; font-weight: bold; line-height: 22px; margin: 0px 20px 20px 0px; padding: 0px 0px 15px 0px; border-bottom: 1px solid #CCC; display: block;}
.title_byline {font-style: italic;}

.title_indexlink {color: #252525; text-decoration: none;}
.title_indexlink:hover {text-decoration: underline;}

.highlight {color: #bf1e2e; font-weight: bold; font-size: 18px;}

.redprice {color: #bf1e2e; font-weight: bold;}

a.category {color: #bf1e2e; font-weight: normal; text-decoration: none;}
a.category:hover {text-decoration: underline; color: #000;}

.categorydivider {color: #CCC; font-weight: normal;}


/* Slideshow */
.slideshow { height: 300px; width: 745px; margin: 0px; }
.slideshow img { padding: 0px; border: 0px;}