@charset "UTF-8";
/*
Theme Name: TanTan
Theme URI: http://tantanstudios.com
Description: Tantan main theme
Version: 1
Author: Amit Ashckenazi and Ran Shani
Author URI: http://contextive.com http://www.honeygingerlemon.com
*/
/*
@import "style/css/typography.css";
@import "style/css/layout.css";
*/

@import "style/css/reset.css";

html, body{
	text-align:center;
	direction:rtl;
}

html{
	background:#000 url(http://www.tantanstudios.com/wp-content/themes/TanTan/assets/back.jpg) center top no-repeat;
	font: 85% arial, helvetica, sans-serif; 
	color:#BBB;
	font-weight:light;
	font-size:13px;
}

div#wrapper{
	width:896px;
	margin:0 auto;
	text-align:right;
	padding-top:10px;
	line-height:18px;
}

a, a:link, a:hover, a:active, a:visited{
	color:#BBB;
	text-decoration:none;
}

div#navigationHolder{
	margin-bottom:13px;
}

div#blackBack{
	background:#000;
}

div.post{
	width:850px;
	margin:13px auto 0 auto;
}

div.post img{
	float:left;
	margin-right:15px;
}

/*home page*/
/*nothing in home yet*/

/*studio page*/
div#studioSchemeHolder{
	width:850px;
	margin:13px auto 0 auto;
}

/*sessions page*/
div#sessionsHolder{
	width:850px;
	margin:13px auto 0 auto;
}

/*engineers page*/
div#engineers{
	width:850px;
	margin:15px auto 0 auto;
}

div.engineer{
	position:relative;
	margin-bottom:15px;
	width:850px;
}

div.engineer h2{
	margin:0 300px 13px 0;
	height:38px;
	width:410px;
	font-size:16px;
	font-weight:bold;
	line-height:38px;
	text-indent:13px;
	color:#FFF;
	background:#000 url(http://www.tantanstudios.com/wp-content/themes/TanTan/assets/bg_engineer_name.jpg) right top no-repeat;
}

div.engineer div.engineerBio{
	width:550px;
	position:relative;
	margin-right:300px;
}


div.engineer img{
	float:right;
	margin:-51px -300px auto auto;
	width:286px;
	height:228px;
	position:relative;
}



/*artists page*/
div#artistsGalleryHolder{
	width:850px;
	margin:13px auto 0 auto;
}

/*gear page*/
div#gearGalleryHolder{
	float:left;
	margin:5px 15px 0 0;
}

div.gearInfo{
	/*display:none;*/
}

div.gearInfo h2, div.gearInfo h1{
	font-size:16px;
	font-weight:bold;
}



h2 a, h2 a:link, h2 a:hover, h2 a:active, h2 a:visited{
	color:#CCC;
	text-decoration:none;
}

div#gearLists{
	width:850px;
	margin:15px auto 0 auto;
	padding-top:15px;
	background:#000 url(http://www.tantanstudios.com/wp-content/themes/TanTan/assets/dot.gif) left top repeat-x;
	text-align:left;
	direction:ltr;
}

h2.gearListTitle{
	font-size:14px;
	font-weight:bold;
	color:#CCC;
	width:208px;
	margin-bottom:15px;
}

h2.gearListTitle:hover{
	text-decoration:underline;
	cursor:help;
}

div#gearLists ul{
	font-size:12px;
	margin-bottom:15px;
}
div#gearLists ul li{
	line-height:16px;
	width:208px;
}

div.gearCol{
	float:left;
	margin-right:6px;
}
div#colPosition_4{
	margin:0;
}

/*contact*/
div#contactPage{
	width:850px;
	margin:13px auto 0 auto;
}


div#contactDetails{
	width:170px;
	float:right;
}

div#contactDetails .white, div#contactForm strong{
	/*color:#FFF;*/
}

div#contactForm{
	float:right;
	margin:0 60px 0 0;
	width:230px;
}

div#googleMap{
	float:left;
	width:305px;
	margin:4px 0 0 0;
}

div#contactForm form{
	margin-top:5px;
}

div#contactForm textarea, div#contactForm input{
	width:230px;
	border:none;
}

div#contactForm input{
	height:26px;
}

div#contactForm p{
	margin-bottom:8px;
}

p#sendBtn input{
	width:70px;
	border:1px solid #222021;
	background: url(http://www.tantanstudios.com/wp-content/themes/TanTan/assets/buttonBack.jpg) left top repeat-x;
	color:#BBB;
	font-weight:bold;
	letter-spacing:1px;
}

a#priceListBtn{
	width:133px;
	height:28px;
	background: url(http://www.tantanstudios.com/wp-content/themes/TanTan/assets/btn_price_list.gif) left top no-repeat;
	display:block;
}

a#priceListBtn span{
	display:none;
}

div#priceListPopup h2{
	font-size:16px;
	font-weight:bold;
}




/*footer*/

ul#footer{
	background: transparent url(http://www.tantanstudios.com/wp-content/themes/TanTan/assets/dot.gif) left top repeat-x;
	color:#343434;
	margin:13px 0;
	padding-top:5px;
	display:block;
	font-size:12px;
}

ul#footer a, ul#footer a:link, ul#footer a:hover, ul#footer a:visited, ul#footer a:active{
	color:#343434;
	text-decoration:none;
}

ul#footer li{
	float:right;
	margin-left:10px;
}

ul#footer li#copyrights{
	float:left;
}

ul#footer li#honeygingerlemon, ul#footer li#contextive{
	margin-top:-3px;
	float:left;
}

ul#footer li#contextive{
	margin-left:0;
}

ul#footer li.pipe{
	margin-top:-1px;
	float:left;
}


/*clears*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix { height: 1%; }
*:first-child + html .clearfix { min-height: 1px; }