/*
Theme Name: Brownberry
Version: 0.1


@import "public/stylesheets/reset.css" screen, print;
@import "public/stylesheets/forms.css" screen, print;*/

/* Table of Contents 
=======================
	* - Global
	1 - Header
	2 - Structure
	3 - Nav
	4 - Search
	5 - Headings
	6 - Lists
	7 - Forms
	8 - Links
	9 - Misc
=======================
*/

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

* {
	margin: 0;
	padding: 0;
}

html {

}

body{
	font: 14px / 17px Museo-300, Georgia,'Times New Roman',Times,serif;
	background: url("public/images/bg2.png") repeat scroll 50% 4px transparent;
	color: #524D4B;
}

.Museo-700 { font-family: Museo-700; }
.Museo-300 { font-family: Museo-300; }
.Museo-500 { font-family: Museo-500; }
.Calluna-Regular { font-family: Calluna-Regular; }
.CallunaSans-Semibold { font-family: CallunaSans-Semibold; }
.CallunaSans-Regular { font-family: CallunaSans-Regular; }
.DaisyLau { font-family: DaisyLau; }

ul {list-style-position: inside;}

/* 1- Header
----------------------------------------------- */
div#headbar {
background: #ffffff;
}
div#header{
	background: #ffffff;
	display: block;
	height: 97px;
	width: 1030px;
	padding-left:50px;
	padding-right:53px;
	margin: 0 auto;
	position: relative;
}

/* 2- Structure
----------------------------------------------- */

div#wrapper{	
	padding-top: 17px;
	padding-bottom: 50px;
	padding-left:50px;
	padding-right:50px;
	
}

div#content {
  width: 971px;
  display: block;
  background: url("public/images/contentBG.png") repeat-y scroll 0 0 transparent;
  min-height: 627px;
  /*min-height: 579px;*/
  padding: 30px;
  margin: 0px auto;
  position: relative;
}

div#content p{
  margin-bottom: 1em;

}

div#content img{
  max-width: 920px;
}

img#home {
	margin: 25px 0px;
}

img#logo {
	float: left;
	margin-top:21px;
}	

div#shop {
  display: block;
  margin: 25px;
  position: relative;
  padding-left: 400px;
  padding-right: 200px;
}

div#shop img#product{
  float: left;
  position: absolute;
  top: 0;
  left: 240px;
}

div#shop p {
  margin-bottom: 1em;
}

table.about td{
  padding: 10px;
}

/* 3- Nav
----------------------------------------------- */

ul#nav {
border-left:1px solid #6C6361;
border-right:1px solid #6C6361;
height:25px;
	list-style-type: none;
	float: left;
	margin: 58px 0 0 54px;
	padding-left: 5px;
}

ul#nav li {
	border-left:1px solid #6C6361;
border-right:1px solid #6C6361;
display:block;
float:left;
margin:0 5px 0 0;
height: 25px;
}

ul#nav li a{
display:block;
line-height:25px;
outline:medium none;
padding:0 15px;
text-decoration:none;
text-transform:uppercase;
font-family: CallunaSans-Regular;
font-size: 16px;
color: #f72025;
}

ul#nav li a:hover{
color: #6c6361;
}

ul#nav li.current_page_item a{
color: #6c6361;
}


ul#socialButtons {
height:28px;
list-style-type:none;
overflow:hidden;
position:absolute;
right:55px;
top:10px;
width:300px;
}

ul#socialButtons li {
display: block;
float: left;
margin-left:6px;
}

ul#socialButtons li a{
background: url("public/images/social_icons.png") no-repeat scroll 0 0 transparent;
display: block;
width: 28px;
height: 28px;
overflow: hidden;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
/* IE 5-7 */
filter: alpha(opacity=60);
/* Netscape */
-moz-opacity: 0.6;
/* Safari 1.x */
-khtml-opacity: 0.6;
/* Good browsers */
opacity: 0.6;
}

