/*
  head blue = #006EA6;
  head green = #8bcb2f;
*/


body {
    margin-top: 20px;
    padding: 0;
    background-color: #FDF9EE;
    color: #3F3F3F;
}
body, p, td, blockquote, legend{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
h1, h2, h3, h4, legend {
    margin: 0;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    color: #006EA6;
}

h1 {
    letter-spacing: -1px;
    font-size: 35px;
}

h2 {
    font-size: 26px;
}
h3, h3 label{
    font-size: 16px;
}

p, ul, ol {
    margin: 0 0 0.3em 0;
}

a {
    color: #0094E0;
    outline: none;
}
a:visited {
    color: #0094E0;
}
a:hover, a:active {
    text-decoration: none;
    color: #8bc;
}
a img{
    border: none;
}
.disable, #nav li a.disable{
    text-decoration: line-through;
}
label.required{
    font-weight: bold;
}
.field, textarea.field{
    border: solid #CCC 1px;
    background-color: #FFF;
    padding: 5px;
    color: #666;
    font-size: 12px;
    font-family: tahoma;
}
.error_msg, .guide_msg, .valid_msg{
    background-color: #FFFFEF;
    border: solid #FF9F9F 1px;
    padding: 10px;
    color: #F00;
    margin-bottom: 10px;
}
.guide_msg{
    background-color: #FFF;
    border: solid #8BCB2F 1px;
    color: #888;
}
.valid_msg{
    background-color: #F1FFEF;
    border: solid #179F00 1px;
    color: #888;
}


/* list style clearing */
#icon_list, #emoticon_list, #nav, #subcontent ul, .msg_action, .page, .member_info ul, #msg_list, .msg_detail ul, .topic_action, .topic_action ul, .submenu, #series_list, #blog_list, #blog_comments ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
}


#maincontent .field{
    width:510px;
}
#maincontent form label{
    width: 70px;
}
#maincontent .medium .field{
    width: 250px;
}
#maincontent form em{
    text-indent: 105px;
    display: block;
}
#maincontent form p, .fake_p{
    border-bottom: dashed #d1d1d1 1px;
    padding: 10px 0px;
    overflow: hidden;
}
#maincontent p.cmd{
    text-indent: 75px;
    padding: 0px;
    border-bottom: none;
}
#maincontent form.medium label{
    width: 100px;
}
#maincontent form .medium p.cmd{
    text-indent: 105px;
}
form p.cmd{
    border: none;
    text-indent: 80px;
}
form label{
    display: block;
    float: left;
    margin-right: 5px;
}
form em{
    color: #F00;
}
form p{
    position: relative;
    padding: 10px 0px;
    clear: both;    
}
.button{
    background-color: #0099E8;
    color: #FFF;
    border: solid #0099E8 1px;
    padding: 3px 3px;
}
a.button{
    color: #FFF;
    text-decoration: none;
}
a.button:hover{
    background-color: #FFF;
    color: #0099E8;
    border: solid #D1D1D1 1px;
}
.a-center{
    text-align: center;
}
.a-right{
    text-align: right;
}
tr.zebra td{
    background-color: #EFFAFF;
}
.num{
    font-family: georgia;
}
fieldset{
    border: solid #d1d1d1 1px;
    border-width: 1px 0px 0px;
    padding-bottom: 10px;
}
legend{
    font-size: 18px;
    color: #006ea6;
}
h2 span, legend span, h3 span, h4 span{
    color: #8bcb2f;
}
.underline{
    text-decoration: underline;
}

