/* reset  */

html, body, div, a, p, img, ul, li, footer, header, section, h1, span, time, hgroup, a img, aside, form, input, article, h2, h3, h4, label, textarea, small {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	text-decoration:none;
}
:focus {
    outline:none;	
	}
::-moz-selection, ::selection { 
    color:#fff;
	background:#000;
	}
ul {
    list-style:none;
	}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .clearfix {
  display: block;
}
/* end reset */ 

html {
   background:url(images/bg_6.jpg) right top no-repeat fixed; 
   height:101%;
   background-size:100% auto;
   }
html.bio {
   background:#ededed url(images/bg_4.jpg) right top no-repeat fixed;  
   background-size:100% auto;
   }
html.writing {
    background:#fff url(images/bg_2.jpg) right top no-repeat fixed;  
    background-size:100% auto;
	}
html.pic_page {
    background:#fff url(images/bg_1.jpg) right top no-repeat fixed;  
    background-size:100% auto;
	} 
 
body {
    width:28em;
	overflow:auto;
	min-height:75em;
	float:left;
	padding:0 0 1.875em 0;
	background:#fff;
	color:#222;	
	font-family:nimbus-sans, Helvetica neue, Arial, sans-serif;	
	font-size:100%;
	line-height:1.2em;
	font-weight:lighter;
	}
.inner {
	width:80%;
	margin:0 auto;
	position:relative;
}
a#top {
	position:absolute;
	top:-6em;
}
h1 {
    font-family:futura-pt, Helvetica neue, Arial, sans-serif;
	margin:1.95em 0 0.4em 0;
	font-size:3.2em;
	font-weight:lighter;
	*line-height:2em;
	}
h2 {
	margin:0 0 5.625em 0.125em;
	font-weight:100;
}
h1 a {
   color:#222;		
   }
dl {
	padding:3em 0 0 0;
}
dd {
	margin:0;
	} 
p {
	margin:0.625em 0;
	*width:100%;
	}
a, .nav a:hover, h1 a:hover, .nav a.active {
    color:#4c9c95;
	}
a:hover {
    color:#ccc;
	}
.nav {
    list-style:none;
	margin:0 0 2.5em 0;
  }	
.nav li {
	margin:0 0 0.125em 0;
  }
.nav a {
   color:#222;	
   }
.film {
	margin:1.73em 0 2.77em 0;
	list-style-type:decimal;
	line-height:1.3em;
	font-size:0.9em;
	*width:100%;
	*list-style-type:none;
    }
.film li {
    *width:100%;
	}
.pictures {
	margin:1.56em 0 1.25em 0;
	width:100%;
	list-style:none;
	}
.pictures img {
	width:100%;
	height:auto;
}
.pictures li {
	margin:0 0 2.5em 0;
	}
q {
  font-style:italic;
}  

@media (max-width: 1750px){
html, html.bio, html.writing, html.pic_page {
   background-size:auto 100%;
   }
}

@media (max-width: 1100px){
html {
   background:url(images/bg_6.jpg) right -13.5em no-repeat fixed; 
   }
html.bio {
   background:#ededed url(images/bg_4.jpg) right -5em no-repeat fixed;  
   }
html.writing {
    background:#fff url(images/bg_2.jpg) right -5em no-repeat fixed;  
	}
html.pic_page {
    background:#fff url(images/bg_1.jpg) right -12em no-repeat fixed;  
	} 
html, html.bio, html.writing, html.pic_page {
   background-size:125% auto;
   }
body {
	width:100%;
	margin:16em 0 0 0;
}
h2 {
	margin:0 0 2.8em 0.125em;
}
.pictures {
	margin:1.56em 0 1.25em 0;
	width:50%;
	}
dl {
	padding:1em 0 0 0;
}
}


@media (max-width: 800px){
html {
   background:url(images/bg_6.jpg) right -15.5em no-repeat fixed; 
   }
html.bio {
   background:#ededed url(images/bg_4.jpg) right -4em no-repeat fixed;  
   background-size:130% auto;
}
}


@media (max-width: 680px){
html {
   background:url(images/bg_6.jpg) 85% -4em no-repeat fixed; 
   background-size:130% auto;
   }
html.bio {
   background:#ededed url(images/bg_4.jpg) right top no-repeat fixed;  
   }
html.writing {
    background:#fff url(images/bg_2.jpg) right top no-repeat fixed;  
	}
html.pic_page {
    background:#fff url(images/bg_1.jpg) right -3em no-repeat fixed;  
	} 
html.bio, html.writing, html.pic_page {
   background-size:100% auto;
   }
body {
	margin:14em 0 0 0;
}
dl {
	padding:0;
}
}

@media (max-width: 400px){
html.pic_page {
    background:#fff url(images/bg_1.jpg) right top no-repeat fixed; 
background-size:140% auto;
	} 
html.bio {
   background:#ededed url(images/bg_4.jpg) right top no-repeat fixed;  
    background-size:140% auto;
   }
html.writing {
    background:#fff url(images/bg_2.jpg) right top no-repeat fixed;
    background-size:130% auto; 
	}
html.pic_page {
   
   }
html {
   background:url(images/bg_6.jpg) 85% top no-repeat fixed; 
   background-size:130% auto;
   }
body {
	min-height:24em;
}
h1 {
	margin:1em 0 0.4em 0;
	font-size:2.4em;
	}
.pictures {
	margin:1.56em 0 1.25em 0;
	width:100%;
	}
}