/* General colour scheme
----------------------------------------------------------------*/

body {
  background:#fff;
  color:#333;
  }

.brd a:link, .brd a:visited {
  color:#2E7E13;
  text-decoration:none;
  }

.brd p.feed a:link, .brd p.feed a:visited {
  color:#DDDDDD;
  text-decoration:none;
  }

.brd a:hover, .brd a:active, .brd a:focus,
.brd p.feed a:hover, .brd p.feed a:active, .brd p.feed a:focus {
  color:#2E7E13;
  text-decoration:underline;
  }

.brd .main-pagepost a:link, .brd .crumbs a:link,
.brd .main-pagepost a:visited, .brd .crumbs a:visited {
  text-decoration:none;
  vertical-align:middle;
  }

.brd .main-pagepost a:hover, .brd .crumbs a:hover,
.brd .main-pagepost a:active, .brd .crumbs a:active,
.brd .main-pagepost a:focus, .brd .crumbs a:focus {
  text-decoration:underline;
  }

.brd .gen-content, .brd .main-content {
  background:#fbfbfb;
  border-color:#DFE6ED;
  border:0;
  }

.brd .main-pagepost {
  background:#fff;
  border-color:#DDE4EB;
  }

.brd .crumbs {
  background:#eee;
  border-color:#fff;
  border-radius:6px;
  }


.brd .main-item, .brd .main-item li, .brd .main-item div, .brd td {
  border-color:#DDE4EB;
  }

.brd .main-item li.info-posts,
.brd .main-item li.info-replies,
.brd .main-item li.info-views,
.brd .main-item li.info-topics {
  }

.brd .main-content .main-item:last-child{border-bottom:1px solid #DDE4EB;}
.brd .main-content .main-item .item-nav {
  color:#888;
  }

.brd .main-content .sticky {
  background:#F2F4FA;
  }

.brd .main-content .main-item .hn .item-status em.sticky ,
.brd .main-content .main-item .hn .item-status em.closed{
  color:#314B60;
  font-weight:bold;
  }

.brd .main-content .main-item .hn .item-status em.moved {
  color:#666;
  }

.brd .post * {
  border-color:#DDE4EB
  }
.brd .post p{line-height:1.6;}
.brd .post {
  border-color:#DDE4EB;
  border-top-color:#fff;
  border-bottom-color:#ccc;
  }

#topic-review .firstpost, .brd .singlepost {
  border-top-color:#DDE4EB;
  border-bottom-color:#DDE4EB;
  }

.brd .post {
  background:#EDF1F5;
  }

.brd .posthead, .brd .postbody, .brd .post-options {
  background:#f9f9f9;
  }

.brd .posthead .hn {
  background:#F1F1F1;
  }

.brd .posthead .post-title small {
  color:#999;
  }

.brd .online .userstatus span {
  border-color:#517CA1;
  }

.brd .ct-box, .brd .ct-set, .brd .ct-group, .brd .frm-group {
  border-color:#DBE0E4;
  }

.brd .admin-page .ct-box {
  background:#FEFFE6;
  }

.brd .admin-page .ct-set .ct-box, .brd .report {
  background:#F4F9FD;
  }

.brd .admin-page .warn-set .warn-box {
  background:#FEFFE6;
  }

.brd .main-frm .ct-group, .brd #brd-announcement {
  border:0;
  background:#fff;
  }

.brd .main-content .info-box {
  background:#FFFFE1;
  }

.brd .main-extensions .extension, .brd .main-hotfixes .hotfix {
  background:#F4F9FD;
  }

.brd .main-extensions .disabled, .brd .main-hotfixes .disabled {
  background:#FFFFE1;
  }

.brd .warn-group, .brd .warn-set, .brd .warn-box, .brd .error-box, .brd #admin-alerts {
  background:#FEFFE6;
  border-color:#F4EBCE;
  }

.brd .warn-group, .brd .warn-set, .brd .warn-box, .brd .error-box {
  border-color:#E6D190;
  }

.brd ul.info-list li,
.brd ul.error-list li {
  color:#6A97BF;
  }

.brd ul.info-list li span,
.brd ul.error-list li span {
  color:#666;
  }

.brd ul li strong {
  color:#333;
  }

.brd .user-box {
  background:#F4F9FD;
  }
.brd .ct-box .hn, .brd .ct-box .sig-demo {
  border-color:#DBE0E4;
  color:#1F537B;
  }

.brd .error-box .hn {
  color:#333;
  }

.brd .help-box {
  background:#f4f4f4;
  }

.brd .frm-buttons, .brd .extension .options, .brd .hotfix .options {
  border-color:#DBE0E4;
  }

