body { background:#E9F0F7; text-align:center; margin:0; padding:20px; }
div,table,tr,th,td,p { font-family:Arial,sans-serif; font-size:12px; }
a { color:#0071BC; }
img { border:0; vertical-align:middle; }
h1.patch { padding:10px; font-size:12px; color:#ff8000; }
h3 { color:#008000; font-family:Verdana,sans-serif; font-size:11px; text-transform:uppercase; }
h3 a { color:#F7941C; text-decoration:none; border-bottom: 1px solid #FDC689; }
h4 { color:#808080; font-family:Verdana,sans-serif; font-size:11px; font-weight:normal; margin:0; padding:0; }
h4 span { color:#ffffff; background:#d50000; padding-left:7px; padding-right:7px; }

.f { font-family:Verdana,sans-serif; font-size:11px; }
.b { font-family:Verdana,sans-serif; font-size:10px; font-weight:bold; }

.c_up_lf { background:url(../i/c_up_lf.png) 0 0 no-repeat; }
.c_up_rg { background:url(../i/c_up_rg.png) 100% 0 no-repeat; }
.c_dw_lf { background:url(../i/c_dw_lf.png) 0 100% no-repeat; }
.c_dw_rg { background:url(../i/c_dw_rg.png) 100% 100% no-repeat; }

.both { clear:both; }

#out { width:730px; margin:auto; text-align:left; }
.out_c_up_lf { background:#fff url(../i/out_c_up_lf.png) 0 0 no-repeat; }
.out_c_up_rg { background:url(../i/out_c_up_rg.png) 100% 0 no-repeat; }
.out_c_dw_lf { background:url(../i/out_c_dw_lf.png) 0 100% no-repeat; }
.out_c_dw_rg { background:url(../i/out_c_dw_rg.png) 100% 100% no-repeat; }

#header { padding:10px; padding-bottom:0; }
#header .logo { background:#fff url(../i/logo.png) 0 50% no-repeat; width:195px; height:60px; float:left; }
#header .logo span { visibility: hidden; font-size:-1000px; idth:195px; height:60px; display:block;}
#header .logo a {text-decoration:none; }
#header .menu { list-style:none; margin:auto; padding:0; width:300px; }
#header .menu li { list-style:none; margin:0; padding:0; float:left; }
#header .menu a { color:#808080; font-size:10px; padding-top:45px; width:100px; display:block; text-align:center; }
#header .search { width:160px; padding-top:10px; float:right; }

#wrap { padding:10px; }
#content { width:570px; float:left; }
#sidebar { width:120px; float:right; }

#footer { color:#808080; font-size:10px; margin:5px; }
#footer .menu a { color:#808080; text-decoration:none; border-bottom:1px solid #c0c0c0 }
#footer .menu { list-style:none; margin:0; padding:0; width:400px; float:left; }
#footer .menu li { list-style:none; margin:0; padding:7; float:left; }
#footer .copy { width:260px; text-align:right; float:right; font-size:10px; padding:7px; }

#tags_index { padding:10px; text-align:center; }
#wrap_index { padding:10px; }
#wrap_index ul { list-style:none; margin:0; padding:0; }
#wrap_index li { list-style:none; margin:0; padding:0; padding-top:1px; padding-left:18px; padding-bottom:1px; background:url(../i/ico_sms.png) 0 2px no-repeat; }
#wrap_index .left { width:350px; float:left;}
#wrap_index .right { width:350px; float:right; }

#item { padding-top:7px; padding-bottom:7px; teaxt-align:center; }
#item #vote { float:left; width:60px; height:30px; }
#item #vote .left { float:left; background:url(../i/bg_vote.png) 50% 50% no-repeat; font-size:18px; line-height:30px; width:30px; height:30px; text-align:center; }
#item #vote .right { float:right; padding-top:2px; width:25px; height:30px; }
#item #vote .right img { padding-top:1px; padding-bottom:1px; }
#item .other { float:right; width:100px; teaxt-align:left; }
#item .body { margin:auto; width:400px; teaxt-align:left; }
#item .meta { line-height:12px; font-family:Verdana,sans-serif; font-size:10px; padding-top:5px; }

#code { list-style:none; margin:0; padding:0; color:#555555; font-family:Verdana,sans-serif; font-size:10px; }
#code li { list-style:none; margin:0; padding:0; padding-bottom:5px; }
#code b { display:block; padding-bottom:3px; }

.ico_sms { background:url(../i/ico_sms.png) 0 50% no-repeat; padding-left: 18px; }
.ico_html { background:url(../i/ico_html.png) 0 50% no-repeat; padding-left: 22px; }
.ico_tag { background:url(../i/ico_tag.png) 0 50% no-repeat; padding-left: 17px; }
.ico_author { background:url(../i/ico_author.png) 0 50% no-repeat; padding-left: 17px; font-weight:bold; font-size:11px; color:#8CC53E; }
.ico_date { background:url(../i/ico_date.png) 0 50% no-repeat; padding-left: 17px; }
.ico_new { background:url(../i/ico_new.png) 50% 0 no-repeat; }
.ico_popular { background:url(../i/ico_popular.png) 50% 0 no-repeat; }
.ico_rss { background:url(../i/ico_rss.png) 50% 0 no-repeat; }