@charset "utf-8";

/*
background color: #373737
dark gray color: #696969
light gray color: 138, 138, 138
red color: #891717
white: #fbfbfb
*/

body {
	background-color: #000;
	font-family:arial, helvetica, sans-serif;
	color:#fbfbfb;
}

#wrapper {
	position: relative;
	background: url(../i/gallery_background.png) no-repeat;
	width:960px;
	height:941px;
	margin-left: auto;
	margin-right: auto;
}
#nav {
	position:relative;
	top:280px;
	left:180px;
	z-index:2;
	width: 510px;
	height: 40px;
	margin-top:10px;
	background-color: rgba(138,137,137,1);
}

#nav li {
	position: relative;
	top:10px;
	display:inline;
	padding: 0 25px 0 25px;
	}

#main {
	border:1px solid #891717;
	position:relative;
	top: 210px;
	left:155px;
	z-index:1;
	height:450px;
	width:600px;
	background-color: rgba(104,104,104,.5);
	}
img#placeholder {
	position: relative;
	top:85px;
	left:25px;
}
p#description {
	position: relative;
	top:85px;
	left:20px;
	}
.album-list {
	position: relative;
	width:150px;
	list-style-type: none;
	padding: 0 0 0 25px;
	top: -250px;
	left:420px;
}

.album-list li {
	padding: 0 0 10px 0;
}


.show{display:block;}
.hide{display:none;}

.statusOn{
	background-color: rgba(251,251,251,.5);
	color:#891717;
}

.statusOnSidebar{
	background-color: rgba(251,251,251,.5);
	color:#891717;
}
.statusOff {
	background-color:none;
}
#nav a {
	padding:10px 10px 2px 10px;
	text-decoration:none;
}

#nav a:link {
	font-size: 1.5em;
	color:#fbfbfb;
	}

#nav a:visited {
	font-size: 1.5em;
	color:#fbfbfb;
}
#nav a:hover {
	font-size: 1.5em;
	color:#fbfbfb;
	text-decoration:underline;	
}
#nav a:visited:hover;{
	font-size: 1.5em;
	color:#fbfbfb;
}

#nav a:active {
	font-size: 1.5em;
	color:#fbfbfb;
	border-right:1px dotted #891717;
	border-left:1px dotted #891717;
}

.album-list a {
	padding:5px;
	color:#fbfbfb;
	text-decoration:none;
}
.album-list a:link {
	font-size: 1em;
	color:#fbfbfb;	
}

.album-list a:visited {
	font-size: 1em;
	color:#fbfbfb;
}
.album-list a:hover {
	font-size: 1em; 
	color:#fbfbfb;
	text-decoration:underline;	
}
.album-list a:visited:hover;{
	font-size: 1em;
	color:#fbfbfb;
}

.album-list a:active {
	font-size: 1em;
	color:#fbfbfb;
	border-right:1px dotted #891717;
	border-left:1px dotted #891717;
	
}