/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

/*=== Other ===*/
/*- Removes border around images. Then just need to specify class="noborder" to inserted images -*/

.noborder {
border:0 !important;
} 

/*- Removes 'Search for' text before search form -*/
.widget_search .screen-reader-text {
	display:none;
}

/*- Further styling of search form widget-*/
.widget_search {
	width:100%;
	padding-top:30px
}

.widget_search #s {
	position:absolute;
	width:200px;
}

/*- Hides "Comments are closed" line -*/
.nocomments { display: none; }

/*- Page length is lengthened to account for a longer sidebar -*/
.box .spacer {
 min-height: 950px;
}

/*=== Some primary text styles ===*/

ul li{
	color: #373737;
}
a{
	color: #FE1366;
}
a:hover{
	color: #ed0081;
	text-decoration: underline
}
.post ul li{
	color: #373737;
}	
.post li a:hover{
	color: #ed0081;
	text-decoration: underline
}

.nav2 li a, .widget li a{
	color: #ed0081;
}
.nav2 li a:hover, .widget li a:hover{
	color: #ed0081;
	text-decoration: none
}
.col1 a{
	color: #373737;
}
.widget #recentcomments li a{
	background:none;
	color: #ed0081;
	text-decoration:none;
}
.widget #recentcomments li a:hover{
	color: #ed0081;
	text-decoration: underline;
}
#footer a{
	color: #ed0081;
	text-decoration: none
}
#footer a:hover{
	text-decoration: underline
}
h2{
	color: #ed0081;
}
h2 a{
	color: #ed0081
}
h3{
	color: #ed0081;
	font-size: 1.4em;
}
h4{
	color: #ed0081;
	font-size: 1.2em;
	margin: 0 0 0.3em
}

.box4{
	font-size: 1.4em;
	color: #FCF8F5;
}

/*=== Image- and background-related ===*/

body{
    background: url(styles/zbgc/bgr1.gif) #fcf8f5 repeat-x top;
	color: #373737;
	font: .75em "Trebuchet MS", Arial, Helvetica;
    padding: 0 0 20px;
	line-height:1.8em;
}
.box4 .top,.box4 .bot{
	background: url(styles/zbgc/box4-top1.jpg) no-repeat top;
	clear: both;
	height: 10px;
	overflow: hidden
}
.box4 .bot{
	background: url(styles/zbgc/box4-bot1.jpg) no-repeat top
}
.box4 .spacer{
	background: #555555;
}
.box2 .spacer{
	background: #555555;
}
.box2 .top,.box2 .bot{
	background: url(styles/zbgc/box2-top1.jpg) no-repeat top;
}
.box2 .bot{
	background: url(styles/zbgc/box2-bot1.jpg) no-repeat top
}
.post blockquote {
	color: #555555;
	font: 1em "Trebuchet MS", Arial, Helvetica;
	padding: 0 0 20px;
	line-height:1.8em;
	background:#FCF8F5 no-repeat 10px 10px;
	width:80%; height:auto;
	margin:0 0 15px 10px; padding:15px 25px 0px 55px;
	display:block;
}
.quote {
	background: no-repeat top left;
	margin:9px 0 0;
	width:37px;
	height:29px;
}

/*=== Posts ===*/

.post img {	
	border:none
}

/*=== Navigation ===*/
/*- Nav1 -*/

/*=== Page Nav ( alternative with dropdowns) == */

#nav1 {
	font-size:15px;
	font-weight:none;
	height:30px;
	letter-spacing:-1px;
	float:right;	
	margin:70px 0 0;
	text-transform:uppercase;
}
#nav1 li a:hover,
#nav1 li.active a, 
#nav1 li.current_page_item a{
	background: url(styles/zbgc/btn-rounded.jpg) no-repeat left;
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;
}

#nav1 li.active a span,
#nav1 li.current_page_item a span,
#nav1 li a:hover span{
	background: url(styles/zbgc/btn-rounded.jpg) no-repeat right; 
}


/* Style drop down list */

#nav1 li ul li {
	background: #FFF;
	float: none;
	text-wrap:none;
}

#nav1 li ul li a:hover,
#nav1 li ul li.active a, 
#nav1 li ul li.current_page_item a{
	background: #faedf8;
}

#nav1 li ul li a span,
#nav1 li ul li.active a span,
#nav1 li ul li.current_page_item a span,
#nav1 li ul li a:hover span {
	background:none !important;
	color: #000;
}

#nav1 li ul li a {
	color: #000000;
	width: 150px;
	border: 1px solid #f8dbec;
	border-width: 1px 1px 1px 1px;
}

#nav1 li ul li ul li a {
	border-width: 1px 1px 1px 1px;
}

#nav1 li ul li.current_page_item ul li a  { background: transparent; }
#nav1 li ul li ul li a:hover  { background: #faedf8!important; }

/*- Provided by Woo Themes to fix line spacing issue on longer sub-menu items -*/
#nav1 li ul li ul { width:178px; } 
#nav1 li ul li ul li a { line-height: 14px; padding:7px 10px; }


/*=== Header ===*/
#header{
	height: 170px;
	position:relative;
}
#header .spacer{
	float: right
}
/*- Logo -*/
#header h1{
	float: left;
	_width:414px;
}
#header h1 a{
	display: block;
	height: 170px;
}

/*=== Link Buttons ===*/

.btn {
	margin:0; 
	padding:5px 10px;
	background:url(styles/zbgc/btn.jpg) repeat-x;
	border:1px solid #ed0081;
 	color:#ffffff;
	font-weight:bold;
}
.btn-cat a:hover{color: #ffffff;}

/*The following 2 lines stop a link in the button (.btn) in the slider from turning pink upon mouseover. Instead, the link will stay white. However, the drawback is that this will apply to any links in slider pages, including links not in a button 
.stepcarousel a:hover{
 	color:#ffffff;
}*/

.btn-rounded a{
	background: url(styles/zbgc/btn-rounded.jpg) no-repeat left;
	color: #ffffff;
	padding: 0 0 0 13px;
	display: block;
	float: left;
}
.btn-rounded a span{
	background: url(styles/zbgc/btn-rounded.jpg) no-repeat right;
	height: 30px;
	padding: 0 13px 0 0;
	display: block;
	float: left;
}
.btn-general{
	background: #ed0081;
	padding: 5px 10px;
	color: #ffffff;	
}

/*=== Right Column ===*/
#rightcol h3{
	color: #FFFFFF;
	font-size: 1.1em;
}
#rightcol .widget ul, #rightcol .textwidget {
	background: #FFFFFF;
}

/* Fixes 2.0 */
#nav1 li ul li.cat-item a { color:#000;}

/*=== Tooltips ===*/

span.tooltip {border-bottom: 2px dashed #FE1366;}
span.tooltip:hover {color: #fff; background:#FE1366; cursor: help;}

/*=== Slider ===*/

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 795px;
height: 315px; /*Height should enough to fit largest content's height*/
}

/*=== Sitemap ===*/

.ddsg-wrapper h2{
	color: #373737;
	font-size: 1.1em;
	margin: 0 0 1em
}