/*
Theme Name: TB HairSalon V2
Theme URI: http://themesbro.com/tb-hairsalon-v2
Author: ThemesBro
Author URI: http://themesbro.com/
Description: Very easy to install. Integrated contact form. Hair shop wordpress theme supported sidebar widgets area. We have created 2 different page templates. Theme Settings: go to Appereance -> Theme Settings.
Version: 1.0
License: GNU General Public License
License URI: license.txt
*/

@charset "utf-8 ";
/* CSS Document */
* {
padding:0;
margin:0;
outline:0;
}

@font-face {
font-family: 'Ubuntu Condensed';
font-style:normal;
font-weight:400;
src:local('Ubuntu Condensed'), local('UbuntuCondensed-Regular'),url('http://themes.googleusercontent.com/static/fonts/ubuntucondensed/v3/DBCt-NXN57MTAFjitYxdrFzqCfRpIA3W6ypxnPISCPA.woff') format('woff');
}

@font-face {
font-family: 'Pontano Sans';
font-style:normal;
font-weight:400;
src:local('Pontano Sans'), local('PontanoSans-Regular'),url('http://themes.googleusercontent.com/static/fonts/pontanosans/v1/gTHiwyxi6S7iiHpqAoiE3HhCUOGz7vYGh680lGh-uXM.woff') format('woff');
}

html,body {
margin:0;
padding:0;
height:100%;
font-family:arial,sans-serif;
font-size:small;
}

body {
margin:0px;
padding:0px;
background:url(images/bg01.jpg);
color:#808080;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
line-height:20px;
}

a img {
border:0;
}

a {
color:#ea16c8;
text-decoration:none;
}

a:hover {
text-decoration:none;
cursor:pointer;
color:#bc099f;
}

h1,h2,h3,h4 {
font-weight:normal;
}

p {
padding-bottom:15px;
}

#wrap {
width:1000px;
margin:auto;
position:relative;
height:auto !important;
height:100%;
min-height:100%;
}

div#container {
position:relative;
margin:0 auto;
width:900px;
height:auto !important;
height:100%;
min-height:100%;
background:#000;
}

div#header {
background:url(images/bg.png);
height:70px;
position:absolute;
top:0px;
width:900px;
float:left;
z-index:1001;
}

div#content {
padding:1em 1em 5em; /* bottom padding for footer */
width:900px;
}

div#footer {
position:absolute;
width:900px;
bottom:0; /* stick to bottom */
background:#0b0b0b;
float:left;
border-top:1px dotted #222;
}

#left ul li a {
color:#fff;
}

.clean {
clear:both;
}

#sliderbox {
width:900px;
height:500px;
position:relative;
}

#customheader {
width:900px;
height:auto;
position:relative;
}

.line {
width:900px;
height:8px;
background:url(images/line.png) repeat-x;
position:absolute;
bottom:0px;
z-index:1000;
}

#menublock {
width:800px;
float:left;
}

#social {
width:60px;
height:50px;
float:right;
}

#social a {
width:23px;
height:23px;
display:block;
float:left;
margin:15px 2px;
background:url(images/facebook.png);
}

#social a.twitter {
background:url(images/twitter.png);
}

#menublock ul li {
list-style-type:none;
float:left;
position:relative;
}

#menublock ul li a {
color:#fff;
display:block;
padding:25px 15px;
margin-right:1px;
font-size:17px;
background:url(images/menu.png);
font-family: 'Ubuntu Condensed';
}

#menublock ul li a:hover,#menublock ul li.current_page_item a {
background:url(images/on.png);
}

#menublock ul ul {
box-shadow:0px 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow:0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.2);
display:none;
position:absolute;
top:70px;
left:0;
float:left;
width:180px;
z-index:99999;
}

#menublock ul ul li {
min-width:180px;
}

#menublock ul ul ul {
left:100%;
top:0;
}

#menublock ul ul a {
background:#000;
line-height:1em;
padding:8px 10px;
width:160px;
height:auto;
font-size:15px;
}

#menublock li:hover >a,#menublock ul ul:hover >a {
background:#333;
color:#fff;
}

#menublock li:hover >a {
background:#000;
}

#menublock ul li:hover >ul {
display:block;
}

#menublock ul li.current_page_item >a,#menublock ul li.current-menu-ancestor >a,#menublock ul li.current-menu-item >a,#menublock ul li.current-menu-parent >a {
color:#fff;
}

* html #menublock ul li.current_page_item a,* html #menublock ul li.current-menu-ancestor a,* html #menublock ul li.current-menu-item a,* html #menublock ul li.current-menu-parent a,* html #menublock ul li a:hover {
color:#fff;
}

#logo {
position:absolute;
z-index:1002;
left:25px;
top:100px;
}

.sloganslider {
position:absolute;
z-index:1004;
background:url(images/bg.png);
color:#fff;
right:0px;
bottom:100px;
padding:10px 20px;
height:50px;
}

.sloganslider h3 {
font-family: 'Ubuntu Condensed';
font-size:22px;
line-height:27px;
}

