/* CSS Document */

* {
	padding: 		0;
	margin: 		0;
}

HTML {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

BODY {
	width: 100%;
	height: 100%;
	margin: 0px;
	font-family: 'Bookman Old Style', 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-size: 13px;
	vertical-align: middle;
	text-align: center;
	color: #EEEEEE;
	background-color: #000000;
	overflow: hidden;
}

A {
	outline: none;
}

PRE {
	font-family: 'Bookman Old Style', 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-size: 13px;
}
PRE STRONG, PRE EM, #scroller STRONG {
	font-size: 14px;
}

#index {
	background: url(../images/backgrounds/background.jpg) no-repeat top left;
	background-color: #0D0400;
}
#main {
	background: url(../images/backgrounds/background1.jpg) no-repeat top left;
	background-color: #0D0400;
}
#biography {
	background: url(../images/backgrounds/background2.jpg) no-repeat top left;
	background-color: #010000;
}
#schedule {
	background: url(../images/backgrounds/background3.jpg) no-repeat top left;
	background-color: #020000;
}
#media {
	background: url(../images/backgrounds/background4.jpg) no-repeat top left;
	background-color: #0C0300;
}
#writing {
	background: url(../images/backgrounds/background5.jpg) no-repeat top left;
	background-color: #180903;
}
#gallery {
	background: url(../images/backgrounds/background6.jpg) no-repeat top left;
	background-color: #110801;
}

#outer {height: 100%; width: 100%; position: relative;}
#outer[id] {display: table; position: static;}

#main #outer {
	background: transparent url(../images/backgrounds/background1-2.jpg) no-repeat 100% 0;
	background-color: transparent;
}
#middle {position: absolute; top: 75px; left: 0px; width: 100%;}
#inner {position: relative; top: 0; width: 100%;}

/*
#middle {position: absolute; top: 50%; left: 0; width: 100%;} /* for explorer only*/
/*#middle[id] {display: table-cell; vertical-align: middle; position: static;}

#inner {position: relative; top: -50%; width: 100%;} /* for explorer only */

#splash {
	display: block;
	width: 100%;
	height: 400px;
	background-color: #0C0B0A;
	border-top: 1px solid #403521;
	border-bottom: 1px solid #403521;
	-moz-opacity: 0.8;
	opacity: 0.8;
	filter: alpha(opacity=75);
}

#content {
	display: block;
	width: 100%;
	height: 400px;
	background-color: #0C0B0A;
	border-top: 1px solid #5E4E31;
	border-bottom: 1px solid #5E4E31;
	text-align: center;
	-moz-align: center;
	padding-left: 70px;
	-moz-opacity: 0.8;
	opacity: 0.8;
	filter: alpha(opacity=75);
}
#main #content {
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=70);
}
#writing #content {
	-moz-opacity: 0.85;
	opacity: 0.85;
	filter: alpha(opacity=80);
}

#logo {
	position: absolute;
	top:-74px; left:-340px;
	display: block;
	width: 100%;
	height: 151px;
	z-index: 10000;
	background: transparent none;
}
#logo IMG {
	cursor: pointer;
}

#contact {
	position: absolute;
	top:-25px; left:-8px;
	display: block;
	width: 100%;
	height: 20px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 70px;
	color: #E1AA3C;
	font-variant: small-caps;
	font-size: 11px;
	font-stretch: condensed;
	background-color: #1F1403;
	-moz-opacity: 0.80;
	opacity: 0.80;
	filter: alpha(opacity=75);
}

#menu-back {
	position: absolute;
	top:0; left:0;
	display: block;
	width: 100%;
	height: 27px;
	background-color: #6A4111;
	-moz-opacity: 0.55;
	opacity: 0.55;
	filter: alpha(opacity=50);
}
#menu {
	position: relative;
	top:0; left:0;
	display: block;
	width: 100%;
	height: 25px;
	padding: 1px;
	padding-top: 4px;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
	white-space: nowrap;
	z-index: 100000;
}
* html #menu {
	padding-top: 3px;
}
#menu A {
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	color: #C6993F;
	padding: 6px 10px 6px 10px;
	border-left: 1px solid #534427;
}
#menu A:hover, #menu A:active {
	color: #E6AF40;
	background-color: #301F0B;
}
#menu A.selected {
	border-bottom: 5px solid #534427;
}

#scroller {
	position: relative;
	left:-17px;
	display: block;
	width: 644px;
	height: 356px;
	padding: 5px;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
	overflow: auto;
	text-align: justify;
	font-size: 13px;
	color: #C2A95E;
	scrollbar-arrow-color:#130A01;
	scrollbar-base-color:#130A01;
	scrollbar-shadow-color:#806D46;
	scrollbar-darkshadow-color:#130A01;
	scrollbar-face-color:#130A01;
	scrollbar-highlight-color:#806D46;
	scrollbar-3dlight-color:#130A01;
	scrollbar-track-color:#130A01;
	margin:0px auto 0px auto;
	z-index: 100002;
}
#scroller A:link, #scroller A:active, #scroller A:visited {
	color: #C6993F;
}

#main #scroller {
	left: 40px;
}
#media #scroller {
	height: 330px;
	text-align: left;
}
#writing #scroller {
	overflow-x: hidden;
}
#writing #scroller img {
	padding: 10px;
}

#poemlist {
	position: absolute;
	top: 38px;
	left:30px;
	display: block;
	width: 100%;
	padding: 5px;
	color: #E1AA3C;
	text-align: center;
	z-index: 100003;
}
#poemlist TABLE {
	text-align: center;
}
#poemlist TD {
	padding: 2px;
}
#poemlist A:link, #poemlist A:active, #poemlist A:visited {
	color: #C6993F;
}

#submenu {
	position: relative;
	left:-8px;
	display: block;
	width: 642px;
	height: 25px;
	padding-top: 4px;
	-moz-opacity: 0.85;
	opacity: 0.85;
	filter: alpha(opacity=70);
	text-align: left;
	font-size: 12px;
	color: #D7BC69;
	margin:0px auto 0px auto;
	z-index: 100001;
}

#submenu A {
	margin-right: 1px;
	color: #C6993F;
	text-decoration: none;
	font-weight: bold;
	font-variant: small-caps;
	background-color: #663300;
	padding: 5px 10px 5px 10px;
}

#submenu A:hover {
	background-color: #462300;
}
#submenu A.selected {
	border-bottom: 4px solid #990000;
}

#movie {
	padding: 2px 10px 0px 20px;
	-moz-opacity: 1.0;
	opacity: 1.0;
}
#article IMG, #article2 IMG {
	margin-top: 10px;
}

#message {
	color: #A08F5B;
	padding-top: 5px;
	font-size: 10px;
	padding-top: 15px;
	padding-left: 100px;
}
#message A:link, #message A:active, #message A:visited {
	color: #C6993F;
}
#index #message {
	padding-left: 0px;
}

.xxxdivtest {
	position: inherit;
	overflow: auto;
	line-height: normal;
}