/* 
Some basic styling to get your page rolling - feel free to trash it all
Enjoy!
Paul Burgess - http://iampaulburgess.co.uk
*/
/* Every time */
/* ----------  Reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin:0; padding:0;}
/* ------------------------------ */

body {margin:0;padding:0;background:#2D2D2D;}
h1, h2 {font-family:Helvetica,Arial,sans-serif;letter-spacing:-0.04em;line-height:1.05em;padding-bottom:5px;}
h1 {font-size:2.6em;margin:4px 0 5px 0;text-shadow:0px 2px 1px #000;}
h2 {font-size:1.8em;color:#ded6d6;margin:2px 0 5px 0}
p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*font-size:1em;*/
	margin-bottom:10px;
	line-height:160%
}
a img{border: 1px solid #333;padding:0px;margin:0px}
a:hover img{border: 1px solid #333;padding:0px;}
a:hover{color: #858585;border: 0px ;} /* Dummy definition to overcome IE bug */
a { color:#CCC;}
a:visited { color:#CCC;}
a:hover { color:#666;}
a:active { color:#CCC;}
.clear {clear:both;}
/*-------------*/
#form-username{
	/*width:500px;*/
	margin:30px auto;
	min-height:800px;
}
	#inputtext{
	}
		input#username{
			/*width:300px;*/
			height:35px;
			margin:0 20px 20px 0;
			padding:5px 5px;
			border-radius:5px;
			color:#333;
			text-shadow:0 1px 0 #fff;
			background:#ddd;
			border-width:1px;
			font-size:20px;
			float:left;
		}


		#submit{
			/*border:0;
			height:47px;
			width:155px;
			background:url('images/submit.jpg')0 0 no-repeat;*/
		}
			#submit:hover{
				/*cursor:pointer;
				background:url('images/submit.jpg')0 -47px no-repeat;*/
			}
			#submit:active{
				/*background:url('images/submit.jpg')0 -47px no-repeat;*/
			}            
/*--------------*/
#container{
	font-size: 62.5%; /* Resets 1em to 10px */
	background:#2d2d2d;margin:20px 20px 20px 20px;color:#FFF;
}
#header {
	margin-bottom:10px;padding:10px 0;border-bottom:1px #666 dotted;
}
#header h1 a {
 text-decoration:none;
}
.mainImg {box-shadow:0px 3px 15px #000;width:100%;}
/*#context p a:visited, p#nav a:visited { color:#EEE; text-decoration:none; background:#333;padding:2px 4px 2px 4px;border:1px #333 solid;}
#context p a:hover, p#nav a:hover{ color:#333; text-decoration:none; background:#EEE;padding:2px 4px 2px 4px;border:0px #000 solid;}
#context p a:active, p#nav a:active{ color:#FFF; text-decoration:none; background:#333;padding:2px 4px 2px 4px;border:0px #333 solid;}
*/
.noimg {padding:5px 5px 5px 0}
.blue {color:#0063dc;}
.pink{color:#ff0084;}
div#photo p {
	width:100%;
	margin-top:20px
}
	#thumbs {
		width:100%; 
		margin: 0 auto;
	}
#thumbs .singlephoto {
	width:31.3%;
	height:150px;
	margin:10px 1%;
	float:left;
	overflow:hidden;
	box-shadow:0px 3px 5px #222;
}
	#thumbs .singlephoto img {
		margin: -30px;
		position:realtive;
	}
	#thumbs .overlay {
		width:225px;
		height:225px;
		background:#000;
		opacity:0.2;
		position:absolute;
	}
/*-- on gallery page --*/
#context p a:link, p#nav a:link { 
}
p#nav {
	font-size:1.3em;
	margin-top:20px;
	color:#FFF; 
	text-decoration:none; 
	background:#333;
	padding:2px 4px 2px 4px;
}
p#nav a {
	width:200px;
	margin:0 20px;
}
/*-- on photo page --*/
#photo {
}

.show {display:block;}
.hidden {display:none;}
#slide {
	height:50px;
	padding: 10px 0px;
	/*background:rgba(0,0,0, .25);
	margin:-200px 0 40px;*/
}
	#slide ul {
		list-style:none;
	}
		#slide ul li {
			font-size:14px;
			text-shadow:0 1px 0 #000;
		}
