@import url(reset.css);
@import url(diagnostic.css); /* Remove in production?! */

/* COLORS */

html, body { background-color: #000; color: #fff; }

a { color: #fff; text-decoration: underline; }
a:visited { text-decoration: underline; }
a:active { color:#0F0; }
a:hover { color:#efe; text-decoration: underline; }

#header { background: #6a2 url(images/logo.png) no-repeat top left; }
#nav a { 
	color: #372;
	text-decoration: none; }
#nav a:hover,
#nav a.active { color: #fff; }
#nav li li { background-color: #010; }

#face { 
	background: #30481e url(images/face.png) no-repeat top left; }

#content { color: #fff; }

/* color style */
#header { background-color: #7abd08; }
#nav a { color: #7abd08; }
#face { background-color: #7abd08; }

/* FONTS */

a { font-weight: bold; }

#header h1 { font-size: 2em; font-variant: small-caps; }

#nav { font-size: 16px; }

#footer { font-size: 0.7em; text-align: center; }

#content {font-size:0.9em;}

/* POSITION AND SIZE */

body { position: relative; }

#header,
#nav,
#footer { position: absolute; }

#header { 
	height: 84px; 
	width: 430px; 
	top: 20px; 
	left: 400px; }
#nav { 
	top: 108px; 
	left: 400px; }
#footer {
	left: 400px;
	top: 550px; }

#header hr,
#header h1,
#footer hr { display: none; }

#nav li { 
	display: block; 
	padding: 0 0.7em 0 0; }
#nav li ul { width: 10em; }
#nav li li { padding: 1px 0.2em; }

#face {
	margin: 50px 0;
	padding: 136px 0 100px 400px; }
#content { 
	padding: 10px 0;
	height: 378px; /* total height is padding+height */
	width: 31em;
	max-width: 1200px;
	overflow: auto; }

#footer { margin: 1em 0 4em; }

/* BODY LAYOUTING */

#content p+p { margin: 1.3em 0; }

#content input,
#content textarea { 
	border: 1px solid #fff; 
	background-color: #798b61; }

#content input {
	margin-bottom:5px;
}

#content textarea { 
	width:250px;
	height:150px; }

#content label {
  display: block;
  float: left;
  width: 120px; 
  height:1.1em; }


#content li,
#content blockquote,
#content dd { margin-left: 1.5em; }
#content ul { list-style-type: disc; }

#content h1 { 
	font-size: 1.4em; 
	line-height: 1.3em; 
	margin-bottom:1em;
	}
#content h2 {
	font-size: 1.1em; line-height: 1.2em; }

.tx-femp3player-pi1 {
z-index:1;
}


#face {
z-index:10;

}