ul#socialButtons li a:hover{
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
/* IE 5-7 */
filter: alpha(opacity=80);
/* Netscape */
-moz-opacity: 0.8;
/* Safari 1.x */
-khtml-opacity: 0.8;
/* Good browsers */
opacity: 0.8;
}

ul#socialButtons li.facebook a{
background-position: 0 0;
}

ul#socialButtons li.pinterest a{
background-position: -28px 0;
}

ul#socialButtons li.twitter a{
background-position: -56px 0;
}

ul#socialButtons li.instagram a{
background-position: -84px 0;
}

ul#socialButtons li.youtube a{
background-position: -112px 0;
}
ul#socialButtons li.tumblr a{
background-position: -140px 0;
}
ul#socialButtons li.googleplus a{
background-position: -168px 0;
}
ul#socialButtons li.email a{
background-position: -196px 0;
}



ul.press {
  list-style: none;
  display: block;
  height: auto;
  float: left;
}

ul.press li {
  float: left;
  margin: 20px;
  margin-top: 0px;
  width: 140px;
  height: 140px;
  display: block;
}

ul.press li img {
  width: 100%;
  height: auto;
}

ul#nav li #navBag {
height:25px;
float: left;
}

ul#nav li #navBag img{
margin-top: -9px;
}

ul#nav li #navItems {
color: #000000;
    float: left;
    font-size: 15px;
    font-weight: normal;
    padding-left: 0;
    text-transform: lowercase;
}


/* 4- Search
----------------------------------------------- */

/* 5- Headings
----------------------------------------------- */

h1{ font-family: DaisyLau; color: #030000; font-size: 36px; font-weight:normal;}
h2{ font-size: 18px;margin-bottom: 2em;text-transform: uppercase;line-height: 1.5em;}

/* 6- Lists
----------------------------------------------- */

/* 7- Forms
----------------------------------------------- */

/* 8- Links
----------------------------------------------- */

a img {
	border: none;
}	

/* 9- Misc
----------------------------------------------- */

.price { font-size: 18px;}

.gallery-item {
width:161px !important;
}

.clearfix {
clear: both;
line-height: 0;
}

/* 10- About
----------------------------------------------- */

.aboutLeft {
display:block;
float:left;
width:390px;
}

.aboutText {
color:#524D4B;
display:block;
float:left;
font-family:CallunaSans-Regular;
font-size:14px;
width:580px;
line-height:17px;
}

.aboutImage {
height: 155px;
display: block;
}

.aboutTitle {
margin: 15px 0px;
height: 53px;
line-height: 53px;
font-family: DaisyLau;
font-size: 36px;
color: #030000;
}

.aboutQuote {
font-size: 18px;
color: #6c6361;
font-family: Museo-300; 
line-height:23px;
text-indent:-5px;
margin-left: 3px;
margin-right: 50px;
}

div#content .aboutQuote p {
margin:0;
}


/* 11- How To
----------------------------------------------- */

.howLeft {
display:block;
float:left;
width:390px;
}

div#content .howText {
color:#524D4B;
display:block;
float:left;
font-family:CallunaSans-Regular;
font-size:14px;
width:570px;
line-height:17px;
margin-right: 10px;
margin-bottom: 90px;
}

.howTitle {
margin: 170px 0 15px;
height: 53px;
line-height: 53px;
font-family: DaisyLau;
font-size: 36px;
color: #030000;
}

div#content .howQuote {
font-size: 18px;
color: #6c6361;
font-family: Museo-300; 
line-height:23px;
text-indent:0px;
margin-left:0px;
margin-right:50px;
}

div#content .howQuote p {
margin:0;
}

.howMedallion {
height:256px;
margin:-10px;
text-align:right;
}

.howMail {
color:#F72025;
margin-top:25px;
font-size: 13px;
}

.howMail a, .howMail a:hover, .howMail a:visited  {
color:#F72025;
text-decoration: none;
}


