@import url(../template/reset.css);
html{ font-size:0.68em; height:100%; cursor:default; }
body{ background:#000; min-height:100%; height:auto !important; height:100%; position:relative; font:100% tahoma, arial, sans-serif; }
#main{ position:relative; z-index:3; background:#2c2c2c url(../template/images/backmain.jpg) repeat-y 0 0; width:1000px; margin:0 auto; color:#d0d0d0; }
a{color:#d3cd8a; text-decoration:underline;}
a:hover{ color:#9e9e9e; text-decoration:none; }
#leftcol{ float:left; width:282px; z-index:5; position:relative; }
#leftcol a{ color:#b4b4b4; text-decoration:underline; }
#leftcol a:hover{ color:#9e9e9e; text-decoration:none; }
#rightcol{ float:right; width:290px; z-index:5; position:relative; }
#leftcol h2,#rightcol h2,#footer h2{ display:none;}
li{padding:0.3em 0;}

/*header*/
#header{ width:1000px; height:432px; background:#1d1d1c url(../template/images/header.jpg) no-repeat; position:relative;}
#header.img2{ background-image:url(../template/images/header2.jpg); }
h1{ width:220px; height:136px; position:relative; left:389px; top:228px; background:#524f47;text-align:center; font-size:2em; font-family:Cambria, "Times New Roman", Times, serif; font-weight:bold; overflow:hidden;}
h1 a,h1 a:hover{color:#fee34c; text-decoration:none;padding-top:36px; display:block; height:100px; width:220px; cursor:pointer; }
h1 span{ display:block; z-index:2; position:absolute; height:136px; width:220px; top:0; left:0; background:url(../template/images/header.jpg) no-repeat -389px -228px;}
.img2 h1 span{ background-image:url(../template/images/header2.jpg); }

/*menu*/
#menu{ width:282px; height:281px; background:url(../template/images/menuback.jpg) no-repeat; }
#menu ul{ width:100%; font-size:1.2em; padding-top:5px; font-family:Cambria, "Times New Roman", Times, serif;}
#menu li{ text-align:center; }
#menu a{color:#9fa0a0; text-decoration:none;}
#menu a:hover,#menu li.active a{ color:#ba9f67; text-decoration:none;}

/*profs*/
#profs{width:282px; padding:130px 0 0; background:url(../template/images/prof_back.jpg) no-repeat; min-height:160px;height:auto !important; height:160px;}
#profs .container{ width:104px; margin-left:61px; padding-bottom:48px;}

/*instances*/
#instances{ width:282px; background:url(../template/images/instances_back.png) repeat-y 31px 0; margin-bottom:240px; }
#instances .container{ background:url(../template/images/instances_top.png) no-repeat; min-height:4px; margin-bottom:-120px; height:auto !important; height:4px; padding:90px 0 10px 61px; position:relative; top:-61px;}
#instances .sword{ width:238px; height:82px; background:url(../template/images/instances_bottom.png) no-repeat; position:relative; top:62px; }

/*login*/
#login{width:290px; height:282px; background:url(../template/images/loginback.jpg) no-repeat;}
#login form{ width:98px; position:relative; left:117px; top:73px; }
#login input{ background:#3a3a36; border:1px solid #88887e; width:94px; color:#88887e; padding:2px; }
#login p{ margin-bottom:0.4em;}
#login a{ color:#e1e1e1;}

/*content*/
#content{ width:428px; position:relative; margin-left:282px; background:url(../template/images/content_back.jpg) #d4cd89 repeat-y 0 28px; z-index:2; color:#1f1408; }
#content .text{ position:relative; z-index:2; margin:0 26px; padding:60px 0; min-height:480px; height:auto !important; height:480px; }
#content .scrtop{ width:428px; height:236px; position:absolute; top:0; left:0; background:url(../template/images/content_top.jpg) no-repeat;}
#content .scrbottom{ width:462px; height:128px; position:absolute; bottom:-84px; left:-16px; background:url(../template/images/content_end.jpg) no-repeat; }
#content h2{ text-align:center; font-size:1.6em; color:#523e2a; font-family:Cambria, "Times New Roman", Times, serif; font-weight:bold; margin:2em 0 0.8em; }
#content h2:first-child{ margin-top:0; }
#content h3{text-align:left; padding-left:1em; font-size:1.4em; font-family:Cambria, "Times New Roman", Times, serif; font-weight:bold; margin:2em 0 0.8em;}
#content a{color:#5d1e0f; text-decoration:underline;}
#content a:hover{color:#5d1e0f; text-decoration:none;}
#content p{ margin:1em 0;}

#content .gallery { width:348px; margin:0 auto; font-size:0.9em; overflow:hidden; padding:0;}
#content .gallery li{ float:left; margin:0 22px 30px; width:130px; list-style:none; padding:0; }
#content .gallery dl{ overflow:hidden;}
#content .gallery dt img{ width:130px; height:130px;}
#content .gallery .date{ float:left;}
#content .gallery .time{color:#ab462a;}
#content .gallery .author{ padding-top:0.6em;text-align:right; font-weight:bold; }
#content .gallery .author a{ font-weight:normal;}
#content .archivelink{ position:relative; font-weight:bold; bottom:-30px; float:right;}

#content ul{ padding:.6em 0 .8em 2em;}
#content ul ul{ padding-top:0; padding-bottom:.4em;}
#content ul li{ list-style:disc inside; }
#content ul li li{ list-style-type:square; }

#content table{ width:100%; }
#content table th{border:1px solid #9d9d65; border-bottom:1px solid #ab462a; color:#ab462a; padding:6px 4px; font-weight:bold;}
#content table td{ padding:4px;border:1px solid #9d9d65; }

/*servers*/
#servers{ width:263px; padding-left:19px; background:url(../template/images/servers_back.jpg) no-repeat; margin-bottom:140px; padding-top:170px; }
#servers table{ width:210px;}
#servers .online,#servers .offline{ display:block; width:17px; height:17px; margin:0 auto; background-repeat:no-repeat; }
#servers .online { background-image:url(../template/images/serv_online.png); color:#0f0}
#servers .offline { background-image:url(../template/images/serv_offline.png); color:#f00;}
#servers th, #servers td{ font-weight:normal; text-align:center; padding:4px 6px 2px 6px;}
#servers th:first-child ,#servers td:first-child { text-align:left;}
#servers th{ padding-bottom:0.8em; font-size:0.9em; color:#9e9e9e;}
#servers td{ color:#d3cd8a; }
#servers tr.light{ background:url(../template/images/lightback.jpg) #454443 repeat 10% 15%;}

/*forum*/
#lastforum { background:url(../template/images/lasttopics_back.jpg) no-repeat; width:244px; padding:54px 0 0 46px; }
#lastforum dl{ width:210px; overflow:hidden; color:#9e9e9e; }
#lastforum dd,#lastforum dt{ padding:4px 6px 5px; float:left; margin-bottom:2px;background:url(../template/images/lightback.jpg) #454443 repeat; }
#lastforum dt{ width:86px; clear:left; }
#lastforum dd.username{ width:60px;}
#lastforum dd.time{ width:27px; clear:right;}

/*random screenshot*/
#randscreen{ width:290px; height:229px; z-index:2; position:relative; background:url(../template/images/randscreen_back.jpg) -1px 0 no-repeat; }
#randscreen a{ display:block; top:7px; margin:0 0 0 62px; position:relative; width:164px; height:134px;}
#randscreen a span{ display:block; position:absolute; cursor:pointer;  z-index:2; width:164px; height:134px; top:0; left:0; background:url(../template/images/screenshot_shadow.png) no-repeat;}

/*footer*/
#footer{ background:url(../template/images/footer.jpg) #1d1d1c no-repeat; width:1000px; font-size:0.9em;  height:140px; position:relative; z-index:1; clear:both; margin-top:128px;}
#footer .shadow{ height:83px; width:734px; background:url(../template/images/footer_shadow.jpg) no-repeat; position:absolute; top:-83px; left:266px; }
#footer .container{ padding-top:94px; position:relative; overflow:hidden; }
#footer .counter{ position:absolute; text-align:center; left:0; width:100%; padding-top:8px;}
#footer .copyrights{ float:right; text-align:center; padding-right:14px; color:#9e9e9e; position:relative; z-index:3;}
#footer .container a{color:#9e9e9e;}
#footer .tu{ text-align:center; left:-400px; padding-top:8px; bottom:5px; width:100%; position:absolute; }

/*donations*/
#donations{ width:136px; padding-left:132px; height:72px; padding-top:110px; position:absolute; background:url(../template/images/donations_back.jpg) no-repeat; margin-top:-182px; left:0; z-index:1; color:#a7a7a7;  }
#donations a{color:#a7a7a7;}
#donations p{ margin:0 0 0.2em;}
#donations p img{ left:-2px; position:relative;}

/*background*/
#background{ width:100%; height:520px; overflow:hidden; position:absolute; top:0;left:0; z-index:2; }
#background i{ width:1000px; position:relative; margin:0 auto; display:block; }
#background .topl,#background .topr{ height:520px; background-repeat:no-repeat;position:relative; display:block; width:66px; top:0;z-index:2; }
#background .topl{left:-66px; background-image:url(../template/images/backlt.jpg); float:left; }
#background .topr{right:-66px; background-image:url(../template/images/backrt.jpg); float:right; }
#backrepeat{ width:100%; height:100%; overflow:hidden; position:absolute; bottom:0;left:0; z-index:1; }
#backrepeat .repl{ height:100%; width:1000px; margin:0 auto; left:66px; background:repeat-y 100% 520px url(../template/images/backrr.jpg) ;position:relative; display:block; z-index:2; }
#backrepeat .repr{ height:100%; width:66px; float:left; position:relative; left:-132px; background:url(../template/images/backlr.jpg) 0 520px repeat-y; }

/*custom*/
.red { color: #f25f5f; font-weight: bold; }
.blue { color: #0670cf; font-weight: bold; }