/**
TimJohns.co.uk Style Sheet
March 2009
**/

/** 					General Page Styles									**/
body {
	background-color: #181818;
	color: #EEEEEE;
	font-family: arial, helvitica, sans-serif;
	text-align: justify;
	margin-top: 0px;
}

#main {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 1024px;
}

#banner {
	height: 120px;
	background-image: url(../images/banner.jpg);
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	text-decoration: none;
	border: none;
}

#nav {
	font-size: small;
	background-color: #717171;
	display: block;
	padding: 1%;
	text-align: center;
	margin-top: 2px;
}

	#nav a {
		text-decoration: underline;
		color: #EEEEEE;
		border: none;
	}
	
		#nav a:hover {
			color: #FF0000;
		}

#container {
	margin-top: 1%;
	padding-top: 0.5ex;
	padding-bottom: 0.5ex;
	line-height: 3ex;
}

	#container a {
		text-decoration: none;
		color: #EEEEEE;
		border-bottom: dotted 1px #555555;
	}
	
		#container a:hover {
			color: #FF0000;
			border-bottom: dotted 1px #FF0000;
		}

#footer {
	font-size: small;
	text-align: center;
	clear: both;
	margin-top: 3ex;
}

.IMGleft {
	float: left;
	padding-right: 20px;
}

.IMGright {
	float: right;
	padding-left: 20px;
}

textarea{
	font-family: arial, helvitica, sans-serif;
}

/**								End General									**/

/** Splash text on front page **/
#splash{
	text-align: center;
	margin-top: 15%;
	margin-bottom: 25%;
}
	#splash p{
		font-style: italic;
	}
	#splash .lrps{
		margin-top: -2ex;
	}
	#splash .location{
		margin-top: 4ex;
	}
.latest{
	text-align: center;
	font-family: courier new, monospace;
	font-size: small;
}

/** Copyright notice on about page **/
.copynotice {
	border-style: solid;
	border-width: 0px 4px 0px;
	border-color: #6f0000;
	padding: 0% 1% 0%;
	width: 75%;
	margin-right: auto;
	margin-left: auto;
}

/** "Working With" **/
.workWith{
	width: 99%;
	display: block;
	background-color: #444444;
	border: solid 1px #ffffff;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-bottom: 1%;
}
	.workWith .link{
		text-align: right;
	}
	
/** Div for simple viewer flash content to write to **/
#simpleViewer{
	height: 800px;
}

/** Table for main gallery page **/
#galleryTable{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5%;
	vertical-align: middle;
}
	
	#galleryTable td{
		text-align: center;
		font-weight: bold;
		line-height: 60px;
		border: solid 1px #dddddd;
		width: 50%;
		text-indent: 100px;
	}
	
	#galleryTable a{
		display: block;
		width: 100%;
		height: 100%;
		background-position: center left;
		background-repeat: no-repeat;
		background-color: #444444;
		border: none;
	}
	#galleryTable a:hover {
		background-color: #aaaaaa;
		color: #ffffff;
		border: none;
	}
.dontSteal{
	text-align: center;
	font-size: small;
	font-style: italic;
	color: #aaaaaa;
	margin-top: 15ex;
}
	#container .dontSteal a{
		color: #aaaaaa;
	}
		#container .dontSteal a:hover{
		color: #FF0000;
		}