/*
	Ivaylo Yovchev photography
	by Bassta burnandbass[at]gmail[dot]com
*/

@font-face {
    font-family: 'RalewayThin';
    src: url('../fonts/raleway_thin-webfont.eot');
    src: url('../fonts/raleway_thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway_thin-webfont.woff') format('woff'),
         url('../fonts/raleway_thin-webfont.ttf') format('truetype'),
         url('../fonts/raleway_thin-webfont.svg#RalewayThin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* 
	CSS Reset  
*/

html, body, div, a, p, img, ul, li, footer, header, hgroup, section, nav, h1, iframe, object, embed, span, a img, aside, article, h2, h3, h4, table, tr, td {
   	margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	text-decoration:none;
	border-collapse:collapse;
}

footer, section, article, header, aside, nav { 
    display:block;
}

h1, h2, h3 {
    font-weight:lighter;
}

:focus {
    outline:none;	
}

::-moz-selection, ::selection {
    background:#363636;
	color:#fff;
}

/*
	Disable image select
*/
img {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

ul { 
   list-style:none;
}
   
/*
	Body, html
*/   

html {
 	min-height:100%; /*101% for scroll*/
}
	 
body {
	 font-size:100%;
	 font-family:OpenSansRegular, Helvetica Neue, Arial, sans-serif;
	 color:#666;
	 -webkit-text-size-adjust:100%;
	 line-height:1.3em;
     }

/* 
	Header
*/

header {
    position:fixed;
    width:100%;
	height:110px;
	top:0;
	left:0;
	background:#fff;
	z-index:3;
}

h1 {
    display:block;
	width:435px;
	height:60px;
	text-indent:-20000px;
	/*background:url(../images/logo.png) no-repeat;*/
	float:left;
	margin:24px 0 0 248px;
}
	
h1 img {
    display:none;
}

/*
	Navigation
*/

nav {
    position:fixed;
    width:230px;
    left:20px;
    top:108px;
	bottom:0;
	min-height:630px;
    background:#fff;
	font-size:0.85em;
	z-index:3;
}

nav a , footer a{
    color:#666;
	-webkit-transition:color 0.3s ease-in;  
	-moz-transition:color 0.3s ease-in;
	-ms-transition:color 0.3s ease-in;  
	-o-transition:color 0.3s ease-in;  
	transition:color 0.3s ease-in;
}	

nav ul {
   float:left;
   margin:20px 0 0 20px;
   display:block;
}

nav li {
    margin:0 0 6px 0;
	width:100%;
	padding:0 0 6px 0;
	display:block;
	float:left;
	clear:both;
}

nav ul.children {
   margin:5px 0 0 20px;
   font-size:0.75em;
}

nav ul.children li{
   border:none;
   font-style:italic;
   padding:0;
   margin:0 0 3px 0;
   clear:none;
}

nav ul.children a, .content a:hover{
    color:#888;
}

nav li a:hover, footer a:hover, .content a {
	color:#349fcc;
}

nav li.gap_top {
    margin-top:60px;
}

nav a.active{
	color: #349fcc;
}

/* main content */
	
	
#wrapper {
   float:left;
   margin:110px 0 0 0;
   padding:0 0 0 250px;
   background:#fff url(../images/lines.gif);
   position:relative;
   z-index:2;
   border-bottom:solid 20px #fff;
}	

.post {
    padding:0 5px 0 0;
	background:#fff;
	height:100%;
}

#wrapper img {
 	color:#fff;
 	width:auto;
}	
 
/* footer */

footer {
   position:fixed;
   left:250px;
   bottom:20px;
   z-index:1;
}

footer small {
   float:left;
   clear:both;
   margin:0 0 5px 0;
}   

/* 
	Media queries 
*/

@media (max-height: 1200px){
   #wrapper img {
    	height:940px;
    	width:auto;
 	}
}

@media (max-height: 1100px){
   #wrapper img {
    	height:840px;
    	width:auto;
 	}
}

@media (max-height: 1000px){
   #wrapper img {
    	height:740px;
    	width:auto;
 	}
}

@media (max-height: 900px){
   #wrapper img {
    	height:640px;
    	width:auto;
 	}
}

@media (max-height: 800px){
   #wrapper img {
    	height:540px;
    	width:auto;
 	}
}

@media (max-height: 700px){
   #wrapper img {
    	height:440px;
    	width:auto;
	}
 	nav li.gap_top {
    	margin-top:0px;
	}
	
	footer {
   		position:fixed;
   		left:250px;
   		bottom:10px;
   		z-index:1;
   	}
}

@media (max-height: 600px){
   #wrapper img {
    	height:380px;
    	width:auto;
 	}

	nav li.gap_top {
    	margin-top:0px;
	}
	
	footer {
   		position:fixed;
   		left:250px;
   		bottom:10px;
   		z-index:1;
   }
} 

/* 
	Inner pages 
*/
   
body.inner {
    position:relative;
	width:940px;
	padding:0 10px;
}

body.inner header {
	width:930px;
	height:120px;
	left:20px;
}

body.inner h1 {
   	margin:24px 0 0 228px;
}

header h2 {
	float:left;
	margin:58px 0 0 20px;
	font-size:0.9em;
	word-spacing:10px;
	letter-spacing:2px;
}

body.inner nav {
	left:20px;
	top:140px;
	background:transparent;
}

body.inner nav ul {
   margin:18px 0 0 0;
}

.content {
    width:700px;
	min-height:480px;
	float:right;
	margin:158px 0 0 0;
	position:relative;
}

.content p { 
    float:left;
	clear:both;
	margin:0 0 10px 0;
	font-size:0.9em;
	line-height:1.4em;
	word-spacing:1px;
}

.lines {
    width:930px;
	height:40px;
	background:url(../images/lines.gif);
	float:left;
	clear:both;
	margin:0 0 0 10px;
}

.small_inner .lines {
    position:fixed;
	bottom:0;
}