/*
Theme Name:Baby Brewing
Theme URI:  http://babybrewing.com
Description:  A customized theme designed by <a href="http://www.kerflop.com/">Jessica Wiseman</a> and developed by <a href="http://www.ohmystinkinheck.com/">Heather Sanders</a>.
Version: 0.1
Author:	Jessica Wiseman
Author URI: http://www.kerflop.com/

Changelog:
		v1.0 - 01.09.00
			First Release of Baby Brewing 
*/

/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0;
}
body{
	background: url(images/bgr.gif) #000000 repeat-y top;
	color: #1f1f1f;
	font: 12px Arial,Tahoma,Verdana,Helvetica,Sans-Serif;
}
a{
	color: #98d4dc;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
input,select,textarea{
	border: #bde4e9 1px solid;
	font-size: 14px;
	padding: 3px;
}
select{
	padding: 0;
}
li{
	list-style: none;
}
/*=== Layout ===*/
#page{
	margin: 0 auto;
	width: 877px;
}
/*=== Header ===*/
#header{
	background: url(images/header-bgr.png) no-repeat top;
	height: 169px;
}
/*- Logo -*/
#header h1{
	float: left;
	text-indent: -9999px;
}
#header h1 a{
	display: block;
	height: 169px;
	width: 720px;
}
#header h1 a:hover{
	text-decoration: none;
}
/*- Shopping Bag -*/
#header ul{
	float: right;
	padding: 98px 10px 0 0;
}
#header li a{
	color: #b0464b;
}
/*=== Top Menu ===*/
#topmenu{
	height: 30px;
	line-height: 30px;
}
#topmenu ul{
	float: right;
	padding: 0 20px 0 0;
}
#topmenu li{
	float: left;
	font-size: 14px;
	margin: 0 0 0 10px;
	text-align: center;
}
#topmenu li a{
	background: url(images/topmenu-bgr.gif) no-repeat top;
	color: #000000;
	display: block;
	width: 104px;
}
#topmenu li a:hover,#topmenu li.active a{
	color: #b0464b;
}
/*=== Search ===*/
#search{
	background: url(images/search-bgr.gif) no-repeat top;
	height: 40px;
	margin: 0 0 15px;
	width: 182px;
}
#search input{
	float: left;
	margin: 8px 5px 0 7px;
	width: 125px;
}
#search .btn{
	border: 0;
	margin: 5px 0 0;
	padding: 0;
	width: auto;
}
/*=== Featured Product Photo ===*/
#featured img{
	display: block;
	margin: 0 0 30px 15px;
}
/*=== Columns ===*/
#columns{
	margin: 0 0 40px;
}
#columns h2, #columns h3{
	clear: both;
	font: 30px Georgia,"Times New Roman", Times, serif;
	padding: 0 0 5px;
}
#columns h3{
	color: #f29096;
}

#columns p{
	padding: 0 0 10px;
}
/*--- Left Column ---*/
#leftcol{
	float: left;
	margin: -19px 0 0;
	position: relative;
	width: 196px;
}
#leftcol h3{
	text-align: center;
}
/*- Left Menu -*/
.leftmenu{
	padding: 10px 0 10px 15px;
}
/*--- Center Column ---*/
#centercol{
	float: right;
	margin: 20px 0 0;
	width: 650px;
}
#centercol h2{
	color: #98d4dc;
}

#centercol h3.thestory {
	color: #f29096;
	font: 24px Georgia,"Times New Roman", Times, serif;
	clear: right;
}

#centercol img.left{ 
 padding: 15px 15px 15px 5px;  
 border: 0; 
 float: left; 
 clear: left; 
}

/*=== Styling Boxes ===*/
/*- Box -*/
.box{
	background: url(images/box-top.gif) #98d4dc no-repeat top;
	margin: 0 0 5px;
	padding: 15px 0 0;
	width: 196px;
}
.box a{
	color: #000000;
}
.box-bot{
	background: url(images/box-bot.gif) no-repeat top;
	clear: both;
	height: 14px;
	overflow: hidden;
}
.box .spacer{
	height: 1%;
	padding: 0 0 0 15px;
}
/*- Box2 -*/
.box2{
	background: url(images/box2-top.gif) #bce3e8 no-repeat top;
	padding: 10px 0 0;
	width: 181px;
}
.box2-bot{
	background: url(images/box2-bot.gif) no-repeat top;
	clear: both;
	height: 9px;
	overflow: hidden;
}
/*- Wrapper -*/
.wrapper{
	float: left;
	margin: 0 15px 15px;
	text-align: center;
	width: 126px;
}
.wrapper a{
	color: #000000;
}
.wrapper h4{
	font-size: 12px;
	font-weight: bold;
}

.wrapper h5{
	font-size: 16px;
	font-weight: bold;
}

color: #1f1f1f;
	font: 12px Arial,Tahoma,Verdana,Helvetica,Sans-Serif;
.wrapper img{
	height: 129px;
	margin: 0 0 10px;
	width: 126px;
}



/*=== Footer ===*/
#footer{
	background: url(http://babybrewing.com/wp-content/themes/babybrewing/images/footer-bgr.gif) no-repeat top;
	clear: both;
	color: #ffffff;
	height: 56px;
        line-height: 14px;
padding-top: 8px;
}
#footer a{
	color: #ffffff;
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: 0 0 -1px;
overflow: hidden;
}
.fl{
	float: left;
        padding-left: 8px;
}

.fr{
	float: right;
        padding-right: 8px;
}
/*fix in FF*/
#page{background:#fff;}
/*---------------- inner CSS ------------------*/
.centercol-inner{width:662px !important;}

#view h3, #info h3 {
	font-size:24px;
	color:#000;
	padding:5px 0 0;
}
/*-- view --*/
#view {
	position:relative;
	float:left;
	width:390px;
	padding:390px 0 0 0;
}
#view ul{
	float:left;
	width:400px;
	margin:0;
	padding:6px 0 0;
	list-style:none;
}
#view ul li{
	padding:0 2px;
	display:inline;
	float:left;
}
#view ul li.hover div,
#view ul li:hover div{
	display: block;
	z-index: 5;
}
#view ul div {
	display: none;
}
#view ul li.active div{
	display:block;
	z-index:4;
}
#view .view-box{
	top:0;
	left:10px;
	position:absolute;
}
/*-- info --*/
#info{
	float:right;
	width:260px;
}
#info p{padding-top:4px; padding-right:6px;}
#info h3 span.description{
	font-size:14px;
	line-height:14px;
	display:block;
	color:#727677;
}
.select-form {
	float:left;
	padding:15px 0 15px;
}
.select-form ul li{
	padding:4px 0 0;
	width:250px;
	float:left;
}
.select-form label,
.select-form strong.pr{
	font-weight:bold;
	float:left;
	padding:4px 0 6px 10px;
	width:35px;
}
.select-form select{
	border:2px solid;
	border-color:#969696 #fff #fff #969696;
}
#size{ width:140px;}
#color{ width:140px;}
.select-form input.text{
	width:37px;
	border:1px solid #8a8a8a;
	padding:1px 0 1px 2px;
}
span.price,
span.sale-price{
	float:left;
	padding:2px 0 4px;
}
span.price{text-decoration:line-through;}
span.sale-price{color:#ba2734;}

h3.stuff{
	padding-bottom:7px !important;}

table {
        width: 620px;
        text-align: center;
        padding-left: 30px;
}

td {
        padding: 10px;
}


td a {
        color: #963338;
}

td a:hover {
        color: #F2A7AC;
}