#wrapper {
    background: #FDF9EE;
    width: 940px;
    margin: 0px auto;
}
#header{
    position: relative;
    height: 100px;
    padding-left: 10px;
    background: no-repeat 240px 10px;
}
#header.head1{
    background-image: url(../header/top.png);
}
#header.head2{
    background-image: url(../header/toa.png);
}
#h1{
    margin: 0px;
}
h1 a{
    text-decoration: none;
}
#header h1{
    color: #0099e8;
    font-family: georgia;
}
#header em{
    font-size: 13px;
    font-style: normal;
    text-transform: uppercase;
    color: #666;
    display: block;
    letter-spacing: 0px;
}
#header em strong{
    color: #F00;
}
#content{
    background-color: #FFF;
    border: solid #F0E9D6 1px;
    padding: 30px;
    overflow: hidden;
    height: 100%;
}

#nav{
    position: absolute;
    bottom: -1px;
    right: 10px;
    font-size: 16px;
}
#nav li{
    float: left;
    margin-left: 3px;
}
#nav li a{
    background-color: #0099e8;
    border: solid #0099e8 1px;
    color: #FFF;
    display: block;
    padding: 1px 10px;
    text-align: center;
    text-decoration: none;
}
#nav li a:hover{
    background-color: #8bcb2f;
    border-color: #8bcb2f;
}
#maincontent{
    width: 620px;
    float: left;
}

.board #nav a#board, .faqs #nav a#faqs, .home #nav a#home, .blog #nav a#blog{
    color: #0099e8;
    font-weight: bold;
    background-color: #FFF;
    border: solid #F0E9D6 1px;
    border-bottom-color: #FFF;
}
#topic_list, #maincontent table{
    width: 620px;
    float: left;
    border-collapse: collapse;
}
#maincontent .mainblock table{
    width: 580px;
}
#maincontent table{
    margin-bottom: 20px;
}
#topic_list th, #maincontent th{
  font-size: 24px;
  font-weight: normal;
  border-bottom: solid #8bcb2f 1px;
  color: #8bcb2f;
  padding: 0px 5px 5px;
  text-align: left;
}
#topic_list th.sub{
    color: #AAA;
    font-size: 18px;
}
#topic_list td, #maincontent td{
    padding: 5px 0px;
    border-bottom: dashed #d1d1d1 1px;
}
#topic_list td.topic{
    padding-left: 40px;
    background-repeat: no-repeat;
    background-position: 0px 5px;
}
#topic_list td.topic em{
    display: block;
}
#maincontent em{
    font-size: 12px;
    color: #888;
    text-indent: 0px;
}
#maincontent h2{
   margin-bottom: 10px;
}
#subcontent{
    float: right;
    width:230px;
}
#subcontent h2{
    font-size: 20px;
}

/* login form */
#subcontent form{
    border: solid #d1d1d1 1px;
    padding: 10px;
}
#subcontent form p{
    padding: 5px 0px;
}
#subcontent form p.cmd{
    text-indent: 75px;
}
#subcontent  .field{
    width: 120px;
}
#subcontent  label{
    width: 70px;
}
#subcontent form li{
    border: none;
}
/* sidebar items*/
#subcontent li{
    margin: 0px;
    border-bottom: dashed #d1d1d1 1px;
    padding: 4px 0px;
    background: transparent url(../images/img01.jpg) no-repeat 0px 10px;
    padding-left: 15px;
}
#subcontent .block{
    margin-bottom: 15px;
}
#footer{
    margin-top: 10px;
}

/* member menu */
#member_info{
    border: solid #D1D1D1 1px;
    padding: 10px;
    overflow: hidden;
    height: 100%;
}
#member_info h2{
    margin-bottom: 10px;
}
#member_info .photo{
    float: right;
    padding: 5px;
    border: solid #d1d1d1 1px;
    background-color: #FFF;
}


