/*
Theme Name: Bottle Up and Explode Theme
Theme URI: http://wordpress.org/
Description: CreativePickle Theme
Version: 1.0
Author: CreativePickle
Author URI: http://creativepickle.com/


*/



/* Begin Typography & Colors */
html, body {
	border:0;
	margin:0;
	padding:0;
}
body {
	font:100%/1.25 arial, helvetica, sans-serif;
}
/***** Common Formatting *****/
 
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:normal;
}
h1 {
	padding:30px 0 25px 0;
	letter-spacing:-1px;
	font:2em arial, helvetica, sans-serif;
}
h2 {
	padding:20px 0;
	letter-spacing:-1px;
	font:1.5em arial, helvetica, sans-serif;
}
h3 {
	font:1em arial, helvetica, sans-serif;
	font-weight:bold;
}
p, ul, ol {
	margin:0;
	padding:0 0 18px 0;
}
ul, ol {
	list-style:none;
	padding:0 0 0 40px;
}
blockquote {
	margin:22px 40px;
	padding:0;
}
small {
	font-size:0.85em;
}
img {
	border:0;
}
sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}
sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}
acronym, abbr {
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}
/***** Links *****/
 
a, a:visited {
	text-decoration:none;
}
/***** Forms *****/
 
form {
	margin:0;
	padding:0;
	display:inline;
}
input, select, textarea {
	font:1em arial, helvetica, sans-serif;
}
textarea {
	line-height:1.25;
}
label {
	cursor:pointer;
}
/***** Tables *****/
 
table {
	border:0;
	margin:0 0 18px 0;
	padding:0;
}
table tr td {
	padding:2px;
}

/************STYLES************/

body{
background:url(images/bg.jpg) repeat 0 0;}

#container{
position:relative;
width:910px;
background:url(images/container_bg.png) repeat-y 0 0;
margin:0px auto;
min-height:350px;}

#footer{
background:url(images/footer_bg.png) no-repeat 0 0;
padding:0 0 0 0;
height:110px;
width:910px;
margin:0px auto;
font-family: "lucida sans unicode","lucida grande",sans-serif;
font-size: 12px;
color:#939598;
text-transform:uppercase;
letter-spacing:.06em;}

#footer_content{
width:775px;
margin:0px auto;
text-align:center;
padding:65px 0 0 0;}

#header{
height:125px;
}

#nav{
height:45px;
margin:35px 0 0 0;}

#search{
width:190px;
height:125px;
position:absolute;
top:55px;
right:60px;}

#content{
width:775px;
margin:0px auto;
padding:45px 0 0 0;
font-family: "lucida sans unicode","lucida grande",sans-serif;
font-size: 14px;
color:#6c6d6e;}

#left{
width:525px;
float:left;
min-height:430px;
margin:25px 0 0 0;
text-align:left;
}

#right{
width:240px;
float:left;
margin:25px 0 0 10px;
text-align:left;
}

#left.single{
width:375px;
float:left;
min-height:430px;
margin:25px 0 0 0;
padding:0 0 0 15px;
text-align:left;}

#right.single{
width:350px;
float:left;
margin:25px 0 0 10px;
padding:0 15px 0 0;
text-align:left;
}

div.narrowpage{
width:745px;
margin:0px auto;
padding:15px 0 0 0;
}

.center{
text-align:center;}

div.bombtitle{
position:relative;
height:104px;
width:545px;
padding:0 0 15px 0;
background:url(images/bomb.png) no-repeat 0 0;}

/*****IMAGE STYLES********/

img.logo{
float:left;}

div.largethumb{
background:url(images/large_thumb_bg.png) no-repeat 0 0;
width:525px;
height:430px;
}

div.largethumb img{
width:475px;
height:385px;
margin:22px 0 0 25px;}

div.smallthumb{
background:url(images/small_thumb_bg.png) no-repeat 0 0;
width:140px;
height:115px;
}

div.smallthumb:hover{
background:url(images/small_thumb_bg_rollover.png) no-repeat 0 0;
}


div.smallthumb img{
width:120px;
height:97px;
margin:8px 0 0 0;}

div.tinythumb{
background:url(images/tiny_thumb_bg.png) no-repeat 0 0;
width:100px;
height:82px;
}

