/*
Theme Name: Hair's Kay Salon
Theme URI: http://localhost/hairskay
Description: 'Website Redesign for HairsKaySalon.com'
Author: Blok Creative Design Agency
Author URI: http://www.theblokgroup.com
Version: 1.0
*/

body { background: #00a4b5 url(i/bg_site.jpg) no-repeat center top; margin:0px 0px 25px; font-family: Helvetica, Arial, sans-serif; font-size:13px; color: #575757; }
img { border:0px; }
h1 { margin:10px 0px 5px; color:#b6d66e; font-weight: normal; }
h2 { margin: 5px 0px 10px; font-weight: normal; }
h2 a { text-decoration: none; font-weight: normal; }
.ie6 { padding:3px; text-align: center; background:#000; color:#fff; }
p { margin:5px 0px 12px; }
.blue { color:#00a4b5; }
a { font-weight: bold; color:#00a4b5; }
a:hover { color:#ccc; }
.container { overflow: hidden; width: 898px; margin:0px auto; }
.head { text-align: center; margin-bottom:10px; }
.nav { overflow: hidden; text-align: center; color:#fff; margin-bottom:10px; }
.nav a { display: inline-block; padding:3px 8px 6px; font-weight: 800; color:#fff; text-decoration: none; font-size: 15px; }
.nav a:hover { color:#b6d66e; background: transparent url(i/nav_sub.png) no-repeat center bottom; }
.content { position: relative; background: #fff url(i/bg_content.png) no-repeat center top; min-height: 300px;   }
.content .inner-top { margin:0px auto; width: 883px; margin-top:10px; }
.content .inner { background: transparent url(i/bg_content_2.png) repeat-y center top; width: 883px; margin:10px auto; padding:0px 8px; overflow: hidden; }
.content .inner .leftside { min-height: 300px; float:left; width:500px; margin:0px 10px 5px 25px; line-height: 20px; }
.content .inner .leftside p.news { line-height: 13px; }
.content .inner .leftside p.news a { font-size:14px; }
.content .inner .leftside .nextprev { margin-top:20px; overflow: hidden; }
.content .inner .leftside .nextprev a { font-size: 11px; color:#b6d66e; display: inline-block; width: 250px; }
.content .inner .rightside { margin-left:590px; width: 260px; padding:12px; min-height: 300px; background: transparent url(i/bg_rightside.jpg) no-repeat; } 
.content .inner .rightside .block { padding:10px 0px 10px 40px; }
.content .inner .rightside .block.booking { background: transparent url(i/icon-calendar.png) no-repeat left center; }
.content .inner .rightside .block.facebook { background: transparent url(i/icon-facebook.png) no-repeat left center; }
.content .inner .rightside .block.twitter { background: transparent url(i/icon-twitter.png) no-repeat left center; }
.content .inner .rightside .block.map { background: transparent url(i/icon-map.png) no-repeat left center; }
.content .inner .rightside .block.contact { background: transparent url(i/icon-iphone.png) no-repeat left center; }
.content .inner .rightside .contacttext { margin:0px 20px 12px 40px; }
.content .corner-tl { position: absolute; top:0px; left: 7px; width: 14px; height: 14px; background: transparent url(i/corner-tl.png) no-repeat; z-index: 1000; }
.content .corner-tr { position: absolute; top:0px; right: 7px; width: 14px; height: 14px; background: transparent url(i/corner-tr.png) no-repeat; z-index: 9999; }
.footer { text-align: center; width:898px; }
.truefooter { overflow: hidden; margin-top: 15px; font-size: 11px; line-height: 14px; color:#fff; }
.truefooter .section { width: 100px; margin-left: 25px; float:left; min-height: 100px; }
.truefooter .section a { display: block; font-weight: normal; color:#d5e7ac; text-decoration: none; }
.truefooter .section a:hover { color:#fff; }
.truefooter .section.last { width: 400px; margin-right: 25px; float:right; min-height: 100px; text-align: right; }

body.sub .content .inner .leftside { min-height: 300px; float:left; width:572px; margin:0px 10px 5px 12px; line-height: 20px; }
body.sub .subtitle { font-size:50px; }
body.sub h2 { color:#00a4b5; }
body.sub h1 { margin-top:0px; }

#s1 img { position: absolute; left:0px; }