/*
Theme Name: Shai Saul
Theme URI: http://shai-saul.net
Description: 
Version: 1.0
Author: Amit Ashckenazi & Ran Shani
Author URI: http://contextive.com
*/

/*http://www.dave-woods.co.uk/?p=144*/


* {
    padding: 0;
    margin: 0;
}
html, body {
	height: 100%;	
    min-width:900px;
}

body {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12px;       
    text-align:left;
    background:#FFFFFF;
    color:#FFFFFF;
}

a, a:link, a:hover, a:active, a:visited{
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration:none;
}

#mainContent a, #mainContent a:link, #mainContent a:hover, #mainContent a:active, #mainContent a:visited{
    color:#FFFFFF;
    text-decoration:underline;
}


ul, ol, li{
    list-style:none;
}

h1{
	font-size:14px;
	font-weight:bold;
}
h2{
	font-size:13px;
    font-weight:normal;
}

#container {
	min-height: 100%;
	background-color: #DDD;
	width: 900px;
}

* html #container, * html #leftCol, * html #rightCol {
	height: 100%;	
}

div#leftCol{
    width:295px;
    background:#FFFFFF;
    float:left;
    min-height: 100%;
}

div#rightCol{
    width:600px;
    float:left;
    background:#FFFFFF;
    min-height: 100%;
    position:relative;
}

div#leftCol-noMinHeight{
	width:295px;
    background:#FFFFFF;
    float:left;
}

div#rightCol-noMinHeight{
   width:600px;
   float:left;
   position:relative;
}

/*navigation*/

ul#mainNav{
    width:255px;
    height:130px;   
    margin-top:20px;
    margin-left:20px;
    position:relative;
    background: #FFFFFF url(http://shai-saul.net/wp-content/themes/Shai-Saul/assets/nav-back.gif) left top no-repeat;
}   

ul#mainNav li a {
    width:55px;
    height:33px;
    border:1px solid #BEBFC1;
    display:block;
    padding-top:5px;
    padding-left:3px;
    color:#a7a8aa;
    font-weight:bold;
    text-decoration:none;
    background:#FFFFFF;
}

ul#mainNav li a:hover, ul#mainNav li.active a {
    color:#FFFFFF;
    background:#3e3e40;
}

li#nav-home {
    position:absolute;
    top:0px;
    left:0px;
}

li#nav-works {
    position:absolute;
    top:0px;
    left:130px;
}

li#nav-texts {
    position:absolute;
    top:45px;
    left:65px;
}

li#nav-reflections {
    position:absolute;
    top:45px;
    left:195px;
}

li#nav-biography {
    position:absolute;
    top:90px;
    left:0px;
}

li#nav-contact {
    position:absolute;
    top:90px;
    left:130px;
}

/*sub navigation*/
div#subNavHolder{
	width:900px;
	float:left;
	position:relative;
	padding-bottom:50px;
	clear:both;
}

div#subNavHolder li{
	width: 255px;
    margin-bottom:18px;
}

ul.worksSubNav{
	float:left;
}

li.worksImage{
	position:absolute;
	top:-130px;
	left:315px;
	display:none;
}

ul#subNav, ul.worksSubNav{
    margin-left:20px;
    margin-top:45px;
    text-transform:lowercase;
}

ul#subNav li, ul.worksSubNav li{
    margin-bottom:18px;
}

ul#subNav li a, ul.worksSubNav a{
    color:#A7A8AA;
    width:100%;
    display:block;
    text-indent:65px;
    background: #FFFFFF url(http://shai-saul.net/wp-content/themes/Shai-Saul/assets/line-thin.gif) left 11px no-repeat;
}

ul.worksSubNav li a:hover,
ul#subNav li a:hover, 
ul#subNav li.current_page_item a{
    color:#3E3E40;
    font-weight:bold;
    background: #FFFFFF url(http://shai-saul.net/wp-content/themes/Shai-Saul/assets/line-thick.gif) left 6px no-repeat;
}

body.page-template-page-gallery-images-php ul#subNav{
	margin-top:25px;
}

/*sqaures navigation REFLECTIOSNS*/

div#topRightSquaresNavReflections{
    width:260px;
    height:140px;   
    margin-top:15px;
    margin-left:20px;
    background: #3E3E40 url(http://shai-saul.net/wp-content/themes/Shai-Saul/assets/reflections-squares.gif) 0px 5px no-repeat;
}
div#topRightSquaresNavReflections ul li {
    width:60px;
    height:40px;
    text-indent:-9999px;
    margin-right:5px;
    margin-top:5px;
    float:left;
    background:#A7A8AA;
    font-size:0;
}