/* message action */
form{
    position: relative;
}
.holder{
    position: absolute;
    right: 10px;
    z-index: 100;
}
.msg_action{
    float: right;
}
.msg_action li, .topic_action li{
    float: left;
    margin-right: 3px;
}
.msg_action a, .topic_action a{
    display: block;
    border: solid #d1d1d1 1px;
    padding: 1px 10px;
    float: left;
    background-color: #FDF9EE;
    text-decoration: none;
}
.msg_action a:hover, .msg_action a.focus{
    background-color: #FFF;
    border-bottom: solid #FFF 1px;
}
textarea.msg{
    padding-top: 10px;
    line-height: 2em;
}
#icon_list{
   
}
#icon_list li{
    float: left;
    text-align: center;
}
#icon_list img{
    display: block;
}
#emoticon_list{
    display: none;
    width: 600px;
    overflow: hidden;
    background-color: #FFF;
    border: solid #d1d1d1 1px;
    padding: 10px;
    position: relative;
    left: -3px;
    top: -1px;
}
#emoticon_list li{
    float: left;
    margin-right: 3px;
}
#emoticon_list a{
    display: block;
}
#emoticon_list a img{
    border: solid #d1d1d1 1px;
}
.icon_page{
    border: solid #d1d1d1 1px;
    display: block;
    padding: 0px 5px;
    line-height: 40px;
}
#member_action{
    width: 85px;
}
#icon_list label{
    width: auto;
}

/* pagination */
.page{
    float: right;
    text-align: right;
    overflow: hidden;
    height: 100%;
}
.page li{
    padding: 0px;
    margin-left: 3px;
    float: left;
}
.page a{
    display: block;
    padding: 3px 5px;
    border: solid #d1d1d1 1px;
}
.page li.current a{
    background-color: #0099FE;
    color: #FFF;
    font-weight: bold;
}


/* read topic style */
#topic_title{
    border-bottom: solid #d1d1d1 1px;
    padding-bottom: 5px;
    margin-bottom: 20px;
}
.thread_block{
    overflow: hidden;
    height: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: dashed #d1d1d1 1px;
    clear: both;
    position: relative;
}
.member_info{
    float: left;
}
.member_info .photo{
    border:solid #d1d1d1 1px;
    background-color: #FFF;
    padding: 10px;
}
.thread_cnt{
    float: right;
    width: 740px;
}
.thread_detail strong{
    color: #8bcb2f;
}
.thread_msg{
    border: solid #D1D1D1 1px;
    -moz-border-radius: 5px 0px 5px 5px;
    border-radius:  5px 0px 5px 5px;
    padding: 20px;
    position: relative;
    min-height: 85px;
}
.thread_msg p{
    text-indent: 10px;
    margin-bottom: 0.7em;
}
.thread_msg form p.cmd{
    padding: 0px 5px;
    text-indent: 5px;
}
.thread_msg .tip{
    position: absolute;
    background: transparent url(../images/tip_right.png) no-repeat top left;
    width: 8px;
    height: 15px;
    left: -8px;
}
.thread_msg p span, .msg_msg p span{
	position: static;
	background: none;
	width: auto;
	height: auto;
	left: auto;
	font-style: italic;
}
.member_info{
    position: relative;
}
.member_info ul{
    opacity: 0.9;
    display: none;
    padding: 0px 10px;
    position: absolute;
    bottom: 0px;
    border: solid #D1D1D1 1px;
    background-color: #FFF;
    width: 100px;
    font-size: 11px;
}
.member_info li{
    padding: 3px 0px;
    margin: 0px;
}
.member_info a img{
    border: none;
    width: 100px;
}

/* dashboard menu */
.submenu{
    overflow: hidden;
    height: 100%;
    position: relative;
    top: 2px;
}
.submenu li{
    float: left;
    margin-right: 3px;
    padding: 0px;
}
.submenu a{
    display: block;
    padding: 3px 20px;
    background-color: #0099e8;
    color: #FFF;
    text-decoration: none;
}
.submenu a:hover{
    background-color: #8bcb2f;
}
#myprofile_block, .mainblock, .subblock{
    border: solid #D1D1D1 1px;
    padding: 20px;
    overflow: hidden;
    height: 100%;
}
.subblock{
    padding: 20px 0px;
    border-width: 1px 0px;
}
 #profile_menu.mywall #mywall, #profile_menu.myprofile  #myprofile, #profile_menu.myavatar  #myavatar, #profile_menu.myoutbox #myoutbox, #staff_menu.logs #logs, #system_menu.myblog #myblog, #system_menu.mycat #mycat{
    color: #0099e8;
    font-weight: bold;
    background-color: #FFF;
    border: solid #D1D1D1 1px;
    border-bottom-color: #FFF;
 }
 
 /* inbox style */