/* 12- Home
----------------------------------------------- */

#homeProduct {
display: block;
    height: 346px;
    position: relative;
    width: auto;
}

.homeMedallion {
margin:-10px 0 0 785px;
position:absolute;
}

.homeProductImg {
float:left;
margin:10px 40px 0 18px;
position:relative;
}

.homeProductTitle {
color:#F72025;
display:block;
float:left;
font-family:Museo-300;
font-size:48px;
line-height:48px;
margin-top:87px;
position:relative;
width:520px;
}

.homeProductSubtitle {
color:#030000;
display:block;
float:left;
font-family: Museo-500;
font-size:19px;
line-height:22px;
margin-top:19px;
width:690px;
}

.homeProductBlurb {
color:#030000;
display:block;
float:left;
font-family: Museo-300;
font-size:19px;
line-height:22px;
width:690px;
}

.homeProductButton {
color:#FFFFFF;
display:block;
float:left;
font-family: CallunaSans-Semibold;
font-size:24px;
height:32px;
line-height:32px;
text-align:center;
text-decoration:none;
margin-top:25px;
padding: 1px;
border: 1px solid #F72025;
}

.homeProductButton a {
background:none repeat scroll 0 0 #F72025;
color:#FFFFFF;
display:block;
font-family: CallunaSans-Semibold;
font-size:24px;
height:32px;
line-height:32px;
text-align:center;
text-decoration:none;
padding: 0 10px;
}

#homeMsgContainer {
border-bottom:1px solid #F72025;
border-top:1px solid #F72025;
clear:both;
display:block;
height:141px;
margin:50px -13px 0px;
width:992px;
}

.homeMsg {
border-bottom:1px solid #F72025;
border-top:1px solid #F72025;
display: block;
height: 129px;
margin: 5px 0;
width:992px;
}

.homeMsgMessage {
float: left;
margin:33px 30px;
line-height: 63px;
color: #6c6361;
font-size: 48px;
font-family: DaisyLau;
}

.homeMsgImg {
float:left;
margin:12px;
text-align:center;
width:60px;
}

.homeMsgBlurb {
color:#030000;
display:block;
float:left;
font-family:Museo-300;
font-size:19px;
line-height:22px;
margin:32px 0 4px 10px;
width:530px;
}

.homeMsgButton a {
color: #f72c31;
float: left;
font-family: CallunaSans-Semibold;
font-size: 14px;
margin-left: 10px;
display:block;
text-decoration: none;
min-width: 100px;
}

#homeFooter {
display:block;
height:26px;
margin:10px -13px -6px;
width:992px;
}

.homeMail, .productMail {
margin: 0 auto;
height:26px;
line-height:26px;
}

.homeMailJoin {
color:#6C6361;
display:block;
float:left;
font-family:CallunaSans-Regular;
font-size:15px;
height:26px;
line-height:26px;
}

.productMailJoin {
color:#6C6361;
display:block;
float:right;
font-family:CallunaSans-Regular;
font-size:15px;
height:26px;
line-height:26px;
}

.homeMailEmail {
display:block;
float:left;
}

.homeMailButton {
display:block;
float:left;
}

.productMailEmail {
display:block;
float:right;
}
.productMailButton {
display:block;
float:right;
}

