/* === MAIN === */

body
{

	background: #000;
	text-align: center;

	margin: 0px;
	padding: 0px;

}

img
{

	border: 0px;

}

/* === ID === */

#content
{

	background: url(../img/background.jpg);
	background-repeat: no-repeat;

	width: 1001px;
	height: 1002px;

	margin-left: auto;
	margin-right: auto;
	margin-top: -40px;

	padding-top: 40px;

		

	text-align: left;

}

#frame
{

	background: url(../img/main.png);
	background-repeat: no-repeat;

	margin-left: auto;
	margin-right: auto;
	margin-top: 36px;

	width: 841px;
	height: 850px;

	font-family: verdana;
	font-size: 11px;
	color: #4E3B19;

}

/* === CLASS === */

.menu { width: 149px; height: 200px; }
.menu li { margin-left: -40px; margin-bottom: -3px; list-style-type: none; }

.pages { width: 100px; height: 165px; }
.pages li { margin-bottom: -2px; list-style-type: none; width: 50px; }

.links { width: 149px; height: 0px; }
.links li { margin-left: -40px; margin-bottom: -0px; list-style-type: none; }

.title { font-family: georgia; font-size: 12px; font-weight: bold; line-height: 20px; }
.pageTitle { font-family: georgia; font-size: 13px; font-weight: bold; line-height: 20px; margin-left: auto; margin-right: auto; display: block; text-align: center; }

/* === POSITION === */

#navigation
{

	position:relative;
	top: 72px;
	left: 100px;

	width: 149px;

	float: left;

}

#upcoming
{

	position:relative;
	top: 245px;
	left: 54px;

	width: 149px;

	text-align: center;
	font-weight: none;

	float: left;

}

#dudes
{

	position:relative;
	top: 678px;
	left: 42px;

	width: 471px;
	height: 136px;

	float: left;

	z-index: 5;

}

#wn
{

	position:relative;
	top: 68px;
	left: 78px;

	width: 380px;
	height: 560px;
	

	line-height: 15px;

	float: left;

	overflow: hidden;

}

#lyr2
{

	width: 380px;

	margin-left: auto;
	margin-right: auto;

	text-align: center;

}

#lyr1
{

	padding-bottom: 64px;

}

#scrollLinks
{

	position: relative;
	top: -440px;
	left: 70px;

	width: 25px;

	float: left;

}

#scrollLinks .spacing
{

	height:430px;

}

#mainPhotos
{

	position:relative;
	top: 196px;
	left: 78px;

	width: 380px;
	height: 484px;

	overflow: auto;

	line-height: 15px;

	float: left;

	margin-left: auto;
	margin-right: auto;

	text-align: center;

}

#pages
{

	position:relative;
	top: 480px;
	left: -627px;

	width: 149px;

	float: left;

}

#links
{

	position:relative;
	top: 120px;
	left: -49px;

	width: 155px;
	height: 310px;

	float: left;

}

/* === LINKS === */

#upcoming a:visited { color: #4E3B19; text-decoration: none; }
#upcoming a:active { color: #4E3B19; text-decoration: none; }
#upcoming a:link { color: #4E3B19; text-decoration: none; }
#upcoming a:hover { color: #a17b36; text-decoration: none; }

#navigation a:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: .5; }
#pages a:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: .5; }
#links a:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: .5; }

#wn a:visited { color: #000; }
#wn a:active { color: #000; }
#wn a:link { color: #000; }
#wn a:hover { color: #bbb; }

#wn .comment a:visited { color: #000; text-decoration: none; }
#wn .comment a:active { color: #000; text-decoration: none; }
#wn .comment a:link { color: #000; text-decoration: none; }
#wn .comment a:hover { color: #bbb; text-decoration: none; }

/* === OTHER === */

.m_1 { margin-bottom: 43px; }
.m_2 { margin-bottom: 48px; }

.line { background: #4e3b19; width: 358px; height: 1px; display: block; margin-top: 20px; margin-bottom: 20px; }
.line2 { float: left; width: 358px; background: #4e3b19; height: 1px; display: block; margin-top: 0px; margin-bottom: 0px; }
.spacer { background: url(../img/line.jpg); width: 358px; height: 2px; display: block; margin-top: 5px; margin-bottom: 10px; }
.spacer2 { float: left; width: 358px; background: url(../img/line.jpg); height: 2px; display: block; margin-top: 5px; margin-bottom: 10px; }
.comment { margin-left: auto; margin-right: 6px; margin-top: -13px; float: right; display: block; }

#wn p { padding-right: 20px; }

.images a { margin-right: -3px; }

.floatLeft { float: left; }

.input
{

	border: 0px;
	font-size: 11px;
	font-family: verdana;

	height: 14px;
	width: 165px;

	padding: 4px;

	margin-right: -10px;
	margin-top: 2px;

}

.input2
{

	border: 0px;
	font-size: 11px;
	font-family: verdana;

	height: 14px;
	width: 340px;

	padding: 4px;

	margin-right: -10px;
	margin-top: 2px;

}

.textarea
{

	border: 0px;
	font-size: 11px;
	font-family: verdana;

	height: 60px;
	width: 350px;

	float: left;

	padding: 4px;

	margin-right: -10px;
	margin-top: 2px;

}

.code
{

	float: left;

	margin-top: 26px;
	margin-left: 50px;

}

.floatLeft2 { float: left; text-align: left; }
.floatLeft3 { float: center; text-align: left; }

.send
{

	background: none;
	color: #4E3B19;

	font-size: 13px;
	font-family: verdana;

	border: 0;

	padding: 4px;

	margin-top: 3px;

}