/* 
 * HTML5 ? Boilerplate
 *
 * What follows is the result of much research on cross-browser styling. 
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 * 
 * ==|== normalize ==========================================================
 */

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/* =============================================================================
   Base/Volumes/Macintosh%20HD/Users/shepherd/Sites/e-store/04/wp-content/themes/wp_e-store_blank/css/base.css
   ========================================================================== */
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #604226; }
/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */
::-moz-selection { background: #95a05c; color: #fff; text-shadow: none; }
::selection { background: #95a05c; color: #fff; text-shadow: none; }

/* =============================================================================
   Links
   ========================================================================== */
a { color: #00e; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }

/* =============================================================================
   Typography
   ========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 0; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #e6e9d8; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #604226; text-decoration: none; }
mark { background: #ff0; color: #604226; font-style: italic; font-weight: bold; }
/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* =============================================================================
   Lists
   ========================================================================== */
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
/*
 * Correct overflow not hidden in IE9 
 */
svg:not(:root) { overflow: hidden; }

/* =============================================================================
   Figures
   ========================================================================== */
figure { margin: 0; }

/* =============================================================================
   Forms
   ========================================================================== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */
legend { border: 0; *margin-left: -7px; padding: 0; }
/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */
button, input { line-height: normal; *overflow: visible; }
/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */
table button, table input { *overflow: auto; }
/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
/*
 * Consistent box sizing and appearance
 */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { }

/* =============================================================================
   Tables
   ========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* ==|== primary styles =====================================================
   Author: 
   ========================================================================== */

/*
 * Font smoothing 
 * http://www.icondeposit.com/blog:how-to-properly-smooth-font-using-css3
 * http://stackoverflow.com/questions/8053389/how-to-reduce-font-weight-in-firefox-on-mac-with-css
 */

html, html a {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}


/* ------------------------ LAYOUT -------------------------------*/
body {background-color: #f8f7f2;padding: 20px;} 

/* ------------------------ LINK Styles -------------------------------*/
a {color: #604226; text-decoration: underline;}
a:hover {color: #95a05c; text-decoration: none;}

/* ------------------------ TYPE Styles -------------------------------*/
/* 	pixels/16=em (40px/16=2.5em)  */
body{
	font: 115%/1.4em 'brandon-grotesque', Arial, Helvetica, sans-serif; /* Use percent for body and em for the rest of the styles fixes resize issues in all browsers */
	color: #604226; /* Update input,textarea,select, button - font and color */
	} 
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 2em; margin: 0 0 15px 0; line-height: 1em; }
h3, h4, h5, h6 { font-size: 1.5em; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #604226; text-decoration: none; }
ul, ol { list-style: disc; list-style-position: inside; }
b, strong {font-weight: bold;}
p, pre {margin: 10px 0 10px 0;}
dl, ul, ol, address	{margin: 15px 0 15px 0;}
dt, li {margin: 10px 0 10px 0;}
dl dd {margin-left: 10px;}
address {font-style: italic;}
pre {white-space: pre;}
abbr, acronym {border-bottom: 1px dotted #604226; cursor: help;}
blockquote {background: #e6e9d8;padding: 10px 20px; margin-bottom: 15px;width: auto;}
small {font-size: 0.9em;}
big {font-size: 1.1em;}
.red {color:#FF1923;}
em {font-style: italic;}

/* ------------------------ TABLES Styles -------------------------------*/
table {margin: 15px 0 15px 0;border-collapse:collapse; border: 1px #e6e9d8 solid; }
td {padding: 10px;background: #fff;vertical-align: middle;}
tr td {border-bottom: 1px #f8f7f2 solid;}

/* ------------------------ MISC -------------------------------*/
hr { border:none; border-bottom: 1px solid #604226; color: #604226; height: 1px; padding:0; margin: 15px 0 15px 0; clear: both; }
/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.fl {float:left;}
.fr {float:right;}

/* ------------------------ FORM Styles -------------------------------*/

input,textarea,select,.input { padding:8px; background: #f8f7f2; border: 1px solid #dce1cb; vertical-align:top; font-family: 'brandon-grotesque', Arial, Helvetica, sans-serif; color: #604226; font-size: 1em; }
textarea,input,.input {width:200px;}
input[type="checkbox"], input[type="radio"] { width: auto; margin-right: 15px; position: relative; top: 2px;}
textarea {height: 70px;overflow: auto;}
select { width:168px; }  
fieldset { margin-bottom:15px; padding: 15px;  /* change in IE STYLES  */ border:1px solid #604226; background:#f7f7f7; }
legend { margin-left:15px; padding: 0 5px; background:#f7f7f7; font-weight: bold; }
label { width:200px; margin:0 5px 0 0; display:-moz-inline-box; /*for mozilla*/ display:inline-block; /*for Opera & IE*/ vertical-align:top; line-height:25px; }
fieldset label { width:75px; }
.form_note { font-style: italic; font-size: 0.95em; margin-bottom:10px; }
input.form_error_input { background: #ffe6e9d8c; border: 1px solid #ff3333; }
.form_error { color:#FF1923; margin-left:97px; /* needs to be same as label width + margin-right + 2px  */ padding-bottom:10px; position:relative; top:-5px; font-size: 0.95em; }
.field_wrap { display:block; margin-bottom:10px; }	
	
.checkbox_radio { width: auto; border: none; background: transparent; position: relative; left: -4px; }
button, .button { font-weight: bold; border:none; background-color:#95a05c; text-transform: uppercase; cursor:pointer; padding: 6px 14px; /* change in IE STYLES  */ color: #fff !important; font-family: 'brandon-grotesque', Arial, Helvetica, sans-serif; width: auto; /* IE FIX  */ overflow: visible; /* IE FIX  */ font-size: 0.8em; text-decoration: none; }	
	
button:hover, .button:hover {background-color:#604226; text-decoration: none; }
button:focus { outline: none; }

/* Prevents input zoom on iOS - retina */
@media screen and (-webkit-min-device-pixel-ratio:2) { 
	select, select:focus, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { font-size: 16px; }
}

/* ------------------------ Wordpress HTML styling -------------------------------*/

a.mini-add-comment { float: right; padding-left: 18px; }
span.next-entries { display: block; float: right; padding-right: 18px; text-align: right; width: 225px; }
a.post-calendar { color: #999999; float: right; font-size: 95%; padding-left: 20px; }
span.post-dates { float: left; font-size: 95%; padding-right: 10px; }
span.post-cat { font-size: 95%; color: #c6ccaa; }
span.post-comments { float: right; font-size: 95%; padding-left: 20px; }
span.previous-entries { display: block; float: left; width: 228px; }
img.alignleft, img[align="left"] { float: left; margin: 2px 10px 5px 0px; }
img.alignright, img[align="right"] { float: right; margin: 2px 0px 5px 10px; }
img.center, img[align="center"] { display: block; margin-left: auto; margin-right: auto; }

/* Div's and layout */
#commentform { font: 110% 'brandon-grotesque', Arial, Helvetica, sans-serif; margin-top: 10px; }
#commentform #submit { background: #604226; border: none; color: #FFFFFF; cursor: pointer; font: bold 12px 'brandon-grotesque', Arial, Helvetica, sans-serif; height: 20px; width: 100px; clear: both; }
#commentform input { background-color: #ffffff; border: 1px solid #e6e9d8; margin-top: 3px; padding: 3px; width: 200px; }
#commentform label { color: #604226; font-size: 87%; }
#commentform p { margin: 0px; padding: 6px 0px; }
#commentform textarea { background-color: #ffffff; border: 1px solid #e6e9d8; height: 115px; margin-top: 3px; padding: 2px; width: 478px; }
#commentform textarea:focus, #commentform input[type="text"]:focus { background: #ffffff; }
#comments, #respond { border-bottom: 1px dotted #e6e9d8; clear: both; padding: 10px 0 5px 0; }
#credits { color: #604226; font-size: 11px; height: 15px; line-height: 120%; margin: 0px auto; padding-bottom: 3px; width: 768px; }
#credits a, #credit a:visited { color: #604226; }
#footer a strong { color: #604226; }
#footer a, #footer a:visited { color: #604226; border-radius: 252px 19px / 22px 91px; }
#footer a:hover { color: #604226; }
#footer h4 { font: normal 146%/100% 'brandon-grotesque', Arial, Helvetica, sans-serif; margin: 10px 0px 5px; }
#footer li a { display: block; }
#footer_bg { height: 72px; width: 768px; }
#logo p { color: #604226; font-size: 150%; line-height: 200%; padding: 0px; }
#nav { list-style: none; margin: 0; }
#nav a { display: block; text-decoration: none; vertical-align: middle; padding: 0 10px; }
#nav a:hover { color: #604226; }
#nav li { display: inline; list-style: none; }
#nav ul { margin: 0px; padding: 0px; }
#searchform { margin: 15px 0 0; }
#searchform #s { background: #fff; border: 1px solid #e6e9d8; color: #604226; cursor: pointer; font-weight: normal; height: 19px; line-height: 19px; margin-right: 2px; padding: 0px 5px 0px 5px; vertical-align: middle; width: 135px; }
#searchform br { display: none; }
#searchform input { background: #604226; border: none; color: #FFFFFF; font: bold 11px 'brandon-grotesque', Arial, Helvetica, sans-serif; height: 20px; line-height: 20px; vertical-align: middle; width: 52px; }
#sidebar { color: #604226; float: right; padding: 0px 10px 20px 10px; width: 220px; background: #f8f7f2; padding-top: 15px; margin-bottom: 15px; }
#sidebar a, #sidebar a:visited { color: #604226; display: block; text-decoration: none; }
#sidebar a:hover { display: block; text-decoration: underline; }
#sidebar h2, #sidebar .sidebartitle { border-bottom: 1px dotted #e6e9d8; color: #604226; font: lighter 18px 'brandon-grotesque', Arial, Helvetica, sans-serif; margin: 20px 0px 2px; }
#sidebar ul { margin: 0; padding: 0; }
#sidebar ul li { border: none; border-bottom: 1px dotted #e6e9d8; list-style: none; margin: 0; padding: 2px 0; }
#sidebar ul li ul { margin: 0; padding: 0; }
#sidebar ul li ul li { border-bottom: 1px dotted #e6e9d8; padding: 2px 0 2px 0px; }
#sidebar ul li ul li ul li { border: none; padding: 1px 0 1px 10px; }
.widget_wrap {margin-bottom: 15px;}
#sidebar h3 { font-size: 1.3em;}
.postmetadata {background: #f8f7f2; padding: 3px 10px;}
/* Classes and other stuff */
.commentlist { line-height: 130%; margin: 10px 0px; padding-left: 20px; }
.commentlist .alt { }
.commentlist cite { color: #604226; font-size: 120%; font-style: normal; font-weight: bold; }
.commentlist cite a, .commentlist cite a:visited { color: #604226; }
.commentlist li { padding: 5px 10px; }
.commentlist small { display: block; font-size: 87%; margin-bottom: 5px; }
.entry { clear: both; }
.footer-about { float: right; padding-left: 10px; padding-right: 10px; width: 210px; }
.footer-recent-comments { float: left; margin-left: 10px; width: 240px; }
.footer-recent-comments ul { list-style: none; margin: 0px; padding: 0px; }
.footer-recent-comments ul li { padding: 0px 0px 10px 20px; }
.footer-recent-posts { float: left; margin-left: 10px; width: 240px; }
.footer-recent-posts strong { font-size: 107%; font-weight: bold; line-height: 135%; }
.footer-recent-posts ul { font-size: 11px; line-height: 110%; list-style: none; margin: 0px; padding: 0px; }
.footer-recent-posts ul li { padding: 0px 0px 10px 20px; }
.loginout { margin-left: 8px; padding-bottom: 2px; padding-left: 18px; }
.navigation { clear: both; height: 15px; padding: 10px 0px; }
.post-date {float: left; height: 49px; width: 45px; }
.post-day { color: #999999; display: block; font-size: 18px; line-height: 18px; margin-left: -3px; padding-top: 7px; text-align: center; text-transform: uppercase; }
.post-month { color: #FFFFFF; display: block; font-size: 11px; line-height: 11px; margin-left: -3px; padding-top: 2px; text-align: center; text-transform: uppercase; }
.rss { margin-left: 8px; padding-bottom: 2px; padding-left: 18px; }
fieldset {padding-top: 0; /*to lose the added whitespace line in IEs*/}	
legend {margin-bottom: 15px; /*to compensate space lost due to padding-incapability in IEs*/}

/* ------------------------ IE Styles -------------------------------*/

html.ie fieldset {padding-top: 0; /*to lose the added whitespace line in IEs*/}	
html.ie legend {margin-bottom: 15px; /*to compensate space lost due to padding-incapability in IEs*/}

html.ie #ie6_overlay {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 1500px;
	background: #e6e9d8;
	z-index: 999;
	filter:alpha(opacity=70);
	text-align: center;
	}
	
html.ie #ie6_overlay p {width: 250px;padding: 20px;border: 2px #fff solid;margin-top: 20px;color: #fff;background: #604226;font-weight: bold; font-size: 1.15em;}
html.ie #ie6_overlay p a{color: #fff;}