body, html {
	height:100%;
	margin: 0;
	padding: 0;
	border: none;
	background: #333;
	background-image: url(grad-trans.png);
	background-repeat: repeat-x;
font-family: Garamond, Palatino, Palatino Linotype, Times, serif;
}

a img { border: none ; }

a:hover img { opacity: 0.5;
-moz-opacity: 0.5;
filter:alpha(opacity=50); }

#container {
	position: absolute;
	left: 140px;
	width: 600px;
	height: 100%;
	background: #000;
	color: #fff;
}

#menu{
	position: absolute;
	left: 32px;
	top: 90px;
	margin: 0;
	padding: 0;
}

#menu li{
	height: 75px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 60%;
	font-weight: bold;
	color: #F90;
}

#r_men{
	position: absolute;
	height: 100%;
	width: 300px;
	left:750px;
	bottom: 0;
	background-image: url(logo-trans.png);
	background-position: 0 10px;
	background-repeat: no-repeat;
}

#r_men ul{
	position: absolute;
	top: 215px;
	margin: 0;
	padding: 0;
	font-size: .9em;
	font-weight:bold;
	color: #09F;
}

#r_men li{
	margin: 0 -5px;
	padding: 0 5px;
	list-style-type: none;
}

#r_men li a:link{
	padding: 0 5px;
	color: #09F;
	text-decoration: none;
}

#r_men li a:visited{
	padding: 0 5px;
	color: #09F;
	text-decoration: none;
}

#r_men li a:hover{
	padding: 0 5px;
	text-decoration: none;
	color: #000;
	background-color:#f90;
}


#display{
	position: absolute;
	top: 90px;
}


#main_text{
	position: absolute;
	width: 590px;	
	background: #000;
	color: #09F;
	padding: 0px 5px;
}

#main_text li{
	margin-bottom: .5em;
	
}

#main_text.under_pic{
	top: 523px;
}

#main_text.under_pic .first{
	color:#F90;
}

#main_text.under_pic em{
	font-style: normal;
	color:#F90;
}



#main_text.full_page{
	top: 75px;
	color: #F90;
}

#main_text.full_page em{
	font-style: normal;
	color: #09F;
}

#main_text.full_page .first{
color:#09F;
}

#main_text form {
	text-align:right;
	padding-left: 50px;
	padding-top: 20px;
}

#before {
	position:absolute;
	top:90px;
	margin: 0;
	padding: 0;
}

#before li{
	position: relative;
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;	
}

#before li.year{
	height: 75px;
	bottom:0;
	z-index: 4;
}

#before li.icon{
	width: 75px;
	height: 75px;
}

#before li.icondate{
	margin-left:-75px;
	color: #09F;
font-size: 2.5em;}



#title{
	position: absolute;
	top: 489px;
	left: 0;
	padding: 0px 5px;
	width: 590px;
	height:30px;
	text-align: left;
	color: #F90;
	font-size: 1.5em;
	font-weight: bold;
	background-image: url(blbg-trans.png);
	z-index: 1;
}

#title .number{
	position: absolute;
	margin-left: -50px;
	padding-top: 33px;
	width: 50px;
	font-size: .4em;
	text-align: right;
	color: #09F;
}

#date{
	position: absolute;
	top: 488px;
	left: 0;
	width: 600px;
	text-align: right;
	color: #F90;
	font-size: .75em;
	font-weight: bold;
	z-index: 2;	
}
#date.method{
	color: #09F;
}


#header{
	position: absolute;
	top:0; left: 0; width: 750px; height: 100px;
	background-image: url(header-trans.png);
	background-repeat: no-repeat;
}

#edit_table{
	margin: 0;
	padding: 0;	
	position: absolute;
	width: 600px;
	top:90px;	
	background: #000;
	color: #09F;
}

#edit_table li{
	list-style-type: none;
	border-bottom: 1px solid #F90;
}

#edit_table li.top{
	background-color: #333;
}

#edit_table .date{
	color: #F90;
	width: 20%;
	float: left;
}

#edit_table.title{
	color: #F90;
	width: 55%;
	float: left;
	text-align: center;
	padding-left: 10px;
}

#edit_table .edit{
	color: #000;
	width: 14%;
	float:right;
	text-align: center;
	background-color: #F90;
	padding-left: 2px;
	border-bottom: 1px solid #000;
}

#edit_table .new{
	color: #000;
	width: 14%;
	float:right;
	text-align: center;
	background-color: #F00;
	padding-left: 2px;
	border-bottom: 1px solid #000;
	z-index: 1;
}


#edit_table .new a:link, .edit a:link,  .new a:visited, .edit a:visited  {
	text-decoration: none;
	color: #36C;
}

#edit_table .new a:hover, .edit a:hover {
	text-decoration: none;
	color: #FFF;
}


form {
	position: absolute;
	top: 90px;
	color: #F90;
}

form input, textarea {
	background-color: #999;
}