html{font-family:'Open Sans', sans-serif; font-size:100%; border:0 none; padding:0; margin:0; outline:0;}
body{font-size:100%; vertical-align:baseline; color:#333; max-width:100%; overflow-x:hidden;}
a{text-decoration:none; color:#0a8d9a;}
h1, h2, h3{font-weight:normal;}
h3{padding:0; margin:0 0 15px 0;}
img{max-width:100%;}

.cf {clear:both}
.cf:after {clear:both; content:" "; display:block; font-size:0; height:0; visibility:hidden}

.wrap{max-width:950px; margin:0 auto; background-color:#FFF; border:1px solid #EEE; border-top:0 none;}
.wrapin{padding:25px;}
.tac{text-align:center;}
.hide{display:none;}

.mb10{margin-bottom:10px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.mr20{margin-right:20px;}

.bb2{border-bottom:1px solid #DDD; padding-bottom:20px;}

.btn_o{background-color:#ff9900;}

/* Header */
#header{background-color:#333; padding:20px; color:#FFF; vertical-align:middle;}
#h_logo, #h_menu{display:inline-block; vertical-align:middle; font-size:18px; color:#FFF;}
#h_logo img, #footer img{height:30px; vertical-align:middle; margin-right:10px;}
#h_menu{float:right;}
#h_menu span{margin:5px; cursor:pointer;}
#h_menu img{max-height:25px; vertical-align:middle; opacity:0.7;}
#h_menu img:hover{opacity:0.9;}
#hn_category{padding:20px;}
#hn_search{padding:20px; text-align:center;}
#hn_q{font-size:120%; padding:10px 20px; border:0 none; border-bottom:1px solid #000; border-radius:5px; width:45%; background-color:#333; color:#EEE;}

/* Icons */
.imgdibvam{display:inline-block; vertical-align:middle;}

/* Home */
.home_list{margin-bottom:7px;}
.home_list img{display:inline-block; margin-right:10px; vertical-align:middle; max-height:25px;}
.home_cat{display:inline-block; margin:3px; padding:10px 25px; background-color:#EEE; border:1px solid #DDD; border-radius:3px;}
.w50{column-count:2; column-gap:20px;}

/* Post */
#post_title{padding-bottom:10px; margin-bottom:10px;}
.post_bread{padding:10px; background-color:#F9F9F9; margin-bottom:50px; text-align:center;}
.post_bread span{display:inline-block; margin:5px 20px; font-size:80%;}
.post_bread img{vertical-align:middle; max-height:25px; margin-right:5px; opacity:0.7;}
.post_box{margin-bottom:50px; padding-bottom:20px; border-bottom:1px solid #EEE;}
.post_box_mid{margin-bottom:50px; padding-bottom:20px; border-left:30px solid #F9F9F9; padding-left:10px;}
.post_tag_label{padding:10px 20px; border-radius:20px; background-color:#EEE; display:inline-block; margin:0 5px; cursor:pointer;}
.post_tag_label:hover{background-color:#E5E5E5;}
.post_tag_label_btn{padding:10px 20px; border-radius:20px; background-color:#ff9900; display:inline-block; margin:0 5px; color:#FFF; cursor:pointer;}
.post_tag_label_btn a{color:#FFF;}
.post_tag_label_btn:hover{background-color:#ff8f00;}

/* Post Comment */
.post_comment{padding:20px; background-color:#F9F9F9; border:1px solid #EEE; border-radius:5px;}
.post_comment select, .post_comment textarea, .post_comment input{padding:10px; font-size:90%; border:1px solid #DDD; border-radius:5px; min-width:90%; cursor:pointer;}
.post_comment_left{float:left;}
.post_comment_btn_div{float:right; margin-left:30px;}
.post_comment_btn{padding:20px; border:1px solid #DDD; background-color:#F7F7F7; border-radius:5px; cursor:pointer; font-size:95%;}
#cm_info{padding:20px;}

/* Footer */
#footer{background-color:#777; padding:20px; color:#FFF; vertical-align:middle;}
#footer a{color:#DDD; margin:5px 10px;}
#fn_search{padding:20px; text-align:center; background-color:#888;}
#fn_q{padding:10px 20px; border:0 none; border-bottom:1px solid #000; border-radius:5px; width:45%; background-color:#888; color:#EEE;}

@media only screen and (max-width:500px){
	.w50{column-count:1;}
}