@charset "utf-8";
/* CSS Document */

/* 
Project:iCity.cn
Version:1.0
Author: Jet Yang
(c) BlogBus Web Team All Rights Reserved.
*/

/***** reset *****/
html { color:#000; background:#FFF; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, var { font-style:normal; font-weight:normal; }
li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; color:#333; }
q:before, q:after { content:''; }
abbr, acronym { border:0; font-variant:normal; }
/* to preserve line-height and selector appearance */
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input, textarea, select { font-family:inherit; font-weight:inherit; }
/*to enable resizing for IE*/
input, textarea, select { *font-size:100%;
}
/*because legend doesn't inherit in IE */
legend { color:#000; }


a { text-decoration:none; color:#666; }
a:hover { color:#e83037; }
a.more { color:#e83037; text-align:right; font-weight:normal; }
.more { text-align:right; }
.more a { color:#e83037; text-align:right; font-weight:normal; }
.clear { clear:both; height:0; line-height:0; font-size:0; visibility:hidden; }
.pageNavi { text-align:right; padding:10px; }
.pageNavi .current { color:#e83037; font-weight:bold; }
.notice { color:#ccc; }
.caution { color:#e83037; }


body { font-size:12px; color:#666; font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; background:#fff url(bg_footer.gif) repeat-x 0 100%; }
p { line-height:140%; }
.button { text-align:center; }
.mainBand { margin-bottom:15px; }
.sideBand { margin-bottom:20px; }
#outerWraper { background: url(bg_top.jpg) repeat-x top; text-align:center; }
#innerWraper { width:1000px; margin:0 auto; text-align:left; }
#footer { text-align:center; color:#999; padding:30px 0 50px; clear:both; }
#footer a { color:#999; }
#footer a:hover { color:#e83037; }


#header { height:136px; position:relative; }
#header h1 { display:block; background:url(logo.png) no-repeat 0 0; width:280px; height:80px; position:absolute; left:45px; top:23px; }
#header h1 a { display:block; width:280px; height:80px; }
#header h1 a em { visibility:hidden; }
#header #navi { position:absolute; top:68px; right:40px; }
#header #navi li { float:left; height:32px; }
#header #navi .actived { position:relative; left:-1px; }
#header #navi li a { display:block; float:left; height:32px; background:url(navi.gif) no-repeat 0 0; }
#header #navi li a em { visibility:hidden; }
#header #navi a.navi1 { width:75px; }
#header #navi a.navi1:hover { background-position:0 -32px; }
#header #navi .actived a.navi1 { background-position:0 -64px; }
#header #navi a.navi3 { width:90px; background-position:-75px 0; }
#header #navi a.navi3:hover { background-position:-75px -32px; }
#header #navi .actived a.navi3 { background-position:-75px -64px; }
#header #navi a.navi9 { width:70px; background-position:-165px 0; }
#header #navi a.navi9:hover { background-position:-165px -32px; }
#header #navi .actived a.navi9 { background-position:-165px -64px; }
#header #navi a.navi8 { width:70px; background-position:-235px 0; }
#header #navi a.navi8:hover { background-position:-235px -32px; }
#header #navi .actived a.navi8 { background-position:-235px -64px; }
#header #navi a.navi4 { width:89px; background-position:-239px 0; }
#header #navi a.navi4:hover { background-position:-239px -32px; }
#header #navi .actived a.navi4 { background-position:-239px -64px; }
#header #navi a.navi6 { width:70px; background-position:-305px 0; }
#header #navi a.navi6:hover { background-position:-305px -32px; }
#header #navi .actived a.navi6 { background-position:-305px -64px; }
#header #navi a.navi7 { width:90px; background-position:-375px 0; }
#header #navi a.navi7:hover { background-position:-375px -32px; }
#header #navi .actived a.navi7 { background-position:-375px -64px; }
#header #navi a.navi2 { width:70px; background-position:-465px -0; }
#header #navi a.navi2:hover { background-position:-465px -32px; }
#header #navi .actived a.navi2 { background-position:-465px -64px; }
#header #navi a.navi5 { width:70px; background-position:-535px 0; }
#header #navi a.navi5:hover { background-position:-535px -32px; }
#header #navi .actived a.navi5 { background-position:-535px -64px; }
#header #navi a.navi10 { width:80px; background-position:-605px 0; }
#header #navi a.navi10:hover { background-position:-605px -32px; }
#header #navi .actived a.navi10 { background-position:-605px -64px; }
#header #subNavi { position:absolute; right:62px; top:4px; }
#header #subNavi li { float:left; }
#header #subNavi li a { display:block; width:60px; height:30px; position:relative; }
#header #subNavi li a span { visibility:hidden; }
#header #subNavi li.navi1 { margin-right:10px; }
#header #subNavi li.navi1 a { background:url(subnavi_1_off.gif) no-repeat 0 0; }
#header #subNavi li.navi1 a:hover { background:url(subnavi_1_on.gif) no-repeat 0 0; }
#header #subNavi li.navi2 a { background:url(subnavi_2_off.gif) no-repeat 0 0; }
#header #subNavi li.navi2 a:hover { background:url(subnavi_2_on.gif) no-repeat 0 0; }


#main { float:left; width:670px; display:inline; margin-left:50px; }
#side { float:right; width:220px; display:inline; margin-right:50px; }


#innerWraper #focus { overflow:hidden; zoom:1; margin-bottom:13px; padding-top:7px; }
#innerWraper #focus .focus1 { width:480px; height:160px; float:left; display:inline; margin:0; padding:0; }
#innerWraper #focus .focus2 { width:180px; height:160px; float:left; display:inline; margin:0; padding:0; }
#fW_Content { WIDTH: 660px; HEIGHT: 160px; overflow:hidden; }
#fW_Content img { WIDTH: 660px; HEIGHT:160px }
#fW_Controls { DISPLAY: inline; MARGIN: 0; WIDTH: 120px; HEIGHT: 42px }
#fW_Controls a { FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND: url(../images/btnFeatureHover.gif) no-repeat; FLOAT: left; WIDTH: 30px; COLOR: white; PADDING-TOP: 6px; HEIGHT: 24px; TEXT-ALIGN: center }
#fW_Controls a.activeSlide { BACKGROUND-POSITION: 0px -30px; COLOR: #ff5300 }
#fW_Controls a:hover { BACKGROUND-POSITION: 0px -30px; COLOR: #ff5300 }
#fW_Snap { width:160px; height:206px; }
#fW_Snap img { width:160px; height:206px; }


#innerWraper #guestShow { background:url(bg_guestShow.gif) no-repeat 0 0; width:622px; height:53px; overflow:hidden; zoom:1; margin-bottom:13px; padding-left:38px; padding-top:1px; }
#innerWraper #guestShow #guestFocus { overflow:hidden; float:left; width:540px; }
#innerWraper #guestShow #guestFocus .guestFocusItem { width:540px; }
#innerWraper #guestShow .more { float:right; display:inline; margin-right:10px; width:70px; margin-top:30px; }
#innerWraper #guestShow img { float:left; margin-top:8px; }
#innerWraper #guestShow img { padding:1px; border:1px solid #ddd; }
#innerWraper #guestShow a:hover img { border:1px solid #e83037; }
#innerWraper #guestShow .guestShow_content { float:left; margin-top:8px; padding-left:10px; width:490px; }
#innerWraper #guestShow .guestShow_content h5 { }
#innerWraper #guestShow .guestShow_content h5 span { font-weight:normal; color:#ccc; font-size:10px; font-family:Arial; font-style:italic; }
#innerWraper #guestShow .guestShow_content h5 a {}
#innerWraper #guestShow .guestShow_content p { margin-top:2px; background:url(ql.gif) no-repeat 0 0; padding-left:17px; }
#innerWraper #guestShow .guestShow_content p q { background:url(qr.gif) no-repeat 100% 0; padding-right:17px; }
#innerWraper #guestShow .guestShow_content .guestTitle { font-weight:bold; }
#innerWraper #guestShow .guestShow_content .guestTitle span { font-weight:normal; color:#ccc; font-size:10px; font-family:Arial; font-style:italic; }

#content .mainMod { width:660px; margin-bottom:13px; }
#content .mainMod .mod .modTop { height:45px; position:relative; }
#content .mainMod .mod .modTop h3 a.columTitle { display:block; position:relative; width:200px; height:20px; top:10px; left:15px; }
#content .mainMod .mod .modTop h3 a.columTitle em { visibility:hidden; }
#content .mainMod .mod .modTop h4 { visibility:hidden; }
#content .mainMod .mod .modTop a.more { position:absolute; right:15px; top:18px; }
#content .mainMod .mod .modTop a.more span { visibility:hidden; }
#content .mainMod .mod .modBody { background:url(bg_main_1.gif) repeat-y left; padding:10px 10px 5px; overflow:hidden; zoom:1; *padding-bottom:0; }
#content .mainMod .mod .modBottom { background:url(bg_main_1_bottom.gif) no-repeat 0 0; font-size:0px; height:10px; line-height:0px; }

#content .mainMod #main01 .modTop { background:url(title_main_1_1.gif) no-repeat 0 100%; }
#content .mainMod #main02 .modTop { background:url(title_main_1_2.gif) no-repeat 0 100%; }
#content .mainMod #main05 .modTop { background:url(title_main_1_5.gif) no-repeat 0 100%; }

#content .mainMod #main03 { width:490px; float:left; }
#content .mainMod #main03 .modTop { background:url(title_main_2_3.gif) no-repeat 0 0; }
#content .mainMod #main03 .modBody { background:url(bg_main_2.gif) repeat-y left; padding-top:0px; *padding-top:5px;}
#content .mainMod #main03 .modBottom { background:url(bg_main_2_bottom.gif) no-repeat 0 0; font-size:0px; height:10px; line-height:0px; }

#innerWraper #content .mainMod #main04 { width:160px; float:right; }
#content .mainMod #main04 .modTop { background:url(bg_side_4_top.gif) no-repeat 0 0; height:15px; }
#content .mainMod #main04 .modBody { background:url(bg_side_4_body.gif) repeat-y 0 0; }
#content .mainMod #main04 .modBody ul { margin-left:3px; padding-top:5px; }
#content .mainMod #main04 .modBody ul li { float:left; margin:0 3px 5px 0; width:64px; height:64px; _margin-bottom:0px; }
#content .mainMod #main04 .modBody ul li img { height:64px; width:64px; }
#content .mainMod #main04 .modBottom { background:url(bg_side_4_bottom.gif) no-repeat 0 0; font-size:0px; height:10px; line-height:0px; }

.modBody h4 { margin:5px 0 3px; }
.modBody h4 a { color:#333; }
.modBody h4 a:hover { color:#e83037; }

.coverStory { float:left; width:160px; padding:0 12px 0 5px; border-right:3px solid #f5f5f5; }
.thisvol { float:left; }
.thisvol .thisvol1 { overflow:hidden; zoom:1; border-bottom:1px solid #f0f0f0; padding:0 2px 10px; margin:0 0 10px 15px; }
.thisvol .thisvol1 div { float:left; width:210px; display:inline; }
.thisvol .thisvol1 .thisvol1_2 { margin-left:12px; }
.thisvol .thisvol2 { overflow:hidden; zoom:1; }
.thisvol .thisvol2 .thisvol2_1 { padding-left:15px; float:left; }
.thisvol .thisvol2 .thisvol2_1_1 { width:224px; }
.thisvol .thisvol2 .thisvol2_1 img { float:left; display:inline; margin-right:10px; margin-top:3px; }
.thisvol .thisvol2 .thisvol2_1 .thisvol2_1_content { float:left; width:165px; margin-top:5px; }
.thisvol .thisvol2 .thisvol2_1 .thisvol2_1_content h4 { margin:0; }
.thisvol .thisvol2 .thisvol2_2 { float:left; border-left:1px solid #f0f0f0; padding-left:10px; width:200px; }
.thisvol .thisvol2 .thisvol2_2 ul { margin-top:3px; }
.thisvol .thisvol2 .thisvol2_2 ul li { border-bottom: 1px dotted #f0f0f0; padding-bottom:2px; margin-bottom:2px; }
.thisvol .thisvol2 .thisvol2_2 ul li a { color:#666; }
.thisvol .thisvol2 .thisvol2_2 ul li a:hover { color:#e83037; }

.avatarList1 { }
.avatarList1 li { float:left; display:inline; margin:0 0 0 6px; }
.avatarList1 li a img { float:left; padding:1px; border:1px solid #ddd; margin-right:9px; }
.avatarList1 li a:hover img { border:1px solid #e83037; }
.avatarList1 li .desc { width:120px; float:left; }
.avatarList1 li .desc h4 { margin-top:0; }

.topicList { padding-top:2px; }
.topicList .topicItem { height:22px; line-height:22px; background: url(bg_topic1.gif) no-repeat 0 0; overflow:hidden; zoom:1; display:block; margin-bottom:2px; }
.topicList .topicItem .topicTitle { zoom:1; overflow:hidden; float:left; overflow:hidden; width:380px; padding-left:10px; }
.topicList .topicItem .topicTitle a { color:#666; }
.topicList .topicItem .topicTitle a:hover { color:#fff; _color:#e83037; }
.topicList .topicItem .topicAuthor { zoom:1; overflow:hidden; float:right; overflow:hidden; width:70px; text-align:right; padding-right:10px; }
.topicList .topicItem .topicAuthor a { color:#333; }
.topicList .topicItem .topicAuthor a:hover { color:#e83037; }
.topicList .topicItem:hover { background: url(bg_topic2.gif) no-repeat 0 0; }

.join { float:left; padding-right:15px; border-right:3px solid #f0f0f0; padding-bottom:10px; }
.join a img { float:left; margin-left:5px; display:inline; padding:1px; border:1px solid #ddd; margin-right:9px; }
.join a:hover img { border:1px solid #e83037; }
.join .desc { width:170px; float:left; line-height:150%; }
.join .desc h4 { margin-top:0; }
.join h5 { clear:both; padding-top:15px; }
.join h5 a em { visibility:hidden; }
.join h5 a { display:block; width:281px; height:30px; background:url(join_1.gif) no-repeat 0 0; }
.join h5 a:hover { background:url(join_2.gif) no-repeat 0 0; }
.cityGroup { float:left; display:inline; margin-left:15px; }
.menu1box { overflow:hidden; zoom:1; position:absolute; right:60px; }
.menu1box li { float:left; display:block; background:#ccc url(tab_2.gif) no-repeat 0 0; width:48px; height:17px; text-align:center; line-height:17px; margin-left:8px; }
.menu1box li a { color:#fff; }
.menu1box li.hover { background:#e83037 url(tab_1.gif) no-repeat 0 0; }
.menu1box li.hover a { color:#fff; }
.cityGroup .main1box .avatarList2 { width:320px; }
.cityGroup .main1box .avatarList2 li { float:left; margin:0 5px 5px 0; width:48px; height:48px; }
.cityGroup .main1box .avatarList2 li img { width:48px; height:48px; }


#side .sideMod { width:220px; margin-bottom:15px; }

#side #login .modTop { background:url(bg_side_1_top.gif) no-repeat 0 0; height:18px; }
#side #login .modBody { background:url(bg_side_1.gif) repeat-y 0 0; height:138px; }
#side #login .modBottom { background:url(bg_side_1_bottom.gif) no-repeat 0 0; height:10px; line-height:0; font-size:0; }
#side #login .modBody ul { padding-top:27px; margin-left:15px; }
#side #login .modBody ul li { margin-bottom:15px; }
#side #login .modBody ul li span { font-weight:bold; color:#666; }
#side #login .modBody ul li input { width:120px; background:url(bg_input_text.gif) repeat-x 0 0; border:1px solid #ddd; height:18px; line-height:18px; }
#side #login .modBody .button { position:relative; padding-left:65px; }
#side #login .modBody .button .remenber { position:absolute; color:#aaa; }
#side #login .modBody .button .remenber input { margin-top:3px; margin-left:5px; *margin:0; }
#side #login .modBody p { text-align:center; padding:37px 0 0; margin-bottom:40px; }

#side #hot .modTop { background:url(bg_side_hot_top.gif) no-repeat 0 0; height:41px; }
#side #hot .modBody { background:url(bg_side_2_body.gif) repeat-y 0 0; overflow:hidden; }
#side #hot .modBottom { background:url(bg_side_2_bottom.gif) no-repeat 0 0; height:11px; font-size:0; line-height:0; }
#side #hot .modBody ul { }
#side #hot .modBody ul li { height: 24px; line-height:24px; border-bottom:1px solid #fff; margin:0 2px 0 1px; padding:0 10px; background:#f0f0f0; }
#side #hot .modBody ul li a { color:#666; }
#side #hot .modBody ul li a:hover { color:#e83037; }
#side #hot .modBody ul li:hover { background:#fff; }

#side #twitter .modTop { background:url(bg_side_2_top.gif) no-repeat 0 0; height:53px; }
#side #twitter .modTop h3 a { display:block; height:53px; }
#side #twitter .modTop h3 a em { visibility:hidden; }
#side #twitter .modBody { background:url(bg_side_2_body.gif) repeat-y 0 0; }
#side #twitter .modBottom { background:url(bg_side_2_bottom.gif) no-repeat 0 0; height:11px; font-size:0; line-height:0; }
#side #twitter ul li { height: 24px; border-bottom:1px solid #fff; margin:0 2px 0 1px; background:#fafafa; }
#side #twitter ul li.even { background:#f0f0f0; }
#side #twitter ul li .mini { padding-top:4px; }
#side #twitter ul li .full { height:72px; display:none; }
#side #twitter ul li .full a { color:#666; }
#side #twitter ul li .full a:hover { color:#e83037; }
#side #twitter ul li img { float:right; display:inline; margin-right:10px; }
#side #twitter ul li .desc { float:left; width:180px; padding-left:10px; }
#side #twitter ul li.twitter_on { height:72px; background:url(bg_twitter_on.gif) repeat-x 0 0; }
#side #twitter ul li.twitter_on .mini { display:none; }
#side #twitter ul li.twitter_on .full { display:block; }
#side #twitter ul li .full .desc { width:160px; }
#side #twitter ul li .full .desc h4 { color:#666; margin-bottom:0; }
#side #twitter ul li .full .desc h4 span { font-weight:normal; color:#fff; font-size:10px; font-family:Arial; font-style:italic; }
#side #twitter ul li .full img { margin-top:8px; }

#side #vote .modTop { background:url(bg_side_3_top.gif) no-repeat 0 0; height:41px; }
#side #vote .modBody { background:url(bg_side_3_body.gif) repeat-y 0 0; }
#side #vote .modBottom { background:url(bg_side_3_bottom.gif) no-repeat 0 0; height:10px; font-size:0; line-height:0; }
#vote #voteBody { padding-left:10px; }
#vote #voteBody h4 { font-size:14px; font-weight:bold; text-align:center; margin: 0 0 10px; padding-top:10px; color:#666; }
#vote #voteBody .desc { margin:0 0 20px; line-height:160%; }
#vote #voteBody .voteMain { }
#vote #voteBody .voteMain ul { margin:0; padding:0; list-style:none; }
#vote #voteBody .voteMain ul li { margin:0; padding:0; list-style:none; margin-bottom:5px; overflow:hidden; zoom:1; border:none; background:none; }
#vote #voteBody .voteMain ul li div { float:left; }
#vote #voteBody .voteMain ul li .t { width:60px; text-align:right; padding-right:5px; }
#vote #voteBody .voteMain ul li .barBody { background:#f0f0f0; height:11px; width:105px; padding-top:1px; margin-right:10px; }
#vote #voteBody .voteMain ul li .barBody .l { height:10px; }
#vote #voteBody .voteMain ul li .barBody .m { height:10px; }
#vote #voteBody .voteMain ul li .barBody .r { height:10px; }
#vote #voteBody .voteMain ul li .n { width:80px; padding-left:10px; font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
#vote #voteBody .voteMain ul li .a input { margin:0; padding:0; *margin-top:-3px; }
#vote #voteBody .voteMain ul li .add { padding-left:10px; }
#vote #voteBody .voteMain ul li img { padding:0; margin:0; border:none; }
#vote #voteBody .voteMain ul li input { background:none; border:none; }
#vote #voteBody .voteButton { text-align:center; margin-top:10px; }

#vote #voteCmt { margin:15px 10px 0; border-top:1px solid #f0f0f0; padding-top:10px; }
#vote #voteCmt li { padding:5px 3px; border-bottom:1px dotted #ddd; }
#vote #voteCmt li:hover { background:#f5f5f5; }
#vote #voteCmt li strong { color:#e83037; font-weight:normal; }
#vote #voteCmt li a { color:#666; }
#vote #voteCmt li a:hover { text-decoration:underline; }

/* reporter */
#reporterBanner { width:220px; margin-left:50px; float:left; display:inline; }
#topReporter { width:660px; margin-right:50px; float:right; display:inline; }
#content .mainMod #mainReporter .modTop { background:url(title_main_1_reporter.gif) no-repeat 0 100%; }
#mainReporter .thisvol .thisvol2 .thisvol2_1 { padding-left:15px; float:left; }
#mainReporter .thisvol .thisvol2 .thisvol2_1_1 { width:440px; }
#mainReporter .thisvol .thisvol2 .thisvol2_1 img { float:left; display:inline; margin-right:10px; margin-top:3px; }
#mainReporter .thisvol .thisvol2 .thisvol2_1 .thisvol2_1_content { float:left; width:365px; margin-top:5px; }
#mainReporter .thisvol .thisvol2 .thisvol2_1 .thisvol2_1_content h4 { margin:0; }
#col_2 #content .mainMod { width:900px; margin-left:50px; }
#content .mainMod #allReporter .modTop { background:url(main_title_3_allreporter.gif) no-repeat 0 100%; }
#content .mainMod #allReporter .modBody { background:url(bg_main_3.gif) repeat-y left; padding:10px 10px 5px; overflow:hidden; zoom:1; *padding-bottom:0;
}
#content .mainMod #allReporter .modBottom { background:url(bg_main_3_bottom.gif) no-repeat 0 0; font-size:0px; height:10px; line-height:0px; }
/*
#content .mainMod #allReporter .avatarList3 { }
#content .mainMod #allReporter .avatarList3 li { position:relative; width:96px; height:96px; float:left; margin-left:10px; margin-bottom:7px;  }
#content .mainMod #allReporter .avatarList3 li .desc { width:96px; padding:2px 0; text-align:center; background:#e83037; color:#fff; opacity:0.7;filter:alpha(opacity=70); position:absolute; left:0; bottom:0px; _bottom:2px; display:none; }
#content .mainMod #allReporter .avatarList3 li .desc h4 { margin:0 2px; color:#fff; }
#content .mainMod #allReporter .avatarList3 li .desc h4 a { color:#fff; }
*/
#content .mainMod #allReporter .avatarList3 { }
#content .mainMod #allReporter .avatarList3 li { width:280px; height:96px; float:left; margin-left:10px; margin-bottom:20px; }
#content .mainMod #allReporter .avatarList3 li a img { float:left; padding:1px; border:1px solid #ddd; display:inline; margin-right:10px; }
#content .mainMod #allReporter .avatarList3 li a img:hover { border:1px solid #e83037; }
#content .mainMod #allReporter .avatarList3 li .desc { float:left; width:160px; }
#content .mainMod #allReporter .avatarList3 li .desc h4 { margin-top:2px; }
#content .mainMod #allReporter .avatarList3 li .desc h4 span { color:#999; font-weight:normal; }
#content .mainMod #allReporter .avatarList3 li .desc p a { color:#e83037; }
#content .mainMod #allReporter .avatarList3 li .desc p a:hover { text-decoration:underline; }
#content .mainMod #allReporter .avatarList3 li .desc .intro { margin-top:8px; line-height:140%; }


/*magazine*/
#magMain { width:632px; float:left; display:inline; margin-left:50px; padding-right:15px; border-right:3px solid #f5f5f5; }
#magSide { width:230px; float:right; display:inline; margin-right:50px; }
#magMain .magMod .columPic { float:left; }
#magMain .magMod .columPic img { border:3px solid #f0f0f0; }
#magMain .magMod .columList { float:left; margin-left:15px; }
#magMain .magMod .columList h3 { border-bottom:1px solid #f0f0f0; margin:0 0 10px; padding:0 5px 5px; width:500px; font-size:13px; }
#magMain .magMod .columList ul { margin:0; }
#magMain .magMod .columList ul li { margin-bottom:5px; }
#magMain .magMod .columList ul li a { display:block; color:#666; padding:3px 5px; }
#magMain .magMod .columList ul li a:hover { background:#f0f0f0; color:#e83037; }
#magMain #magMenu { }
#magMain #magMenu h3 { font-family:"微软雅黑", Tahoma, Arial, Verdana, Helvetica, sans-serif; color:#e83037; font-weight:normal; font-size:18px; margin-top:30px; margin-bottom:8px; }
#magMain #magMenu h3.large1 { font-size:23px; }
#magMain #magMenu h3.large2 { font-size:28px; margin-top:25px; }
#magMain #magMenu p { color:#555; font-size:14px; font-weight:bold; margin-bottom:3px; padding-right:20px; font-family:"微软雅黑", Tahoma, Arial, Verdana, Helvetica, sans-serif; }
#magMain #magMenu p.large1 { font-size:18px; font-family:"微软雅黑", Tahoma, Arial, Verdana, Helvetica, sans-serif; }
#magMain #magMenu p.large2 { font-size:24px; font-family:"微软雅黑", Tahoma, Arial, Verdana, Helvetica, sans-serif; }
#magMain #magMenu p.large3 { font-size:28px; font-family:"微软雅黑", Tahoma, Arial, Verdana, Helvetica, sans-serif; line-height:100%; margin-bottom:10px; }
#magMain #magMenu p a { color:#555; background:url(dotted_red.gif) repeat-x 0 100%; padding-bottom:1px; }
#magMain #magMenu p a:hover { color: #000; background:url(dotted_gray.gif) repeat-x 0 100%; padding-bottom:1px; }
#magMain #magMenu p.intro { font-weight:normal; font-size:12px; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; color:#666; font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; }
#magMain #magMenu em.intro { font-weight:normal; font-size:12px; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; color:#666; font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; }
#magMain #magMenu p span { display:block; font-size:12px; font-weight:normal; color:#888; margin-left:34px; font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; }
#magMain #magMenu img { }
#magMain #magContent { overflow:hidden; zoom:1; }
#magMain #magContent .magPic { float:left; }
#magMain #magContent .magPic img { border:4px solid #f0f0f0; margin-bottom:10px; }
#magMain #magContent .magPic p { background: url(icon_magPic.gif) no-repeat 0 5px; padding-left:14px; margin-left:6px; }
#magMain #magContent .magContent {/* float:left; margin-left:20px; padding-left:20px; border-left:1px solid #f0f0f0; width:400px;*/ color:#000; }
#magMain #magContent .magContent h3 { font-size:18px; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; margin-bottom:10px; }
#magMain #magContent .magContent p { margin-bottom:15px; line-height:150%; font-size:12px; letter-spacing:0.1em; }
#magMain #magContent .magContent a { color:#555; background:url(dotted_red.gif) repeat-x 0 100%; padding-bottom:1px; }
#magMain #magContent .magContent a:hover { color: #000; background:url(dotted_gray.gif) repeat-x 0 100%; padding-bottom:1px; }
#magMain #magCmt { margin-top:20px; margin-right:10px; }
#magMain #magCmt h4 { color:#e83037; font-size:16px; border-bottom:1px dashed #ddd; padding-bottom:5px; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; padding-left:5px; margin-bottom:15px; }
#magMain #magCmt .cmtList { margin-left:5px; }
#magMain #magCmt .cmtList li { zoom:1; overflow:hidden; margin-bottom:20px; }
#magMain #magCmt .cmtList li .cmtAvatar { float:left; }
#magMain #magCmt .cmtList li .cmtAvatar img { padding:1px; border:1px solid #ddd; }
#magMain #magCmt .cmtList li .cmtAvatar a:hover img { border:1px solid #e83037; }
#magMain #magCmt .cmtList li .cmtBody { float:left; margin-left:10px; width:500px; }
#magMain #magCmt .cmtList li .cmtBody h5 { margin-bottom:5px; }
#magMain #magCmt .cmtList li .cmtBody h5 a { color:#666; }
#magMain #magCmt .cmtList li .cmtBody h5 a:hover { color:#e83037; }
#magMain #magCmt .cmtList li .cmtBody h5 span { font-size:10px; color:#ccc; font-family:Arial; font-style:italic; }
#magMain #magCmt .cmtForm { padding-top:15px; padding-left:7px; }
#magMain #magCmt .cmtForm li { margin-bottom:10px; }
#magMain #magCmt .cmtForm li input { width:150px; background:url(bg_input_text.gif) repeat-x 0 0; border:1px solid #ddd; height:18px; line-height:18px; }
#magMain #magCmt .cmtForm li textarea { width:400px; height:150px; overflow:auto; border:1px solid #ddd; background:url(bg_input_text.gif) repeat-x 0 100%; margin-left:40px; *margin-left:42px; }
#magMain #magCmt .cmtForm p .button { margin-left:40px; *margin-left:42px; }

#magSide ul li { color:#333; }
#magSide ul li a { color:#333; }
#magSide .cover { margin-bottom:15px; padding-right:10px; color:#333; }
#magSide .cover img { border:4px solid #f0f0f0; }
#magSide .cover h4 { margin:10px 0 5px; }
#magSide .cover { }
#magSide #peopel { margin-bottom:20px; overflow:hidden; zoom:1; }
#magSide #peopel h3 { margin-bottom:5px; background:url(mag_people.gif) no-repeat 0 0; height:30px; margin-bottom:15px; }
#magSide #peopel h3 a { display:block; height:30px; }
#magSide #peopel h3 em { visibility:hidden; }
#magSide #peopel h4 { margin-bottom:4px; }
#magSide #peopel h4 a { color:#666; }
#magSide #peopel h4 a:hover { color:#e83037; }
#magSide #peopel .avatarList1 { margin-left:5px; }
#magSide #peopel .avatarList1 li { margin:0 0 15px 0; }
#magSide #peopel .avatarList1 .desc { width:135px; color:#999; }
#magSide #peopel .peopleAList { }
#magSide #peopel .peopleAList li { margin:0 0 5px 5px; float:none; display:list-item; margin:0 0 5px 0; }
#magSide #peopel .peopleAList li a { color:#333; }
#magSide #peopel .peopleAList li a:hover { color:#e83037; }
#magSide #peopel .more { padding-right:10px; }
#magSide #comment { margin-bottom:20px; }
#magSide #comment h3 { margin-bottom:5px; background:url(mag_cmt.gif) no-repeat 0 0; height:30px; margin-bottom:10px; }
#magSide h3 em { visibility:hidden; }
#magSide #comment ul { margin:-5px 6px 0; }
#magSide #comment ul li { color:#e83037; padding:5px 3px; border-bottom:1px dotted #ddd; }
#magSide #comment ul li:hover { background:#f5f5f5; }
#magSide #comment ul li a { color:#333; }
#magSide #comment ul li a:hover { text-decoration:underline; }
#magSide #prev { margin-bottom:20px; }
#magSide #prev h3 { margin-bottom:5px; background:url(mag_pre.gif) no-repeat 0 0; height:30px; margin-bottom:10px; }
#magSide #prev h3 em { visibility:hidden; }
#magSide #prev img { border:4px solid #f0f0f0; }
#magSide #prev .more { padding-right:10px; }
#magSide #lost { margin-bottom:20px; }
#magSide #lost h3 { margin-bottom:5px; background:url(mag_lost.gif) no-repeat 0 0; height:30px; margin-bottom:10px; }
#magSide #lost h3 em { visibility:hidden; }
#magSide #lost ul { margin:-5px 6px 0; }
#magSide #lost ul li { padding:5px 3px; border-bottom:1px dotted #ddd; color:#333; }
#magSide #lost ul li:hover { background:#f5f5f5; }
#magSide #lost ul li a { color:#333; }
#magSide #lost ul li a:hover { text-decoration:underline; }
#magazine #footer { padding-top:60px; }

.innerPage { text-align:right; color:#999; padding-right:10px; }
.innerPage span { background:#e83037; padding:2px; color:#fff; font-weight:bold; margin-right:5px; }
#magMain #magContent .innerPage a { padding:2px; color:#e83037; font-weight:bold; margin-right:5px; }
#magMain #magContent .innerPage a:hover { padding:2px; }
/*inedited 090331 */
#magSide #currentCover { margin-bottom:20px; margin-top:10px; }
#magSide #currentCover h3 { margin-bottom:5px; background: url(mag_currnetcover.gif) no-repeat 0 0; height:30px; margin-bottom:10px; }
#magSide #currentPeople { margin-bottom:20px; }
#magSide #currentPeople h3 { margin-bottom:5px; background: url(mag_currnetpeople.gif) no-repeat 0 0; height:30px; margin-bottom:10px; }

#magSide #revInedited { margin-bottom:20px; }
#magSide #revInedited h3 { margin-bottom:5px; background: url(mag_revIn.gif)  no-repeat 0 0; height:30px; margin-bottom:10px; }
#magSide #revInedited ul { margin:-5px 6px 0; }
#magSide #revInedited ul li { padding:5px 3px; border-bottom:1px dotted #ddd; color:#333; }
#magSide #revInedited ul li:hover { background:#f5f5f5; }
#magSide #revInedited ul li a { color:#333; }
#magSide #revInedited ul li a:hover { text-decoration:underline; }

#magMain .ineditedTitle em { visibility:hidden; }
#magMain .ineditedTitle { background:url(main_title_inedited.gif) no-repeat 0 0; height:45px; }
.inedited #magMenu { margin-left:20px; }

/* twitter */
#twitter .twitter_navi { text-align:left; margin-bottom:10px; }
#twitter .twitter_navi a { color:#ccc; }
#twitter .twitter_navi a:hover { background:#e83037; color:#fff; }
#twitter .twitter_content { margin-bottom:20px; }
#twitter .twitter_content li img { float:left; padding:3px; border:1px solid #ddd; }
#twitter .twitter_content li .desc { float:left; margin-left:10px; width:460px; }
#twitter .twitter_content li .desc h4 { font-size:13px; }
#twitter .twitter_content li .desc h4 span { color:#ccc; font-size:10px; font-style:italic; font-family:Arial; }
#twitter .twitter_content li .desc h5 { margin-top:5px; color:#ccc; font-size:12px; font-family:Arial; font-weight:normal; }
#twitter .twitter_content li .desc p { margin-top:10px; line-height:150%; }
#twitter .twitter_list { margin-top:10px; }
#twitter .twitter_list li { margin:0 10px 15px 0; padding:0 10px 15px; border-bottom:1px dashed #f0f0f0; }
#twitter .twitter_list li img { float:left; padding:3px; border:1px solid #ddd; }
#twitter .twitter_list li .desc { float:left; margin-left:10px; width:570px; }
#twitter .twitter_list li .desc h4 { font-size:12px; margin-top:2px; }
#twitter .twitter_list li .desc h4 span { color:#ccc; font-size:10px; font-style:italic; font-family:Arial; }
#twitter .twitter_list li .desc h5 { margin-top:5px; color:#ccc; font-size:12px; font-family:Arial; font-weight:normal; }
#twitter .twitter_list li .desc p { margin-top:5px; line-height:150%; }
#twitter .twitterCmt { margin-top:20px; margin-right:30px; }
#twitter .twitterCmt h4 { color:#e83037; font-size:16px; border-bottom:1px dashed #ddd; padding-bottom:5px; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; padding-left:5px; margin-bottom:15px; }
#twitter .twitterCmt .cmtList { margin-left:5px; }
#twitter .twitterCmt .cmtList li { zoom:1; overflow:hidden; margin-bottom:20px; }
#twitter .twitterCmt .cmtList li .cmtAvatar { float:left; }
#twitter .twitterCmt .cmtList li .cmtAvatar img { padding:1px; border:1px solid #ddd; }
#twitter .twitterCmt .cmtList li .cmtAvatar a:hover img { border:1px solid #e83037; }
#twitter .twitterCmt .cmtList li .cmtBody { float:left; margin-left:10px; width:500px; }
#twitter .twitterCmt .cmtList li .cmtBody h5 { margin-bottom:5px; }
#twitter .twitterCmt .cmtList li .cmtBody h5 a { color:#666; }
#twitter .twitterCmt .cmtList li .cmtBody h5 a:hover { color:#e83037; }
#twitter .twitterCmt .cmtList li .cmtBody h5 span { font-size:10px; color:#ccc; font-family:Arial; font-style:italic; }
#twitter .twitterCmt .cmtForm { padding-top:15px; padding-left:7px; }
#twitter .twitterCmt .cmtForm li { margin-bottom:10px; }
#twitter .twitterCmt .cmtForm li input { width:150px; background:url(bg_input_text.gif) repeat-x 0 0; border:1px solid #ddd; height:18px; line-height:18px; }
#twitter .twitterCmt .cmtForm li textarea { width:400px; height:150px; overflow:auto; border:1px solid #ddd; background:url(bg_input_text.gif) repeat-x 0 100%; margin-left:40px; *margin-left:42px; font-size:12px; }
#twitter .twitterCmt .cmtForm p .button { margin-left:40px; *margin-left:42px; }

/* contribute */
#content #contributArea .modTop { background: url(title_main_1_contribute.gif) no-repeat 0 0; }
.contribute { margin-top:10px; }
.contribute dl { overflow:hidden; zoom:1; margin-bottom:15px; }
.contribute dl img { border:3px solid #f0f0f0; float:left; margin-right:15px; display:inline; margin-left:10px; }
.contribute dl dt { font-weight:bold; margin-bottom:5px; }
.contribute dl dd { float:left; width:530px; line-height:150%; }
.contribute dl dd span.more { float:right; margin-top:6px; }
.contribute h4 { font-size:14px; margin-left:15px; margin-bottom:15px; color:#C4353A; }
.contribute ul { margin:0 5px; padding:0 10px; }
.contribute ul li { margin-bottom:15px; line-height:180%; }
.contribute .LogInfo { border-bottom: 1px dashed #ddd; margin-bottom:30px; padding-bottom:20px; }

#contributArea { border-right:2px solid #f5f5f5; padding-right:5px; }
#contributeIntro { margin-top:10px; }
#contributeIntro h4 { border-bottom:1px solid #f0f0f0; padding:5px 0; margin-bottom:10px; color:#e83037; font-size:14px; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; }
#contributeIntro h5 { color:#999; margin-bottom:5px; }
#contributeIntro img { border:3px solid #f0f0f0; float:left; display:inline; margin-right:10px; }
#contributeIntro p { line-height:150%; }
#contributeIntro { margin-top:10px; }
#contributeIntro h4 { border-bottom:1px solid #f0f0f0; padding:5px 0; margin-bottom:10px; color:#e83037; font-size:14px; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; }
#contributeIntro h5 { color:#666; margin-bottom:5px; }
#contributeIntro img { border:4px solid #f0f0f0; float:left; display:inline; margin-right:10px; }
#contributeIntro p { line-height:150%; }

#previewSide { margin-top:10px; }
#previewSide h4 { border-bottom:1px solid #f0f0f0; padding:5px 0; margin-bottom:10px; color:#e83037; font-size:14px; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; }
#previewSide h5 { color:#999; margin-bottom:5px; }
#previewSide img { border:4px solid #f0f0f0; margin-bottom:10px; }
#previewSide p { line-height:150%; }
#previewSide { margin-top:10px; }
#previewSide h4 { border-bottom:1px solid #f0f0f0; padding:5px 0; margin-bottom:10px; color:#e83037; font-size:14px; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; }
#previewSide h5 { color:#666; margin-bottom:5px; margin-top:10px; }
#previewSide img { border:4px solid #f0f0f0; float:left; display:inline; margin-right:10px; }
#previewSide p { line-height:150%; }

#contributArea #magContent { overflow:hidden; zoom:1; }
#contributArea #magContent .magPic { float:left; }
#contributArea #magContent .magPic img { border:4px solid #f0f0f0; margin-bottom:10px; }
#contributArea #magContent .magPic p { background: url(icon_magPic.gif) no-repeat 0 5px; padding-left:14px; margin-left:6px; }
#contributArea #magContent .magContent { padding:0 0 0 5px; }
#contributArea #magContent .magContent h3 { font-size:18px; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; margin-bottom:10px; }
#contributArea #magContent .magContent p { margin-bottom:15px; line-height:150%; font-size:12px; letter-spacing:0.1em; }
#contributArea #magCmt { margin-top:20px; }
#contributArea #magCmt h4 { color:#e83037; font-size:16px; border-bottom:1px dashed #ddd; padding-bottom:5px; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; padding-left:5px; margin-bottom:15px; }
#contributArea #magCmt .cmtList { margin-left:5px; }
#contributArea #magCmt .cmtList li { zoom:1; overflow:hidden; margin-bottom:20px; }
#contributArea #magCmt .cmtList li .cmtAvatar { float:left; }
#contributArea #magCmt .cmtList li .cmtAvatar img { padding:1px; border:1px solid #ddd; }
#contributArea #magCmt .cmtList li .cmtAvatar a:hover img { border:1px solid #e83037; }
#contributArea #magCmt .cmtList li .cmtBody { float:left; margin-left:10px; width:500px; }
#contributArea #magCmt .cmtList li .cmtBody h5 { margin-bottom:5px; }
#contributArea #magCmt .cmtList li .cmtBody h5 a { color:#666; }
#contributArea #magCmt .cmtList li .cmtBody h5 a:hover { color:#e83037; }
#contributArea #magCmt .cmtList li .cmtBody h5 span { font-size:10px; color:#ccc; font-family:Arial; font-style:italic; }
#contributArea #magCmt .cmtForm { padding-top:15px; padding-left:7px; }
#contributArea #magCmt .cmtForm li { margin-bottom:10px; }
#contributArea #magCmt .cmtForm li input { width:150px; background:url(bg_input_text.gif) repeat-x 0 0; border:1px solid #ddd; height:18px; line-height:18px; }
#contributArea #magCmt .cmtForm li textarea { width:400px; height:150px; overflow:auto; border:1px solid #ddd; background:url(bg_input_text.gif) repeat-x 0 100%; margin-left:40px; *margin-left:42px; }
#contributArea #magCmt .cmtForm p .button { margin-left:40px; *margin-left:42px;
}
.contributePage #comment { margin-bottom:20px; }
.contributePage #comment h3 { margin-bottom:5px; background:url(mag_cmt.gif) no-repeat 0 0; height:30px; margin-bottom:10px; }
.contributePage #comment h3 em { visibility:hidden; }
.contributePage #comment ul { margin:-5px 6px 0; }
.contributePage #comment ul li { color:#e83037; padding:5px 3px; border-bottom:1px dotted #ddd; }
.contributePage #comment ul li:hover { background:#f5f5f5; }
.contributePage #comment ul li a { color:#666; }
.contributePage #comment ul li a:hover { text-decoration:underline; }

/*subscribe*/
#content #subscribeArea .modTop { background:url(title_main_1_subscribe.gif) no-repeat 0 0; }
#content #subscribeArea .subscribe h4 { font-size:18px; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; color:#e83037; padding:0 0 10px 5px; margin-bottom:5px; border-bottom:1px solid #f0f0f0; margin-right:10px; }
#subscribeArea table { width:590px; margin-bottom:20px; }
#subscribeArea table th, #subscribeArea table td { padding:5px 0 10px 5px; vertical-align:top; }
#subscribeArea table th { width:200px; }
#subscribeArea table a { color:#666; background:url(dotted_red.gif) repeat-x bottom; }
#subscribeArea table a:hover { color:#000; background:url(dotted_gray.gif) repeat-x bottom; }
#subscribeSide { margin-top:10px; }
#subscribeSide h4 { border-bottom:1px solid #f0f0f0; padding:5px 0; margin-bottom:10px; color:#e83037; font-size:14px; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; }
#subscribeSide h5 { color:#666; margin-bottom:30px; margin-top:10px; font-weight:normal; }
#subscribeSide h5 a { color:#666; }
#subscribeSide h5 a:hover { color:#e83037; }
#subscribeSide img { display:inline; }
#subscribeSide p { line-height:150%; }
.cityIndex ul li { float:left; width:73px; margin-bottom:10px; font-size:14px; }
.cityIndex ul li a { background:transparent url(dotted_red.gif) repeat-x scroll center bottom; }
.cityIndex ul li a:hover { background:transparent url(dotted_gray.gif) repeat-x scroll center bottom; }
.caution { color:#E83037; }

/*guest*/
#guest .modTop { height:45px; position:relative; background: url(title_main_1_guest.gif) no-repeat -5px 0; }
#guest .modTop h3 a.columTitle { display:block; position:relative; width:200px; height:20px; top:10px; left:15px; }
#guest .modTop h3 a.columTitle em { visibility:hidden; }
#guest .modTop h4 { visibility:hidden; }
#twitter #guest .twitter_list li { margin-right:30px; }
#twitter #guest .twitter_list li .desc { width:550px; }
#twitter #guest .pageNavi { margin-right:20px; }

/*vote*/
#voteArea .modTop { height:45px; position:relative; background:url(main_title_1_vote.gif) }
#voteArea .modTop h3 a.columTitle { display:block; position:relative; width:200px; height:20px; top:10px; left:15px; }
#voteArea .modTop h3 a.columTitle em { visibility:hidden; }
#voteArea .modTop h4 { visibility:hidden; }
#voteArea .modTop a.more { position:absolute; right:15px; top:18px; }
#voteArea .modTop a.more span { visibility:hidden; }
#voteArea { }
#voteArea #voteBody { overflow:hidden; zoom:1; background:url(../h_line_dot.gif) repeat-x bottom; margin: 20px 50px; padding:0 0 20px; width:500px; font-size:12px; line-height:140%; }
#voteArea #voteBody h4 { font-size:14px; font-weight:bold; text-align:center; margin-bottom:10px; }
#voteArea #voteBody .desc { margin:0 0 20px; line-height:160%; }
#voteArea #voteBody .voteMain { }
#voteArea #voteBody .voteMain ul { margin:0; padding:0; list-style:none; }
#voteArea #voteBody .voteMain ul li { margin:0; padding:0; list-style:none; margin-bottom:5px; overflow:hidden; zoom:1; border:none; background:none; }
#voteArea #voteBody .voteMain ul li div { float:left; }
#voteArea #voteBody .voteMain ul li .t { width:150px; text-align:right; padding-right:10px; }
#voteArea #voteBody .voteMain ul li .t p { padding-right:1em; float:none; }
#voteArea #voteBody .voteMain ul li .t p a { display:inline; position:relative; }
#voteArea #voteBody .voteMain ul li .barBody { background:#f0f0f0; height:11px; width:190px; padding-top:1px; }
#voteArea #voteBody .voteMain ul li .barBody .l { height:10px; }
#voteArea #voteBody .voteMain ul li .barBody .m { height:10px; }
#voteArea #voteBody .voteMain ul li .barBody .r { height:10px; }
#voteArea #voteBody .voteMain ul li .n { width:80px; padding-left:10px; font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
#voteArea #voteBody .voteMain ul li .a { width:20px; }
#voteArea #voteBody .voteMain ul li .a input { margin:0; padding:0; *margin-top:-3px;
}
#voteArea #voteBody .voteMain ul li .add { padding-left:10px; }
#voteArea #voteBody .voteMain ul li img { padding:0; margin:0; border:none; }
#voteArea #voteBody .voteMain ul li input { background:none; border:none; }
#voteArea #voteBody .voteMain .addBranch { margin:10px 0 0 84px; }
#voteArea #voteBody .voteButton { text-align:center; margin-top:20px; }
#voteArea #voteBody .voteButton input.button { padding:0.1em 0.2em; width:auto; }
/*streetsnap*/
#content .mainMod #streetsnap .modTop { background:url(title_main_3_streetsnap.gif) no-repeat 0 100%; }
#content .mainMod #streetsnap .modBody { background:url(bg_main_3.gif) repeat-y left; padding:10px 10px 5px; overflow:hidden; zoom:1; *padding-bottom:0; }
#content .mainMod #streetsnap .modBottom { background:url(bg_main_3_bottom.gif) no-repeat 0 0; font-size:0px; height:10px; line-height:0px; }
#snapshow .modTop { background:url(title_main_1_snapshow.gif) no-repeat 0 100%; }
#content .mainMod #streetsnap .modBody .focus3 { float:left; display:inline; margin-left:8px; padding-bottom:10px; }
#content .mainMod #streetsnap .modBody .focus3 img { border:4px solid #f0f0f0; }
#content .mainMod #streetsnap .modBody .desc { float:left; display:inline; width:665px; margin-left:30px; }
#content .mainMod #streetsnap .modBody .desc h3 { padding-left:3px; font-size:18px; margin-bottom:15px; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; }
#content .mainMod #streetsnap .modBody .desc p { padding-left:3px; margin-bottom:10px; }
#content .mainMod #streetsnap .modBody .ss_upload { padding-top:5px; }
#content .mainMod #streetsnap .modBody .ss_upload a { display:block; background:url(ss_upload.gif) no-repeat 0 0; width:113px; height:33px; }
/*#content .mainMod #streetsnap .modBody .ss_upload a:hover { background:url(ss_upload_on.gif) no-repeat 0 0; }*/
#content .mainMod #streetsnap .modBody .ss_upload a em { visibility:hidden; }
#content .mainMod #snapshow .avatarList3 { }
#content .mainMod #snapshow .avatarList3 li { position:relative; width:140px; height:140px; overflow:hidden; border:3px solid #f0f0f0; float:left; margin:0 2px 10px 10px; }
#content .mainMod #snapshow .avatarList3 li img { width:140px; height:140px; }
#content .mainMod #snapshow .avatarList3 li .desc { width:140px; padding:2px 0; text-align:center; background:#e83037; color:#fff; opacity:0.7; filter:alpha(opacity=70); position:absolute; left:0; bottom:0px; _bottom:2px; display:none; }
#content .mainMod #snapshow .avatarList3 li .desc h4 { margin:0 2px; color:#fff; }
#content .mainMod #snapshow .avatarList3 li .desc h4 a { color:#fff; }
#side #snap .modTop { background:url(bg_side_snap_top.gif) no-repeat 0 0; height:41px; }
#side #snap .modBody { background:url(bg_side_2_body.gif) repeat-y 0 0; overflow:hidden; }
#side #snap .modBottom { background:url(bg_side_2_bottom.gif) no-repeat 0 0; height:11px; font-size:0; line-height:0; }
#side #snap .modBody ul { }
#side #snap .modBody ul li { height: 24px; line-height:24px; border-bottom:1px solid #fff; margin:0 2px 0 1px; padding:0 10px; background:#f0f0f0; }
#side #snap .modBody ul li a { color:#666; }
#side #snap .modBody ul li a:hover { color:
}
#side #snap .modBody ul li:hover { background:#fff; }
#ss_uploadForm { background:none; width:430px; padding:20px; }
#ss_uploadForm table th { vertical-align:top; padding:15px 10px 0 0; width:65px; }
#ss_uploadForm table td { vertical-align:top; padding:10px 0 0 0; }
#ss_uploadForm table input { width:150px; background:url(bg_input_text.gif) repeat-x 0 0; border:1px solid #ddd; height:18px; line-height:18px; }
#ss_uploadForm table input.file { width:350px; height:20px; }
#ss_uploadForm table textarea { background:url(bg_input_text.gif) repeat-x 0 100%; border:1px solid #ddd; width:350px; height:80px; overflow:auto; }
#ss_uploadForm .button { margin-top:15px; }
#ss_uploadForm .ss_uploadok { text-align:center; padding-top:80px; }
#ss_uploadForm .ss_uploadok h3 { font-size:18px; margin-bottom:20px; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; }
#ss_uploadForm .ss_uploadok p { color:#999; }


/*votepage*/
.voteList .listItemOut { border:2px solid #F7F7F7; margin:20px; overflow:hidden; zoom:1; }
.voteList .listItemIn { overflow:hidden; zoom:1; padding:15px 15px 10px; border:1px solid #f0f0f0; }
.voteList .avatar { float:left; display:inline; text-align: center; width:70px; }
.voteList a img { }
.voteList .avatar img { text-align:center; }
.voteList .avatar p { margin-top:10px; }
.voteList .desc { float:left; display:inline; margin-left:5px; width:510px; }
.voteList .desc h4 { font-size:13px; margin-bottom:5px; }
.voteList .desc h4 span { font-size:12px; font-weight:normal; margin-left:5px; color:#999; }
.voteList .desc h4 span.close { color:#ff9933; }
.voteList .desc p { line-height:160%; }
.voteList .desc ul { padding-bottom:2px; }
.voteList .desc li { margin-bottom:3px; }
.voteList .desc li input { }
.voteList .action a.vote_vote { background:url(icon_vote.gif) no-repeat scroll left 2px; *background:url(icon_vote.gif) no-repeat scroll 4px 2px;
}
.voteList .action a.vote_cmt1 { background: url(icon_comment1.gif) no-repeat scroll left 2px; *background: url(icon_comment1.gif) no-repeat scroll 4px 2px;}
.voteList .action a { color:#999999; padding-left:14px; *padding-left:17px;
margin-right:10px; }
.voteList .action a:hover { color:#e83037; }

#subPage .modTop h3 { visibility:hidden; }
#subPage #about { background:url(main_title_about.gif) no-repeat 0 0; }
#aboutSide { margin-top:30px; }
#aboutSide ul { margin-bottom:10px; border-bottom:1px solid #ddd; }
#aboutSide ul li { margin-left:5px; padding: 5px 0 5px 20px; font-size:14px; background:url(bg_about_side_1.gif) no-repeat left center; }
#aboutSide ul li.current { background:url(bg_about_side_2.gif) no-repeat left center; }
#aboutSide ul li a:hover { color:#E83037; }
#aboutSide ul li.current a { color:#E83037; }

#subPage .modBody p { margin-bottom:10px; } 
#subPage .modBody h3 { font-family:'微软雅黑',Arial, Helvetica, sans-serif; margin-bottom:10px; margin-top:30px; font-size:18px; color:#E83037; }
#subPage .modBody h4 { font-family:'微软雅黑',Arial, Helvetica, sans-serif; margin-bottom:5px; margin-top:15px; font-size:14px; }

/*archive*/
#content #archive .modTop { background: url(title_main_1_archive.gif) no-repeat 0 0; }
#content #archive .archive { overflow:hidden; zoom:1; margin-top:20px; }
#content #archive .archive li { float:left; margin-right:20px; display:inline;  }
#content #archive .archive li a img { padding:3px; border:1px solid #ddd; width:150px;}
#content #archive .archive .archiveItem li h4 { text-align:center; font-size:12px; }
#content #archive .archive .archiveItem { overflow:hidden; zoom:1; margin-bottom:30px; padding-bottom:20px; border-bottom:1px dashed #f0f0f0; }
#content #archive .archive .archiveItem .desc { width:280px; float: left; }
#content #archive .archive .archiveItem .desc h4 { font-size:14px; margin-bottom:15px; }
#content #archive .archive .archiveItem p { margin-bottom:10px; }
#content #archive .archive .archiveItem .more { text-align:right; }