div.tinythumb:hover{
background:url(images/tiny_thumb_bg_rollover.png) no-repeat 0 0;
}


div.tinythumb img{
width:80px;
height:65px;
margin:8px 0 0 10px;}

p.pie-img-wrapper{
background:url(images/small_thumb_bg.png) no-repeat 0 0;
width:140px;
height:115px;
text-align:center;
}

p.pie-img-wrapper:hover{
background:url(images/small_thumb_bg_rollover.png) no-repeat 0 0;
}


p.pie-img-wrapper img{
width:120px;
height:97px;
margin:8px 0 0 0;}

/******LIST STYLES********/

ul.nav{
list-style:none;
padding:0 0 0 0;
margin:0 0 0 0;
width:775px;
height:45px;
background:url(images/navbar.png) no-repeat 0 0;
}

ul.nav li{
height:45px;
float:left;
padding:0 0 0 0;
margin:0 0 0 0;
}

ul.nav li a {
display:block;
height:45px; 
min-width:134px;
background:transparent url(navigation.png) no-repeat 0 0;
text-indent:-9009px;
outline:none;
}

ul.nav li.products{
width:167px;
background:url(images/nav/products.png) no-repeat 0 0;}


ul.nav li.store{
width:134px;
background:url(images/nav/store.png) no-repeat 0 0;}


ul.nav li.about{
width:135px;
background:url(images/nav/about.png) no-repeat 0 0;}

ul.nav li.news{
width:174px;
background:url(images/nav/news.png) no-repeat 0 0;}


ul.nav li.local{
width:143px;
background:url(images/nav/local.png) no-repeat 0 0;}

ul.nav li.contact{
width:165px;
background:url(images/nav/contact.png) no-repeat 0 0;}

ul.nav li:hover{
background-position:0 -45px;}

ul.social{
position:absolute;
list-style:none;
top:30px;
left:760px;
padding:0 0 0 0;
width:75px;
height:25px;
}

ul.social li{
height:25px;
width:25px;
float:left;
padding:0 0 0 0;
margin:0 0 0 0;
}

ul.social li a {
display:block;
height:25px; 
width:25px;
background:transparent url(navigation.png) no-repeat 0 0;
text-indent:-9009px;
outline:none;
}

ul.social li.etsy{
background:url(images/social/etsy.png) no-repeat 0 0;}


ul.social li.facebook{
background:url(images/social/facebook.png) no-repeat 0 0;}


ul.social li.twitter{
background:url(images/social/twitter.png) no-repeat 0 0;}

ul.social li:hover{
background-position:0 -25px;}

ul.products{
clear:both;
width:805px;
text-align:center;
padding:15px 0 15px 0;}

ul.products li{
width:140px;
height:140px;
float:left;
margin:0 15px 20px 0;}

ul.productgrid{
clear:both;
width:800px;
text-align:center;
padding:15px 0 15px 0;}

ul.productgrid li{
width:140px;
height:140px;
float:left;
margin:0 55px 30px 0;}

ul.recent{
width:220px;
list-style:none;
padding:0 0 0 0;}

ul.recent li{
float:left;
margin:0 5px 5px 0;}
/*****BUTTON STYLES AND PARAGRAPH STYLES*********/

p.learn{
height:40px; 
width:150px;
padding:0 0 0 0;
margin:10px 0 0 0;
float:left;
}
p.learn a {
display:block;
height:40px; 
width:150px;
background:transparent url(navigation.png) no-repeat 0 0;
text-indent:-9009px;
}

p.learn {
background:url(images/learn_btn.png) no-repeat 0 0;}
p.learn:hover{
background-position:0 -40px;}

p.more{
height:40px; 
width:150px;
padding:0 0 0 0;
margin:0 0 0 0;
float:left;
}
p.more a {
display:block;
height:40px; 
width:150px;
background:transparent url(navigation.png) no-repeat 0 0;
text-indent:-9009px;
}

p.more {
background:url(images/more_btn.png) no-repeat 0 0;}
p.more:hover{
background-position:0 -40px;}

p.buy{
height:40px; 
width:150px;
padding:0 0 0 0;
margin:10px 0 0 0;
float:left;
}
p.buy a {
display:block;
height:40px; 
width:150px;
background:transparent url(navigation.png) no-repeat 0 0;
text-indent:-9009px;
}

