/*

Theme Name: TB Hairsalon

Theme URI: http://themesbro.com/tb-hairsalon

Author: ThemesBro

Author URI: http://themesbro.com/

Description: Very easy to install. Integrated contact form. Hair salon wordpress theme supported two footer widgets area. We have created 4 different page templates. Theme Settings: go to Appereance -> Theme Settings.

Version: 1.0

License: http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only

*/



@charset "utf-8";



@import url('css/jquery.jscrollpane.css');



@font-face {

  font-family: 'Ubuntu Condensed';

  font-style: normal;

  font-weight: 400;

  src: local('Ubuntu Condensed'), local('UbuntuCondensed-Regular'), url('https://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('https://themes.googleusercontent.com/static/fonts/pontanosans/v1/gTHiwyxi6S7iiHpqAoiE3HhCUOGz7vYGh680lGh-uXM.woff') format('woff');

}



/* CSS Document */

* { padding: 0; margin: 0; outline: 0; }

html {

	background: #000000;

}

body {

	margin: 0px;

	padding: 0px;

	background: none;

	color: #e4e4e4;

	font-family: Tahoma;

	font-size: 13px;

	line-height: 20px;

}

a img { border: 0; }

a { 

	color: #fff; 

	text-decoration: none;

}

a:hover {

	text-decoration: underline;

	cursor: pointer;

}

p {

	padding: 4px 0;

}

h1, h2, h3, h4 {

	font-weight: normal;

	padding-bottom: 8px;

	margin: 0px;

}

h1 {

	font-size: 30px;

	font-family: 'Pontano Sans';
	
	padding: 0 0 20px 0;

}

#header {

	width: 100%;

	margin: auto;

	height: 535px;

	overflow: hidden;

	/*background:#000 url(images/background.jpg) no-repeat top center;*/

}

.break { clear:both; }

.slide { background-position: center top; background-repeat: no-repeat; width:100%; height:538px; position:absolute; }



#header .center {

	position: relative;

}

a.logo {

	position: absolute;

	top: 40px;

}

a.homelogo {

	position: absolute;

	top: 50px;

}

.center {

	width: 1000px;

	margin: auto;

}

#Line {

	width: 100%;

	height: 1px;

	background:#272727;

}

#Footer {

	width: 100%;

	background: #181818;

	color:#565759;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 15px;

	padding: 10px 0;

}

.clean {

	clear: both;

}

#RightNavigation {

	width: 126px;

	height: 511px;

	float: right;

	margin-top:20px;

	position:relative;

	font-family: 'Ubuntu Condensed';



}

#RightNavigation a.tbicon{

	width: 128px;

	display:block;

	height: 38px;

	margin-bottom:12px;

	text-align: center;

	padding-top:89px;

	color:#000;

}

#RightNavigation a.arrow {

	background:url(images/icons/arrow.png);

}

#RightNavigation a.cut {

	background:url(images/icons/cut.png);

}

#RightNavigation a.face {

	background:url(images/icons/face.png);

}

#RightNavigation a.mail {

	background:url(images/icons/email.png);

}

#RightNavigation a.phone {

	background:url(images/icons/phone.png);

}

#RightNavigation a#FB {

	width: 126px;

	display: block;

	position: absolute;

	height: 51px;

	bottom:0px;

	margin: 0px;

	padding: 0px;

	background:url(images/icons/fb.png);

}



#Introduction {

	width: 435px;

	background:url(images/container.png);

	padding: 10px;

	position:absolute;

	bottom: 10px;

}

#Container {

	width: 605px;

	background:url(images/container.png);

	padding: 10px;

	position:absolute;

	top: 0px;

	padding-top:200px;

	height:535px;

		overflow:auto;



}

#Footer h3 {

	color:#fff;

    font-family: 'Pontano Sans';

	font-size: 25px;

    padding-bottom: 12px;

}

#Footer .blockLeft {

	width: 500px;
	
	width: 460px !important;

	float: left;

	padding: 10px;

}

#Footer .blockRight {

	width: 350px;

	float: right;

	padding: 10px;

}

#FooterMenu .menu ul {

	list-style-type: none;

	text-align: right;

	width: 500px;

	float: right;

}

#FooterMenu .menu ul li {

	display: inline;

}

#FooterMenu .menu ul li a {

	padding: 5px 8px;

	color:#fff;

	font-size: 11px;

}

.copy {

	width: 450px;

	float: left;

	font-size:11px;

}

.copy a {

	color:#ccc;

}

#CopyRight {

	background:url(images/footer.gif) repeat-x top;

	padding: 5px 0;

	margin-top:15px;



}



#HeaderMenu {

	background:url(images/menubar.gif);

}

#HeaderMenu .menu {

	width: 100%;

	height: 40px;

	margin-bottom:1px;

}

