@media screen and (max-height: 700px) {	
	div.load img {
		/*width: 430px;*/
	}
	body.#book img {
		width: 620px; 
	}
	


}



@media only screen and  (max-device-width:1081px) and (-webkit-min-device-pixel-ratio : 2){

	
	body.books div#computer{
		width:920px;
		margin-left: 5px;
	}


	html {
	border: 0px solid white;
	}


}


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


body.books div#computer{
	width:920px;
}

}


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


html {
border: 5px solid white;
}

body.books div#computer{
	width:920px;
}

body{
	margin-left: 15px; 
}
}

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


html {
border: 0px solid white;
}

body{
	margin-left: 5px; 
}
}


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




body.book div#project-details {
width: 420px;
padding-left: 0px; 
}

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

	#worktext {
		/*max-width: 450px;*/
	}

	div.load img {
		width: 450px;
	}
	.image.thumb{
		width:500px;

	}

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

	#work #project-bodytext p, #work #page-bodytext p { 
		clear: both;
		width: 450px;
	}
	.news {
		max-width: 450px;
	}
	.news .content {
		max-width: 450px;
	}
	.news img {
		width: 450px;
		padding-top: 30px;
	}
	#page-details img {
		width: 200px;
		float: left;
		clear: both;
	}
	#header {
	}

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

	#header-small #links-small {

		margin-left: 0px;
	}
	#header-small .col {

		/*padding-bottom: 15px;*/
	}
	#work #project-details {
		/*font: 11px 'Inconsolata', sans-serif;*/
		width: 400px;
		padding-top: 10px;
		margin-bottom: 10px;
		position: relative;
		float: left;
	}
	#work #page-details {
		padding-top: 10px;
		margin-bottom: 10px;
		position: relative;
		float: left;
	}
	#header-small .col2 {

		/*padding-left: 10px;*/
		padding-right: 20px;
	}
	#header #view a#textview:before {
		position: relative;
	}

	#header #logo {
	}

	#header #links {
		margin-left: 14px;
	}

	br.break {
		display: none;
	}

	#project {

	}

	#about {

	}

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

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

}