#msg_list{
    overflow:hidden;
    height: 100%;
}
#msg_list li{
    border-bottom: dashed #D1D1D1 1px;
    padding: 10px 0px;
    overflow: hidden;
    height: 100%;
}
.msg_content{
    float: right;
    width: 455px;
}
.msg_msg{
    border: solid #D1D1D1 1px;
    -moz-border-radius: 5px 0px 5px 5px;
    border-radius:  5px 0px 5px 5px;
    background-color: #FFF;
    padding: 10px;
    position: relative;
    margin-left: 10px;
}
.msg_msg p{
   margin-bottom: 0.7em; 
}

.msg_msg .tip{
    position: absolute;
    background: transparent url(../images/tip_right.png) no-repeat top left;
    width: 8px;
    height: 15px;
    left: -8px;
}
#msg_list .photo{
    float: left;
    padding: 5px;
    border: solid #d1d1d1 1px;
    background-color: #FFF;
}
#msg_list.outbox .photo{
    float: right;
}
#msg_list .msg_content{
    float: right;
}
#msg_list.outbox .msg_content{
    float: left;
}
.msg_detail{
    overflow: hidden;
    height: 100%;
}
#msg_list .msg_detail ul{
    float: right;
    overflow: hidden;
    height: 100%;
    position: relative;
    top: 1px;
}
#msg_list .msg_detail li{
    float: left;
    margin-left: 3px;
    border: none;
    padding: 0px;
}
#msg_list .msg_detail li a{
    display: block;
    float: left;
    bordeR: solid #D1D1D1 1px;
    padding: 2px 8px;
    border-bottom-color: #FFF;
    text-decoration: none;
}
#maincontent .mainblock .field{
    width: 468px;
}

/* reply message block*/
.topic-form textarea.msg{
    width: 675px;
}

/* message style */
a.censor{
    background-color: #666;
    color: #666;
}
a.censor:hover{
    background: none;
}

/* topic action */
.topic_action{
    position: absolute;
    right: 0px;
    top: 10px;
    z-index: 10;
}
.topic_action ul{
    display: none;
    position: absolute;
    z-index: 20;
    width: 70px;
    right: 0px;
   
}
.topic_action li{
    float: left;
    margin: 0px;
    padding: 0px;
    margin-left: 5px;
}
.topic_action li li{
    float: none;
}
.topic_action li a{
    display: block;
    float: none;
}
.topic_action li a:hover{
    background-color: #8BCB2F;
    color: #FFF;
}

.thread_msg .signature{
    border-top: dotted #D1D1D1 1px;
    text-indent: 0px;
    padding-top: 10px;
}

/* search form */
#subcontent form#search{
    border: none;
}
#subcontent .nopad{
    padding: 0px;
}
#search  label{
    float: none;
    display: inline;
}
#search .field{
    width: 150px;
}

