/* The Midnite Society */

/* CSS Styles created by Joseph Marconi - June 23, 2008 */
/* www.josephmarconi.com */

body {
	background-color: #0c0c0c;
	margin: 20px;
	padding: 0px;
	font-family: Arial;
	font-size: 11px;
	line-height: 1.4em;
	color: #CCC;
}
img {
	border: none;
}
#nav a {
	color: #FFF;
	text-decoration: none;
}
#nav a:hover {
	color: #000;
	background-color: #FFF;
	text-decoration: none;
}
#wrap {
	width: 850px;
	height: 100%;
	/* border: 1px solid #666; */
	margin: 0px auto 0px auto;
}
#header {
	width: auto;
	height: 190px;
	/* border: 1px solid #222; */
}
#nav {
	width: auto;
	height: 15px;
	text-align: right;
	/* border-bottom: 1px solid #fff; */
	margin-bottom: 10px;
	font-weight: bold;
}
#nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#nav ul li {
	float: right;
	margin-left: 20px;
}
#content {
	width: 864px;
	height: 100%;
}

/* /////// Albums //////// */
.album {
	width: 200px;
	height: 100%;
	float: left;
	margin-bottom: 20px;
}
.album img {
	width: 192px;
	border: 4px solid #7a7a7a;
}
.album img:hover {
	border: 4px solid white;
}
#album {
	margin: 20px 16px 0px 0px;
}
#albumRight {
	margin: 20px 0px 0px 0px;
}

/* /////// Description //////// */
#description {
	width: 100%;
	/* height: 120px; */
	border-bottom: 1px solid #222;
	margin-bottom: 15px;
	float: left;
}
#description h1 {
	font-family: Arial;
	font-weight: bold;
	font-size: 150%;
	margin: 10px 0px 3px 0px;
	padding: 0px;
}
#description h2 {
	text-transform: uppercase;
	font-family: Arial;
	font-weight: normal;
	font-size: 100%;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#description p {
	margin: 0px;
	padding: 0px;
	color: #777;

}

/* /////// Footer //////// */
#footer  {
	width: 800px;
	height: 100px;
	float: left;
	margin-top: 25px;
	color: #333;
}
#footer a {
	color: #333;
	text-decoration: none;
}
#footer a:hover {
	color: #CCC;
}

/* /////// Galleries //////// */
#wrap2 {
	width: 785px;
	height: 100%;
	/* border: 1px solid #666; */
	margin: 0px auto 0px auto;
}
#wrap3 {
	width: 900px;
	height: 100%;
	/* border: 1px solid #666; */
	margin: 0px auto 0px auto;
}
#header2 {
	width: auto;
	height: 150px;
	/* border: 1px solid #222; */
	margin-bottom: 10px;
}
#header3 {
	width: auto;
	height: 75px;
	border: 1px solid #222;
	margin-bottom: 10px;
}
#thumbnails {
	/* text-align: center; */
}
#thumbnails img {
	border: 1px solid #222;
	margin: 0px 5px 10px 5px;
}
#thumbnails img:hover {
	border: 1px solid #FFF;
}