div#topRightSquaresNavReflections ul li a{
    width:60px;
    height:40px;
    display:block;
	background:#b5b5b5;
}

div#topRightSquaresNavReflections ul li a:hover, 
div#topRightSquaresNavReflections ul li.current_page_item a{
    background:#FFFFFF;
}

/*sqaures navigation TEXTS*/

div#topRightSquaresNavTexts{
    width:260px;
    height:130px;   
    margin-top:15px;
    margin-left:20px;
}

div#topRightSquaresNavTexts ul li{
    width:60px;
    height:40px;
    text-indent:-9999px;
    margin-right:5px;
    margin-top:5px;
    float:left;
    background:#FFFFFF;
}

div#topRightSquaresNavTexts ul li a{
    display:block;
    width:60px;
    height:40px;
}

div#topRightSquaresNavTexts ul li a:hover, div#topRightSquaresNavTexts ul li.current_page_item a{
    background:#A7A8AA;
}

/*home page*/

img#mainImage{
    margin-top:45px;
	margin-bottom:40px;
}

body.page-template-page-home-php ul#mainNav{
    width:255px;
    height:130px;   
    margin-top:20px;
    margin-left:20px;
    position:relative;
    background: #FFFFFF url(http://shai-saul.net/wp-content/themes/Shai-Saul/assets/nav-back-home.gif) left top no-repeat;
}   

body.page-template-page-home-php ul#mainNav li a {
    width:55px;
    height:33px;
    border:1px solid #767779;
    display:block;
    padding-top:5px;
    padding-left:3px;
    color:#3E3E40;
    font-weight:bold;
    text-decoration:none;
    background:#FFFFFF;
}

body.page-template-page-home-php ul#mainNav li a:hover, 
body.page-template-page-home-php ul#mainNav li.active a {
    color:#FFFFFF;
    background:#3E3E40;
}

/*content*/

div#topRightFeature{
    width:255px;
    height:130px;    
    margin-top:20px;
    margin-left:20px;
}

div#mainContent{
    margin-top:35px;
    margin-left:20px;
    margin-bottom:40px;
}   

div#footer{
	text-align:right;
    position:absolute;
    bottom:20px;
    right:0px;
    font-size:10px;
    text-transform:lowercase;
}

body.page-template-page-home-php div#footer,
body.page-template-page-gallery-holder-php div#footer, 
body.page-template-page-gallery-images-php div#footer,
body.page-template-page-gallery-video-php div#footer{
    color:#767779;
}

body.page-template-page-gallery-holder-php div#footer{
	right:120px;
}

/*gallery pages*/

div#thumbsHolder{
    width:255px;
    height:200px;
}

div#galleryHolder{
    width:900px;
    height:400px;
    background:#fff;
    display:block;
    margin-top:68px;
    margin-left:-210px;
    margin-bottom:40px;
    z-index:5000;
}

/*body + content background grey colours*/

body.page-template-page-biography-php, 
body.page-template-page-contact-php,
body.page-template-page-biography-php div#rightCol, 
body.page-template-page-contact-php div#rightCol{
    background:#808183;
}

body.page-template-page-reflections-holder-php, 
body.page-template-page-refelctions-php, 
body.page-template-page-reflections-holder-php div#rightCol, 
body.page-template-page-refelctions-php div#rightCol,
body.page-template-page-texts-holder-php, 
body.page-template-page-text-php, 
body.page-template-page-texts-holder-php div#rightCol, 
body.page-template-page-text-php div#rightCol{
    background:#3E3E40;
} 

/*this conitnuew thw white on the left coloumn*/

body.page-template-page-reflections-holder-php,
body.page-template-page-refelctions-php,
body.page-template-page-texts-holder-php, 
body.page-template-page-text-php{
	 background:#3E3E40 url(http://shai-saul.net/wp-content/themes/Shai-Saul/assets/body-back.gif) left top repeat-y;
}

body.page-template-page-biography-php{
	 background:#808183 url(http://shai-saul.net/wp-content/themes/Shai-Saul/assets/body-back.gif) left top repeat-y;
}

/*credits*/

ul#credits{
	margin-top:300px;
	color:#3E3E40;
	size:10px;
}
ul#credits li a.credit{
	color:#3E3E40;
	size:10px;
}

/*clears*/

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