@charset "utf-8";
html {height: 100%}

body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: justify; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the 		    #container selector */
	color: fff;
	background-color: #0E0116;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	height: 100%;
}

#container {
	width: 800px;
	height:100%;
	background: #0A010F;
	margin: 0 auto; 
	font-size: 0.93em;
	padding-top: 40px;
	min-height:100%;
}

#sectionside {
	padding-bottom:50px;
	text-align:center;
	color:#E8C2FE;
	font-size:140%;
}

#sidebar {
	float: left;
	width: 180px; 
	padding-top: 80px;
	padding-left:20px;
	background-color: #0A010F;
	text-align: left;
}

#main {
	background-color: #0A010F;
	float: left;
	clear:right;
	width: 550px;
	padding:0 0 0 0;
	color: #E8C2FE;
	font-size: 100%;
	min-height: 100%;
} 

#title {
	line-height: 90%;
	color: #D186FE;
	text-align:center;
	padding-right:75px;
} 

#subtitle {
	text-align: center;
	color: #D186FE;
	padding-left:20px;
	padding-bottom:30px;
}

#content {
	padding-right:50px;
}

#footer {
	padding: 0px 10px 0;
	float:left;
	width:780px;
	text-align: right;
	font-size: 0.625em;
	color: #E8C2FE;
	background-color: #0A010F;
	
} 

a {
	color:#935EB1;
	text-decoration:none;
}

a.one:link {color:#935EB1; font-size:100%; text-decoration:none;}    /* unvisited link */
a.one:hover {color:#E8C2FE; font-size:115%; text-decoration:none;}   /* mouse over link */

a.inline:link {color:#935EB1; font-size:100%; text-decoration:none;}    /* unvisited link */
a.inline:hover {color:#E8C2FE; font-size:100%; text-decoration:none;}   /* mouse over link */


ul{
	line-height: 200%;
	list-style-type: none;
}

.tiny{
	text-align:right;
	font-size:0.625em;
}

.gallerycontainer{
position: relative;
text-align:center;
float:left;
clear:both;
height:500px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 0px;
margin: 2px;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid black;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #0A010F;
padding: 0px;
/*left: -1000px;*/
visibility: hidden;
color: #D186FE;
text-decoration: none;
text-align:center;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;

}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
text-align:center;
top: 120px;
left:0px; /*position where enlarged image should offset horizontally */
z-index: 50;
}