.homeMail input, .productMail input{
background:none repeat scroll 0 0 #E1DFDE;
border:0 none;
clear:both;
color:#6C6361;
font-family:CallunaSans-Regular;
font-size:13px;
height:22px;
margin:2px 5px 2px 8px;
padding:0 8px;
width:133px;
border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.homeMail input.homeMailSubs {
background:none repeat scroll 0 0 #A9A3A1;
border:0 none;
color:#FFFFFF;
font-family:CallunaSans-Semibold;
font-size:15px;
height:22px;
line-height:22px;
margin:2px 0 2px 2px;
overflow:hidden;
width:95px;
padding:0 8px 22px;
cursor: pointer;
-webkit-appearance: none;
border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.productMail input.productMailSubs {
background:none repeat scroll 0 0 #A9A3A1;
border:0 none;
color:#FFFFFF;
font-family:CallunaSans-Semibold;
font-size:15px;
height:22px;
line-height:22px;
margin:2px 0 2px 2px;
overflow:hidden;
width:auto;
padding:0 8px 22px;
cursor: pointer;
-webkit-appearance: none;
border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}


.productMail{
    position: absolute;
    right: 0;
    width: 500px;
    margin-top:20px;
}

.homeAppointment {
display:block;
float:right;
width:auto;
}

.homeAppointment a {
background:none repeat scroll 0 0 #A9A3A1;
color:#FFFFFF;
display:block;
font-family:CallunaSans-Semibold;
font-size:15px;
height:22px;
line-height:22px;
margin:2px;
overflow:hidden;
padding:0 8px;
text-decoration:none;
width:auto;
}

.homeContact {
float: left;
width:auto;
}

.homeFAQ {
float: left;
width:auto;
}

.homeContact a, .homeFAQ a {
background:none repeat scroll 0 0 #A9A3A1;
color:#FFFFFF;
display:block;
font-family:CallunaSans-Semibold;
font-size:15px;
height:22px;
line-height:22px;
margin:2px;
overflow:hidden;
padding:0 8px;
text-decoration:none;
width:auto;
}

.doubleBars {
border-left:1px solid #6C6361;
border-right:1px solid #6C6361;
height:26px;
margin:0 auto;
width:5px;
}

#shopp #cart table {
font-family: CallunaSans-Regular;
font-size: 14px;
color: #6c6361;
text-transform: uppercase;
}

#shopp #cart table a{
color: #000000;
text-decoration: none;
}


#shopp.catalog .category ul.products li.product {
    border: 1px solid #DCDAD9;
    display: block;
    /* height: 495px; */
    margin: 0 28px 28px 0;
    width: 270px;
    }
    
#shopp.catalog .category ul.products {
	width: 600px;
	}
	
#shopp.catalog .category ul.products li .details {
    border-top: 1px solid #F72025;
    display: block;
    float: none;
    margin: 5px auto 8px;
    text-align: left;
    width: 235px;
    font-size: 14px;
    font-family: Museo-300;
    color: #000;
    line-height: 17px;
}

#shopp.catalog .category .products .frame img {
    border-bottom: 1px solid #F72025;
    }
    
#shopp.catalog .category ul.products li .details .price, #shopp.catalog .category ul.products li .details a, #shopp.catalog .category ul.products li .details a:hover {
    font-size: 14px;
    font-family: Museo-300;
    line-height: 17px;
    font-weight: normal;
    text-decoration: none;
    }
    
#shopp.catalog .category ul.products li .details .learnMore a{
    color: #f72025;
    }
    
#shopp.catalog .category ul.products li .details .price {
    margin-top: 10px;
    color: #000;
    }
    
#shopp.catalog .category ul.products li .details .name a{
    margin-top: 0;
    color: #000;
    }
    
.productQty {
	font-family: CallunaSans-Regular;
	font-size: 14px;
	color: #f72025; 
}

.addtocart {
	font-size: 12px;
	color: #ffffff;
	font-family: CallunaSans-Semibold;
	width: 95px;
	height: 20px;
	background-color: #f72025;
	border: none;
	text-transform: uppercase;
	position: absolute;
	right: 0;
}

#shopp.catalog .category ul.products li .details form {
    position: relative;
    }
    
#shopp.catalog .category ul.products li .details form .selectall{
	color: #FFFFFF;
	background-color: #a9a3a1;
	height: 20px;
	text-align: center;
	width: 36px;
	font-family: Museo-300;
	font-size: 16px;
	line-height: 20px;
	border: none;
}

#shopp.product {
    margin: 40px 0 40px 54px;
    width: 825px;
}

