@import "reset.css";

/*html, body, #body, div.main { min-height:90%; }*/

#end { clear:both;}

body { background:#000 url('/style/bg2.gif'); 
	min-width:861px; font-family:arial,sans-serif; 
	margin:auto; font-size:10pt; text-align:center;}

.online,div.main { 
	background: url('/style/onlineb.png') 100% 100% no-repeat; 
	behavior: url('/style/iepngfix.htc'); }

h1 { font-size:0; margin:auto; max-width:930px; min-width:800px; 
/*	height:300px; */
	height: 275px;
	background:  url('/pics/shma2.png') 45% 45% no-repeat; 
	margin-bottom:-40px; behavior: url('/style/iepngfix.htc'); }
h2 { visibility:hidden; }
h3 { text-align:center; font-size:xx-large; width:100%; 
	background-color:#333; color:#b66; 
	font-family: Palatino Linotype,Book Antiqua,Palatino,serif;
	border:#444 double; border-width:medium 0; margin:auto; padding:.2em 0; line-height:.7em; 
	letter-spacing:.05em; margin-bottom:0;
	}
h3 a,h5 { color:#bcc; text-decoration:none; }
h4 { color:#b66; text-align:center; font-size:large; }
h3 span { color:#fab; }
h5 { font-weight:bold; text-align:center; color:#c77; }
h4, h5 { margin:.2em auto; }

.center { text-align:center; }

p { padding:.7em; line-height:150%; text-indent:2em;  }

ul.main { height:92px; text-align:center; margin:auto; letter-spacing:0;
	font-size:0; word-spacing:0; }
ul.main li { display:inline; height:92px; }
ul.main a { display:inline-block; height:92px; font-size:0; behavior: url('/style/iepngfix.htc'); }
#sign { width:230px; background: url('/pics/menu/sign.png'); }
#game { width:170px; background: url('/pics/menu/game.png'); }
#forum { width:150px; background: url('/pics/menu/forum.png'); }
#help { width:150px; background: url('/pics/menu/help.png'); }
#member { width:161px; background: url('/pics/menu/mem.png'); }
#sign:hover { background: url('/pics/menu/sign01.png'); }
#game:hover { background: url('/pics/menu/game01.png'); }
#forum:hover { background: url('/pics/menu/forum01.png'); }
#help:hover { background: url('/pics/menu/help01.png'); }
#member:hover { background: url('/pics/menu/mem01.png'); }

img[alt=""] { padding:1em; padding:auto 1em; float:left; behavior: url('/style/iepngfix.htc'); } 

#body { background-image:url('/style/bg02.png'); 
	padding:1%; margin:-28px auto; text-align:left;
	border:#333 double; border-width:medium medium 0; width:80%;
	color:#ccc; font-family:sans-serif; }
#otherinfo { float:right; margin-top:2em; width:23%; }
div.main { width:70%; margin-left: 5%; margin-top:-10px; background-color:#1a1a1a; 
	border:#aaa thin solid; padding:2em 0; }

#otherinfo ul { margin:2em 0 2em -10%; }
#otherinfo li { /*margin-left:-5%;*/ border-right:#ec6 20px solid; 
	border-left:#222 1em solid; opacity:.9; border-top:#222 thin solid; border-bottom:#222 thin solid;}
#otherinfo li a { text-decoration:none; display:block; 
	font-size:12pt; 
	font-weight:bold; color:#ff9; 
	padding:.6em 1em; margin:0 auto; 
	background-image:url('/style/bg2.png');  }
#otherinfo a { color:#ec6; /*font-weight:normal;*/ }
#otherinfo .online em a { font-style: normal; font-weight:normal; }
#otherinfo li:hover,#otherinfo li a.selected,#otherinfo li.selected { background-color:#111; }

.online { border:#b99 medium double; width:90%; font-weight:bold; 
	font-family:serif; font-size:12pt; color:#fcb; padding:.5em; }
#otherinfo .online li a { display:inline; font-size:inherit; background-color:transparent; 
	font-weight:normal; padding-left:0; background-image:none; }
	
#otherinfo .online input { width:40%; border:#999 thin solid; background-image:url('/style/bg2.png'); color:#ec6; }
#otherinfo .online select { width:50%; float:left; background-color:#222; margin-right:.2em; border:#999 thin solid; color:#bbb; }
#otherinfo .online div { padding:1em; padding:1em 0; }
#otherinfo .online ul { margin:0; }
#otherinfo .online li,#otherinfo .online li:hover { font-weight:normal; color:#eee; border-width:0; background-color:inherit;
	font-family:sans-serif; font-size:small; list-style-image: url('/style/grp_online.png');
	list-style-type:circle; list-style-position:inside; }
#otherinfo .online li { margin-left:.2em; margin-top:.2em; }
#otherinfo .online li.leader {list-style-image: url('/style/grp_leader.png'); }
#otherinfo .online li.empty {list-style-image: url('/style/grp_offline.png'); }
#otherinfo .online li.mail {list-style-image: url('/style/envelop.png'); }
#otherinfo .online li.zeny {list-style-image: url('/style/grp_stun.png'); }

img[src="/pics/staff/pyeu.png"],img[src="/pics/staff/prin.png"],img[src="/pics/staff/axe.png"],img[src="/pics/staff/kebs.png"],
	img[src="/pics/staff/marky.png"],img[src="/pics/staff/maz.png"], img[src="/pics/staff/arc.png"] { float:right; padding:.5em; padding-top:20px; }

.title,.date { border:solid #555; border-width:0 0 thin 0; text-align:right; background-color:#111; color:#999;
	font-weight:normal; font-style:italic; padding-right:1em; font-size:10pt; }
ul.title,ul.title li { word-spacing:0; }
.date { color:#aaa; font-size:9pt; }
img {max-width:80%; }

strong,code,th,address { color: #5bc8c8; }
address { margin:auto; width:40%; border-left:#fcb 20px solid;
	font-style:normal; font-weight:bold; margin-bottom:2em;
	padding:1em; line-height:1.5em; }
h5 { font-size:11pt;}
a, #otherinfo .online li a { color:#ec6; text-decoration:underline; }

.main table { margin:2em auto 0; }
.main form td { padding:.5em; }
.main form input[type="submit"] { margin:auto; display:block; }
.main form td[colspan="2"] { text-align: center; }
.main table th+td { text-align:right; }
th { text-align:left; padding-right:2em; padding-bottom:.1em; margin-bottom:.1em;
	font-weight:normal; }

/*table.donate { margin:auto; width:80%; }*/

h6 { padding:.5em; padding-left:2em; color:#fcb; }

 .main ol { margin:1em auto; list-style-type:decimal; list-style-position:inside; width:70%; }
.main ol li { padding:1em; line-height:1em; }
.main dl { margin:1em auto; width:70%; }
.main dl dt { font-weight:bold; margin-bottom:.2em; margin-top:.5em; }
.main dl dd { margin-left:1em; text-indent:1em; line-height:1.3em; }
.main ul { margin:1em auto; list-style-type:circle; width:70%; }
.main ul li { padding:.5em; } 

ul.title li { border:#ec6 double; border-width:0 medium; padding:0 1em; display:inline-block; 
	background-color:#222; }
.title li:hover { background-color:#333; }
.title li:first-child { border:#ec6 double; border-width:0 0 0 medium; } 
.title a { font-style:normal; color:#ec6; font-weight:bold; }
ul.title { text-align: center; margin:0; width:auto; background-image:url('/style/bg2.png'); }
th.title { text-align:center; font-weight:bold; border-bottom:#ccc thin solid; color:#fcb; }

.tip { border:#666 thin double; background:#333; margin:1em; font-style:italic; }

/* img[alt=""] { float:left; max-width:50%; } */

img[alt=""].right { float:right; }
img[alt=""].emblem {  padding:0; }
img[alt=""].center, img.center, .center { float:none; display:block; margin:auto; }
#donate { text-align:center; }

ul.vote li { margin:-1px 0; padding:0 0; list-style-type:none; }
ul.vote { width:auto; margin:3em auto 0;  border-bottom:#fff medium double; 
	text-align:center; padding:0 0; }
ul.vote .empty { background-color:#444; }

.main table { color:inherit; }

.selected#sign { background: url('/pics/menu/sign01.png'); }
.selected#game { background: url('/pics/menu/game01.png'); }
.selected#help { background: url('/pics/menu/help01.png'); }

.main .admin td, .main .admin th { padding:.2em; border-bottom:#ccc thin solid; }
.admin .break th, .admin .break td { padding-top:1em; }
dl.break dt { padding-top:15px; }
dl.break dt img { padding-top:-15px; }
dl.break dd+dd { min-height:75px; }
#otherinfo .online > a[href] { font-weight:heavy; }

.online h4 a { text-decoration: none; width:80%; display:block; 
	font-weight:bold; margin:auto; font-family:sans-serif; }
.online h4 a:hover { color:#5bc8c8; }