/* basic elements */
HTML, BODY { 
   background : #FFFFFF;
   height     : 100%;
   margin     : 0;
   padding    : 0;
}

BODY,TD,DIV,LI	{ font-family : APPLEGOTHIC,Gulim,sans-serif; font-size : 11pt; color : #333; line-height : 150%;}

img {
  border: 0px;
}
b {
  font-size: 110%;
}

IFRAME.upload_target {
  width:   0px;
  height:  0px;
  margin:  0px;
  padding: 0px;
  border:  0px;
}

A:LINK		{ color: #004C83; text-decoration: none }
A:VISITED	{ color: #004C83; text-decoration: none }
A:ACTIVE	{ color: #004C83;  } 
A:HOVER		{ color: #3F4608; text-decoration: underline }


DIV.post_body A:LINK	{border-bottom: 1PX dotted #666666}
DIV.post_body A:VISITED {border-bottom: 1PX dotted #666666}
DIV.post_body A:ACTIVE	{border-bottom: 1PX dotted #666666}
DIV.post_body A:HOVER	{text-decoration: none; border-bottom: 1PX solid #003366}

DIV.post_ttl {
  font-size : 11pt;
  color : #5D4D00;
  font-weight : bold;
}
	
DIV.post_tail {
  font-family: verdana, tahoma, Dotum;
  font-size: 11px;
  margin-top: 10px;
  text-align: right;
  line-height: 170%;
}

SPAN.page_nav {
  font-size: 11px;
  text-align: center;
}
TD.article_title {
  width:      400px;  /* Width of article title */
}
TD.article_time {
  width:      100px;  /* Width of article posting time */
}
TD.cat_code {
  width:      100px;  /* Width of category code */
  text-align: center;
}
TD.cat_name {
  width:      200px;  /* Width of category name1/2 */
  text-align: center;
}
SPAN.alert {
  color: red;
}


#maincontainer{
  width: 1000px; /*Width of main container*/
  margin: 0 auto; /*Center container on page*/
}

#topsection{
  background: #FFFFFF; /*#EAEAEA;*/
}

#topsection h1,h2,h3{
  margin: 0;
  padding-top: 15px;
  text-align: center;
}

#columncontainer3 {
  float:         left;
  width:         530px;
  border-left:   235px solid #FFFFFF; /* #C8FC98; for test */
  border-right:  235px solid #FFFFFF; /* #FDE95E; for test */
}

#columncontainer2L {
  float:         left;
  width:         765px;
  border-left:   235px solid #FFFFFF; /* #C8FC98; for test */
}

#columncontainer2R {
  float:         left;
  width:         765px;
  border-right:  235px solid #FFFFFF; /* #FDE95E; for test */
}

#contentcolumn {
  float:         left;
  width:         100%;
  margin-right: -100%;
}

#leftcolumn {
  float:        left;
  width:        235px; /*Width of left column in pixel*/
  margin-left: -235px;
  position:     relative;
}

#rightcolumn {
  float:         right;
  width:         235px; /*Width of right column*/
  margin-right: -235px;
  position:      relative;
}

#footer{
  clear: left;
  width: 100%;
  background: black;
  color: #FFF;
  text-align: center;
  padding: 4px 0;
}

#footer a{
  color: #FFFF80;
}

.innertube{
  margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
}

.headline {
  overflow:     hidden;
  background:   white;
  /* border:       solid black; */
}

.banner {
  float:        left;
  overflow:     hidden;
  background:   white;
  height:       80px;
  padding-left: 5px;
  /* border:       solid black; */
}
span.banner1 {
  vertical-align: bottom;
}

h4.top10 {
  border-bottom: 1px solid #BFCFDE;
}

img.ranking {
  vertical-align: middle;
}

div.rank {
  font-family: dotum;
  font-size:   12px;
  line-height: 180%; 
  padding:      4px;
  border-color: #BFCFDE;
  border-style: solid;
  border-width: 1px;
}

div.voices_odd {
  background:   #F3F3EF;
  margin:       0px;
  border-color: #A2A2A2;
  border-style: solid;
  border-width: 0px 1px;
  padding:      8px;
}
div.voices_even {
  background:   #E2E2D9;
  margin:       0px;
  border-color: #A2A2A2;
  border-style: solid;
  border-width: 1px;
  padding:      8px;
}

img.voices_pic {
  float:  left;
  margin: 0px 8px 0px 0px;
}

span.voices_title {
  font-family: 'Lucida Grande',Arial,±¼¸²,Gulim,Tahoma,Verdana,sans-serif;
  font-size:   12px;
  font-weight: bold;
}

span.voices_author {
  font-family: verdana, tahoma, Dotum;
  font-size:   11px;
}

span.voices_more {
  font-family: verdana, tahoma, Dotum;
  font-size:   11px;
}


/* edit form */
.whitebox {
  background:  #fff;
  margin:      0 auto;
  padding:     5px 10px;
  line-height: 180%;
}

#action {
  margin: 0 auto;
  padding: 5px 0 40px 0;
}

#upload_box {
    margin-top: 8px;
}
#post_upload_box{
    height: 110px;
    text-align: left;
    background-color:  #f7f7f7;
    padding: 10px;
    margin: 0;
    clear: both;
    display: block;
}

img.inserted_image_left {
  float: left;
}
img.inserted_image_right {
  float: right;
}
img.inserted_image_mid {
  float: none;
}
/* admin:ARTICLES */
td.article_left {
    text-align:     left;
}

/* admin:COMMENT */
td.cmt_left {
    font-size:  9pt;
    color:      #000000;
}

