html{font-family: "Roboto", sans-serif; font-weight: 400; font-optical-sizing: auto;font-style: normal; color:#333; background-color:#FAFAFA;}
body{max-width:730px; margin:0 auto; width:100%;}
img{max-width:100%; margin:0; padding:0; width:100%;}
a{text-decoration:none; color:#1778cc;}

/* Global */
.wrapperin{padding:20px;}

.tar{text-align:right;}
.tac{text-align:center;}

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

section{margin:30px 0; clear:both}
section:after {clear:both; content:" "; display:block; font-size:0; height:0; visibility:hidden}

.l{float:left;}
.r{float:right;}

.ml20{margin-left:20px;}
.mr20{margin-right:20px;}
.mt20{margin-top:20px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.pt20{padding-top:20px;}

.bb_ddd{border-bottom:1px solid #DDD;}
.bt_ddd{border-top:1px solid #DDD;}

/* Header */
#header{margin-top:20px;}
#logo{max-width:200px; height:auto;}
#q{border:0 none; border-bottom:1px dotted #DDD; padding:10px;}
.menu{border-top:1px solid #DDD; border-bottom:1px solid #DDD; padding:15px 0; margin:20px 0 30px 0;}
.menu a{margin-right:30px; }

/* Home */
#inp_name{border:0 none; border-bottom:1px solid #DDD; padding:10px;}
.popular_box{background-color:#F9F9F9; border:1px solid #DDD; height:70px; display:inline-block; margin:20px 15px 20px 15px; width:100px; padding:20px; vertical-align:top;}
.popular_boxy{background-color:#F9F9F9; border:1px solid #DDD; display:inline-block; padding:10px; margin:5px;}

/* Main */
.box_thumbnail{width:200px; border:1px solid #DDD; padding:20px; float:left; margin:0 30px 30px 0;}
.post_cats a{padding:5px 10px; border:1px solid #DDD; margin:5px; background-color:#EEE; display:inline-block;}

/* Post */
#post_cats a{padding:5px 10px; border:1px solid #DDD; margin:5px; background-color:#EEE;}
#post_text, .txt_code{width:95%; max-width:95%; border:1px solid #DDD; padding:20px; min-height:90px;}
.btn_download{padding:10px 20px; background-color:#1778cc; color:#FFF; border-radius:3px;}

/* Footer */
#footer{border-top:10px solid #EEE; margin-top:50px;}
#footer .menu{border-top:1px solid #DDD; border-bottom:1px solid #DDD; padding:15px 0; margin:0;}

@media (max-width: 600px) {
	.wrapperin{padding:10px;}
	.l{float:none;}
	.r{float:none;}
}