p.buy {
background:url(images/buy.png) no-repeat 0 0;}
p.buy:hover{
background-position:0 -40px;}

p.month{
color:#FFFFFF;
font-family: "lucida sans unicode","lucida grande",sans-serif;
font-size: 11px;
text-transform:uppercase;
position:absolute;
top:47px;
left:20px;}

p.day{
font-size:32px;
position:absolute;
top:55px;
left:17px;
color:#008c99;}

/********HEADER STYLES**********/

h1{
padding:0 0 0 0;}

h1.blogtitle{
position:absolute;
top:50px;
left:70px;
font-size:40px;}

h2{
clear:both;
padding:0 0 8px 0;
font-size:24px;
color:#008c99;}

h2.red{
color:#8b0b04;
padding:8px 0 5px 0;
}

h1.pagetitle{
font-size:40px;
color:#008c99;
padding:8px 0 12px 0;}

h1.posttitle{
font-size:40px;
color:#008c99;
padding:15px 0 12px 0;}

h3.product_link{
padding:8px 0 0 0;}

h3.search{
font-size:24px;
color:#008c99;
padding:25px 0 8px 0;}

h3.right{
clear:both;
font-size:24px;
float:right;
color:#8b0b04;
padding:10px 0 8px 0;}

h4{
font-family: "lucida sans unicode","lucida grande",sans-serif;
font-size: 12px;
color:#939598;
text-transform:uppercase;
letter-spacing:.06em;
padding:8px 0 0 0;}

/*********INPUT AND FORM STYLES**********/

div.searchform{
width:200px;
height:70px;
position:absolute;
top:15px; 
right:6px;
padding:0 0 0 0;
}

input.searchBtn{
cursor:default;
margin:0 0 0 0;
background:url(images/search_btn.png) no-repeat 0 0;
height:25px;
width:25px;
border:none;
display:inline;}

input.searchBtn:hover{
cursor:pointer;
height:25px;
width:25px;
background-position:0 -25px;}

#left input.searchBtn{
float:left;}

input#s{
margin:0 0 0 0 0;
font-family: "lucida sans unicode","lucida grande",sans-serif;
font-size: 11px;
color:#6c6d6e;
width:140px;
display:inline;
}

input#mc-embedded-subscribe.btn{
cursor:default;
margin:0 0 0 0;
background:url(images/search_btn.png) no-repeat 0 0;
height:25px;
width:25px;
border:none;
display:inline;}

input#mc-embedded-subscribe.btn:hover{
cursor:pointer;
height:25px;
width:25px;
background-position:0 -25px;}

#left input.searchBtn{
float:left;}

input#mce-EMAIL{
margin:0 0 0 0 0;
font-family: "lucida sans unicode","lucida grande",sans-serif;
font-size: 11px;
color:#6c6d6e;
width:140px;
display:inline;
}

div.formcontainer{
}

fieldset{
border:none;
padding:0 0 20px 0;
}

div.form-input input{
width:350px;
margin:10px 0 8px 0;
font-family: "lucida sans unicode","lucida grande",sans-serif;
font-size: 11px;
color:#6c6d6e;}

div.form-textarea textarea{
width:350px;
margin:10px 0 8px 0;
font-family: "lucida sans unicode","lucida grande",sans-serif;
font-size: 11px;
color:#6c6d6e;}

legend{
color:#008c99;
font-size:30px;
padding:4px 0 8px 0;

}


label{
color:#8b0b04;
font-size:18px;
padding:0 0 8px 0;
}

label.copy{
text-transform:none;}

input.button{
cursor:default;
margin:25px 0 20px 0;
background:url(images/submit_btn.png) no-repeat 0 0;
height:40px;
width:150px;
border:none;}

input.button:hover{
cursor:pointer;
height:40px;
width:150px;
background-position:0 -40px;}

p.error{
text-transform:uppercase;
color:#89959d;}

/********LINK STYLES***********/
a{
outline:none;}

a:active, a:link, a:visited{
color:#008c99;
}

a:hover{
color:#8b0b04;}

h3.right a:active, h3.right a:link, h3.right a:visited{
color:#8b0b04;;
}

h3.right a:hover{
color:#008c99;}




/********MISC CLASSES**********/
.clearfix{
clear:both;}