/*
Theme Name: Blushes
Theme URI: http://blushes.ca
Description: Blushes Theme
Version: 1.0
Author: ForceFive Media
Tags: Salon theme
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";

body, html { height: 100%; }

body { background: #000000 url(images/body_bg.jpg) repeat; }

#wrapper { width: 100%; overflow: hidden; position: relative; padding: 0 0 30px 0; }

#main { width: 960px; margin: 0 auto; position: relative; z-index: 20; }

#content { height: 100%; }
.p-20 { padding: 20px; }
#page-left { width: 700px; float: left; }
#page-right { width: 230px; float: right; }
#page-full {  }

.bucket { padding: 15px; 
-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
box-shadow: 0px 3px 3px #bbb; -moz-box-shadow: 0px 3px 3px #bbb; -webkit-box-shadow: 0px 3px 3px #bbb; }

.half { width: 45%; }

/*------------- TYPE ------------------*/

body { font-family: Trebuchet, Tahoma, Arial, sans-serif; font-size: 13px; color: #999999; }

h1, h2, h2 a, h3, h3 a, h4 { font-family: 'Josefin Sans', Futura, "Century Gothic", sans-serif; color: white; font-weight: 400; }

h2 { font-size: 24px; margin: 0 0 10px 0; }
h2 a { font-size: 24px; }
h3 { font-size: 20px; margin: 0 0 10px 0; }
h4 { font-size: 18px; margin: 0 0 5px 0; }

a { color: #cc0000; text-decoration: none; }
a:hover { color: white; }

input[type="text"], textarea { background: #f6f6f6; color: white; border: 0 none; border: 1px solid #cccccc; padding: 3px 5px;
box-shadow:inset 0 0 3px #cccccc; -moz-box-shadow:inset 0 0 3px #cccccc; -webkit-box-shadow:inset 0 0 3px #cccccc; }
input[type="text"]:focus, textarea:focus { background: white; border: 0 none; border: 1px solid #cccccc; }

a.btn, input[type="submit"] { background: #333333; color: white !important; text-decoration: none; padding: 3px 5px 5px 5px; }
a.btn:hover, input[type="submit"]:hover { background: #cc0000; color: black; }

p { margin: 0 0 12px 0; line-height: 18px; }

#content ul li { margin: 0 0 5px 0; line-height: 16px; list-style-type: disc; }
#content ul, #content ol { padding: 0 0 0 30px; margin: 0 0 12px 0; }
#content ol li { margin: 0 0 5px 0; line-height: 16px; list-style-type: decimal; }

img.alignleft { margin: 0 10px 3px 0; }
img.alignright { margin: 0 0 3px 10px; }
img.aligncenter { margin: 0 auto 3px auto; }

td { padding: 3px 5px; vertical-align: top; }

blockquote { padding: 10px; border: 2px solid #dedede; margin: 0 0 5px 0;
-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
blockquote em { font-size: 12px; color: gray; }

hr { border: 0 none; margin: 30px 0; border-bottom: 1px solid black; }

strong { color: #cc0000; }

.wpcf7-list-item { display: block; }

table { width: 100%; }
#content table tr td { padding: 5px 30px; }
#content table tr td:first-child { padding: 5px 30px 5px 0; }
#content table tr td:last-child { padding: 5px 0 5px 30px; }

/*------------- HEADER ------------------*/

#nav-wrap { height: 84px; background: url(images/header_bg.png) repeat-x center top; z-index: 99; position: relative; }

#header { height: 150px; position: relative; z-index: 20; }

h1 { display: block; margin: 20px 0 40px 0; }
#header h4 { position: absolute; left: 0px; bottom: 45px; color: #133878; }

.menu-main-nav-container { width: 960px; margin: 0 auto; }
ul#menu-main-nav { }
ul#menu-main-nav li { display: inline; height: 80px; }
ul#menu-main-nav li a { display: block; float: left; text-decoration: none; padding: 0 20px; height: 76px; line-height: 76px; background-repeat: no-repeat; font-family: 'Josefin Sans', sans-serif; font-size: 20px; color: #cccccc; position: relative; font-weight: 700; }
ul#menu-main-nav li a:after { content: url(images/header_nav_sep.png); position: absolute; top: 0px; right: 0px; }
ul#menu-main-nav li a:hover, ul#menu-main-nav li.current_page_item a { color: #cc0000;
box-shadow:inset 0 0 20px #000000;
    -moz-box-shadow:inset 0 0 20px #000000;
    -webkit-box-shadow:inset 0 0 20px #000000;
  }


h2#header-title { font-size: 60px; display: block; position: absolute; left: 250px; top: 40px; color: #666; }

/*------------- FOOTER ------------------*/

#footer-wrap { background: url(images/footer_wrap_bg.png) repeat-x center top; }
#footer { margin: 0 auto; width: 960px; padding: 20px 0 20px 0; min-height: 200px; overflow: hidden; position: relative; }

#footer * { font-size: 10px; color: #666666; }
#footer a { color: #666666; }
#footer a:hover { color: #cc0000; }
#footer ul { margin: 0; padding: 0; }

#footer-wsm {  }

a#footer-title {text-decoration: none; font-size: 12px; }

.menu-footer-nav-container { margin: 20px 0 0 0; }
ul#menu-footer-nav { }
ul#menu-footer-nav li { display: inline; }
ul#menu-footer-nav li:first-child { border: 0 none; }
ul#menu-footer-nav li a { text-decoration: none; margin: 0 15px 0 0; color: white; }
ul#menu-footer-nav li a:hover {  }

a.bookbtn { background: #660000; height: 30px; font-size: 14px; text-transform: uppercase; line-height: 30px; margin: 0; color: white !important; padding: 0 20px; position: absolute; right: 0px; top: 100px;
box-shadow: 0px 3px 3px #000; -moz-box-shadow: 0px 3px 3px #000; -webkit-box-shadow: 0px 3px 3px #000;
-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
a.bookbtn:hover { background: #990000; color: white !important; }

/*------------- POSTS ------------------*/

.post { padding: 10px; background: url(images/trans_black.png); margin: 0 0 10px 0; }

#content ol.commentlist { padding: 0; }
#content ol.commentlist li { list-style-type: none; padding: 10px; background: url(images/trans_black.png) repeat; margin: 0 0 1px 0; }

#page-right ul.xoxo { padding: 0; }
#page-right ul.xoxo li { list-style-type: none; }
#page-right ul.xoxo ul { padding: 0; }
#page-right ul.xoxo ul li { padding: 0; margin: 0; list-style-type: none; }

/*------------- HOME ------------------*/

#home-logo-wrap { }
#header-home { width: 650px; height: 230px; color: #ccc; margin: -5px 0 0 0; }
#slider-wrap-wrap { width: 960px; margin: 0 auto; position: relative; z-index: 1; }
#slider-wrap { width: 464px; height: 800px; position: absolute; top: 0px; right: -85px; z-index: 1; }

#home-left { width: 640px; float: left; min-height: 250px; margin: -43px 0 0 0; }
#home-right { width: 520px; float: right; }
#home-gallery { position: relative; padding: 0 20px; }
#home-slider-wrap { width: 320px; margin: 0 auto; }
a#arrow-left { display: block; background: url(images/galleryarrow_left.png) no-repeat; height: 126px; width: 62px; position: absolute; left: 0px; top: 100px; }
a#arrow-right { display: block; background: url(images/galleryarrow_right.png) no-repeat; height: 126px; width: 62px; position: absolute; right: 0px; top: 100px; }
a#arrow-left:hover, a#arrow-right:hover { background-position: left bottom; cursor: pointer; }
a#view-gallery-btn { display: block; width: 210px; text-align: center; margin: 5px auto 0 auto; }

.hidden-item { display: none; }

#home-tabs { display: block; height: 30px; z-index: 15; }
#home-tabs ul { padding: 0; }
#home-tabs ul li { display: inline; }
#home-tabs ul li a { display: block; position: relative; float: left; height: 30px; line-height: 30px; color: white; background: #333; padding: 0 20px; margin: 0 2px 0 0; font-weight: bold; }
#home-tabs ul li a:hover { cursor: pointer; background: black; }
#home-tabs ul li.active-tab a { background-position: center bottom; background-color: #cc0000; color: black; }
#home-tabs ul li.active-tab a:before { content: url(images/hometab_activearrow.png); position: absolute; top: 30px; left: 43%; }
#home-tabs ul li.active-tab a:hover { cursor: default; background: #cc0000; }
#home-news-events { padding: 10px; background: url(images/trans_black.png) }

#content ul.recent-posts { font-size: 12px; padding: 0; margin: 0 0 5px 0; border-bottom: 1px solid black; }
#content ul.recent-posts li { list-style: none; }
#content ul.recent-posts li a { font-size: 14px; }

#home-btns { clear: both; float: left; overflow: hidden; padding: 2px; background: url(images/trans_black.png); }
a.home-btn { display: inline-block; width: 212px; height: 126px; float: left; background: no-repeat left top; }
a.home-btn:hover { background-position: left bottom; }
a#home-btn-about { background-image: url(images/homebtn_learn2.jpg); margin: 0 1px 0 0; }
a#home-btn-awards { background-image: url(images/homebtn_awards2.jpg); margin: 0 1px 0 0; }
a#home-btn-gallery { background-image: url(images/homebtn_gallery2.jpg); }

/*------------- PAGE ------------------*/

#page-logo { position: absolute; left: 0px; top: 30px; }

table#brands { background: url(images/trans_black.png); }
#content table#brands td { padding: 20px; text-align: center; border: 1px solid black; }

/*------------- PAGE - PRICE LIST ------------------*/

.price-box { margin: 0 0 10px 0; }
.price-box h3 { background: url(images/transbtn_bg.png) repeat-x; height: 30px; font-size: 14px; text-transform: uppercase; line-height: 30px; margin: 0; color: #999;
box-shadow: 0px 3px 3px #000; -moz-box-shadow: 0px 3px 3px #000; -webkit-box-shadow: 0px 3px 3px #000;
-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
.price-box h3:hover { background: #1e1e1e; cursor: pointer; color: white; }
.price-box h3 span { padding: 0 0 0 30px; display: block; background: url(images/transbtn_bg_plusminus.png) no-repeat left top;  }
.price-box h3 span.active { background-position: left bottom; }

.price-content { padding: 10px 5px; }
.price-content h4 { margin: 15px 0 0 0; font-size: 16px; }
.price-content table { width: 100%; margin: 0 0 10px 0; }
.price-content table td { padding: 5px; font-size: 12px; }
.price-content table tr td:last-child { width: 65px; }
.price-content table tr:nth-child(odd)   { background-color:#191919; }

/*------------- PAGE - GALLERY ------------------*/

.gallery-bucket-wrap { margin: 0 0 20px 0; }
.gallery-bucket { background: url(images/gallery-bucket-bg.png) no-repeat center bottom; padding: 0 20px 40px 20px; overflow: hidden; }
.gallery-bucket .gallery {  }
.closed-gallery { height: 390px; }
.show-gallery { height: auto; }
a.gallery-show-more, a.gallery-btn-hide { background: url(images/transbtn_bg.png) repeat-x; display: block; height: 25px; font-size: 12px; text-transform: uppercase; line-height: 25px; margin: 0 auto; color: #999; width: 200px; text-align: center;
box-shadow: 0px 3px 3px #000; -moz-box-shadow: 0px 3px 3px #000; -webkit-box-shadow: 0px 3px 3px #000;
-moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -khtml-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; }
a.gallery-show-more:before { content: "More +" }
a.gallery-show-more:hover, a.gallery-btn-hide:hover { background: black; color: white; cursor: pointer; }
a.gallery-btn-hide:before { content: "Less -" }

.gallery img { border: 2px solid black !important; }

/*------------- PAGE - sTAFF ------------------*/

.staff-headshot { text-align: center; background: url(images/trans_black.png); padding: 10px; margin: 10px 10px; float: left; display: inline; }
.staff-headshot img { margin: 0 0 10px 0; }
.staff-headshot p, .staff-headshot h4 { margin: 0; }