/*
Theme Name: Gail Ambrosious
*/

* { margin: 0; padding: 0; }
body { background: white; font: 12px/1.3 Georgia, Serif; vertical-align: middle; }
html { overflow-y: scroll; }
.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.group { display: inline-block; }
/* start commented backslash hack \*/
* html .group { height: 1%; }
.group { display: block; }
/* close commented backslash hack */
a img { border: 0; }
img { vertical-align: middle; }
.clear { clear: both; }

.outofstock { color:#c00; font-weight:bold; }

/*
    LAYOUT
*/
#page-wrap { width: 960px; padding: 0 10px 0 10px; background: url(images/page-bg.png) repeat-y; position: relative; margin: 0 auto; }
html, body, #page-wrap { height: 100%; }
body > #page-wrap { height: auto; min-height: 100%; }
#bg { background: white url(images/bg.jpg) no-repeat; width: 960px; position: fixed; height: 1280px; }
#sticky-wrap { padding: 0 0 150px 0; position: relative; width: 100%; }
#content { width: 612px; float: right; padding: 0 20px 20px 0; position: relative; z-index: 4000; }
#content-and-sidebar-wrap { padding: 220px 20px 20px 160px; }

table.allergy_guide { padding:5px; width:100%; margin-bottom:20px; }
table.allergy_guide th { background-color:rgb(227,205,182); padding:5px; }
table.allergy_guide td { border-bottom:1px solid #efefef; padding:5px; text-align:center; }
table.allergy_guide td.product { text-align:left; font-weight:bold; background-color:rgb(227,205,182); }

table.allergy_legend { padding:5px; width:100%; margin-bottom:20px; }
table.allergy_legend th { background-color:rgb(227,205,182); padding:5px; text-align:left; }
table.allergy_legend td { border-bottom:1px solid #efefef; padding:5px; text-align:left; }
table.allergy_legend td.product { text-align:center; font-weight:bold; background-color:rgb(227,205,182); }


/*
    POST FORMATTING
*/
.entry p { font-size: 13px; line-height: 1.4; }
#content .post h2 a { color: #a74c10; border: 0; }
#content .post h2 a:hover { text-decoration: underline;}
.image-wrap { text-align: center; font-style: italic; color: #999; }
.image-wrap p { padding: 5px 30px; }
.image-flush-right { float: right; margin: 0 -40px 5px 10px; }
.image-flush-left { float: left; margin: 0 10px 5px 0; }

.social {
	text-align: center;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}
#content .social a { padding: 2px 20px; border: 0; }
#content .social a:hover { background: #666; color: white !important; border: 0; }
#content .social a.soc-twitter { color: #4095cb; }
#content .social a.soc-subscribe { color: #e36601; }
#content .social a.soc-email { color: #333; }
#content .social a.soc-facebook { color: #24417f; }

/*
    TYPOGRAPHY
*/
a { outline: 0; text-decoration: none; }
p { margin: 0 0 15px 0; }
h2 { color: #a74c10; font-size: 18px; margin: 0 0 5px 0; }
h3 { margin: 0 0 15px 0; font-size: 15px; }
h4 { margin: 0 0 5px 0; font-size: 13px; }
h5 { text-transform: uppercase; font-size: 11px; }
blockquote { margin: 0 0 15px 0; padding: 0 30px; font-style: italic; color: #555; }
#content ul, #content ol { margin: 0 0 15px 25px; }
#content li { margin: 0 0 5px 0; }
#content a { color: black; border-bottom: 1px dotted black; }
#content a:hover { color: #999; border-bottom: 1px dotted #999; }
.button { background: #a64f24; color: white !important; border: 0 !important; padding: 2px 6px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.button:hover { background: #cc7042; }

hr { display: block; border: 0; height: 1px; background: black; margin: 0 0 15px 0; }

/*
    HEADER
*/
#header { height: 222px; position: fixed; z-index: 5000; top: 0; width: 960px; text-align: right; background: url(images/header-bg.png) 170px 0 no-repeat; }
#header h1 a { text-align: left; display: block; width: 238px; height: 94px; position: absolute; text-indent: -9999px; background: url(images/logo.png) no-repeat; bottom: 15px; left: 225px; }

#search-area { position: absolute; width: 500px; top: 20px; right: 200px; }
#search-area label { color: #473129; }
#search-area #s { border: 1px solid #666; padding: 4px 5px 5px 5px; -moz-box-shadow: 3px 3px 3px #ccc; font: italic 12px Georgia, Serif; color: #999; width: 150px; }
#search-area #searchsubmit { border: 0; position: relative; left: -20px; top: 4px; width: 46px; height: 45px; text-indent: -9999px; background: url(/images/go-button.png) no-repeat; }
#search-area #searchsubmit:hover { background-position: bottom left; }

#top-nav-wrap { position: absolute; top: 25px; right: 20px; width:200px; text-align:center; }
#top-nav { list-style: none; }
#top-nav li { display: inline; }
#top-nav li a, #top-nav-wrap a { color: #444; padding: 2px; }
#top-nav li a:hover, #top-nav-wrap a:hover { text-decoration: underline; }
#top-nav li.current_page_item a             { text-decoration: underline; }


#status { position: absolute; top: 68px; right: 31px; width: 400px; vertical-align: middle; }
#status .date { color: black; font-size: 10px; vertical-align: middle; }
#status-text { background: rgba(255,255,255,0.5); padding: 2px; color: #a74e24; font-size: 14px; vertical-align: middle; }
#status-text a { color: #A74E24; border-bottom: 1px dotted #A74E24; }
#status-text a:hover { border-bottom-style: solid; }
.bracket { font-size: 20px; color: #A74E24; position: relative; bottom: -4px; }


/*
    SIDEBAR
*/
#sidebar-xxx { width: 130px; position: fixed; }
#side-nav { position: relative; list-style: none; }
#side-nav li { padding: 3px 0; }
#side-nav li a { color: #666; display: block; }
#side-nav li a:hover { text-decoration: underline; }
#side-nav li.current_page_item > a,
#side-nav ul li.current_page_item > a,
#side-nav ul li strong a { font-weight: bold; color: #A54D22 !important; }
#side-nav ul { position: relative; display: none; list-style: none; padding: 5px 0 5px 5px; border-left: 1px solid #b25a28; }
#side-nav ul li { padding: 1px 0; font-family: Helvetica, Sans-Serif; font-size: 11px; }
#side-nav ul li a { padding: 0; text-indent: 0; }

.menu-arrow { width: 11px; height: 11px; background: url(/images/menu-arrow.png) no-repeat; float: left; margin: 0 5px 0 0; position: relative; top: 2px; }
.menu-arrow:hover { background-position: 0 -11px; }
.showing { background-position: -11px 0 !important; }
.showing:hover { background-position: -11px -11px !important; }



/*
    COMMENTS
*/
ol.commentlist { list-style: none; margin: 0 !important; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { border: 1px solid #ccc; position: relative; padding: 20px; margin: 0 0 20px 0; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
ol.commentlist li div.comment-author {}
ol.commentlist li div.vcard { font-size: 16px; margin: 0 0 10px 0; }
ol.commentlist li div.vcard cite.fn { }
ol.commentlist li div.vcard cite.fn a.url {}
ol.commentlist li div.vcard img.avatar { display: none; }
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata { position: absolute; top: 5px; right: 25px; }
ol.commentlist li div.comment-meta {  }
#content ol.commentlist li div.comment-meta a { color: #999; border: 0; }
ol.commentlist li p { font-size:11px; margin:0 0 1em; }
ol.commentlist li ul { font-size:11px; list-style:square; margin:0 0 1em 2em; }
ol.commentlist li.even {  }
ol.commentlist li.odd {   }
ol.commentlist li.pingback { border-bottom:1px dotted #666; padding:1em; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}


/*
    FORMS
*/
.form-area label { display: block; }
.form-area input[type=text], .form-area input[type=password], .form-area textarea, #logintable input[type=text], #logintable input[type=password], #resetpswdtable input[type=text], #resetpswdtable input[type=password] { outline: 0; margin: 0 0 10px 0; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #999; border-bottom: 1px solid #999; padding: 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 200px; }
.form-area input[type=text]:focus, .form-area textarea:focus { border-top: 1px solid #999; border-left: 1px solid #999; }
.form-area .formControlSelect, #div_form_bottom_inside .form-area select { width: 208px; margin: 0 0 10px 0; }
fieldset { border: 0; }
.form-area .radio-inline { display: inline; }

#newcustomer { float:left; width:49%; padding:10px 0 0; }
#noaccountplease { float:right; width:49%; padding:10px 0 0; }
#returningcustomer { clear:both; width:100%; float:left; padding:30px 0 0; margin-top:10px; border-top:1px solid #efefef; }

div.loginfielditem { float:left; margin:0 22px 5px; }
div.loginbutton { margin-top:17px; }
div.logindetails { margin-bottom:40px; margin-right:23px; }
div.logincontentblock { margin:10px 0 30px; font-size:14px; text-align:center; line-height:normal; }
div.logincontentblock form { clear:both; margin-top:10px; }
#signupbuttons { float:left; margin-left:15px; }

/*
    FOOTER
*/
#footer { position: relative; height: 110px; padding: 20px 20px 20px 150px; clear: both; background: #473129; color: white; width: 790px; margin: -150px auto 0; } 
#footer-nav { list-style: none; margin: 0 0 10px 0; width: 70%; }
#footer-nav li { display: inline; }
#footer-nav li a { color: white; padding: 1px 5px 1px 0; }
#footer-nav li a:hover { text-decoration: underline; }

#subForm input[type=text] { margin: 10px 0 3px 0; width: 175px; text-align: right; color: #999; font-style: italic; padding: 3px 6px; }

#fine-print { font-size: 11px; width: 70%; }

#white { position: absolute; left: -20px; width: 1000px; height: 20px; bottom: 0; background: white; }


/*
	PROMOTIONS
*/
#holidayshipping { width:620px; height:130px; border-bottom:1px solid #473129; padding-bottom:10px; margin-bottom:25px; }
#holidayshipping h2 { margin-bottom:15px; text-align:center; color:#473129; }
#holidayshipping p { background:url(/images/gaildeer.png) no-repeat 0 0; padding-left:100px; height:90px; font-size:14px; padding-top:13px; }
#holidayshipping span { color:#A74C10; font-weight:bold; }

#holidayshipping2 { width:620px; height:130px; border-bottom:1px solid #473129; padding-bottom:10px; margin-bottom:25px; }
#holidayshipping2 h2 { margin-bottom:15px; text-align:center; color:#473129; }
#holidayshipping2 p { background:url(/images/gailcupid.png) no-repeat 0 0; padding-left:100px; height:90px; font-size:14px; padding-top:13px; }
#holidayshipping2 span { color:#A74C10; font-weight:bold; }

#holidayshipping3 { width:620px; height:130px; border-bottom:1px solid #473129; padding-bottom:10px; margin-bottom:25px; }
#holidayshipping3 h2 { margin-bottom:15px; text-align:center; color:#473129; }
#holidayshipping3 p { background:none no-repeat 0 0; padding-left:10px; height:90px; font-size:14px; padding-top:13px; }
#holidayshipping3 span { color:#A74C10; font-weight:bold; }