.brd .checklist {
  background:#fff;
  border-color:#ccc;
  }

.brd label, .brd .aslabel, .brd .mf-set legend, .brd .ct-legend * {
  color:#357;
  }

.brd .paging * {
  border-color:#dedfdf;
  }


.brd .required label em, .brd #req-msg em, .brd .warn strong, .brd .important strong {
  color:#2E7E13;
  }

.brd .entry-content .quotebox, .brd .entry-content .codebox {
  background:#fff;
  border-color:#ddd;
  }

#brd-announcement .userbox {
  background:#F4F9FD none repeat scroll 0 0;
  }

.brd .main-content .main-item .hn .posted-mark {
  color:#99C;
  }

/* Menus
----------------------------------------------------------------*/

#brd-navlinks {
  background:#113C5E;
  border-color:#113C5E;
  color:#ddd;
  }

#brd-navlinks a:link, #brd-navlinks a:visited {
  color:#ccc;
  }

#brd-navlinks a:hover, #brd-navlinks a:active, #brd-navlinks a:focus {
  color:#000;
  text-decoration:underline;
  }

.brd .main-options, .brd .main-options span {
  background:#DDE4EB;
  }

.brd .main-menu, .brd .admin-menu {
  background:#1F537B;
  }

.brd .admin-submenu {
  background:#E4E4EC;
  border-color:#DFE6ED;
  }

.brd .main-menu a:link,
.brd .main-menu a:visited,
.brd .admin-menu a:link,
.brd .admin-menu a:visited {
  color:#ddd;
  text-decoration:none;
  }

.brd .main-menu a:hover,
.brd .main-menu a:active,
.brd .main-menu a:focus,
.brd .admin-menu a:hover,
.brd .admin-menu a:active,
.brd .admin-menu a:focus {
  text-decoration:underline;
  color:#fff;
  }

.brd .main-menu li.active a:hover,
.brd .main-menu li.active a:active,
.brd .main-menu li.active a:focus,
.brd .main-menu li.active a:visited,
.brd .admin-menu li.active a:hover,
.brd .admin-menu li.active a:active,
.brd .admin-menu li.active a:focus,
.brd .admin-menu li.active a:visited {
  text-decoration:none;
  }

.brd .admin-submenu li.active a {
  text-decoration:none;
  }

.brd .main-menu li.active a {
  color:#fff;
  }

.brd .admin-menu li.active a {
  color:#eef;
  }

#brd-admod #alert a {
  color:yellow;
  }

/* Logo and Headings
----------------------------------------------------------------*/

#brd-head {
  background:#296FA5;
  color:#ddd;
  border-color:#296FA5;
  }

#brd-head a, #brd-head a:link, #brd-head a:visited {
  color:#fff;
  }

.brd .main-head, .brd .main-foot {
/*  background:#A3CD3A;*/
  color:#333;
  border:none;
  }

.brd #brd-announcement h1 {
  border-color:#BBBBBB;
  }

.brd .main-subhead {
  background:#ACD980;
  border-radius:5px 5px 0 0;
  box-shadow:1px 2px 6px #333;
  }
.brd .main-subhead.me2_header{background-color:#7b5eb9;color:#fff;}
.brd .column-title {
  border-color:#F4F4F4 #F4F4F4 #CBD1D8 #F4F4F4;
  background:#F4F4F4;
  }

.brd .group-head {
  background:#EDF1F5;
  border-color:#DBE0E4;
  }

.brd .content-head .hn {
  border-color:#DBE0E4;
  color:#666;
  }

.brd .main-head a:link, .brd .main-head a:visited,
.brd .main-foot .options a:link, .brd .main-foot .options a:visited {
  color:#333;
  }

.brd .main-head a:hover, .brd .main-head a:active, .brd .main-head a:focus,
.brd .main-foot .options a:hover, .brd .main-foot .options a:active, .brd .main-foot .options a:focus {
  color:#333;
  }

.brd th {
  background:#F4F4F4;
  }

.brd .main-frm .ct-group td {
  background:#FBFBFB;
  }

#extensions-used {
  border-bottom-color:#999;
}


/* Status indicators
----------------------------------------------------------------*/

.brd .main-content .main-item .icon {
  border-color:#EDF1F5 #DDE0E4 #C6CBD3 #BABFC6;
  }

.brd .main-content .redirect .icon {
  border-color:#f4f4f4 #f4f4f4 #f4f4f4 #f4f4f4;
  }

.brd .main-content .sticky .icon {
  border-color:#D7E5F3 #C3CFDC #9FB3C7 #90A2B4;
  }

