/*
Theme Name: Tallulah
Theme URI: http://tallulahbaby.com/
Description: Custom Wordpress theme for Tallulah Baby
Version: 1.0
Author: Jessica of Balancing Everything
Author URI: http://balancingeverything.com/

	The CSS, XHTML and design is protected by copyright and is not available to the public.

*/


/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0
}
body{
	background: #ddeef0;
	color: #704f35;
	font: .85em Verdana,Arial,Geneva,Helvetica,Sans-Serif;
	padding: 0 0 25px
}
a{
	color: #ee7783;
	text-decoration: none
}
a:hover{
	color: #ee7783
}
input,select,textarea{
	border: #999999 1px solid;
	font-size: 12px;
	padding: 4px
}
li{
	list-style: none
}
h2{
	color: #ee7480;
	font-size: 1.7em;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0 0 .3em
}
h2 span{
	display: none
}
h2 img{
	display: block
}
h3{
	font-size: 1.1em;
	margin: 0 0 .3em
}
p{
	line-height: 1.6em;
	padding: 0 0 1.3em
}
/*=== Layout ===*/
#page{
	background: #ffffff;
	margin: 0 auto;
	width: 878px
}
/*=== Header ===*/
#header{
	background: url(images/header-bgr.gif) no-repeat top;
	height: 232px;
	padding: 0 20px 0 0
}
/*- Logo -*/
#header h1{
	float: left;
	text-indent: -9999px;
	width: 200px
}
#header h1 a{
	display: block;
	height: 232px
}
#header h1 a:hover{
	text-decoration: none
}
/*=== Navigation ===*/
/*- Nav1 -*/
#nav1{
	float: right;
	height: 34px;
	padding: 18px 0 0;
	text-indent: -9999px;
	width: 393px
}
* html #nav1{
	width: 420px
}
#nav1 li{
	float: left;
	margin: 0 0 0 8px
}
#nav1 li a{
	background: url(images/nav1-bgr.gif) no-repeat top;
	display: block;
	height: 34px;
	width: 123px
}
#nav1 li a:hover{
	text-decoration: none
}
#nav1 li#n01 a{
	background-position: 0 0
}
#nav1 li#n01 a:hover, #nav1 li#n01.active a{
	background-position: 0 -34px
}
#nav1 li#n02 a{
	background-position: -131px 0
}
#nav1 li#n02 a:hover, #nav1 li#n02.active a{
	background-position: -131px -34px
}
#nav1 li#n03 a{
	background-position: -261px 0
}
#nav1 li#n03 a:hover, #nav1 li#n03.active a{
	background-position: -261px -34px
}
/*- Nav2 -*/
.nav2 li{
	margin: 0 0 6px
}
.nav2 li a{
	color: #704f35;
	margin: 0 0 5px
}
.nav2 li a:hover,
.nav2 li.active a{
	border-bottom: 1px dashed #704f35;
	color: #704f35;
	text-decoration: none
}
/*=== All Columns ===*/
#columns{
	height: 1%;
	margin: 20px 0 0;
	padding: 0 31px 15px 0
}
/*=== Left Column ===*/
#leftcol{
	float: left;
	width: 242px
}
/*=== Center Column ===*/
#centercol{
	float: right;
	width: 561px;
	padding: 0 0 35px;
}
#centercol img.alignleft{
	float: left;
	margin: 5px 10px 0 0;
	padding: 3px; 
}
* html #centercol h2{
margin-left: 0
}

.pagelist li{
margin: 10px 50px 10px 50px;
padding-bottom: 10px;
border-bottom: dashed 1px gray;
}

#centercol h2{
	margin-left: -20px;
	position: relative
}
#centercol a:hover{
	border-bottom: 1px dashed #ee7480;
	text-decoration: none
}
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box{
	background: #fef7dc;
	margin: 0 0 10px;
	width: 242px
}
.box .top,.box .bot{
	background: url(images/box-top.gif) no-repeat top;
	clear: both;
	height: 10px;
	overflow: hidden
}
.box .bot{
	background: url(images/box-bot.gif) no-repeat top;
	height: 71px
}
.box .spacer{
	height: 1%;
	padding: 0 12px
}
.box h2 img, .box3 h2 img{
	margin: 0 0 0 -29px;
	position: relative
}
/*- Box2 (Green) -*/
.box.green{
	background: #e8e9c4;
	margin: 0 0 20px
}
.box.green .top{
	background: url(images/box2-top.gif) no-repeat top
}
.box.green .bot{
	background: url(images/box2-bot.gif) no-repeat top;
	height: 10px
}
/*- Box3 (Newsletter) -*/
.box3{
	background: url(images/box3-bgr.gif) no-repeat top;
	height: 95px;
	margin: 0 0 15px;
	padding: 10px 15px 0
}


/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}
.fl{
	float: left
}
.fr{
	float: right
}
.ac{
	text-align: center
}
.pic img{
	display: block;
	margin: 0 0 .8em
}
/*=== Product Pages ===*/

#view h3, #info h3 {
	color: #ee7480;
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0 0 .3em;
	text-transform: lowercase;
}
/*-- view --*/
#view {
	position:relative;
	float:left;
	width:250px;
	padding:260px 0 0 0;
	font-size: 13px;

}
#view ul{
	float:left;
	width:300px;
	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;
	font-size:13px;
}
#info p{padding-top:4px; padding-right:6px;}

.sizelist {
margin-bottom: 15px;
}
.sizelist li {
margin-left: 30px;
padding-bottom: 5px;
list-style-type: circle;
}
.select-form {
	float:left;
	padding:0px 0 15px;
}
.select-form ul li{
	padding: 15px 0 3px 0;
	width:250px;
	float:left;
}
.select-form label,
.select-form strong.pr{
	font-weight:bold;
	padding:4px 0 8px 0px;
}

.descrip{
clear: both;
padding: 15px 0 0 0;
font-size: 13px;
}
.descrip h3 {
	color: #ee7480;
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0 0 .3em;
	text-transform: lowercase;
}
/*=== Footer ===*/
#footer{
	background: url(images/footer-bgr.gif) no-repeat bottom;
	height: 87px;
	margin: -60px 0 0;
	padding: 0 15px 0 0;
	position: relative;
	text-align: right;
	font-size: 11px;
	clear: both;
}
#footer a{
	color: #5f3b1e
}
#footer img{
	margin: 0 0 0 15px
}
#footer .copy{
	padding: 40px 0 0
}
#newsletter{
padding: 8px 30px 8px 30px;
width: 800px;
margin-right: 100px;
}
#newsletter .required{
color: #EA4961;
font-size: 12px;
text-align: right;
padding-right: 10px;
}