/**
 * Stylesheet for 'Nothing exceptional here'
 *
 **/
body {
	background:#333;
	margin:0;
	font-family:Verdana, Helvetica, sans-serif;
}
h1, h2, h3 {
	margin:0;
	padding:0;
}
h1 {
	font-size:120%;
}
.left {
	float:left;
	padding-right:10px;
	padding-bottom:10px;
}
.right {
	float:right;
	padding-left:10px;
	padding-bottom:10px;
}
.centre {
	text-align:center;
}
.centered {
	width:100%;
	text-align:center;
}
#viewer {
	position:relative;
	text-align:center;
	margin:0 auto;
}
.preview {
	height:3.25em;
	/* width:337px; for one column setup, was 270px for 2 col*/
	width:11em; 
	border-left:1.5em solid #F60;
}
.preview64 { background:url(images/titlebgsmall/titlebg_walton.jpg); }
.preview63 { background:url(images/titlebgsmall/titlebg_dungeness.jpg); }
.preview62 { background:url(images/titlebgsmall/titlebg_24_shoot.jpg); }
.preview61 { background:url(images/titlebgsmall/titlebg_unkindlypairs.jpg); }
.preview60 { background:url(images/titlebgsmall/titlebg_signs2.jpg); }
.preview59 { background:url(images/titlebgsmall/titlebg_scaffoldingtrucks.jpg); }
.preview58 { background:url(images/titlebgsmall/titlebg_argentina6.jpg); }
.preview57 { background:url(images/titlebgsmall/titlebg_argentina5.jpg); }
.preview56 { background:url(images/titlebgsmall/titlebg_argentina4.jpg); }
.preview55 { background:url(images/titlebgsmall/titlebg_argentina3.jpg); }
.preview54 { background:url(images/titlebgsmall/titlebg_argentina2.jpg); }
.preview53 { background:url(images/titlebgsmall/titlebg_argentina1.jpg); }
.preview52 { background:url(images/titlebgsmall/titlebg_washandgo.jpg); }
.preview51 { background:url(images/titlebgsmall/titlebg_heart.jpg); }
.preview50 { background:url(images/titlebgsmall/titlebg_lights.jpg); }
.preview49 { background:url(images/titlebgsmall/titlebg_zebra.jpg); }
.preview48 { background:url(images/titlebgsmall/titlebg_brightonrocks.jpg); }
.preview47 { background:url(images/titlebgsmall/titlebg_cone.jpg); }
.preview46 { background:url(images/titlebgsmall/titlebg_santacon2006.jpg); }
.preview45 { background:url(images/titlebgsmall/titlebg_santacon_hz.jpg); }
.preview44 { background:url(images/titlebgsmall/titlebg_attheclub.jpg); }
.preview43 { background:url(images/titlebgsmall/titlebg_cityingrain.jpg); }
.preview42 { background:url(images/titlebgsmall/titlebg_lastdayoff.jpg); }
.preview41 { background:url(images/titlebgsmall/titlebg_street_walking.jpg); }
.preview40 { background:url(images/titlebgsmall/titlebg_los_campesinos.jpg); }
.preview39 { background:url(images/titlebgsmall/titlebg_sonar_widescreen.jpg); }
.preview38 { background:url(images/titlebgsmall/titlebg_halfthefun.jpg); }
.preview37 { background:url(images/titlebgsmall/titlebg_barca_horizon.jpg); }
.preview36 { background:url(images/titlebgsmall/titlebg_chinataxis.jpg); }
.preview34 { background:url(images/titlebgsmall/titlebg_gz_horizon.jpg); }
.preview35 { background:url(images/titlebgsmall/titlebg_gz_streets.jpg); }
.preview33 { background:url(images/titlebgsmall/titlebg_barca_hl.jpg); }
.preview32 { background:url(images/titlebgsmall/titlebg_barcadogs.jpg); }
.preview31 { background:url(images/titlebgsmall/titlebg_signs.jpg); }
.preview30 { background:url(images/titlebgsmall/titlebg_funfair.jpg); }
.preview29 { background:url(images/titlebgsmall/titlebg_eastlondonheadlines.jpg); }
.preview28 { background:url(images/titlebgsmall/titlebg_roadmarks.jpg); }
.preview27 { background:url(images/titlebgsmall/titlebg_needahand.jpg); }
.preview26 { background:url(images/titlebgsmall/titlebg_toycamera.jpg); }
.preview25 { background:url(images/titlebgsmall/titlebg_broadviewscity.jpg); }
.preview24 { background:url(images/titlebgsmall/titlebg_lightup.jpg); }
.preview23 { background:url(images/titlebgsmall/titlebg_blueskies.jpg); }
.preview22 { background:url(images/titlebgsmall/titlebg_chickenbox.jpg); }
.preview21 { background:url(images/titlebgsmall/titlebg_chairs.jpg); }
.preview20 { background:url(images/titlebgsmall/titlebg_texturespatterns.jpg); }
.preview19 { background:url(images/titlebgsmall/titlebg_boxes.jpg); }
.preview18 { background:url(images/titlebgsmall/titlebg_aih.jpg); }
.preview17 { background:url(images/titlebgsmall/titlebg_doors.jpg); }
.preview16 { background:url(images/titlebgsmall/titlebg_futuresonic.jpg); }
.preview15 { background:url(images/titlebgsmall/titlebg_crosby.jpg); }
.preview14 { background:url(images/titlebgsmall/titlebg_home2.jpg); }
.preview13 { background:url(images/titlebgsmall/titlebg_riverlea.jpg); }
.preview12 { background:url(images/titlebgsmall/titlebg_cityhall.jpg); }
.preview11 { background:url(images/titlebgsmall/titlebg_found.jpg); }
.preview10 { background:url(images/titlebgsmall/titlebg_highrise.jpg); }
.preview9 { background:url(images/titlebgsmall/titlebg_walthamstowdogs.jpg); }
.preview8 { background:url(images/titlebgsmall/titlebg_shoreditchfest.jpg); }
.preview1 { background:url(images/titlebgsmall/titlebg_sortingoffice.jpg); }
.preview2 { background:url(images/titlebgsmall/titlebg_stpetersburg.jpg); }
.preview3 { background:url(images/titlebgsmall/titlebg_moscow.jpg); }
.preview4 { background:url(images/titlebgsmall/titlebg_home.jpg); }
.preview5 { background:url(images/titlebgsmall/titlebg_winter.jpg); }
.preview6 { background:url(images/titlebgsmall/titlebg_beijing.jpg); }
.preview7 { background:url(images/titlebgsmall/titlebg_canalwalk.jpg); }
#intro h1 {
	font-family:Arial, helvetica, sans-serif;
	font-size:150%;
}
#intro {
	position:absolute;
	top:0;
	left:0;
	width:16em;
	font-size:80%;
	background:#666 url(images/bg_me.gif) no-repeat top left;
	padding:85px 15px 10px 15px;
	color:#fff;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:16em;
}
body>#holder {
	width:16em;
}
#menu a, #intro a, #wallInfo a {
	color:#f90;
	font-weight:bold;
}
#menu a:visited, #intro a:visited, #wallInfo a:visited {
	color:#e7e7e7;
	font-weight:bold;
}
#mainTitle {
	margin-left:16em;
	padding-bottom:10px;
}
#galleries {
	width:12em;
	margin-left:16em;
	margin-bottom:10px;
}
#galleries2 {
	position:absolute;
	top:80px;
	width:12em;
	margin:1.4em 0 2em 28.5em;
}
#galleries3 {
	position:absolute;
	top:80px;
	width:12em;
	margin:2.75em 0 2em 41em;
}
.gallery {
	width:12em;
}
.gallery a {
	text-decoration: none;
}
.gallery a .title {
	color:#000;
}
.gallery a .title {
	background:#FF9900;
	width:15em;
	padding:5px 10px 5px 10px;
	font-family:Verdana, helvetica, sans-serif;
	font-size:0.65em;
	font-weight:bold;
	letter-spacing:0em;
	text-align:left;
	color:#000;
	cursor:hand;
}
.gallery a:hover {
	text-decoration: underline;
	color:#222;
} 