/* faqs's series list */
#series_list li{
    display: inline;
}
#series_list a{
    display: block;
    padding-left: 40px;
    background-repeat: no-repeat;
    background-position: 0px 5px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    font-family: georgia;
    border-bottom: dashed #D1D1D1 1px;
}
#series_list .top{
    background-image: url(../icon/cless.gif);
}
#series_list .tod{
    background-image: url(../icon/stahn.gif);
}
#series_list .toe{
    background-image: url(../icon/rid.gif);
}
#series_list .tod2{
    background-image: url(../icon/kyle_walk.gif);
}
#series_list .tos{
    background-image: url(../icon/loyld.gif);
}
#series_list .tor{
    background-image: url(../icon/veigue.gif);
}
#series_list .tol{
    background-image: url(../icon/senel.gif);
}
#series_list .toa{
    background-image: url(../icon/luke.gif);
}
#series_list .tot{
    background-image: url(../icon/caius.gif);
}
#series_list .toi{
    background-image: url(../icon/luka.gif);
}
#series_list .tos2{
    background-image: url(../icon/emil.gif);
}
#series_list .tov{
    background-image: url(../icon/yuri.gif);
}
#series_list .toh{
    background-image: url(../icon/sinc.gif);
}
#series_list .tow{
    background-image: url(../icon/kanonno.gif);
}
#series_list .tosrk{
    background-image: url(../icon/emil.gif);
}

#announcement{
    position: absolute;
    background-color: #FFF;
    width: 250px;
    padding: 10px;
    top: -16px;
    right: 0px;
    border: solid #D1D1D1 1px;
    -moz-border-radius: 10px;
    display: none;
}
#announcement h2{
    font-size: 16px;
    
}

/* blog style */
#blog_list li{
    margin: 0px;
    margin-bottom: 10px;
    padding: 0px 0px 10px 0px;
}
#blog_list li.short{
    border: none;
}
#blog_list h3, #blog_read h3{
    font-size: 23px;
    line-height: 28px;
    float: right;
    width: 545px;
}
.blog_detail{
    overflow: hidden;
    height: 100%;
    margin-left: 70px;
    padding-top: 5px;
}
.blog_cat, .blog_comment{
    float: right;
    margin-bottom:  10px;
}
.blog_comment{
    background: transparent url(../images/icons/comments.png) no-repeat top left;
    padding-left: 20px;
    float: right;
}
.blog_cat{
    background: transparent url(../images/icons/asterisk_yellow.png) no-repeat top left;
    padding-left: 20px;
    float: left;
}
.blog_head{
    position: relative;
    border-bottom: solid #EEE 1px;
    overflow: hidden;
    height: 1%;
}
.blog_head a{
    text-decoration: none;
}
.blog_date{
    position: relative;
    width:67px;
    font-weight: bold;
    height: 33px;
    text-transform: uppercase;
    color: #0094e0;
    border: solid #EEE 1px;
    float: left;
}
.blog_date .day{
    position: absolute;
    top: -3px;
    font-size: 27px;
    background-color: #0094e0;
    color: #FFF;
    padding: 3px;
    
}
.blog_date .month{
    position: absolute;
    font-size: 13px;
    right: 2px;
    top: 1px;
    border-bottom: solid #EEE 1px;
}
.blog_date .year{
    position: absolute;
    font-size: 13px;
    bottom: 0px;
    right: 2px;
}
#blog_list p, #blog_read p{
    margin-bottom: 0.7em;
}
#blog_comment h4{
    margin-top: 10px;
    font-size: 20px;
}

/* blog comments list */
#blog_comments{
    margin-top: 20px;
}
#blog_comments ul{
    margin-top: 20px;
    padding: 0px;    
}
#blog_comments li{
    position: relative;
    overflow: hidden;
    padding: 10px;
    margin-bottom: 10px;
}
#blog_comments .avatar{
    float: left;
    margin-right: 10px;
}
#blog_comments .comment{
    position: relative;
    float: left;
    border: solid #D1D1D1 1px;
    width: 480px;
    min-height: 200px;
    -moz-border-radius: 5px;
}
#blog_comments .comment span{
    position: absolute;
    background: transparent url(../images/tip_right.png) no-repeat top left;
    width: 8px;
    height: 15px;
    left: -8px;
}
#blog_comments .cblock{
    margin: 10px;
}
#blog_comments .detail{
    background: transparent url(../images/icons/user_comment.png) no-repeat top left;
    padding-left: 20px;
    font-size: 16px;
    margin-bottom: 10px;
}
#blog_comments h3{
    background: transparent url(../images/icons/comments.png) no-repeat 0px 5px;
    padding-left: 20px;
    font-size: 23px;
}
#blog_comment h4{
    background: transparent url(../images/icons/comment_edit.png) no-repeat 0px 5px;
    padding-left: 20px;
}

