body {
margin: 0px; 
background: #0a81ab url('http://drenali-legends.org/portfolio/layout03bg.png')repeat-y;

}


b { color: #7d4141; font-family: 'Courier New'; }

i { color: #7d4141; font-family: 'Courier New'; font-size:11px;}

u { color: #7d4141; border-bottom: 1px dotted #5287a0;font-family: 'Courier New'; }

s { color: #7d4141; font-style: italic;}

body, div, table {
font-family: 'Trebuchet MS'; 
font-size:11px; 
color:#5b5b5b;
vertical-align: top;



}


.datebox {
	background: url('bg07.png') no-repeat;
width: 150px;
height: 150px;
float: left;
	
	line-height: 0px;
	padding-left: 5px;
padding-top: 0px;
padding-right: 5px;
	margin-top: 0px;
margin-bottom: 2px;
-moz-border-radius-topright: 8px;
  	-moz-border-radius-bottomleft: 8px;
  	-webkit-border-radius-topright: 8px;
  	-webkit-border-radius-bottomleft: 8px;
  	border: 0px;
margin-right: 5px;
  	vertical-align:center;



}



.datebox img {
	border: 4px #ffffff;
-moz-border-radius-topright: 8px;
  	-moz-border-radius-bottomleft: 8px;
  	-webkit-border-radius-topright: 8px;
  	-webkit-border-radius-bottomleft: 8px;
  	border: 0px;
margin-right: 5px;
  	vertical-align:center;



}

.updatebox {

	
	color: #5b5b5b;
font: Trebuchet MS;
  	border: 0px;
  	padding: 0px 0px 0px 0px;
margin-right: 5px;
  	vertical-align:center;



}
.date .year {
display: block;
color: #0b3449;
font-size: 10px;
margin-top: 5px;
font-family: Georgia;
text-align: center;
margin-top: -3px;
 }

span.updates2 {  	   
position:relative;
float: center;
background: #444040 url ('bg04.png');
z-index:5;
color: #664651;
font-family: Arial Black;
font-size: 18px;
letter-spacing: 2px;
padding-right: 5px;
margin-top: 10px;

}

p, pre{
	padding: 10px;
	margin: 0;
	text-align: justify;




#NAV#
--------
}
#navcontainer
{
font-family: Palatino Linotype;
padding: 1em 0;
font-size: 14px;
text-align: center;
text-transform: lowercase;
clear: both;
}

.navbox a:link{

color : #d85595;
width: 80px;
height: 60px;
	font-family : Arial Black;
font-size: 18px;
margin-left: 2px;
float: left;
	margin-top: 0px;
	text-align: center;
	
  	
  
}
.navbox a:hover{

color : #0b90b9;
width: 80px;
height: 60px;
	font-family : Arial Black;
font-size: 14px;
margin-left: 2px;
float: left;
	margin-top: 0px;
	text-align: center;
	
  	
}
.navbox2 a:link{

color : #d85595;
width: 151px;
height: 150px;
	font-family : Arial Black;
font-size: 14px;
margin-left: 2px;
float: left;
	margin-top: 0px;
	text-align: center;
	padding-top: 40px;
  
}
.navbox2 a:hover{

color : #0b90b9;
width: 155px;
height: 150px;
	font-family : Arial Black;
font-size: 14px;
margin-left: 2px;
float: left;
	margin-top: 0px;
	text-align: center;
	padding-top: 40px;

}


#box {
	background: #e8e2dd;
width: 200px;

	line-height: 10px;
	padding: 10px 10px;
	
-moz-border-radius-topright: 8px;
  	-moz-border-radius-bottomleft: 8px;
  	-webkit-border-radius-topright: 8px;
  	-webkit-border-radius-bottomleft: 8px;
  	border: 0px;
  	padding: 0px 5px 0px 5px;
  	vertical-align:center;


}

#box2 {
	background: #e8e2dd;
	margin: 3px;
	margin-bottom: 10px;
	line-height: 21px;
	padding: 10px 10px;



}
ul#navlist
{
text-align: left;

list-style: none;
padding: 0;
margin: 0 auto;
width: 254px;
}

ul#navlist li
{
display: block;

margin: 0;
padding: 0;
}

ul#navlist li a
{
	color : #4d9ca6;
	font-family : Courier New;
	letter-spacing : 1px;
	font-size : 12px;
  	text-decoration : none;
	text-transform : lowercase;
	cursor : default;
	font-weight : lighter;
  	padding: 0px 2px 0px 2px;
  	background: #dddfd4;
  	-moz-border-radius-topright: 8px;
  	-moz-border-radius-bottomleft: 8px;
  	-webkit-border-radius-topright: 8px;
  	-webkit-border-radius-bottomleft: 8px;
  	border: 0px;
  	padding: 0px 2px 0px 2px;
  	vertical-align:center;
  	line-height:12px;
	margin:0px;


}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
	color : #4d9ca6;
	font-family : Courier New;
	letter-spacing : 1px;
	font-size : 12px;
  	text-decoration : none;
	text-transform : lowercase;
	cursor : default;
	font-weight : lighter;
  	padding: 0px 2px 0px 2px;
  	background: #dddfd4;
  	-moz-border-radius-topright: 8px;
  	-moz-border-radius-bottomleft: 8px;
  	-webkit-border-radius-topright: 8px;
  	-webkit-border-radius-bottomleft: 8px;
  	border: 0px;
  	padding: 0px 2px 0px 2px;
  	vertical-align:center;
  	line-height:12px;
	margin:0px;

}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color : #a5c5ca;
  	background: #ffffff;

}

