/* http://meyerweb.com/eric/tools/css/reset/ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
del{text-decoration:line-through;}
/* global */
#global{background:#FFF;color:#45423D;font:normal 100%/120% Verdana, sans-serif;}
a{color:#4180AB;text-decoration:none;}
a:hover{text-decoration:underline;}
img{border:0;}
p +p{margin-top:1em;}
ol{margin:2em 0;}
h1{font-size:2em;line-height:1;font-weight:400;}
h2{font-size:2em;line-height:1;font-weight:400;}
h3{font-size:1.125em;line-height:1;font-weight:700;}
p,span{font-size:1em;}
/* commons */
.center{text-align:center;}
.margin{margin:0.25em 0;}
.white p{color:#F2F7F4;}
/* components */
#header{border-bottom:2px solid #E4EBF0;background:#E4EBF0;}
#menu{font-size:0.875em;z-index:5;position:absolute;top:10px;left:10px;}
#title{border-bottom:8px dotted #8AB3CF;color:#4180AB;padding:20px;}
#title a{text-decoration:none;border-bottom:2px dashed #8AB3CF;}
#title a:hover{border-bottom:2px solid #8AB3CF;}
#content{padding:10px;width:auto;color:#45423D;}
.form{z-index:10;position:fixed;top:10px;right:20px;background:#DBE8FB;width:20%;min-width:200px;padding:20px;border:4px double #8AB3CF;}
.form dl{width:100%;font-family:georgia, times, serif;}
.form dt{width:95%;float:left;padding:0.5em;border-top:1px solid #8AB3CF;font-weight:700;}
.form dt input,.form dt select,.form dt textarea{float:right;}
.form p{font-size:0.875em;}
#form_title,#form_body,#form_upload,#form_passw,#form_submit,#form_email{width:70%;font-size:0.75em;}
#form_body{overflow:auto;}
.item{background:#E4EBF0;clear:both;overflow:hidden;padding:4px;margin:4px;}
.reply{margin-left:30px;}
.image{float:left;text-align:center;}
.body{overflow:hidden;}
.function h2{float:left;padding-right:8px;}
.function p{margin-top:8px;}
.function p span{color:#4180AB;}
.function{font-size:0.875em;padding:6px;}
.text{max-width:50%;background:#F2F7F4;margin:8px 4px;padding:6px;color:#4180AB;overflow:hidden;}
.text p{font-size:0.875em;}
.info{max-width:50%;margin:8px 4px;}
.info p{font-size:0.75em;}
#paging{float:left;padding-bottom:10px;width:60%;font-size:0.75em;}
#paging a{padding:2px 4px;margin:2px;border:1px solid #8AB3CF;color:#8AB3CF;text-decoration:none;}
#paging a:hover{border:1px solid #4180AB;color:#4180AB;}
#paging span.pages{padding:2px 4px;margin:2px;color:#8AB3CF;border:1px solid #8AB3CF;}
#paging span.current{padding:2px 4px;margin:2px;color:#4180AB;border:1px solid #4180AB;font-weight:700;}
#extra{float:right;padding-bottom:10px;width:30%;text-align:right;font-size:0.75em;}
#extra #delete_passw{width:60%;}
#footer{clear:both;border-top:8px dotted #8AB3CF;color:#4180AB;padding:8px;font-size:0.75em;}
#chan-table{font-size:12px;margin:45px;width:90%;text-align:left;border-collapse:collapse;border:1px solid #69c;}
#chan-table th{padding:15px 10px 10px;font-weight:400;font-size:14px;color:#039;}
#chan-table tbody{background:#e8edff;}
#chan-table td{padding:10px;color:#669;border-top:1px dashed #fff;}
#chan-table tbody tr:hover td{color:#339;background:#d0dafd;}