.sloganslider p {
font-family:Verdana,Arial,Helvetica,sans-serif, "Lane - Narrow";
font-size:12px;
color:#ccc;
}

#content h1 {
color:#fff;
font-size:35px;
font-family: 'Pontano Sans';
padding:15px 0;
line-height:33px;
}

#sidebar h3 {
/*color:#c70cc0;*/
color:#FFFFFF;
font-size:22px;
font-family: 'Pontano Sans';
padding:15px 0;
}

#sidebar ul {
list-style-type:none;
}

#left {
width:580px;
float:left;
padding-bottom:20px;
}

#onecolumn {
padding:20px 30px 20px 20px;
}

#sidebar {
width:210px;
float:right;
margin-right:30px;
padding-bottom:20px;
color:#333333;
}

blockquote {
font-style:italic;
padding:15px;
color:#e0d9df;
}

#left ul,#left ol {
margin:0 0 0 15px;
}

.footertext {
font-size:11px;
font-family:Arial,Helvetica,sans-serif;
padding:5px 10px;
color:#616161;
}

.footertext a {
color:#666;
}

.leftfooter {
width:430px;
float:left;
}

.rightfooter {
width:400px;
float:right;
text-align:right;
}

.rightfooter ul li {
list-style-type:none;
display:inline-block;
}

.rightfooter ul li a {
color:#616161;
padding:2px 5px;
}

.rightfooter ul ul {
display:none;
}

.rightfooter ul li a:hover,.rightfooter ul li.current_page_item a {
text-decoration:underline;
color:#ccc;
}

.phone {
background:url(images/phone.png) no-repeat left;
padding-left:22px;
color:#999;
font-size:11px;
margin-bottom:3px;
}

.email {
background:url(images/emailicon.png) no-repeat left;
padding-left:22px;
color:#999;
font-size:11px;
margin-bottom:3px;
}

.address {
background:url(images/pin.png) no-repeat left top;
padding-left:22px;
color:#999;
line-height:13px;
font-size:11px;
margin-bottom:3px;
}

#sidebar a {
color:#999;
}

#sidebar a:hover {
color:#fff;
}

#main {
background:url(images/bgover.png);
width:100%;
}

.date {
background:url(images/date.png);
width:80px;
height:50px;
display:block;
text-align:center;
color:#000;
font-family: 'Ubuntu Condensed';
padding-top:30px;
float:left;
font-size:15px;
margin-top:15px;
}

h1.posttitle {
font-family: 'Ubuntu Condensed'!important;
font-size:35px !important;
margin-bottom:15px;
}

.post h2 {
font-family: 'Ubuntu Condensed';
font-size:27px;
width:470px;
padding:10px 0;
line-height:25px;
}

a.more {
display:block;
width:25px;
height:25px;
background:url(images/more.png);
float:right;
margin:5px 0;
opacity:0.6;
}

a.back {
display:block;
width:25px;
height:25px;
background:url(images/back.png);
float:left;
margin:5px 0;
opacity:0.6;
}

.posttext {
font-size:12px;
line-height:17px;
width:490px;
float:right;
}

.post {
border-bottom:1px dotted #222;
padding-bottom:8px;
margin-bottom:15px;
}

.featuredimage img {
opacity:0.6;
}

.featuredimage img:hover,a.more:hover,a.back:hover {
opacity:1;
}

.page {
border-bottom:1px dotted #222;
padding-bottom:8px;
margin-bottom:15px;
}

.page img,.post img {
padding:5px;
background:#222;
margin-bottom:15px;
}

.opentime {
padding:3px 0px 3px 30px;
color:#999;
}

.mo {
background:url(images/monday.png) no-repeat left;
}

.tu {
background:url(images/tuesday.png) no-repeat left;
}

.we {
background:url(images/wendsday.png) no-repeat left;
}

.th {
background:url(images/Th.png) no-repeat left;
}

.fr {
background:url(images/fr.png) no-repeat left;
}

.sa {
background:url(images/Sa.png) no-repeat left;
}

.su {
background:url(images/Su.png) no-repeat left;
}

ul.page-numbers li {
background:none repeat scroll 0 0 #222;
border-radius:4px 4px 4px 4px;
display:block;
float:left;
height:20px;
list-style-type:none;
margin:0 2px;
padding:0;
text-align:center;
width:20px;
}

ul.page-numbers li a {
background:none repeat scroll 0 0 #222;
border-radius:4px 4px 4px 4px;
display:block;
height:20px;
text-align:center;
text-decoration:none !important;
width:20px;
}

img.size-auto,img.size-full,img.size-large,img.size-medium,.attachment img {
max-width:100%; /* When images are too wide for containing element, force them to fit. */
height:auto; /* Override height to match resized width for correct aspect ratio. */
}

.alignleft,img.alignleft {
display:inline;
float:left;
margin-right:24px;
margin-top:4px;
}

.alignright,img.alignright {
display:inline;
float:right;
margin-left:24px;
margin-top:4px;
}

.aligncenter,img.aligncenter {
clear:both;
display:block;
margin-left:auto;
margin-right:auto;
}

img.alignleft,img.alignright,img.aligncenter {
margin-bottom:12px;
}