h1 {

background: url('nuoli02.png') no-repeat;
width: 570px;
height: 42px;
font: 18px  Georgia; 
text-transform:lowercase;
font-weight: bold;
font-style: italic;

color: #1c263a;
text-align: center;
margin-bottom: 0px;
-moz-border-radius-topright: 8px;
  	-moz-border-radius-bottomleft: 8px;
  	-webkit-border-radius-topright: 8px;
  	-webkit-border-radius-bottomleft: 8px;
 
} 
strong {     

	color : #7eb8c6;
	font-family : Courier New;
	letter-spacing : 1px;
	font-size : 12px;
  	text-decoration : none;
	text-transform : lowercase;
	cursor : default;
	font-weight : lighter;
  	padding: 0px 2px 0px 2px;
  	background: #dddfd4;
  	-moz-border-radius-topright: 8px;
  	-moz-border-radius-bottomleft: 8px;
  	-webkit-border-radius-topright: 8px;
  	-webkit-border-radius-bottomleft: 8px;
  	border: 0px;
  	padding: 0px 2px 0px 2px;
  	vertical-align:center;
  	line-height:12px;
	margin:0px;

}
h2 {
background: url('nuoli02.png')no-repeat;
width: 570px;
height: 42px;
font: 14px Arial Black; 
color: #151e2f;
text-align: center;
margin-bottom: 2px;
-moz-border-radius-topright: 8px;
  	-moz-border-radius-bottomleft: 8px;
  	-webkit-border-radius-topright: 8px;
  	-webkit-border-radius-bottomleft: 8px;
}

