@media screen and (max-height: 500px) {
 .image.thumb{ 
		width: 300px;
		 
	}  
}


@media screen and (max-width: 670px) {


body.books div#computer{
	width:550px;

}

}

@media screen and (max-width: 500px) {


html {
border: 0px solid white;
}


#work {
	/*max-width: 290px;*/
}

#worktext {
	max-width: 290px;
}

img {
	max-width: 280px; 
}
 .image.thumb{ 
		width: 300px;
		 
	}  
	
	img.load  {
		max-width: 350px; 
	}
	
.news{
max-width: 290px;
}
.news .content{
max-width: 280px;
}
.news img{
width: 280px;
padding-top: 30px;
}

#work #project-bodytext p img.icon {
margin-right: 4px;
margin-bottom: -3px;  
max-width: 16px;
}

#work #project-bodytext p{

	width: 280px;
	float: left;
}

#work #project-details{
	
	width: 200px;
	padding-top: 10px;
	margin-bottom: 18px;
	position: relative;
	float: left;
	clear: left;
}


#header-small {
	height: 70px;
	margin-bottom: 15px;
}

#header {
	height: 70px;
	margin-bottom: 15px;
}

#header-small #view-small a#prev:after {
	content: '← ';
	position: relative;
}

#header-small #view-small a#next:before {
	content: ' →';
	position: relative;
}

#work #project-details {
		/*font: 11px 'Inconsolata', sans-serif;*/
		width: 100px; 
}

#header-small {
		
		/*width: 300px;*/


#header-small .col {

		/*padding-bottom: 15px;*/
	}
	
	 
#header-small .col2 {

		padding-left: 230px;
		
	}




#header-small #links-small {
	margin-left: 0;
	
}

#header #links {
	margin-left: 0;
}

#work .info .words .bodytext{

	display: none;
}


br.break {
	display: inline;
}

#project{
}

#about:after {

}

#header-small #view a#prev:after {
	content: '←';
	position: relative;
}

#header-small #view a#next:before {
	content: '→';
	position: relative;
}







}