/*Themes of GoodWeber. Design by emaico. 2008.02*/
/*web: http://www.goodweber.com*/
/*name:Blue Sky*/

body{ font:12px Tahoma; margin:0; padding:0; text-align:center; background:#b1dce5; color:#373C64; 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:#373C64; overflow:hidden; list-style-type:none; border:0}
input{ margin:0; font:12px;}
table,td,tr,th{ font:12px Tahoma;}
img, a.img{border:0;}
a{ color:#373C64; text-decoration:none;}
a:hover{ color:#009CFF; 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:760px; min-width:761px; background-color:#FFFFFF; margin:0px auto 0px auto;}
.container{ width:760px; background-color:#FFFFFF; margin:0px auto 0px auto; padding-bottom:10px; display:block;}

/*top*/
.top{ width:760px; height:252px; background-image:url(../images/top.jpg); margin:15px auto 0px auto;}
.logo{ width:760px; height:100px; float:right; text-align:right; position:relative; top:-60px; color:#FFFFFF;}
.logo h1{ color:#FFFFFF; font-size:31px; font-weight:700; padding-right:5px; letter-spacing:5px;}
.logo h1 a{color:#FFFFFF; text-decoration:none;}
.logo h1 a:hover{ color:#003366; text-decoration:none;}
.logo h2{ color:#FFFFFF; font-size:12px; padding-right:5px; letter-spacing:5px;}
.topRight{ height:102px; width:760px;}
.nav{ width:761px; text-align:right; float:right; font-size:15px;}
.nav a{ color:#006699;}
.nav a:hover{ color:#0099CC;}
.nav ul{float:right;}
.nav li{ width:83px; height:18px;text-align:center; float:left; padding:0px 5px 0px 5px; background-color:#FFFFFF;}
.nav .on{ width:83px; height:18px; text-align:center; float:left; border-top:2px solid #0099CC;}
.nav .out{width:83px; height:18px; text-align:center; float:left;}
/*left*/
.left{ width:515px; float:left;}
.con{ width:504px; float:left; text-align:left; line-height:22px; font-size:14px; margin:20px 5px 20px 6px;}
.table{ width:480px; padding:5px 10px; border:1px solid #0099CC; margin-bottom:15px;}
.con h2{ font-weight:700; line-height:2em; font-size:14px;}
.con a{ color:#009CFF;}
.con a:hover{ color:#009CFF; text-decoration:underline}
.con p{ line-height:22px; margin-bottom:10px; font-size:14px;}
.con1{ width:480px; margin:0 auto; text-align:left; line-height:22px; font-size:14px;}
.con1 p{ line-height:22px; margin-bottom:10px; font-size:14px;}
.conTitle{ clear:both; height:52px; margin-bottom:10px;}
.conDate{ width:48px; height:48px; background:url(../images/conTitle.gif) no-repeat 0 0; float:left; text-align:center; margin-right:5px;}
.conDate .day{ clear:both; font-size:25px; color:#fff; font-weight:700; width:48px; height:36px; line-height:28px; text-align:center;}
.conDate .year{ font-size:11px; color:#006699; line-height:17px;}
.conTitle h2{ font-size:18px; font-weight:700; line-height:24px; margin:3px 0 0 0px;}
.conTitle h3{ font-weight:700; margin:0px;}
.conLink{ width:480px; height:25px; color:#373C64; width:100%; margin:15px 0; border-top:1px dotted #0099CC; padding-left:10px;}
.conLink a{ color:#373C64; text-decoration:none;}
.conLink a:hover{ color:#009CFF; text-decoration:none;}
.conLink li{ float:left; font-weight:700; line-height:25px; padding-right:15px;}
.jump{ width:100%; line-height:38px; text-align:right;}
.commentTitle{ clear:both; height:30px; margin-top:20px;}
.commentTitle h2{ background:url(../images/comment.gif) no-repeat 0px 10px; padding-left:20px; font-size:18px; font-weight:700; color:#009CFF; float:left; line-height:26px;}
.commentTitle h3{ padding-left:20px;; float:left; line-height:26px;}
.commentLine{ border-bottom:#ECECF5 1px solid; width:100%; clear:both;}
.pager{ width:480px; height:30px; float:left; line-height:30px; clear:both; text-align:center;}
.pager a{  background:#FAFAFD; border:#DADAE2 1px solid; margin:0 1px;}
.pager a:hover{ background:#009CFF; border:#0069AB 1px solid; color:#fff;}
.pagerLinkPrevPage{padding:1px 2px;}
.pagerLinkNextPage{padding:1px 2px;}
.pagerLink{padding:1px 5px;}
.pagerCurrent{ background:#009CFF; border:#0069AB 1px solid; color:#fff; padding:1px 5px; margin:0 1px;}
.jump a{  background:#FAFAFD; border:#DADAE2 1px solid; padding:1px 2px; color:#373C64;}
.jump a:hover{ background:#009CFF; border:#0069AB 1px solid; color:#fff; text-decoration:none}

/*right*/
.right{ width:225px; float:right; margin-right:5px; padding-top:20px; display:block;}
.search{ width:220px; height:26px; float:left; text-align:left; margin:15px 0px 10px 5px;}
.searchInput{ background:#fff; border:#b1dce5 1px solid; height:17px; width:145px;}
.searchInput_on{background:#fff; border:#b1dce5 1px solid; height:17px; width:145px;}
.searchButtom{ height:22px; width:60px;background:#009CFF; border:#0069AB 1px solid; color:#fff; font-weight:400; cursor:pointer; margin:0;}
.info{ width:223px; padding:15px 0; border:#0099CC 1px solid; float:right;}
.info img{ border:0;}
.info h2{ font-weight:700; line-height:25px;}
.info h2 a{ color:#009CFF;}
.info h2 a:hover{ color:#009CFF; text-decoration:underline}
.info p{ width:172px; text-align:left; line-height:19px; margin:0 auto;}
.date{ width:225px; padding-top:10px; text-align:center; float:right;}
.date h2{ display:none;}
.date a{ color:#009CFF;}
.date a:hover{ color:#009CFF; text-decoration:underline}
.date table{width:100%; margin:0 auto; text-align:center;}
.date td{ line-height:19px;}
.date th{ line-height:19px; background:#FAFAFD; border-bottom:#DADAE2 1px solid; border-right:#DADAE2 1px solid; border-top:#fff 1px solid;}
.date .date_top{ background:none; border:0; color:#009CFF; font-weight:700;}
.date .backward{ background:none; border:0; font-weight:700;}
.date .forward{ background:none; border:0; font-weight:700;}
.date .day{ background:#FAFAFD; border-bottom:#DADAE2 1px solid; border-right:#DADAE2 1px solid; border-top:#fff 1px solid;}
.calMonthToday{ background:#009CFF; border-bottom:#0069AB 1px solid; border-right:#0069AB 1px solid; text-align:center; color:#fff; font-weight:700;}
.calMonthToday a{ color:#fff;}

.recently{ width:225px; float:left;}
.recently h2{ width:213px; height:26px;text-align:left; font-size:14px; font-weight:700; line-height:26px; padding-left:10px; margin-top:20px; border:1px dotted #0099FF;}
.recently ul{ width:213px; margin:0 auto;text-align:left; margin-top:5px;}
.recently li{ background:url(../images/liststyle.gif) no-repeat 0 10px; padding-left:10px; line-height:22px; }
.recentlyBottom{ width:205px; height:20px; margin-bottom:10px;}

.article{ width:225px; float:left;}
.article h2{ width:213px; height:26px;text-align:left; font-size:14px; font-weight:700; line-height:26px; padding-left:10px; margin-top:20px; border:1px dotted #0099FF;}
.article ul{ width:213px; margin:0 auto;text-align:left; margin-top:5px;}
.article li{ background:url(../images/liststyle.gif) no-repeat 0 10px; padding-left:10px; line-height:22px; }
.articleBottom{ width:205px; height:20px; margin-bottom:10px;}


.friendLink{ width:225px; float:left;}
.friendLink h2{ width:213px; height:26px;text-align:left; font-size:14px; font-weight:700; line-height:26px; padding-left:10px; margin-top:20px; border:1px dotted #0099FF;}
.friendLink h3{ font-size:12px; font-weight:700; color:#009CFF; line-height:18px; text-align:left; padding-top:8px; text-indent:0.5em;}
.friendLink ul{ width:190px; margin:0 auto;text-align:left; margin-top:5px;}
.friendLink li{ background:url(../images/liststyle.gif) no-repeat 0 10px; padding-left:10px; line-height:22px; }

.rss{ width:225px; float:left; margin-top:20px;}
.rss h2{ display:none;}
.rss li{ float:left; margin:0 1px;}

/*file*/
.file{ float:left; width:100px; text-align:center; margin:0px 15px 20px 15px; padding:5px; border:1px dotted #0099FF;}
.albumT{ width:770px; float:left; text-align:left; margin-left:20px;}
.albumT h2{ font-size:16px; font-weight:700; color:#009CFF;}
.fileList{ width:220px; height:200px; text-align:center; float:left; line-height:25px;}
.fileImg{ width:170px; height:127px; border:#20526B 1px solid; margin:0 auto;}

/*comment*/
#CommentForm{ width:450px; margin-left:20px;}
.comment_text_top{ color:#0099CC; 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 #b1dce5; padding-bottom:10px; margin:5px 0px 5px 0px;}
.comment_tr_label{ width:75px; font-size:12px; color:#0099CC; float:left; padding:5px 0px 0px 15px;}
.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 #0099CC; margin-left:10px; float:left;}
.comment_tr_label2{ width:75px; height:80px; font-size:12px; color:#0099CC; float:left; padding:5px 0px 0px 15px;}
.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 #0099CC; margin-left:10px; float:left;}
.comment_submit_tr{ width:360px; text-align:center;}
.commentSubmit{height:22px; width:60px;background:#009CFF; border:#0069AB 1px solid; color:#fff; font-weight:400; cursor:pointer; margin:0;}
#commentIcon{ width:50px; height:50px; float:left; border:#333 1px solid; margin:0 5px 5px 0;}
#commentIcon img{ width:50px;}

/*search*/
.searchH2{ font-size:14px; font-weight:700;}
.searchH3{ font-size:18px; font-weight:700;}


/*bottom*/
.bottom{ height:50px;}
.bottom a{ font-weight:700; color:#009CFF;}
.bottom a:hover{ text-decoration:underline;}
.bottom p{ line-height:20px; float:left; padding:5px 0px; text-align:left; margin-left:10px;}
.bottomR{ width:84px; float:right; height:40px;}