h3 {
color: #4a9fa8;
background: #dddfd4;
border: 1px #dddfd4;
font: 10px Georgia;
letter-spacing: 1px;
padding-left: 5px;
text-align: left;
margin-top: 10px;
margin-bottom: 3px;
}
h4 {
width: 40%;
color: #4797a4;
border: 1px #dddfd4;
background: #dddfd4;
font: 10px Courier New;
letter-spacing: 1px;
padding-left: 5px;
text-align: left;
margin-top: 10px;
margin-bottom: 3px;
}
h5 {
background: url('nuoli02.png')no-repeat;
width: 570px;
height: 42px;
font: 14px Arial Black; 
color: #917b8c;
text-align: center;
margin-bottom: 2px;
-moz-border-radius-topright: 8px;
  	-moz-border-radius-bottomleft: 8px;
  	-webkit-border-radius-topright: 8px;
  	-webkit-border-radius-bottomleft: 8px;
}
h6 {
background: # url('')no-repeat;

font: 18px  Georgia; 
text-transform:lowercase;
font-weight: bold;
font-style: italic;

color: #1c263a;
text-align: center;
margin-bottom: 2px;
-moz-border-radius-topright: 8px;
  	-moz-border-radius-bottomleft: 8px;
  	-webkit-border-radius-topright: 8px;
  	-webkit-border-radius-bottomleft: 8px;
}

td {
color: #5b5b5b;
width: 100px;
border: 1px #ffffff;
font: 12px Courier New;
background-color : #eeeeee;
letter-spacing: 1px;
padding-left: 0px;
text-align: center;
margin-top: 5px;
margin-left: 5px;
margin-bottom: 5px;
-moz-border-radius-topright: 8px;
  	-moz-border-radius-bottomleft: 8px;
  	-webkit-border-radius-topright: 8px;
  	-webkit-border-radius-bottomleft: 8px;
}

table {
color: #5b5b5b;
font: 10px Georgia;

letter-spacing: 1px;
padding-left: 0px;
text-align: left;
margin-top: 5px;
margin-bottom: 3px;
}

 
a {font: 11px  Georgia; 
text-transform:lowercase;
font-weight: bold;
font-style: italic; color:#936f81; cursor: default; text-decoration:none; }  

a:link, a:visited {font: 11px  Georgia; 
text-transform:lowercase;
font-weight: bold;
font-style: italic; color:#936f81; cursor: default; text-decoration:none;}

a:hover{font: 11px  Georgia; 
text-transform:uppercase;
font-weight: lighter;
font-style: italic; color:#ae7e81; cursor: default; text-decoration:none; }
a:active { font: 11px  Georgia; 
text-transform:lowercase;
font-weight: bold;
font-style: italic; color:#936f81; cursor: default; text-decoration:none;}


}

a td#link hover {
	opacity: 0.6;
}

a.drop2:link, a.drop2:visited, a.drop2:active {
	display : block;
	font-size : 10px;
	color: #016484;
	padding: 5px;
	margin: 0px 0px 0px 5px;
	text-decoration : none;
	background: #ffffff;
}

a.drop2:hover {
	opacity: 0.7;

}

a img{
        background-color: #1c1c1c;
        border:1px solid #4d3a44;
        margin: 1px;
        padding: 3px;
        -moz-border-radius:  8px; 
        -webkit-border-radius: 3px; 
        border-radius: 8px;
       filter:alpha(opacity=100);
       opacity:1;

}
a:hover img {
        background-color: #4d3a44;
        border:1px solid #1c1c1c;
        margin: 1px;
        padding: 3px;
        -moz-border-radius:  2px; 
        -webkit-border-radius: 3px; 
        border-radius: 2px;
       filter:alpha(opacity=70);
       opacity:0.7;
}

a img#link  {
        margin: 0px;
        padding: 0px;
        BORDER: 0px;
        background: transparent;
       filter:alpha(opacity=100);
       opacity:1;
}
a:hover img#link {
        margin: 0px;
        padding: 0px;
        BORDER: 0px;
        background: transparent;
       filter:alpha(opacity=100);
       opacity:1;


}



textarea, input, submit, select {
	font-family: Tahoma;
	font-size: 10px;
	color: #0091bf;
	line-height: 7px;
	padding: 5px 5px;
	background-color: #151414;
	border:1px solid #008ebb;	
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
}

select {
	color: #ffffff;
}

input {
	margin-bottom: 3px;
}


img {border: 0px;}


}