#shopp.product h3 {
    color: #F72025;
    font-family: Museo-500;
    font-size: 24px;
    font-weight: normal;
    line-height: 26px;
    padding: 75px 0 0;
    width: 640px;
}

h4 {
    font-family: Museo-500;
    font-size: 24px;
    font-weight: normal;
    line-height: 26px;
    padding: 15px 0px 10px 0px;
    width: 640px;
}

#shopp.product p{
	color: #524d4b;
	line-height: 17px;
	font-size: 14px;
	font-family: CallunaSans-Regular;
}

#shopp.product .price {
    color: #524d4b;
    font-family: Museo-500;
    font-size: 14px;
    font-weight: normal;
    line-height: 17px;
    padding: 5px 0 50px;
    width: auto;
}

.twoRedBars {
	border-bottom: 1px solid #F72025;
    border-top: 1px solid #F72025;
    height: 5px;
    margin-left: 318px;
    width: 507px;
    margin-bottom: 25px;
}

#shopp.product form .selectall{
	color: #FFFFFF;
	background-color: #a9a3a1;
	height: 20px;
	text-align: center;
	width: 36px;
	font-family: Museo-300;
	font-size: 16px;
	line-height: 20px;
	border: none;
}

.dividingBar{
	color: #A9A3A1;
    font-family: CallunaSans-Semibold;
    font-size: 12px;
    margin: 0 10px;
}

.productsLinks{
	color: #f72025;
	font-family: CallunaSans-Semibold;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
}

#productNavigation {
	margin-top: 96px;
	text-align: right;
	margin-bottom: 130px;
}

#shopp dl dt, #shopp dl dd  {
    color: #524D4B;
    font-family: CallunaSans-Regular;
    font-size: 13px;
    line-height: 15px;
}

.warning{
	color: #6C6361;
    font-family: Museo-300;
    font-size: 18px;
    line-height: 23px;
    margin: 186px 0 0;
    text-indent: 0;
}

.continueShopping{
background: none repeat scroll 0 0 #F72025;
    border: 0 none;
    color: #FFFFFF;
    font-family: CallunaSans-Semibold;
    font-size: 14px;
    margin-left: 10px;
    padding: 3px 8px;
    text-decoration: none;
    text-transform: uppercase;
}

#footer{
    border-top: 1px solid #C9C5C4;
    bottom: 0;
    clear: both;
    height: 38px;
    margin: 14px -13px;
    position: absolute;
    width: 992px;
}

.footerElements {
	text-align: center;
	margin: 14px 0 0;
}

.footerElements li, .footerElements li a{
	color: #6C6361;
    display: inline;
    font-family: CallunaSans-Semibold;
    font-size: 11px;
    list-style: none outside none;
    margin: 0 5px;

}

.thankYouMedallion {
    margin: -70px 0 0 826px;
    position: absolute;
}

.entryTextPages {
	color: #524D4B;
    display: block;
    font-family: CallunaSans-Regular;
    font-size: 14px;
    line-height: 17px;
    margin: 30px 0 60px;
}

.textPageTitle{
line-height: 36px;
}

#press img {
    border: 1px solid #DDDDDD;
    margin: 11px;}
    
#press {
	display: block;
	margin-bottom: 60px;
	font-size: 12px;
}

.instructionalVideos {
	margin-bottom: 15px;
}

.instructionalVideos span{
	margin-right: 7px;
}

.instructionalVideos a{
	color: #ffffff;
	width: 80px;
	height: 20px;
	line-height: 20px;
	background-color: #f72025;
	border: none;
	text-transform: uppercase;
	margin: 0 7px;
	display: inline-block;
	text-decoration: none;
	text-align: center;
}


.emailError{
	width: 100%;
	margin: 0 0 5px 0;
	text-align: center;
}

.page-id-143 .emailError{
	margin: 25px 0 0 318px;
    text-align: center;
    width: 507px;
}