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

body{ font:12px Tahoma; margin:0; padding:0; text-align:center; background-color:#d6ceab; 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:#000000; 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:#006699; 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:968px; min-width:968px; margin:0px auto 0px auto;}
.container{ width:968px;margin:0px auto 0px auto; background:url(../images/mainBg.jpg) repeat-y;}

/*top*/
.top{ width:968px; height:333px; background-image:url(../images/top01.jpg); margin:0px auto 0px auto;}
.logo{ width:938; max_width:936px; height:150px; padding:60px 0px 0px 20px; text-align:left;}
.logo h1{ color:#FFFFFF; font-size:51px; font-weight:700; letter-spacing:5px; margin-bottom:5px;}
.logo h1 a{color:#FFFFFF; text-decoration:none;}
.logo h1 a:hover{ color:#003366; text-decoration:none;}
.logo_h2{ color:#000000; font-size:13px; line-height:20px; letter-spacing:3px;}
.nav{ width:938px; text-align:right; font-size:15px; padding:60px 0px 0px 30px;}
.nav a{ color:#003366; font-weight:800;}
.nav a:hover{ color:#0099CC; font-weight:800; text-decoration:none;}
.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;}

.top_2{ background:url(../images/top02.jpg) no-repeat 0 0; width:968px; display:block; margin:0 auto 0 auto;}

/*left*/
.left{ width:250px; float:left; position:relative; padding-left:25px;}
.info{ width:225px; margin:0px auto 0px auto; padding-top:15px;}
.info_imgdiv{max-width:225px;}
.info_username{width:225px; height:30px;}
.info h2{ font-weight:700; line-height:25px; margin-top:10px;}
.info h2 a{ color:#003366;}
.info h2 a:hover{ color:#006699; text-decoration:underline}
.info p{ width:225px; text-align:left; margin:0px 0px 0px 5px; line-height:19px; color:#333333;}

.search{ width:225px; height:30px; text-align:left; margin:0px 0px 0px 5px;}
*html .search{ width:225px; height:30px; text-align:left; margin:0px 0px 0px 0px;}
.searchInput{ background:#E0ECFE; border:#999999 1px solid;  height:17px; width:155px;}
.searchInput_on{ background:#E0ECFE; border:#003366 1px solid;  height:17px; width:155px;}
.searchButtom{ height:22px; width:60px;background:#E0ECFE; color:#003366; font-weight:200; cursor:pointer; margin:0; border:1px solid #003366;}

.date{ width:220px; float:left; margin:15px 0px 0px 5px;}
.date_h2{width:210px; height:24px;text-align:left; font-size:14px; font-weight:700; line-height:22px; letter-spacing:3px; background:url(../images/menuBg.jpg) no-repeat; color:#003366; padding-left:10px; margin-bottom:10px;}
.date a{ color:#006699; font-weight:400;}
.date a:hover{ color:#0099CC; 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:#006699 1px solid; border-right:#006699 1px solid; border-top:#fff 1px solid;}
.date .date_top{ background:none; border:0; color:#006699; font-weight:700;}
.date .backward{ background:none; border:0; font-weight:700;}
.date .forward{ background:none; border:0; font-weight:700;}
.date .day{ background:#E0ECFE;}
.calMonthToday{ background:#0099CC; text-align:center; color:#FFFFFF; font-weight:700;}
.calMonthToday a{ color:#FFFFFF;}

.recently{ width:210px; float:left; margin:20px 0px 0px 5px;}
.recently h2{width:210px; height:24px;text-align:left; font-size:14px; font-weight:700; line-height:22px; letter-spacing:3px; background:url(../images/menuBg.jpg) no-repeat; color:#003366; padding-left:10px; margin-bottom:10px;}
.recently ul{ width:200px; margin:15px 0px 0px 15px;text-align:left;}
.recently li{ background:url(../images/liststyle.gif) no-repeat 0 7px; padding-left:15px; line-height:22px; }
.recentlyBottom{width:200px; height:20px; margin-bottom:10px;}

.article{ width:210px; float:left; margin:20px 0px 0px 5px;}
.article h2{width:210px; height:24px;text-align:left; font-size:14px; font-weight:700; line-height:22px; letter-spacing:3px; background:url(../images/menuBg.jpg) no-repeat; color:#003366; padding-left:10px; margin-bottom:10px;}
.article ul{ width:200px; margin:15px 0px 0px 15px;text-align:left;}
.article li{ background:url(../images/liststyle.gif) no-repeat 0 7px; padding-left:15px; line-height:22px; }
.articleBottom{width:200px; height:20px; margin-bottom:10px;}

.friendLink{ width:210px; float:left; margin:20px 0px 0px 5px;}
.friendLink h2{width:210px; height:24px;text-align:left; font-size:14px; font-weight:700; line-height:22px; letter-spacing:3px; background:url(../images/menuBg.jpg) no-repeat; color:#003366; padding-left:10px; margin-bottom:10px;}
.friendLink h3{ font-size:12px; font-weight:700; color:#006699; line-height:18px; text-align:left; padding-top:8px; text-indent:0.5em;}
.friendLink ul{width:200px; margin:5px 0px 0px 15px;text-align:left;}
.friendLink li{ background:url(../images/liststyle.gif) no-repeat 0 7px; padding-left:15px; line-height:22px; }

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

/*right*/
.right{ width:630px; float:left; margin-left:25px; position:relative;}
.con{ width:630px; float:left; text-align:left; line-height:22px; font-size:13px;}
.table{ padding:5px 0px 5px 5px; margin:15px 0 30px 0;}
.con h2{ font-weight:700; line-height:2em; font-size:14px;}
.con a{ color:#006699;}
.con a:hover{ color:#0099CC; text-decoration:underline}
.con p{ line-height:22px; margin:20px 10px 10px 20px; font-size:13px;}
.con1{ width:620px;margin:20px 10px 10px 20px; font-size:13px;}
.con1 p{ line-height:22px; margin:20px 10px 10px 20px; font-size:13px;}

.conTitle{ clear:both; height:40px; overflow:visible; margin-bottom:10px;}
.conTitle h2{ font-size:21px; font-weight:700; line-height:28px; color:#006699;}
.conPostUser{ height:20px; float:left; font-size:12px; color:#006699; margin-left:2px;}
.conDate{ height:20px; font-size:12px; color:#2D2D2D; float:left; margin-left:20px;}
.conLink{ height:25px; color:#006699; width:100%; margin:15px 0; border-top:1px dotted #006699; margin:20px 20px 10px 20px;}
.conLink a{ color:#006699; text-decoration:none;}
.conLink a:hover{ color:#0099CC; text-decoration:none;}
.conLink li{ float:left; line-height:25px; padding-right:15px;}

.jump{ width:100%; line-height:38px; text-align:right;}
.commentTitle{ clear:both; height:30px; overflow:visible; 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:#006699; float:left; line-height:28px;}
.commentTitle h3{ padding-left:20px;; float:left; line-height:26px;}
.commentLine{ border-bottom:#0099CC 1px dotted; width:100%; clear:both;}
.pager{ width:500px; height:30px; float:left; line-height:30px; clear:both; text-align:center;}
.pager a{  background:#d9eeff; border:#30abcf 1px solid; margin:0 1px; color:#093c67;}
.pager a:hover{ background:#30abcf; border:#30abcf 1px solid; color:#093c67;}
.pagerLinkPrevPage{padding:1px 2px;}
.pagerLinkNextPage{padding:1px 2px;}
.pagerLink{padding:1px 5px;}
.pagerCurrent{ background:#30abcf; border:#30abcf 1px solid; color:#093c67; padding:1px 5px; margin:0 1px;}
.jump a{  background:#006699; border:#0099CC 1px solid; padding:1px 2px; color:#FFFFFF;}
.jump a:hover{ background:#0099CC; border:#003366 1px solid; color:#003366; text-decoration:none}


/*file*/
.file{ width:100px; padding:5px 0px 5px 0px; margin:15px; float:left;}
.albumT{ width:610px; float:left; text-align:left;}
.albumT h2{ font-size:16px; font-weight:700; color:#006699;}
.fileList{text-align:center; float:left; line-height:25px; margin:15px 0px 0px 10px;}
.fileImg{ border:#0099CC 1px solid; padding:5px;}

/*comment*/
#CommentForm{ width:450px; margin-left:20px;}
.comment_text_top{ color:#006699; 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 #0099CC; padding-bottom:10px; margin:5px 0px 5px 0px;}
.comment_tr_label{ width:75px; font-size:12px; color:#006699; 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 #006699; margin-left:10px; float:left;}
.comment_tr_label2{ width:75px; height:80px; font-size:12px; color:#006699; 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 #006699; margin-left:10px; float:left;}
.comment_submit_tr{ width:360px; text-align:center;}
.commentSubmit{height:22px; width:60px;background:#0099CC; 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:30px; padding-top:20px;}
.bottom a{ font-weight:300; color:#006699;}
.bottom a:hover{ text-decoration:underline;}
.bottom p{line-height:20px; padding:5px 0px;color:#333333; margin:0 auto;}