/*Themes of GoodWeber. Design by emaico. 2008.03*/
/*web: http://www.goodweber.com*/
/*name:Draw Sky*/

body{ font:12px Tahoma; margin:0; padding:0; text-align:center; background-color:#3e3e3e; background:url(../images/bg.gif); color:#333333; min-width:1003px;}
div, form, select, option, ul, li, ol, h1, h2, h3, h4, h5, span, fieldset, label, p{ font:12px Tahoma; font-weight:normal; padding:0; margin:0; color:#333333; overflow:hidden; list-style-type:none; border:0}
input{font:12px;}
table,td,tr,th{ font:12px Tahoma;}
img, a.img{border:0;}
a{ color:#333333; text-decoration:none;}
a:hover{ color:#0099CC; text-decoration:none;}


.blank8{ width:100%; height:8px; font-size:1px; margin:0 auto;}
.blank10{ width:100%; height:10px; font-size:1px; margin:0 auto;}
.blank19{ width:100%; height:19px; font-size:1px; margin:0 auto;}
.blank13{ width:100%; height:13px; font-size:1px; margin:0 auto;}
.blank20{ width:100%; height:20px; font-size:1px; margin:0 auto;}
.blank25{ width:100%; height:25px; font-size:1px; margin:0 auto;}
.blank30{ width:100%; height:30px; font-size:1px; margin:0 auto;}
.fontB { font-weight:700;}
.fontI { font-style:italic;}
.font14px { font-size:14px;}
.clear { clear:both; font-size:1px; width:1px; visibility:hidden; }
.hidden { display:none;}
.containerTop{ width:948px; margin:0px auto 0px auto;}
.container{ width:948px;background-color:#FFFFFF;margin:0px auto 0px auto;}

/*top*/
.top{ width:948px; height:322px; background-image:url(../images/top.jpg); margin:0px auto 0px auto;}
.logo{text-align:left; margin:80px auto auto 10px;}
.logo h1{ color:#FFFFFF; font-size:29px; font-weight:700; letter-spacing:5px; margin-bottom:5px;}
.logo h1 a{color:#FFFFFF; text-decoration:none;}
.logo h1 a:hover{ color:#fde575; text-decoration:none;}
.logo_h2{ color:#FFFFFF; font-size:13px; line-height:20px; letter-spacing:3px;}
.nav{ text-align:right; font-size:15px; position:relative; float:right; margin-top:110px;}
.nav a{ color:#22ace5;}
.nav a:hover{ color:#1073c0;}
.nav ul{float:right;}
.nav li{ height:20px;text-align:center; float:left; margin:0px 15px 0px 15px;}
.nav .on{ height:20px; text-align:center; float:left;margin:0px 15px 0px 15px;}
.nav .out{ height:20px; text-align:center; float:left;margin:0px 15px 0px 15px;}
/*right*/
.right{ width:688px; float:right; margin-top:20px;}
.con{ width:688px; text-align:left; line-height:22px; font-size:13px;}
.con a{ color:#2561b3; font-weight:bold;}
.con a:hover{ color:#0099CC; text-decoration:underline;}
.table{ margin-bottom:15px;}
.con h2{ font-weight:700; line-height:2em; font-size:14px;}
.con p{ line-height:22px; margin:20px 10px 10px 20px; font-size:13px;}
.con1{margin:20px 10px 10px 20px; font-size:13px;}
.con1 p{ line-height:22px; margin:20px 10px 10px 20px; font-size:13px;}

.conTitle{ width:668px; clear:both; height:72px; margin-bottom:10px; background:url(../images/conTitle.jpg) no-repeat 0 0; padding:28px 0px 0px 20px;}
.conTitle a{ color:#FFFFFF;}
.conTitle a:hover{ color:#ffeb64; text-decoration:none;}
.conTitle h2{ font-size:18px; font-weight:700; line-height:24px; color:#FFFFFF;}
.conPostUser{ height:40px; float:left; font-size:12px; color:#333333; margin-left:2px;}
.conDate{ width:auto; height:40px; font-size:12px; float:left; margin-left:20px;}
.conLink{ height:25px; color:#222222; width:97%; margin:15px 0; border-top:1px dotted #39b4ec; margin:20px 20px 10px 20px;}
.conLink a{ color:#0066CC; text-decoration:none;}
.conLink a:hover{ color:#2083cf; text-decoration:none;}
.conLink li{ float:left; line-height:25px; padding-right:15px;}

.jump{ width:668px; line-height:38px; text-align:right;}
.commentTitle{ clear:both; height:30px; margin:20px 0px 10px 20px;}
.commentTitle h2{ background:url(../images/comment.gif) no-repeat 0px 0px; padding-left:30px; font-size:18px; font-weight:700; color:#2083cf; float:left; line-height:28px;}
.commentTitle h3{ padding-left:20px;; float:left; line-height:26px;}
.commentLine{ height:25px; color:#222222; width:97%; margin:15px 0; border-top:1px dotted #39b4ec; margin:20px 20px 10px 20px;}
.pager{ width:500px; height:30px; float:left; line-height:30px; clear:both; text-align:center;}
.pager a{border:#0babed 1px solid; margin:0 1px;}
.pager a:hover{ border:#0babed 1px solid; color:#0babed;}
.pagerLinkPrevPage{padding:1px 2px;}
.pagerLinkNextPage{padding:1px 2px;}
.pagerLink{padding:1px 5px;}
.pagerCurrent{ border:#0babed 1px solid; color:#fff; padding:1px 5px; margin:0 1px;}
.jump a{color:#333333;}
.jump a:hover{color:#2083cf; }

/*left*/
.left{ width:227px;float:left; padding-left:10px;}
.info{ margin:0px auto 0px auto;}
.info_imgdiv{max-width:220px; padding-top:10px;}
.info_username{width:220px; padding:5px 0px;}
.info h2{ font-weight:700; line-height:25px; margin-top:10px;}
.info h2 a{ color:#21a0e3;}
.info h2 a:hover{ color:#1073c0; text-decoration:underline}
.info p{ width:220px; text-align:left; line-height:19px; color:#21a0e3;}

.search{text-align:left; margin:10px 0px 0px 0px;}
.searchInput{ background:#FFFFFF; border:#C1E0FF 1px solid;  height:17px; width:180px; color:#21a0e3;}
.searchInput_on{ background:#FFFFFF; border:#21a0e3 1px solid;  height:17px; width:180px; color:#21a0e3;}
.searchButtom{ height:22px; width:60px;background:#FFFFFF; color:#21a0e3; font-weight:200; cursor:pointer; margin-top:10px; border:1px solid #21a0e3;}

.date{ width:227px; float:left; margin:20px 0px 0px 0px;}
.date_h2{width:215px; height:54px;text-align:left; font-size:14px; font-weight:700; line-height:22px; letter-spacing:3px;background:url(../images/menuBg.jpg) no-repeat 0 0; padding:10px 0 0 50px; color:#21a0e3;}
.date a{ color:#21a0e3; font-weight:400;}
.date a:hover{ color:#1892d3; text-decoration:underline; font-weight:400;}
.date table{width:100%; margin:0 auto; text-align:center;}
.date td{ line-height:19px; color:#000000;}
.date th{ line-height:19px; background:#FAFAFD; border-bottom:#2083cf 1px solid; border-right:#2083cf 1px solid; border-top:#fff 1px solid;}
.date .date_top{ background:none; border:0; color:#d4567d; font-weight:700;}
.date .backward{ background:none; border:0; font-weight:700;}
.date .forward{ background:none; border:0; font-weight:700;}
.date .day{ background:#21a0e3;}
.calMonthToday{text-align:center; font-weight:700; border:1px solid #21a0e3;}
.calMonthToday a{ color:#21a0e3;}

.recently{ width:227px; float:left; margin:20px 0px 0px 0px;}
.recently h2{width:215px; height:54px;text-align:left; font-size:14px; font-weight:700; line-height:22px; letter-spacing:3px;background:url(../images/menuBg.jpg) no-repeat 0 0; padding:10px 0 0 50px; color:#21a0e3;}
.recently ul{ width:215x; margin:0px 0px 0px 5px;text-align:left;}
.recently li{ width:190px; margin:3px 0 3px 5px; padding:5px 5px 5px 15px; line-height:22px; background:url(../images/liststyle.gif) no-repeat 0 12px; display:block; overflow:visible;}
.recently li a{ color:#0066CC; text-decoration:none;}
.recently li a:hover{color:#39b4ec;}
.recentlyBottom{width:200px; height:20px; margin-bottom:10px;}

.article{ width:227px; float:left; margin:20px 0px 0px 0px;}
.article h2{width:215px; height:54px;text-align:left; font-size:14px; font-weight:700; line-height:22px; letter-spacing:3px;background:url(../images/menuBg.jpg) no-repeat 0 0; padding:10px 0 0 50px; color:#21a0e3;}
.article ul{ width:215px; margin:0px 0px 0px 5px;text-align:left;}
.article li{width:210px; height:20px; margin-left:5px; padding:5px 0; padding-left:15px; line-height:22px; background:url(../images/liststyle.gif) no-repeat 0 12px;}
.article li a{ color:#0066CC; text-decoration:none;}
.article li a:hover{color:#39b4ec;}
.articleBottom{width:200px; height:20px; margin-bottom:10px;}

.friendLink{width:227px; float:left; margin:20px 0px 0px 0px;}
.friendLink h2{width:215px; height:54px;text-align:left; font-size:14px; font-weight:700; line-height:22px; letter-spacing:3px;background:url(../images/menuBg.jpg) no-repeat 0 0; padding:10px 0 0 50px; color:#21a0e3;}
.friendLink h3{ font-size:12px; font-weight:700; color:#0066CC; line-height:18px; text-align:left; padding:0px 0 0 10px; text-indent:0.5em;}
.friendLink ul{ width:215px; margin:0px 0px 0px 5px;text-align:left;}
.friendLink li{ width:210px; height:20px; margin-left:5px; padding:5px 0; padding-left:15px; line-height:22px; background:url(../images/liststyle.gif) no-repeat 0 12px;}
.friendLink li a{ color:#0066CC; text-decoration:none;}
.friendLink li a:hover{color:#39b4ec;}

.rss{ width:210px; float:left; margin:20px 0px 0px 5px;}
.rss h2{ display:none;}
.rss li{ float:left; margin:1px;}

/*file*/
.file{ width:100px; padding:5px 0px 5px 5px; margin:15px; float:left;}
.albumT{ width:600px; float:left; text-align:center; margin-left:20px;}
.albumT h2{ font-size:16px; font-weight:700; color:#3a4e18;}
.fileList{ width:120px; height:140px;text-align:center; float:left; line-height:25px; margin:15px 0px 0px 10px;}
.fileImg{ width:120px; height:110px; padding:5px;}
.fileImg img{ width:100px; height:100px;}
.fileImg a{ color:#000000;}
.fileImg a:hover{ color:#0066CC;}

/*comment*/
#CommentForm{ width:450px; margin-left:20px;}
.comment_text_top{ color:#1076a4; font-size:17px; font-weight:700; letter-spacing:2px; line-height:26px;}
.comment_table{ width:400px; margin:15px;}
.comment_tr{ width:100%; border-bottom:1px dotted #2caae4; padding-bottom:10px; margin:5px 0px 5px 0px;}
.comment_tr_label{ width:75px; font-size:12px; color:#1076a4; float:left; padding:5px 0px 0px 5px;}
.comment_tr_input{ width:285px; height:20px; border:1px solid #CCCCCC; margin-left:10px; float:left;}
.comment_tr_input_on{ width:285px; height:20px; border:1px solid #2caae4; margin-left:10px; float:left;}
.comment_tr_label2{ width:75px; height:80px; font-size:12px; color:#1076a4; float:left; padding:5px 0px 0px 5px;}
.comment_tr_textarea{ width:285px; height:80px; border:1px solid #CCCCCC; margin-left:10px; float:left;}
.comment_tr_textarea_on{ width:285px; height:80px; border:1px solid #2caae4; margin-left:10px; float:left;}
.comment_submit_tr{ width:360px; text-align:center;}
.commentSubmit{height:22px; width:60px;background:#2caae4; color:#FFFFFF; font-weight:200; cursor:pointer; margin:0; border:1px solid #FFFFFF;}
#commentIcon{ width:50px; height:50px; float:left; margin:0 5px 5px 20px;}
#commentIcon img{ width:50px;}

/*search*/
.searchH2{ font-size:14px; font-weight:700;}
.searchH3{ font-size:18px; font-weight:700;}


/*bottom*/
.bottom{height:45px; text-align:center;}
.bottom a{ font-weight:300; color:#2285d1;}
.bottom a:hover{ text-decoration:underline;}
.bottom p{ line-height:20px; padding:25px 0px;color:#000; margin:0 auto;}