/* Basic tag styles */

	body {
		font-family: arial, sans-serif;
		background-color: black;
		color: white;
		text-align: center;
		font-size: 80%;
		margin: 0;
		padding: 0;
	}

	a {
		text-decoration: none;
		color: #dedeff;
	}

	a:hover { 
		text-decoration: underline;
	}

	a img { border: 1px solid white; }

/* Useful Classes */

	.clear { clear: both; }
	.centre { text-align: center; }

/* Header, footer, etc - all pages */

	div#pagecontent {
		width: 800px;
		padding: 0px;
		margin: 0 auto;
		text-align: left;
	}

	div#header {
		background-color: black;
		border-bottom: 1px solid white;
		margin: 0 0 10px 0;
		padding: 0;
	}
	div#header h1 {
		color: white;
		font-size: 80%;
		margin: 0;
		padding: 0 5px 0 5px;
	}

	div.pagelinks ul {
		list-style-type: none;
		padding: 15px 0 0 0;
		margin: 0px;
		text-indent: 0px;
		text-align: center;
	}

	div.pagelinks ul li {
		display: inline;
		padding-left: 6px;
		padding-right: 6px;
		font-size: 1.0em;
	}

	div.introTitleBox h2 {
		margin: 0;
		padding: 0;
		font-weight: bold;
		font-size: 18px;
	}
	div.introTitleBox p {
		margin: 0;
		padding: 0;
		font-weight: bold;
		font-size: 15px;
	}



	p.copyright { 
		text-align: center;
		margin: 1em 0 0em 0;
		font-size: 80%;
	}
	p.createdupdated {
		text-align: center;
		font-size: 80%;
		margin: 0;
	}

/* Album pages */

	div.picture {
		border: 1px solid white;
		padding: 10px 10px 8px 10px;
		margin: 1em auto;
		width: 502px;
		text-align: center;
	}

	div.picture img {
		border: 0px solid white;
		margin: 0;
		padding: 0;
	}

	div.picture p {
		margin: 2px 0 0 0;
	}

	div.picture a {
		margin: 0; 
		padding: 0; 
		display: inline;
	}

	div.picture_nobox img { 
		border: 0px;
	}

	div.prevNextPgLinkBox {
		clear: both;
		height: 1em;
	}

	p.prevpglink {
		float: left;
		margin: 0;
	}
	p.nextpglink {
		float: right;
		margin: 0;
	}

	div.nextprevbar {
		margin: 8px 0px;
	}

	div.nextprevbar p.nextPrevLink {
		margin: 0;
	}
	div.nextprevbar p.caption {
		text-align: center;
		margin: 0 auto;
		padding: 0;
		font-weight: bold;
	}


/* Single picture pages */

	div.bigpicture img {
		margin: 10px auto;
	}
	div.bigpicture {
		margin: 0 auto;
		text-align: center;
	}

	div.albumIntro p.slideshowlink {
		text-align: right;
		float: right;
		margin: 0;
	}
	div.albumIntro h2 {
		margin: 0;
	}

	div.titlePageTitleIntro {
		margin-top: 20px;
	}

	div.introTitleBox {
		margin: 0 auto;
		padding: 0;
		position: relative;
	}
	div.introTitleBox p, div.introTitleBox h2 {
		margin: 0;
		padding: 0;
	}
	div.introTitleBox div.TL {
		position: absolute;
		top: 10px;
		left: 10px;
		text-align: left;
	}
	div.introTitleBox div.TR {
		position: absolute;
		top: 10px;
		right: 10px;
		text-align: right;
	}
	div.introTitleBox div.TC {
		position: absolute;
		top: 10px;
		width: 100%;
		text-align: center;
	}
	div.introTitleBox div.ML {
		position: absolute;
		top: 45%;
		left: 10px;
		text-align: left;
	}
	div.introTitleBox div.MR {
		position: absolute;
		top: 45%;
		right: 10px;
		text-align: right;
	}
	div.introTitleBox div.MC {
		position: absolute;
		top: 45%;
		width: 100%;
		text-align: center;
	}
	div.introTitleBox div.BL {
		position: absolute;
		bottom: 10px;
		left: 10px;
		text-align: left;
	}
	div.introTitleBox div.BR {
		position: absolute;
		bottom: 10px;
		right: 10px;
		text-align: right;
	}
	div.introTitleBox div.BC {
		position: absolute;
		bottom: 10px;
		width: 100%;
		text-align: center;
	}
