@charset "utf-8";

/* ------------------------------------------------------------------- */
/* 공통 */
/* ------------------------------------------------------------------- */

body		{ padding:0; margin:0; font-family:dotum, verdana; font-size:12px; color:#A18D87; line-height:95%; background:url(img/bg.jpg) no-repeat #000;}
td			{ font-family:dotum, verdana; font-size:12px; color:#A18D87; }

img						{ border:0;}


/* ------------------------------------------------------------------- */
/* 레이아웃 & 컨텐츠 위치 */  
/* ------------------------------------------------------------------- */


#wrapper 				{ width:650px;}
#top 					{ height:26px; padding:34px 0 0 15px; }
#body 					{ padding:65px 15px 0 15px;}
#server1				{ width:200px; float:left;}
#server2				{ width:200px; float:left; padding-left:10px;}
#server3				{ width:200px; float:right;}
#footer 				{ clear:both; height:20px; padding:15px; line-height:120%; font-size:11px;}


/* ------------------------------------------------------------------- */
/* 컨텐츠 스타일*/
/* ------------------------------------------------------------------- */

.avata		{ font-family:dotum; font-size:12px; color:#A18D87;}
.rank		{ font-family:dotum; font-size:12px; color:#FB8800; font-weight:bold; text-align:center;}
.point		{ font-family:verdana; font-size:9px; color:#FF582E;}


.rankTbl { border-collapse: collapse; background:#000; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=65);}	
.rankTbl .th	{ border-bottom:1px solid #59403A; padding:10px 0 5px 0; color: #A18D87; font-size:11px; text-align:center;}
.rankTbl .td1	{ border-bottom:1px solid #59403A; padding:7px 0 5px 0; width:40px; font-family:verdana; font-size:11px; color:#A18D87; text-align:center;} 
.rankTbl .td2	{ border-bottom:1px solid #59403A; padding:7px 0 5px 0; width:24px;} 
.rankTbl .td3	{ border-bottom:1px solid #59403A; padding:7px 0 5px 0; width:136px;}