/*******************************************************************
*                                                                  *
*           CSS DESIGN ! Somthing for nothing,AhnMinSeok           *
*                                                                  *
*******************************************************************/


/* Mother's lay-out :: 레이아웃에 관련된 설정
------------------------------------------------------------------*/
#align {position:relative;top:18px;left:50%;margin-left:-400px;width:800px;}
#layer_head {width:800px;height:40px;padding-left:12px;}
#layer_body {background:url('../img/_layout_body.gif') repeat-y 0 0;}
#layer_body #layer_menu {width:180px;float:left;}
#layer_body #layer_post {width:610px;float:left;padding:5px;}
#layer_body dl {margin-left:12px;margin-bottom:6px;padding-bottom:4px;border-bottom:1px dashed #222;width:130px;}
#layer_body dt {font-weight:bold;cursor:pointer;}
#layer_body dt a {color:#666;}
#layer_body dd {margin-left:12px; display:none;}
#layer_body dd ul {margin-left:12px;}
#layer_body dd ul li {list-style-type:none;}
#layer_body #contents {width:600px;border:0;overflow:auto;}
#layer_foot {width:800px;height:13px;background:url('../img/_layout_foot.gif') no-repeat 0 0;}


/* Document Setting :: 문서 양식의 기본 규격을 설정
------------------------------------------------------------------*/
*{margin:0;padding:0;font-size:1em;line-height:1.6em;font-family:'돋움','Dotum','serif';color:#666;}
html{font-size:0.75em;}
table{margin-bottom:32px;border:2px solid #333;border-spacing:0px;border-collapse:collapse;} td{padding:2px;border:2px solid #333;} thead{background-color:#333;} thead th{color:#eee;}
a{text-decoration:none;} a:link,a:visited{color:#4e7296;} a:hover,a:active{text-decoration:underline;color:#4e7296;} a img{border:0;} img{vertical-align:top;}
dl,ul,ol{margin-left:26px;margin-bottom:12px;}
p{margin-bottom:14px;} strong{word-spacing:-1px;}
h1,h2,h3,h4,h5,h6,h7{font-size:1.4em;color:#222;word-spacing:-1px;margin-top:14px;}
code{color:#ff6347;font-weight:bold;}


/* Doc Interface :: 문서 인터페이스의 기본 규격을 설정
------------------------------------------------------------------*/
#navigator{font-size:1.4em;font-weight:bold;border-bottom:2px solid #cdcdcd;padding-bottom:4px;margin-bottom:14px;}
.syntax{border:1px solid #aaa;background-color:#eee;padding:8px;}

#docHead{margin-top:4px;margin-bottom:14px;border-bottom:1px dashed #444;width:650px;}
#docHead #docTitle{float:left;font-size:1.2em;font-weight:bold;margin-right:16px;}
#docHead #docCopy{float:left;margin-top:4px;padding-left:16px;height:13px;font-size:0.9em;color:#a0a0a0;border-left:3px solid #bbb;}
#docHead #docSource{float:right;height:18px;width:51px;cursor:pointer;background:url(../img/_button_source.gif) no-repeat 0 0;}


/* Writting library :: 글쓰기에 필요한 클레스 일람
------------------------------------------------------------------*/
.subtitle,.scenario,.chapter,.quest,.stage{color:#ff8400;;font-weight:bold;font-size:1.2em;margin:0px;}
.reference,.copy{font-size:0.9em;}
.description{font-size:0.9em;padding:4px;margin-bottom:8px;border:1px solid #ccc;}

.bold{font-weight:700;}
.red{color:#f33;}
.pink{color:#ef007b;}
.violet{color:#9c0091;}
.blue{color:#85b3ff;}
.indigo{color:#4e7296;}
.yellow{color:#ff0;}
.yellowgreen{color:#ac6;}
.green{color:#008200;}
.cadetblue{color:#5f9ea0;}
.chartreuse{color:#7fff00;}
.orange{color:#ff8400;}
.brown{color:#654e2d;}
.gray{color:#888;}
.dark{color:#494849;}
.black{color:#000;}
.wordspace{word-spacing:2px;}

.size_ss{font-size:0.8em;}
.size_s{font-size:0.9em;}
.size_m{font-size:1.0em;}
.size_l{font-size:1.2em;}
.size_e{font-size:1.4em;}


/* Decoration library :: 모양새에 관련된 클레스 일람
------------------------------------------------------------------*/
.cut{color:#999;font-weight:700;font-size:1.0em;}
.solid_1{border:1px solid #222;}
.solid_2{border:4px solid #222;}
.solid_b{border-bottom:1px solid #222;}
.dashed_1{border:1px dashed #222;}
.dashed_b{border-bottom:1px dashed #222;}
.noline{border:0;} .noline table,.noline td,.noline tr{border:0;}
.pointer{cursor:pointer;}
.bgBlack{background-color:#333;color:#ccc;}
.bgBrown{background-color:#503f30;color:#ccc;}
.bgGreen{background-color:#008200;color:#ccc;}
.bgWhite{background-color:#fff;color:#444;}
.list_none{list-style-type:none;}
.list_disc{list-style-type:disc;}
.list_circle{list-style-type:circle;}
.list_square{list-style-type:square;}
.list_decimal{list-style-type:decimal;}
.box{border:3px solid #008200;margin:4px;padding:4px;}


/* [popview.js]
------------------------------------------------------------------*/
.popview{cursor:pointer;color:#ef007b;text-decoration:underline;}
.tip{background-color:#f3f0e7;border:1px solid #c8ba92;padding:5px;width:150px;margin:14px;}