/*
Theme Name: WoollyBoo Main
Theme URI: http://woollyboo.com
Description: 
Version: 1.0
Author: Rob Maurizi
Author URI: http://rhminteractive.com/
Tags: 

*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom: 1; }

/* default style from splash page */

* { margin: 0; padding: 0; }
p { margin-bottom: 1em; }
body { margin: 0; background: #a0be46 url('images/sky.png') 0 0 repeat-x; position: relative; font-family: "Trebuchet MS"; color: #001d8f; font-size: 62.5%; padding-bottom: 300px; }
a { outline: none; }
.bkgd_grass { position: absolute; top: 163px; background: transparent url('images/bkgd_grass.png') 20% 0 repeat-x; height: 134px; width: 100%;}
.midground_grass { background: transparent url('images/middle_grass_2-rev.png') 50% 0 repeat-x; position: relative; width: 100%; top: 225px; z-index: 10; padding-bottom: 20px; margin-bottom: 243px; }
	.bkgd_grass { background-image: url('images/background-grass_rev.png'); z-index: 2; top: 142px; }
	.midground_grass { z-index: 3; top: 180px; padding-bottom: 93px; }
	.midground_grass { padding: 0 0 44px; margin: 0; top: 0; position: relative; }
	
.grass_color { background-color: #c8dc64; width: 100%; position: relative; top: 338px; /*bottom: 0; height: 50%;*/ z-index: 5; }
	.grass_color { top: 340px; position: relative; }

.foreground_grass { background: transparent url('images/foreground_grass_2.png') 100% top repeat-x; height: 138px; width: 100%; position: absolute; z-index: 20; padding-top: 100px; bottom: 0; }
.footer { width: 920px; margin: 50px auto 20px; color: #333; font-size: 1.4em; padding: 30px 30px 20px; /*-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color: rgba(255, 255, 255, .25);*/}

.header { width: 960px; position: absolute; top: 0; left: 50%; margin-left: -480px; }
	.header { height: 190px; z-index: 1; position: relative; }
	
	
#logo { position: absolute; top: 15px; left: 0; background: transparent url('images/woollyboo_logo.png') 10% 0 no-repeat;  }
#logo h1 a { display: block; width: 489px; height: 217px; text-indent: -9999px; position: relative; z-index: 10000;}
	#logo { background: none; }
	#logo h1 a { text-indent: 0; width: auto; height: auto; }

#nav { position: absolute; top: -15px; right: 0; width: 424px; height: 157px; z-index: 10000;}
	#nav { width: 576px; height: 185px; right: 0; }
	
#nav ul { list-style-type: none; }
#nav li { background: transparent url('images/nav_clouds.png') 0 0 no-repeat; position: absolute;}
	#nav li { background-image: url('images/nav-clouds_rev.png'); }
	
	#nav li#nav_about { top: 57px; left: 0; width: 154px; height: 85px; background-position: 0 -57px; z-index: 20;}
	#nav li#nav_about a { margin: 10px auto; width: 124px; height: 64px; display: block; text-indent: -9999px; }

	#nav li#nav_products { top: 0; left: 122px; width: 191px; height: 90px; background-position: -122px 0px; z-index: 10; }
	#nav li#nav_products a { margin: 10px auto; width: 161px; height: 70px; display: block; text-indent: -9999px; }

	#nav li#nav_contact { top: 70px; left: 253px; width: 171px; height: 87px; background-position: -253px -70px; z-index: 20; }
	#nav li#nav_contact a { margin: 10px auto; width: 151px; height: 67px; display: block; text-indent: -9999px; }


	/* new */
	#nav li#nav_about { width: 155px; height: 75px;			background-position: 0 -53px; }
	#nav li#nav_products { width: 191px; height: 71px; 		background-position: -138px 0; 		left: 138px; top: 4px; z-index: 30; }
	#nav li#nav_contact { width: 169px; height: 71px; 		background-position: -205px -80px;	left: 205px; top: 80px; }

	#nav li#nav_about a,
	#nav li#nav_products a,
	#nav li#nav_contact a { /*outline: 1px solid #900;*/ position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; }


	#nav-social li { background-image: url('images/social-balloons.png'); position: absolute; }
	#nav-social li a { display: block; text-indent: -9999px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

	#nav-social { position: absolute; right: 0; top: 30px; width: 144px; height: 138px; }

	#nav #social_twitter { background-position: 0 -55px; width: 62px; height: 83px; left: 0; top: 55px; }
	#nav #social_blogger { background-position: -44px 0; width: 44px; height: 57px; left: 44px; top: 0; }
	#nav #social_facebook { background-position: -87px -32px; width: 57px; height: 75px; left: 87px; top: 32px; }
	/* end new */

.content { /*padding-top: 320px; */width: 780px; /* was 720px */ margin: 0 auto; position: relative; z-index: 1000; font-size: 1.6em; line-height: 1.7; top: -283px; }
	
h2 { color: #F00; margin-bottom: .5em; }
h3 { line-height: 1.2; font-size: 1.3125em;}
.content .wrap { float: left; width: 500px; }
	.content .wrap { width: 100%; }

.content #right_col { /*margin-top: 60px; */float: right; width: 240px; font-size: .875em; }
.content #right_col h3 { font-size: 1.5em; line-height: 1.2; margin-bottom: .5em; }
.content img { float: right; margin: 0 0 1em 1em; border: 2px solid #F00; background-color: #FFF; background-color: rgba(255,255,255,.25); padding: 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.archive .content #right_col { margin-top: 0; width: 200px; padding: 20px; background-color: rgba(255, 255, 255, .5); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

a { color: #F00; }
a:hover { text-decoration: none; }


ul { list-style-position: inside; margin: 0 0 .5em; }

/* end default style from splash page */

.product-wrap { width: 500px; float: left; }

#contact { float: left; width: 500px; }



/* product single */

.single .wrap { width: 780px;}
.single .slideshow { float: left; margin-left: 0; margin-bottom: 1em; width: 500px !important;}
.single .slideshow img { margin: 0; display: block; }
.single .short_descr { float: right; width: 220px; padding: 15px; background-color: #E3EDB1; /*background-color: rgba(255, 255, 255, .5);*/ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin-left: 1em; margin-bottom: 1em; }
.single h3 { clear: left; margin-bottom: .5em; }
.single .wrap p, .single .wrap .product_notes { clear: left; }

.product_notes { font-size: .9em; margin-top: 2em; border-top: 1px dotted #F00; padding-top: 2em; }

.product_info { clear: left;margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px dotted #C00; }
.product_info h3 { /*clear: both;*/ margin-bottom: .5em; }
.product_info .prod_img { float: left; margin-left: 0; width: 240px; margin-right: 1em; margin-bottom: 0;}
.product_info .includes { float: right; width: 230px; }
.product_info .prod_descr { width: 320px; float: right; }
.product_info .buy_link { text-align: right; display: block; }

.buy_now { display: block; width: 180px; height: 30px; margin: 0 auto 1em;; }
.buy_now img { border: none; padding: 0; float: none; background: transparent; margin: 0; }
.all_products { text-align: center; }


.content .paypal img { border: none; margin: 0; padding: 0;}
.paypal form select, .paypal form input[type='text'] { width: 190px; }
.paypal form input[type='image'] { margin-top: 1em; }
.paypal h3 { border-top: 3px dotted #F00; padding-top: .5em; margin-bottom: 0; color: #F00; }
.paypal { border-bottom: 3px dotted #F00; padding-bottom: 1em; margin-bottom: 1em;}



.product_description { width: 500px; float: left; }
.customer-reviews { float: right; width: 220px; padding: 15px;}
.customer-reviews h3 { border-bottom: 1px dotted #001D8F; }
#all-reviews { font-size: .75em; font-style: italic; }
.customer-reviews .cite { text-align: right; }
.single .wrap .product_notes { clear: both; }

.customer-reviews .next { text-align: right; cursor: pointer; }



/* end product single */

.single .category-news { width: 500px; }
.category-news h3 a { color: #001D8F; }
.category-news h3 { margin-bottom: 0; }




/* news */

.news-wrap { width: 500px; float: left; }
.single-default .post { width: 500px; float: left; }


/* end news */








.rhm_link { font-size: .85714285714285714285em;}

form p { clear: both; padding: 0; line-height: 1.2; /*width: 50%; float: left;*/ zoom: 1; }
form p:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	zoom: 1;
}
/*form label, */form input[type='text'], form textarea { display: block; width: 300px; float: left;}
form label { width: 150px; float: left; text-align: right; padding-right: 1em; }
form select { display: block; width: 300px; }

/*form label, form input[type='text'], form select { float: left; }
form label { width: 120px; text-align: right; padding-right: 1em; }
form input[type='text'] { width: 300px; }
form select { margin-right: 1em; } */


form select#subject { float: left; margin-right: 5%; }
form input#subject_other {/* float: left; width: 49%; */display: none; margin-left: 166px; margin-top: .5em; }

form #verify_row span { display: block; font-size: .85714285714285714285em; font-style: italic; }

form label.required { font-weight: bold; }
form .form_error { background: transparent url('images/exclamation.png') right 90% no-repeat; }
form .form_okay { background: transparent url('images/tick.png') right 90% no-repeat; }

form .submit_button { text-align: right; }
form .submit_button input { margin-right: 28px; margin-top: 1em; }

.note { font-style: italic; padding-top: 1em; }

ul#social { list-style-type: none; margin: 0; padding: 0; }
ul#social li { margin: 0; padding: 0; }
ul#social img { border: none; padding: 0; margin: 0 0 1em; moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }




.home .wrap img { margin: 0 0 1em 0; float: none;}
.home .content #right_col { margin-top: 384px; }
	.home-content { width: 490px; float: left; margin-bottom: 2em; }

	.gallery-wrap ul { list-style-type: none; float: left; margin: 0; padding: 0; position: relative; }
	.gallery-wrap li { margin: 0; padding: 0; }

	.gallery-wrap { padding: 0; border: 2px solid #FFF; border: 2px solid rgba(255, 255, 255, .5); height: 120px; overflow-y: hidden; width: 766px; margin: 0 auto 1em; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5); position: relative; }
	.gallery-wrap img { border: none; padding: 0; margin: 0; }
	.home-gallery { float: left; top: -90px; }



.news { float: right; margin-bottom: 2em; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; background-color: #cfe520; background-color: rgba(255, 255, 0, 0.5); z-index: 0; right: -10px; padding: 1em; top: 10px; width: 240px; }
.news h3 { margin-bottom: .5em; }
.news p { font-size: .875em; line-height: 1.1; margin-bottom: .5em; }
.news h4 { line-height: 1.1; margin-bottom: .5em; }
.news h4 a { color: #001D8F; text-decoration: none; }
.news h4 a:hover { color: #F00; }

	
.wool { clear: both; background-image: url('images/label-rev.png'); background-position: 0 10px; background-repeat: no-repeat; padding: 0 15px 0 155px; min-height: 195px; }

.sidebar_module { margin-bottom: 2em; }

body.page-id-2 .wrap { width: auto; }

/* mailchimp */

.mailchimp {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color:#E3EDB1;
float:right;
margin-top:-1.5em;
padding:1em;
}
.mailchimp h3 {
color:#FF0000;
margin-bottom: 0;
}
.mc_merge_var {
float:left;
margin-bottom:0.5em;
margin-top:0.5em;
position:relative;
width:350px;
}
.mailchimp .mc_var_label {
text-align:left;
width:110px;
}
.mailchimp .mc_input {
left:110px;
position:absolute;
top:0;
width:220px;
}
.mailchimp .mc_signup_submit {
float:right;
margin-top:0.5em;
}
.mailchimp #mc_signup_submit {
background-color:#FFFFFF;
border:1px solid #FF0000;
color:#FF0000;
font-weight:bold;
padding:0 0.5em;
}


/* end mailchimp */