.blog_content{
    margin-left: 70px;
}
.blog_content ul{
    list-style: disc inside;
    margin: 10px;
    padding: 0px;
}
#blog_list .blog_content li{
    border: none;
    padding: 0px;
    margin: 0px;
}
.blog_content  h4, .blog_content  h5{
    font-weight: bold;
    color: #3F3F3F;
    font-size: 18px;
    text-transform: none;
}
.blog_content  h4{
    border-bottom: solid #EEE 1px;
    color: #006ea6;
    margin: 15px 0px 10px;
}
.blog_content  h5{
    font-size: 15px;
    margin-bottom: 5px;
}

/* blog gallery */
#blog_list .blog-gallery, #blog_read .blog-gallery{
	list-style: none;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
#blog_list .blog-gallery li, #blog_read .blog-gallery li{
	float: left;
	margin: 0px 0px 5px 0px;
}
#blog_list .blog-gallery li.last,#blog_read .blog-gallery li.last{
	float: right;
	margin-right: 0px;
}
/* lightbox gallery*/
#blog_list  .lightbox, #blog_read .lightbox{
	list-style: none;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
#blog_list  .lightbox li, #blog_read .lightbox li{
	float: left;
	margin: 0px 0px 5px 0px;
}
#blog_list  .lightbox li.last, #blog_read .lightbox li.last{
	float: right;
	margin-right: 0px;
}

/* icons style */
#subcontent #member_info li{
    padding-left: 0px;
    background: none;
}
#subcontent #member_action{
    list-style-position: inside;
    list-style-image: none;
}
#m-newtopic{
    list-style-image: url(/images/icons/pencil.png);
}
#m-system{
    list-style-image: url(/images/icons/shield.png);
}
#m-staff{
    list-style-image: url(/images/icons/user_gray.png);
}
#m-dashboard{
    list-style-image: url(/images/icons/cog.png);
}
#m-logout{
    list-style-image: url(/images/icons/door_out.png);
}

/* my avatar list */
#my-avatar{
    list-style: none;
    padding: 0px;
    margin: 0px;
    height: 100%;
    overflow: hidden;
}
#my-avatar li{
    float: left;
    margin-right: 10px;
    padding: 10px;
    border: solid #D1D1D1 1px;
}
#my-avatar img{
    display: block;
}

/* icons style */
a.tick, a.delete, a.edit{
    background: #EFEFEF url(../images/icons/tick.png) no-repeat 0px 3px;
    padding: 3px 5px 3px 20px;
    border: solid #d1d1d1 1px;
    text-decoration: none;
}
a.edit{
    background: #EFEFEF url(../images/icons/pencil.png) no-repeat 0px 3px;
}
a.delete{
    background-image: url(../images/icons/delete.png);
}

/* style table */
.styled{
    border-collapse: collapse;
    border: solid #EEE 1px;
}
.styled th{
    border-bottom: solid #006EA6 1px;
    font-weight: bold;
    color: #006EA6;
    font-size: 15px;
    padding: 5px;
}
.styled td{
    padding: 5px 5px;
    border-bottom: solid #EEE 1px;
}
.ctrl-group{
    list-style: none;
}
.ctrl-group label{
    display: inline;
    float: none;
}
.blog-block{
    overflow: hidden;
    height: 1%;
}
.blog-img-hl{
    border: solid #EEE 1px;
    margin: 0px 10px 10px 0px;
    float: left;
    clear: left;
}
.lightbox img{
	width:  130px;
	height:  95px;
}