td.cmt_center {
    font-size:  9pt;
    color:      #000000;
    text-align: center;
}


/* navigation bar */
div.nav_1lv {
    width:  125px;
}

div.article_box {
    padding:     12px 30px 12px 30px;
}
/* pagination menu */
DIV.pagination A:LINK	 {color: black; font-weight: bold;}
DIV.pagination A:VISITED {color: black; font-weight: bold;}
DIV.pagination A:ACTIVE	 {color: black; font-weight: bold;}
DIV.pagination A:HOVER	 {font-weight: bold;}
div.pagination span.current  {color: #CD0021; font-weight: bold;}
div.pagination span.disabled {color: gray; font-weight: bold;}
/* news view(2column): TITLE */
div.title_a {
    margin:       5px 0 0px;
    padding:      0px 0 2px;
    height:       85px;
    border-color: #BFCFDE;
    border-style: solid;
    border-width: 1px 1px 0;
}

div.title_b {
    margin:       0;
    padding:      0;
    border-color: #BFCFDE;
    border-style: solid;
    border-width: 0px 1px 1px;
}

ul.article_menu {
    margin:          0;
    padding:         0;
    list-style-type: none;
}

li.article_tab {
    margin-left:   30px;
    margin-bottom: -1px;
    width:         100px;
    border-color:  #BFCFDE #BFCFDE white #BFCFDE;
    border-style:  solid;
    border-width:  1px 1px 1px 1px;
    text-align:    center;
}

li.input_time {
    float:        right;
    margin:         0px 7px;
    color:          #8B8B8B;
    font-size:      12px;
    font-weight:    normal;
    letter-spacing: 0;
    text-align:     right;
}

.article_title {
    text-align:     left;
    padding:        25px 0px 4px;
}

.article_subtitle {
    text-align:     left;
    padding:        15px 0px;
}

p.author {
    margin:         0;
    padding:        4px 0px;
    color:          #8B8B8B;
    font-size:      12px;
    line-height:    17px;
    text-align:     left;
}

/* news view(2column): MAINTEXT */
div.maintext {
}

/* news view(2column): COMMENT */
span.comment_show {
    float:      right;
    color:      #004276;
    font-size:  10pt;
    padding:    0pt 15pt 3px 20px;
    cursor:     pointer;
    background-image:    url("/images/boxwcheck.gif");
    background-position: left center;
    background-repeat:   no-repeat;
}

/* whole_comments = several comment(s) */
div.whole_comments {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;

    background:  #FFFFFF none repeat scroll 0 0;
    border:      1px solid #D3D3D3;
    margin:      40px 0 0;
    padding:     10px 15px;
}

/* a comment = {a comment_head + a comment_body} */
div.comment {
}

div.comment_head {
    font-family: VERDANA,TAHOMA,Dotum;
    font-size:   8pt;
    line-height: 150%;
    text-align:  left;
}

div.comment_body {
    width:       98%;
    line-height: 140%;
    margin:      6px 0 20px;

    color:       #333333;
    font-family: APPLEGOTHIC,Gulim,SANS-SERIF;
    font-size:   9pt;
    text-align:  left;
}

div.comment_input {
    border-top:   1px dotted #AAAAAA;
    margin-top:   20px;
    padding-top:  20px;
}

input.name {
    width:          100px;
    vertical-align: middle;
    font-size:      12px;
}

input.passwd {
    width:          96px;
    vertical-align: middle;
    font-size:      12px;
}

input.homepage {
    width:          280px; 
    vertical-align: middle;
    font-size:      12px;
}

textarea.comment {
    width:       100%;
    height:      100px;
    margin-top:  3px;
    font-family: Dotum, sans-serif;
    font-size:   12px;
}

p.comment_submit {
    margin:     4px -2px 0px 0px;
    padding:    0px;
    text-align: right;
}

div.adsense_r {
    text-align: center;
}


p.p {
    font-size:   14px;
    line-height: 23px;
}

/* for debug */
span.whitemask {
    color:  #FFFFFF;
}

/* Dialog: Comment */
#dialog_comment {
    background-color:        #FFFFFF;
    background-image:        url(/images/bg_dialog_header4a.png);
    background-position:     top left;
    background-repeat:       repeat-x;
}

#dialog_topsection {
    color:                   black;
    font-weight:             bold;
    display:                 block;
    position:                absolute;
    top:                     31px; /* 24px; */
    left:                    170px; /* 95px; */
    font-family:             'Lucida Grande',Arial,±¼¸²,Gulim,Tahoma,Verdana,sans-serif;
    font-size:               12px;
}
#dialog_mainsection {
    margin:                  0 10px;
    padding:                 60px 0;
    text-align:              center;
    font-family:             'Lucida Grande',Arial,±¼¸²,Gulim,Tahoma,Verdana,sans-serif;
    font-size:               12px;
}

div.dialog_comment_box {
    margin:                  10px;
    padding:                 10px;
    border:                  1px solid #BFCFDE;
}

div.dialog_command_box {
    margin:                  25px 0px 12px;
    vertical-align:          middle;
    text-align:              center;
    font-family:             'Lucida Grande',Arial,±¼¸²,Gulim,Tahoma,Verdana,sans-serif;
    font-size:               12px;
}
#dialog_success, #dialog_error {
    text-align:              center;
    font-family:             'Lucida Grande',Arial,±¼¸²,Gulim,Tahoma,Verdana,sans-serif;
    color:                   blue;
    font-size:               12px;
    font-weight:             bold;
}

input.passwd2 {
    width:                   96px;
    vertical-align:          middle;
    font-size:               12px;
}