#HeaderMenu .menu ul {

	width: 1000px;

	margin: auto;

	text-align: right;

	padding-top:8px;

}

#HeaderMenu .menu ul li {

	display:inline;

}

#HeaderMenu .menu ul li a {

	padding:5px 12px;

    font-size: 14px;

    font-family: 'Ubuntu Condensed';

}

#HeaderMenu .menu ul ul {

	display: none;

}

ul li.current_page_item a {

	text-decoration: underline;

}

h2 {

	font-size: 35px;

	 font-family: 'Pontano Sans';

}

.post {

	font-size: 13px;

	line-height: 15px;

	margin:0px 0px 30px 0px;

}

.post a, .page a, #Introduction a {

	color:#E4E4E4;

}

.post a:hover, .page a:hover, #Introduction a:hover {

	text-decoration: underline;

}

.post h2 a:hover, .post datum a:hover {

	text-decoration: none;

}



.datum{

	color:#85c508;

	font-size: 20px;

    font-family: Pontano Sans;

    display:block;

    padding:5px 0;	

}

.post h2 a {

	color:#fff;

}

#HeaderMenu .menu ul li ul, #FooterMenu .menu ul li ul {

	display: none;

}

#Container ol, #Container ul {

	padding: 15px;

	padding-left: 25px;

}

#RightNavigation a:hover {

	text-decoration: none;

}

#RightNavigation h3{

	display: none;

}

#Footer ul {

	list-style-type: none;

}

#Footer ul li {

	padding:2px 0;

}

#back {

	width: 36px;

	height: 36px;

	background: url(images/left.png);

	margin-bottom:5px;

}

#back a {

	display: block;

	cursor: pointer;

	width: 36px;

	height: 36px;

}



#Navigation {

	width: 596px;

	height: 36px;

}

#left {

	width: 36px;

	height: 36px;

	background: url(images/left.png);

	margin-bottom:5px;

	float: left;

}

#left a {

	display: block;

	cursor: pointer;

	width: 36px;

	height: 36px;

}

#right {

	width: 36px;

	height: 36px;

	background: url(images/right.png);

	margin-bottom:5px;

	float: right;

}

#right a {

	display: block;

	cursor: pointer;

	width: 36px;

	height: 36px;

}

/* =Gallery listing

-------------------------------------------------------------- */



.format-gallery .size-thumbnail img,

.category-gallery .size-thumbnail img {

	border: 2px solid #f1f1f1;

	margin-bottom: 0;

}

.format-gallery .gallery-thumb,

.category-gallery .gallery-thumb {

	float: left;

	margin-right: 20px;

	margin-top: -4px;

}

.home #content .format-gallery .entry-utility,

.home #content .category-gallery .entry-utility {

	padding-top: 4px;

}





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;

}

.wp-caption {

	background: #f1f1f1;

	line-height: 18px;

	margin-bottom: 20px;

	max-width: 632px !important; /* prevent too-wide images from breaking layout */

	padding: 4px;

	text-align: center;

}

.wp-caption img {

	margin: 5px 5px 0;

}

.wp-caption p.wp-caption-text {

	color: #888;

	font-size: 12px;

	margin: 5px;

}

.wp-smiley {

	margin: 0;

}

.gallery {

	margin: 0 auto 18px;

}

.gallery .gallery-item {

	float: left;

	margin-top: 0;

	text-align: center;

	width: 33%;

}

.gallery-columns-2 .gallery-item {

	width: 50%;

}

.gallery-columns-4 .gallery-item {

	width: 25%;

}

.gallery img {

	border: 2px solid #cfcfcf;

}

.gallery-columns-2 .attachment-medium {

	max-width: 92%;

	height: auto;

}

.gallery-columns-4 .attachment-thumbnail {

	max-width: 84%;

	height: auto;

}

.gallery .gallery-caption {

	color: #888;

	font-size: 12px;

	margin: 0 0 12px;

}

.gallery dl {

	margin: 0;

}

.gallery img {

	border: 10px solid #f1f1f1;

}

.gallery br+br {

	display: none;

}

#content .attachment img {/* single attachment images should be centered */

	display: block;

	margin: 0 auto;

}



#IE6 {

	display: none;

}



#contact_form label {

	display: block;

}

#contact_form input#name, #contact_form input#email, #contact_form textarea#message {

	background: #DDDDDD;

    border:0px;

    color: #000000;

    padding: 4px 3px;

    width: 250px;

}

#contact_form textarea#message {

	height: 45px;

	font-size: 12px;

	font-family:Arial, Helvetica, sans-serif;

}



#contact_form input#submit {

    background: #85C508;

    border: 0 none;

    color: #000000;

    cursor: pointer;

    padding: 4px 10px;

}

.jspPane { padding-top: 260px !important; }