html,body {height:100%;margin:0px;padding:0px;font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;background-color:#333;font-size:90%;color:#fff}
img {display: block;}

div,p {
 font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
 font-size:9pt;
}

a:link{
 color: #0bf;
}

a:visited {
 color: #19b;
}

a:hover {
 color: #f84;
}

.left_indent {
 background-color:#000;
 width:7px;
 vertical-align:top;
 border-width:0px;
 border-right:1px solid #fff;
}

td.left_panel {
 vertical-align:top;
 width:188px;
 background: url('/i/left_panel_bg.gif');
}

div.left_panel {
 background: url('/i/left_panel_sword.jpg') no-repeat;
 width:188px;
}

td.right_panel{
 vertical-align:top;
 background-color: #000;
 width:216px;
}

div.right_panel{
 width:216px;
 height:436px;
 background: url('/i/right_panel_demon.jpg') #000 no-repeat;
}

td.main{
 vertical-align:top;
 border-top: 1px solid #405357;
 background: url('/i/top_bg2.gif') repeat-x #405357; 
}

.main .top{
 height: 84px;
 border-top: 1px solid #4F6E73;
 border-bottom: 1px solid #334346;
	float:left;
}

.main .google_search{
	float:right;
	padding: 20px;
	padding-top: 30px;
	text-align:center;
}

.site_name{
 font-family: Arial, Helvetica, sans-serif;
 padding:15px;
 padding-top:6px;
 padding-bottom:5px;
}

.site_name .first{
 font-size:45px; 
 color: #ff0;
}

.site_name .second{
 font-size:37px;
 color: #ff9;
 font-weight:bold;
}

.site_name .third{
 font-size:13px;
 color: #fff;
 padding-left: 2px;
}

.top_nav_menu {
 padding-top: 13px;
 padding-bottom: 18px;
 color: #fff;
 background: url('/i/dotted_line.gif') bottom repeat-x;

}
.top_nav_menu a:link, .top_nav_menu a:hover, .top_nav_menu a:visited {
 color: #FF8800;
 font-size: 10pt;

 padding:2px;
}

.top_nav_menu a:hover {
 color: #fff;
}

.top_page_name {
 background: url('/i/top_page_name.jpg') repeat-x #2f4244;
 color: #fff;
 height: 20px;
 font-size: 14pt;
 padding:12px;
 padding-top:10px;
}

div.info_footer {
 background-color: #333;
 color: #ccc;
 border-top: 1px solid #666;
 font-size: 7pt;
 padding: 10px;
 grid:bottom;
}

.content {
 color: #eee;
 padding-top:14px;
 font-family: Arial, Verdana, Tahoma;
}

.main .bottom {
 padding-left:15px;
 padding-right:15px;
 color: #eee;
 font-family: Arial, Verdana, Tahoma;
 border-top: 1px solid #4A676B;
}

.content h1 {
 margin:0px;
 color: #FFFF99;
 font-size: 22pt;
 font-weight:normal;
}

.content h2 {
 color: #FFFFCC;
 font-size: 14pt;
 margin:0px;
 margin-top:12px;
 margin-bottom:0px;
 font-weight:normal;
}

.content h3 {
 color: #FFFFFF;
 font-size: 11pt;
 margin:0px;
 margin-top:11px;
 margin-left:1px;
 margin-bottom:0px;
}

.content p {
 margin:0px;
 padding-top: 2px;
 padding-left: 2px;
 padding-bottom:10px;
}

.transparent_png{
 filter:expression(fixPNG(this));
}

.left_menu .level1, .left_menu .level2, .left_menu .level3{
 margin-bottom:0px;
 border-bottom: 1px solid #000;
 border-top: 1px solid #333;
}

.left_menu .level1{
 height: 25px; width: 188px; background-image: url(i/level1_bg.png);
}

.left_menu .level2{
 height: 21px; width: 188px; background-image: url(i/level2_bg.png);
}

.left_menu .level3{
 height: 17px; width: 188px; background-image: url(i/level3_bg.png);
}

.left_menu .level1 .text, 
.left_menu .level2 .text, 
.left_menu .level3 .text{
 font-family: Tahoma, Arial, Verdana;
}

.left_menu .level1 .text {
 padding-left:8px;
 padding-top:5px;
}

.left_menu .level2 .text {
 padding-left:15px;
 padding-top:4px;
}

.left_menu .level3 .text{
 padding-left:30px;
 padding-top:2px;
}

.left_menu a{
 text-decoration: none;
 position: relative;
 padding:2px;
}

.left_menu .level1 a:link, .left_menu .level1 a:hover,.left_menu .level1 a:visited {
 color: #FF9900;
 font-size: 10pt;
}
.left_menu .level2 a:link, .left_menu .level2 a:hover,.left_menu .level2 a:visited {
 color: #FFBB77;
 font-size: 9pt;
}
.left_menu .level3 a:link, .left_menu .level3 a:hover,.left_menu .level3 a:visited {
 color: #ccc;
 font-size: 8pt;
}

.left_menu .level1 a:hover,
.left_menu .level2 a:hover,
.left_menu .level3 a:hover
{
 padding:2px;
 color: #6699CC;
}

blockquote {
 padding-left: 10px;
 font-family: Arial, Verdana;
 font-size:9pt;
	font-style: italic;
}

.copy {
 padding-top: 10px;
 font-style: italic;
}

div.news_preview {
 margin-top: 1px;
 background-color: #2f3d40;
 padding:8px;
}

div.news_preview_content {
 margin-top:10px;
}

div.news_preview_date {
 text-align:right;
 padding-right:5px;
}

div.news_link a:link{
 font-weight:bold;
 font-size:10pt;
 color: #0bf;
}

div.news_link a:visited {
 font-weight:bold;
 font-size:10pt;
 color: #2ac;
}

div.news_link a:hover {
 font-weight:bold;
 font-size:10pt;
 color: #f84;
}

.table{
 border: 0px solid #ddd;
 background-color: #405357;
}

.black_table{
 background-color: #000;
}

.black_table td{
 background-color: #405357;
}

.table td {
 border: 1px solid #666;
	border-right-color: #000;
	border-bottom-color: #000;
 background-color: #2f3d40;
}

.table th {
 font-size: 14pt;
	text-align:left;
	padding: 10px;
 background-color: #2f3d40;
}

.tdimg {
 width:50px;
	border-width: 0px;
}

.fire, .toxic, .electric, .phys, .spectral,
.demon, .necro, .beast, .spectr, .skill_name {
	font-weight: bold;
}

.skill_name{
 color: #ff0;
}

.fire, .demon {
 color: #f44;
}

.toxic {
 color: #0f8;
}

.electric {
 color: #0ff;
}

.phys {
 color: #eee;
}

.spectral {
 color: #f6f;
}

.necro {
 color: #ce9;
}

.beast {
 color: #fd0;
}

.spectr {
 color: #ebd;
}

ul {
 padding-left: 25px;
}

li {
 margin-top: 15px;
}

.skills_list {

}

.skill_desc {
 padding:12px;
 padding-left: 2px;
 padding-right: 2px;
}

.skill_full_desc {
 margin-top: 4px;
 margin-bottom: 8px;
 padding: 8px;
 padding-bottom: 16px;
 border-bottom: 1px dashed #234;
}

.spec_comment {
 color: #ff8;
}

.skill_full_desc .spec_comment {
 padding-left: 4px;
 color: #ffb;
}

.skill_full_desc div.spec_word{
 padding-left: 5px;
 margin-top: 5px;
}

div.spec_word {
 color: #fff;
}

span.spec_word {
 color: #f84;
 font-weight: bold;
}

.skill_img {
 float: left;
 margin-right:10px;
 padding:2px;
 border: 1px solid #666;
}

.levels_table {
 width:100%;
}

.levels_table td{
 padding:4px;
 background-color: #506367;
 border-top: 1px solid #999;
 border-bottom: 1px solid #234;
 border-right: 1px solid #234;
}

div.hc_block {
 padding:2px;
 padding-top:15px;
}

div.hc_head {
 color: #cc6;
 font-size: 11pt;
 font-weight:bold;
}

div.hc_content {
 padding-top: 1px;
}

div.hc_head a{
 color: #f73;
 font-size: 10pt;
}

.comment {
 font-style: italic;
 font-size: 9pt;
 color: #eec;
}

textarea.links_pls {
 width:180px;
 overflow:auto;
 background-color:#1e2d32;
 border-width:0px;
 color: #fff;
 font-size:9pt;
 scrollbar-base-color: #1e2d32;
}

img.screenshot {display: inline;width:200px;margin:5px;border-width:2px;border-style: ridge}
div.screenshots_line {padding:5px;padding-bottom:0px;text-align:center}