/*
Theme Name: Web Editors
Description: 100% unique web design - no templates! Phwoar! (Based on Starkers naked theme)
Version: 3.1
Author: Web Editors, Inc.
Author URI: http://www.webeditors.com
Tags: webeditors.com, custom, unique, clean, one of a kind, branded

/* Colors
Gold #d4ba75
Rich Brown #423430
/*

/***************************************************************************************************************

** Global Reset - Resets default browser CSS

***************************************************************************************************************/

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,fieldset,form,label,legend,
table,caption,strong,tbody,tfoot,thead,tr,th,td

{margin:0 auto; padding:0; border:0; font-size:100%; line-height:1; font-family:inherit; text-align:left;}

/* Removes Firefox imposed outline */

a { outline: none; line-height:0px;}

table {border-collapse: collapse; border-spacing: 0;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: none;}
input,textarea {margin: 0;}
table {border-collapse:collapse; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}

html, body {margin:0; padding:0; height:100%;}

/***************************************************************************************************************

** Typography - Sets up some sensible default typography.

***************************************************************************************************************/

body {font-size: 12px; font-family: verdana } /* global default font-size */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl {font-family:verdana; color:#fff;} /* Default fonts and colors. */

/* Headings */

h1,h2,h3,h4,h5,h6 {font-weight:bold; font-family:"Georgia", Times, serif; }

h2, h3, h4 {font-weight:bold; margin:0 auto; padding:0;}
h1 {font-size: 38px; color:#d4ba75; padding-bottom:5px;  }
h2 {font-size: 24px; color:#d4ba75; }
h3 { font-size: 18px; font-weight:normal; }
h4 {font-size: 14px; padding:10px 0;}
h5 {font-size: 12px; margin-bottom: 14px; font-weight:normal;}
h6 {font-size: 12px; font-weight:normal;}

/* Text elements */

p {line-height:18px; margin:0 auto; padding:10px 0;}

ul, ol { margin:10px 20px; padding:10px 20px; }
ul {list-style-type:disc; }
ol { list-style-type:decimal; }
li {line-height:18px;}

dl { margin: 0px 0px 16px 0px; }
dl dt { font-weight: bold; }
dl dd { margin-left: 18px; }
abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 18px; font-style: italic; }
del { color: #000; }

a, a:visited {color:#d4ba75; text-decoration:underline;}
a:hover { color:#d4ba75; text-decoration:none; }

blockquote {margin:18px;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight: bold;}
pre, code {margin: 18px 0px; white-space:pre;}
pre, code, tt {font: 12px monospace; line-height: 18px;} 
tt {display: block; margin: 18px 0; line-height: 18px;}

/* Tables */

table { margin-bottom: 0px; }
th { border-bottom: 2px solid #ddd; font-weight: bold; }
td { border-bottom: 0px; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #ffc; }


/*** Layout ***/

body { background: #493e38 url(images/floral_bg.jpg) no-repeat top center; }
#wrapper { width: 960px; margin: 0px auto; }
.container { width: 960px; margin: 0px auto; }
.clear { clear: both; }
.float_left { float: left; padding-right: 15px; }
.float_right { float: right; padding-left: 15px; }

/** Header **/

#header { margin: 0px; padding: 10px 0 0 0; position: relative; }
    #header #logo { float: left; width: 490px; }
    #header #call { float: right; text-align: right; margin: 0px; padding: 0px; }
        #header #call p { font-size: 19px; font-weight: bold; }
        #header #facebook { position: absolute; top: 59px; right: 50px; }

/** Navigation **/

#navigation { background: url(images/navigation_bg.png) repeat-x; height: 43px; margin-top: 10px; }
    #navigation ul { list-style: none; margin: 0px; padding: 12px 0 0 0; }
        #navigation ul li { display: inline; margin: 0px; padding: 0px 22px; font-size: 18px; }
            #navigation ul li a { color: #423430; text-decoration: none; }
            #navigation ul li a:hover { text-decoration: underline; }
            #navigation ul li a span { text-decoration: underline; }

/** Content **/

#content { width: 960px; margin: 0px auto; }

/* Content Slider */


/* Left Column */

#content #left_col { float: left; width: 730px; margin: 10px 0 0 0; padding: 0px; }

#content #left_content_box { width: 730px; }
    #content #left_content_box .inner_content { padding: 17px 25px; }
        #content #left_content_box .inner_content h2 { margin: 0px; padding: 25px 0 5px 0; }
        #content #left_content_box .inner_content h2#upscale_heading { background: url(images/upscale_heading.jpg) no-repeat; text-indent: -9999px; width: 520px; height: 39px; margin: 0px; padding: 5px 0; }
        #content #left_content_box .inner_content p { font-size: 14px; line-height: 28px; margin: 0px; padding: 0px; }
        
#content #left_content_box_top { background: url(images/left_content_box_top.png) no-repeat; width: 730px; height: 12px; margin: 0px; padding: 0px; }
#content #left_content_box_mid { background: url(images/left_content_box_mid.png) repeat-y; width: 730px; min-height: 405px; margin: 0px; padding: 0px; }
#content #left_content_box_btm { background: url(images/left_content_box_btm.png) no-repeat; width: 730px; height: 14px; margin: 0px; padding: 0px; }

/* Right Column */

#content #right_col { float: right; width: 214px; margin: 0px; padding: 0px;  }
#content .right_box { margin: 10px 0 0 0; }
#content .right_box_top { background: url(images/right_box_top.png) no-repeat; width: 214px; height: 12px; }
#content .right_box_mid { background: url(images/right_box_mid.png) repeat-y; width: 214px; }
#content .right_box_btm { background: url(images/right_box_btm.png) no-repeat; width: 214px; height: 14px; }

#content .right_box .inner { padding: 12px; }
#content .right_box .inner h3 { font-size: 16px; font-weight: bold; color: #d4ba75; }
        #content .right_box .inner p { font-size: 12px; }
        
#content #testimonial_box { width: 214px; height: 211px; background: url(images/testimonial_box.png) no-repeat; position: relative; margin-top: 10px; }
    #content #testimonial_box .ribbon_placement { position: absolute; top: 0px; left: 0px; }
    #content #testimonial_box .testimonial_border { position: absolute; top: 45px; right: 26px; background: url(images/testimonial_border.gif) no-repeat; width: 124px; height: 2px;  }
    #content #testimonial_box .testimonial_img { position: absolute; top: 5px; right: 30px; }
    #content #testimonial_box p { padding: 60px 20px 0px 20px; font-style: italic; font-size: 10px; line-height: 18px; text-align: justify; }
    #content #testimonial_box p.client_name { font-size: 12px; font-weight: bold; text-align: right; margin: 0px; padding: 0 20px 0 0; color: #d4ba75; }
    
#content #call-to-actions { margin: 0px; padding: 5px 0 0 0; }
    #content #call-to-actions img { margin-top: 5px; overflow: hidden; }


/* Bottom Tier */

#bottom_tier { padding-top: 0px; background: url(images/bottom_tier_bg.gif) repeat-x; height: 236px; margin: 27px 0 0 0; padding: 15px 0 0 0; }
    #bottom_tier .tier1 { float: left; width: 320px; margin: 0px; padding: 0px; }
    #bottom_tier .tier2 { float: left; width: 320px; margin: 0px; padding: 0px; }
    #bottom_tier .tier3 { float: left; width: 320px; margin: 0px; padding: 0px; }
        #bottom_tier img { display: block; margin-left: auto; margin-right: auto }
        #bottom_tier h3 { color: #423430; font-size: 20px; font-weight: bold; margin: 0px; padding: 12px 0 0 0; text-align: center; }
        #bottom_tier p { color: #423430; text-align: center; font-size: 14px; }

/* Footer */

#footer { margin: 0px; padding: 0px; font-size: 14px; }
    #footer p.float_left { float: left; }
    #footer p.float_right { float: right; }
    #footer p a { line-height: 1.0em; }
        #footer p.float_right { text-align: right; }

/** Page Specific **/

/* About */

h2#about_heading { background: url(images/about_heading.jpg) no-repeat; text-indent: -9999px; width: 520px; height: 39px; margin: 0px; padding: 0 0 10px 0; }

/* Services */

h2#services_heading { background: url(images/services_heading.jpg) no-repeat; text-indent: -9999px; width: 520px; height: 39px; margin: 0px;  padding: 0 0 10px 0; }
#content #left_content_box .inner_content .salon_services { padding-top: 15px; }
    #content #left_content_box .inner_content .salon_services .more_prices { width: 680px; }
        #content #left_content_box .inner_content .salon_services .prices { float: left; width: 330px; padding-right: 20px; }
        #content #left_content_box .inner_content .salon_services .prices2 { float: left; width: 330px; }
            #content #left_content_box .inner_content .salon_services h3 { color: #d4ba75; font-size: 20px; margin: 0px; padding: 10px 0 10px 0; font-weight: bold; }
            #content #left_content_box .inner_content .salon_services h4 { color: #fff; font-size: 12px; margin: 0px; padding: 8px 0 5px 0; font-weight: bold; }
            #content #left_content_box .inner_content .salon_services p { font-size: 11px; line-height: 18px; margin: 0px; padding: 5px 0 10px 0; }

/* Products */

h2#products_heading { background: url(images/products_heading.jpg) no-repeat; text-indent: -9999px; width: 520px; height: 39px; margin: 0px;  padding: 0; }
.products { width: 680px; }
.products p { font-size: 14px; line-height: 20px; padding: 0px 0px 0px 0px; margin: 0px; }
.products img { float: left; border: 5px solid #4e3f39; margin: 5px 22px; }
.products h3 { padding: 10px 0px; color: #d4ba75; }
p.products_instruction { text-align: center; font-style: italic; clear:both;  }

/* Stylists */

h2#stylists_heading { background: url(images/stylists_heading.jpg) no-repeat; text-indent: -9999px; width: 520px; height: 39px; margin: 0px;  padding: 0 0 10px 0; }

#content #left_content_box_mid .stylist { position: relative; width: 200px; padding: 5px 10px 20px 10px; display: block; float: left; }
#content #left_content_box_mid .stylist p { font-size: 14px; line-height: 20px; text-align: center; padding: 12px 0px 0px 0px; margin: 0px; }
#content #left_content_box_mid .stylist p strong { color: #d4ba75; }
#content #left_content_box_mid .stylist img { margin: 0px; padding: 0px; border: 8px solid #fff; font-size: 12px; }
#content #left_content_box_mid .stylist a, #content #left_content_box_mid .stylist a:visited { line-height: 1.0em; }

/* Stylists Bio */

.bio p strong big { font-size: 20px; }
.bio img { border: 6px solid white; margin: 0 20px 0 0; padding: 0px; }

/* Specials */

h2#specials_heading { background: url(images/specials_heading.jpg) no-repeat; text-indent: -9999px; width: 520px; height: 39px; margin: 0px;  padding: 0; }
#content #left_content_box_mid .salon_specials h3 { padding: 10px 0px; color: #d4ba75;  }
#content #left_content_box_mid .salon_specials p { font-size: 14px; line-height: 18px; padding: 0px 0px 10px 0px; margin: 0px; }

/* Gallery */

h2#gallery_heading { background: url(images/gallery_heading.jpg) no-repeat; text-indent: -9999px; width: 520px; height: 39px; margin: 0px;  padding: 0 0 10px 0; }

/* Contact Us */

h2#contact_us_heading { background: url(images/contact_us_heading.jpg) no-repeat; text-indent: -9999px; width: 520px; height: 39px; margin: 0px;  padding: 0 0 10px 0; }
#content #left_content_box .inner_content .contact_page { margin: 0px; padding: 0px; }
#content #left_content_box .inner_content .contact_page img { border: 5px solid #fff; margin: 0px 15px 20px 0px; padding: 0px; }
#content #left_content_box .inner_content .contact_page h3 { font-size: 18px; margin: 0px; padding: 0px; color: #d4ba75; }
#content #left_content_box .inner_content .contact_page p { font-size: 14px; line-height: 18px; padding-bottom: 15px; }
    .contact_page input { color: #000; font-size: 14px; }
    .contact_page textarea { width: 60%; }
    p.contact_title { color: #d4ba75; }
    
    
    
h2#testimonials_heading { background: url(images/testimonials_heading.jpg) no-repeat; text-indent: -9999px; width: 520px; height: 39px; margin: 0px;  padding: 0; }

.weclear { clear:both; }