.gallery .title h2 {
	font-size:100%;
}
#notes {
	background:#fff;
	font-size:80%;
	border:1px solid #333;
	margin:10px 0;
	color:#000;
}
#notes .title {
	background:#FF9900;
	padding:5px 10px;
	font-size:120%;
	font-weight:bold;
}
#notes .text, #notesHolder .text {
	padding:5px 8px;
	line-height:130%;
}
#notes ol {
	margin-top:0;
	padding-top:0;
	padding-left:20px;
	margin-left:0;
}
#notes ol li {
	padding-bottom:0.5em;
}
#notesHolder {
	width:550px;
	background:#fff;
	font-size:0.8em;
	border:1px solid #333;
	margin:10px 0;
	color:#000;
}
#notesHolder #instructions {
	padding:5px 10px;
	color:#fff;
	background:#000;
}
#footer {
	margin:10px 0;
	font-size:0.8em;
	color:#fff;
}
#photowallHolder {
	z-index:10;
	margin-top:10px;
	margin-left:270px;
	padding-bottom:5px;
	color:#fff;
	font-size:80%;
}
#wallHolder {
	border:10px #fff solid;
	width:470px;
	text-align:center;
}
#wallInfo {
	margin:10px 0;
	width:450px;
}
/** flash page **/
#menu {
	position:absolute;
	top:0;
	left:0;
	font-size:80%;
	padding:90px 10px 10px 10px;
	color:#fff;
	background:#444 url(images/bg_me.gif) no-repeat top left;
	voice-family:"\"}\"";
	voice-family:inherit;
	padding:90px 15px 10px 15px;
	width:215px;
}
body>#menu {
	padding:90px 15px 10px 15px;
	width:215px;
}
#menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#menu ul li {
	margin-top:5px;
	margin-bottom:5px;
}
#menu ul li a {
	border-left:10px solid #f90;
	padding-left:10px;
	color:#fff;
}
#menu ul li.selected {
	background:#f90;
}
#menu ul li.selected a, #menu ul li.selected a:visited {
	color:#000;
	text-decoration:none;
}
#menuList {
	height:400px;
	margin-top:1em;
	overflow:auto;
	font-size:0.92em;
}
#viewerHolder, #viewerHolder_SSP  {
	z-index:10;
	height:518px;
	overflow:hidden;
	margin-top:10px;
	margin-left:280px;
	color:#fff;
	font-size:80%;
	voice-family:"\"}\"";
	voice-family:inherit;
	height:505px;
}
body>#viewerHolder, body>#viewerHolder_SSP {
	height:505px;
}
#viewerHolder_SSP h1 {
	margin-left:0px;
}
#viewerHolder_SSP {
	height:auto;
}
#flashcontent {
	margin:1em 0;
}
.centered {
	width:100%;
	text-align:center;
}
#about {
	width:400px;
	margin-left:260px;
	padding-bottom:30px;
	font-size:80%;
	color:#fff;
}
#about h1 {
	background:#f90;
	color:#000;
	font-size:120%;
	padding:3px 5px 3px 10px;
}
#about h2 {
	font-size:120%;
}
#about a {
	color:#f90;
}
.totop {
	margin:5px 0;
	color:#fff;
	font-size:0.6em;
}
.totop a {
	color:#f90;
}
#instructions {
	padding:5px 10px;
	color:#fff;
	background:#333;
}
#comments, #comments_SSP {
	z-index:1000;
	width:450px;
	padding-top:45px;
	margin-left:300px;
	color:#fff;
	font-size:80%;
}
#comments_SSP {
	padding-top:0;
	margin-left:320px;
}
#comments fieldset, #comments_SSP fieldset {
	border-color:#f90;
	padding:5px 10px;
}
#comments legend, #comments_SSP legend {
	font-weight:bold;
}
#comments .textbox, #comments_SSP .textbox {
	border:1px solid #666;
}
#comments .field, #comments_SSP .field {
	padding-bottom:0.5em;
}
#comments .button, #comments_SSP .button {
	color:#fff;
	background:#333;
}

figure {
	margin-inline-start: 0;
	margin-inline-end: 0;
}

@media (max-width:800px) {
	#galleryHolder {
		display: flex;
		flex-direction: column-reverse;
	}

	#menu {
		position: relative;
		flex: 1 1 auto;
		width: auto;
	}

	#viewerHolder_SSP {
		margin: 1em;
		flex: 1 1 auto;
	}

	#menuList {
		height: auto;
	}

	#menuList ul li {
		display: inline-block;
		padding-inline-end: 2em;
		padding-top: .5em;
		padding-bottom: .5em;
	}

	#notesHolder {
		width: auto;
	}

	#gallery img {
		width: 100%;
	}
}