.brd .main-content .closed .icon {
  border-color:#ACACAC #979797 #898989 #7A7A7A;
  }

.brd .main-content .sticky .closed .icon {
  border-color:#D7E5F3 #C3CFDC #898989 #7A7A7A;
  }

.brd .main-content .new .icon {
  border-color:#2B75AD #235E8C #1F537B #266799;
  }


/* Multi Checkbox Widget
-------------------------------------------------------------*/

.brd .checklist .checklist-item label:hover {
  background:#EDF1F5;
  }

  #uiHeader{position:relative;height:150px;}

#page_nav #gnb_blog a{background-image:url(/html5ref/lib/tpl/clearboth_ui/images/nav_bg2.png);}
#page_nav #gnb_blog a:hover{background:#FFFFFF none repeat scroll 0 0;
color:#000;}
#page_nav #gnb_forum.current_page_item a{color:#000;background-image:none;}
#page_nav #gnb_forum.current_page_item a:hover{color:#000;}
p.siteLogo{position:absolute;top:36px;left:0;color:#fff;font-size:300%;font-family:"Century Gothic";}
p.siteLogo span.properties{color:#ff0028;}
p.motto{color:#fff;height:30px;line-height:30px;font-family:AppleGothic, dotum;}
#uiFooter {
clear:both;
background:#E0E2E3 none repeat scroll 0 0;
border-top:1px solid #CCCCCC;
margin-top:30px;
padding:10px 0;
}
#uiFooter p{padding:0;margin:5px;font-size:.95em;color:#666;line-height:17px;}
#uiFooter a{color:#000; font-weight:normal;text-decoration:none;font-size:11px;}
#uiFooter a img{border:0;}
#uiFooter #brd-about{min-width: 600px;max-width: 800px;margin:0 auto;}
#uiFooter #brd-about .about{padding:10px 0;}
#uiFooter #brd-about #copyright{text-align:center;}
#uiHeader{text-align:right;}
html > body div.dokuwiki #uiHeader input.button, html > body div.dokuwiki button.button{height:30px;line-height:30px;background-color:transparent;color:#fff;cursor:pointer;font-size:12px;}
.brd #uiHeader p {
  padding:0;
}
.brd #uiHeader p a{display:block;}
.brd #uiHeader p a img{vertical-align:top;}

.brd #uiHeader ul {
  padding:0;
}

#uiHeader #brd-navlinks {position:absolute;top:52px;right:0;background:none;border:0;}
#uiHeader #brd-navlinks ul li a{    color: #333333;
    cursor: pointer;
    display: block;
    float: left;
    font-family: NanumGothic,dotum,sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    height: 21px;
    line-height: 21px;
    overflow: hidden;
    padding: 6px 10px 5px;
    text-decoration: none;}
#uiHeader .brd .gen-content, #uiHeader .brd .main-content {
background:#FBFBFB none repeat scroll 0 0;
border-color:#DFE6ED #DFE6ED #CBD1D8;
}
.brd #uiHeader .gen-content{padding:0;}
#uiHeader #brd-navlinks ul{float:right;}
#uiHeader #brd-navlinks ul li{height:30px;line-height:30px;}
#uiHeader #brd-navlinks ul li a{text-decoration:none;}
#uiHeader p#brd-admod{float:left;margin-top:7px;}
#uiHeader span#alert a{text-decoration:none;}

.brd #brd-pun_tags{padding:10px;margin-bottom:10px;background-color:#eee;-moz-border-radius:5px;-webkit-border-radius:5px;}

.welcome{display:none;}
.home .welcome{display:block;}

.brd .boards{overflow:hidden;}
.brd .boards a{display:inline-block;float:left;padding:2px 9px;margin:0 1px 0 0;text-decoration:none;color:#fff;background-color:#999;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-o-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;font-size:.9em;cursor:pointer;}
.brd .boards a:hover{background-color:#1F537B;color:#fff;}
.brd .boards a.studyboard.id_1,
.brd .boards a.freeboard.id_3,
.brd .boards a.highper.id_45,
.brd .boards a.ugcgroup.id_43,
.brd .boards a.htmlgroup.id_34,
.brd .boards a.current{background-color:#1F537B;font-weight:bold;}
.brd .boards a span{vertical-align:top;font-size:.8em;font-style:italic;color:#e1e1e1;}
.brd .home .main-content{margin-bottom:0;}
.brd .home .main-content .main-first-item{border-top:1px solid #dde4eb;}
.me2day_me2box{top:-1px;left:-10px;vertical-align:middle !important;margin-right:1em;}
.me2_social_reply .me2day_me2box{top:5px;}