div#context {
	width:100%;
	height:75px;
	text-align:center;
	position:relative;
	clear:both;
}
p.nav {
	
}
p.nav a {
	display:block;
	padding: 24px 40px 16px;
	height:35px;
	width:160px;
	margin-top:0px;
	font-size:28px;
	border-radius:8px;
	box-shadow:0px 1px 2px #000;
	color:#000;
	text-decoration:none;
	text-shadow:0px 1px 0px #ccc;
	
	background-image: linear-gradient(bottom, rgb(71,140,218) 6%, rgb(123,172,224) 62%);
	background-image: -o-linear-gradient(bottom, rgb(71,140,218) 6%, rgb(123,172,224) 62%);
	background-image: -moz-linear-gradient(bottom, rgb(71,140,218) 6%, rgb(123,172,224) 62%);
	background-image: -webkit-linear-gradient(bottom, rgb(71,140,218) 6%, rgb(123,172,224) 62%);
	background-image: -ms-linear-gradient(bottom, rgb(71,140,218) 6%, rgb(123,172,224) 62%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.06, rgb(71,140,218)),
		color-stop(0.62, rgb(123,172,224))
	);
}
	p.nav a:hover {
		background-image: linear-gradient(bottom, rgb(71,140,218) 6%, rgb(66,138,214) 62%);
		background-image: -o-linear-gradient(bottom, rgb(71,140,218) 6%, rgb(66,138,214) 62%);
		background-image: -moz-linear-gradient(bottom, rgb(71,140,218) 6%, rgb(66,138,214) 62%);
		background-image: -webkit-linear-gradient(bottom, rgb(71,140,218) 6%, rgb(66,138,214) 62%);
		background-image: -ms-linear-gradient(bottom, rgb(71,140,218) 6%, rgb(66,138,214) 62%);
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.06, rgb(71,140,218)),
			color-stop(0.62, rgb(66,138,214))
		);
	}
	.photo_navleft{
		position:absolute;
		left:0;
		top:0;
	}
	.photo_navright{
		position:absolute;
		right:0;
		top:0;
	}
	p.prev {margin-right:20px;float:left;}
	p.next {margin-left:20px;float:left;}
	
	a.img_navleft {float:left;}
	a.img_navright {float:right;}

#context img {float:left;}
p.note {
	color:#666;
	font-size:.8em;
	margin-top:10px
}
#footer {
	margin-top:15px;
	padding-top:10px;
	border-top:1px #666 dotted;
	clear:both;    width:100%;
}    #footer .back-to-gallery {        position:relative;        width:100%;    }    #footer .back-to-gallery a{        display:block;        padding: 24px 40px 16px;        height:35px;        margin:20px 0;        font-size:28px;        text-align:center;        color:#000;        text-decoration:none;        text-shadow:0px 1px 0px #ccc;        border-radius:8px;        box-shadow:0px 1px 2px #000;                background-image: linear-gradient(bottom, rgb(71,140,218) 6%, rgb(123,172,224) 62%);        background-image: -o-linear-gradient(bottom, rgb(71,140,218) 6%, rgb(123,172,224) 62%);        background-image: -moz-linear-gradient(bottom, rgb(71,140,218) 6%, rgb(123,172,224) 62%);        background-image: -webkit-linear-gradient(bottom, rgb(71,140,218) 6%, rgb(123,172,224) 62%);        background-image: -ms-linear-gradient(bottom, rgb(71,140,218) 6%, rgb(123,172,224) 62%);        background-image: -webkit-gradient(            linear,            left bottom,            left top,            color-stop(0.06, rgb(71,140,218)),            color-stop(0.62, rgb(123,172,224))        );    }        #footer .back-to-gallery a:hover {            background-image: linear-gradient(bottom, rgb(71,140,218) 6%, rgb(66,138,214) 62%);            background-image: -o-linear-gradient(bottom, rgb(71,140,218) 6%, rgb(66,138,214) 62%);            background-image: -moz-linear-gradient(bottom, rgb(71,140,218) 6%, rgb(66,138,214) 62%);            background-image: -webkit-linear-gradient(bottom, rgb(71,140,218) 6%, rgb(66,138,214) 62%);            background-image: -ms-linear-gradient(bottom, rgb(71,140,218) 6%, rgb(66,138,214) 62%);            background-image: -webkit-gradient(                linear,                left bottom,                left top,                color-stop(0.06, rgb(71,140,218)),                color-stop(0.62, rgb(66,138,214))            );        }