/* CSS Optimization by Hoofei on May 31th, 2007 */
* {
margin:0;
padding:0;
}
body {
font:12px Tahoma, Arial, sans-serif;
color:#333;
line-height:180%;
background:#F1F9FC url(img/body-top.jpg) no-repeat top center;
}
a {
color:#35A6BE;
text-decoration:none;
}
a:hover {
color:#F29441;
text-decoration:none;
}
textarea,input,select,button {
font:14px Arial, sans-serif;
}
textarea {
line-height:150%;
overflow:auto;
padding:4px;
}
td {
font:14px Arial, sans-serif;
color:#000;
line-height:160%;
}
input {
color:#000;
background:#fff;
padding:3px;
}
fieldset {
line-height:25px;
padding:10px;
}
legend {
font-weight:bold;
}
hr {
height:1px;
border:1px solid #ccc;
margin:5px 0;
}
ul, ol {
list-style:none;
}
div {
word-wrap:break-word;
}
#outmain {
width:970px;
margin: 0 auto;
background:url(img/bg2.gif);
}
#samtoblog {width:100%;background:url(img/body-bot.jpg) no-repeat bottom center;padding-bottom:50px;}
#toper {margin:auto;margin-top:90px;width:970px;height:17px;background:url(img/toper.gif) no-repeat;}
#toplogo {margin:auto;width:960px;height:50px;}
#logopic {float:left;width:167px;height:50px;background:url(img/logo.jpg) no-repeat;}
#logomenu {float:left;height:40px;padding-left:20px;padding-top:10px;font-size:11px;}
.tm001 {float:left;height:32px;padding-left:32px;padding-right:12px;padding-top:8px;background:url(img/m1.gif) no-repeat;}
.tm002 {float:left;height:32px;padding-left:32px;padding-right:12px;padding-top:8px;background:url(img/m2.gif) no-repeat;}
.tm003 {float:left;height:32px;padding-left:32px;padding-right:12px;padding-top:8px;background:url(img/m3.gif) no-repeat;}
.tm004 {float:left;height:32px;padding-left:32px;padding-right:12px;padding-top:8px;background:url(img/m4.gif) no-repeat;}
.tm005 {float:left;height:32px;padding-left:32px;padding-right:12px;padding-top:8px;background:url(img/m5.gif) no-repeat;}
.tm006 {float:left;height:32px;padding-left:32px;padding-right:12px;padding-top:8px;background:url(img/m6.gif) no-repeat;}
#logosea {float:right;height:50px;}
.logosea {float:right;height:20px;width:141px;margin-right:15px;margin-top:15px;background:url(img/sea.gif);}
#topphoto {margin:auto;height:210px;width:910px;padding-left:25px;padding-right:25px;padding-top:10px;padding-bottom:15px;background:url(img/dot.gif) bottom repeat-x;}
#tplist {float:left;width:565px;height:210px;background:url(img/top1.jpg);}
#tpgo {float:right;width:325px;height:210px;background:url(img/top2.jpg);}
#tpsam {font-size:11.5px;padding-left:103px;padding-top:20px;line-height:17px;height:80px;width:222px;}
#tprss {padding-left:18px;padding-top:15px;}

#topbanner {
color:#fff;
height: 260px;
margin: 0;
background: url(img/top.jpg) no-repeat center center;
border-bottom:5px solid #833;
display:none;
}
#topbanner div {
float:right;
padding:6px;
font-size:14px;
display:block;
}
#topbanner div a {
color:#fff;
}
#topmenu{height:20px;float:right;margin:0;padding:0;background:#317082;}
#topmenu ul{height:20px;line-height:20px;float:right;list-style:none;font-size:14px;text-transform:uppercase;margin:0;padding:0;}
#topmenu ul li{float:left;margin:0;padding:0;}
#topmenu ul li a{color:#fff;float:left;display:block;text-decoration:none;height:20px;line-height:20px;padding:3px 10px 2px 10px;}
#topmenu ul li a:hover,#topmenu ul li a.focus{background:#fff;color:#205387;text-decoration:none;}

#header {
height:80px;
background:#fff;
display:none;
}
#header h3 {
font:bold 28px Georgia, Verdana;
padding:10px;
margin:0;
}
#header p {
margin:0;
font-size:14px;
padding:0 10px;
}
#header span {
margin:5px;
float:right;
}
#quicksummary {
height: 200px;
margin: 0;
background: url(img/banner.jpg) no-repeat center center;
clear: both;
}
#top span {
float:right;
}
#page {
width:100%;
float:left;
background:url(img/bg3.gif);
}
#wrap {
width:565px;
float:left;
padding-left:30px;
padding-right:22px;

}
#showcalendar {
margin-top:20px;
width:210px;
text-align:center;
border:1px dashed #ccc;
display:none;
}
#sidebar {
width:155px;
margin:0;
float:left;
padding-left:15px;
padding-right:15px;
}
#sambar {float:left;width:120px;padding-left:15px;}
#sambar h4 {
font-size:12px;
color:#35A6BE;
padding-bottom:8px;
padding-top:10px;
margin-bottom:6px;
background:url(img/dot.gif) repeat-x bottom;
}
#sambar ul li {
background: url(img/arrow2.gif) no-repeat 2px center;
width:100px;
border-bottom:1px dashed #ccc;
padding:5px 0 5px 15px;
overflow:hidden;
white-space:nowrap;
word-break:keep-all;
}
#sambar a:link {color:#000000;text-decoration:none;}
#sambar a:visited {color:#000000;text-decoration:none;}
#sambar a:active {color:#000000;text-decoration:none;}
#sambar a:hover {color:#35A6BE;text-decoration:none;}
#sidebar a:link {color:#000000;text-decoration:none;}
#sidebar a:visited {color:#000000;text-decoration:none;}
#sidebar a:active {color:#000000;text-decoration:none;}
#sidebar a:hover {color:#35A6BE;text-decoration:none;}
#post-readmore {font-size:11px;}
#post-readmore a:link {color:#F29441;text-decoration:none;}
#post-readmore a:visited {color:#F29441;text-decoration:none;}
#post-readmore a:active {color:#F29441;text-decoration:none;}
#post-readmore a:hover {color:#F29441;text-decoration:underline;}
#post-bottom {height:20px;padding-bottom:10px;margin-bottom:5px;background:url(img/dot.gif) repeat-x bottom;}
#post-tags {float:left;font-weight:bold;}
#post-meta {float:right;}
#sidebar ul {
}
#sidebar p {
margin-top:-20px;
padding-bottom:10px;
text-align:center;
}
#sidebar p a {
margin:10px;
}
#sidebar p.more {
text-align:right;
padding:6px 0 0;
}
#sidebar table {
width:200px;
}
#sidebar h4 {
font-size:12px;
color:#35A6BE;
padding-bottom:8px;
padding-top:10px;
margin-bottom:6px;
background:url(img/dot.gif) repeat-x bottom;
}
#sidebar ul li {
background: url(img/arrow.gif) no-repeat 2px center;
width:137px;
border-bottom:1px dashed #ccc;
padding:5px 0 5px 15px;
overflow:hidden;
white-space:nowrap;
word-break:keep-all;
}
#sidebar ul li span {
color:#666;
}
.week {
background:#eee;
border-bottom:2px solid #aaa;
padding:4px;
}
.cal_day1 {
padding:4px 2px;
}
.cal_day2 {
background:#f1f1f1;
border:1px solid #999;
font-weight:bold;
}
.post-body {
margin:12px 0;
}
.post-body p {
margin:10px 0;
}
.post-body ul {
margin:10px 20px;
list-style:disc;
}
.post-body ol {
margin:10px 20px;
list-style:decimal;
}
.postmore {}
.needpwd {
border-bottom:1px dashed #848484;
padding-bottom:20px;
margin:20px 0;
background:#fff;
}
.post-title {
font-size:14px;
line-height:22px;
padding-top:15px;
clear:both;
}
.post-date {
font-size:11px;
color:#BBBBBB;
}
.post-meta {
text-align:right;
padding-bottom:20px;
border-bottom:1px dashed #ccc;
margin:20px 0;
clear: both;
}
.cat-links{
padding:0 0 0 15px;
background:url(img/bullet_go.gif) no-repeat 0 3px;
}
.post-meta-link{
padding:0 0 0 28px;
background:url(img/comment.gif) no-repeat 10px 4px;
}
#footer {
background:url(img/bg.gif);
font-size: 11px;
margin: 0 auto;
padding: 10px 20px;
line-height:28px;
clear: both;
}
#fotline {width:960px;margin:auto;background:url(img/dot.gif) repeat-x top ;}
.clear {
clear: both;
}
.clear-height {
clear: both;
height: 5px;
}
#bottoms {width:970px;height:50px;margin:auto;background:url(img/bot.gif);}
#top {
width:565px;
padding-bottom:12px;
margin:8px 0;
background:url(img/dot.gif) bottom repeat-x;
float:left;
}
#top strong {
float:left;
}
.formbox p {
margin:0;
padding:0 0 12px;
}
.codeimg {
cursor:pointer;
vertical-align:bottom;
padding-bottom:1px;
}
.title {
font-size:14px;
position:relative;
clear:both;
padding-top:15px;
padding-bottom:10px;
background:url(img/dot.gif) bottom repeat-x;
margin-bottom:10px;
}
.formfield {
font-size:14px;
color:#000;
border:1px solid #bbb;
background:#eee;
}
button {
font-size:14px;
color:#000;
width:50px;
height:26px;
border:1px solid #bbb;
line-height:24px;
border-left:4px solid #bbb;
background:#eee;
}
.curdate {
font-weight:bold;
text-align:center;
padding:4px;
}
.attach {
padding:0;
}
.attach img {
border:0px;
}
.tags {
line-height:40px;
}
.art-tag {
margin:10px 0;
font-size:14px;
}
.art-title {
font-size:12px;
margin-bottom:10px;
}
#article-other {
text-align:center;
margin:20px 0;
font-weight:bold;
}
#tburl {
margin:5px 0 15px;
}
.lesscontent {
display:block;
clear:both;
line-height:20px;
margin:5px 0 15px;
}
.lessdate {
color:#777;
font-size:11px;
padding-top:2px;
text-align:right;
margin-bottom:20px;
padding-bottom:20px;
border-bottom:1px dashed #ccc;
}
#message {
margin-top:100px;
background:#fff;
text-align:center;
width:500px;
border:1px solid #ccc;
margin-right:auto;
margin-left:auto;
padding:20px;
}
#message h3 {
color:#833;
font-size:18px;
margin:20px auto;
}
.list li {
line-height:35px;
border-bottom:1px dashed #ccc;
clear:both;
}
code {
font-family:"Courier New", Courier;
width:500px;
border:1px solid #ccc;
border-left:3px solid #ccc;
background:#f8f8f8;
word-break:break-all;
display:block;
white-space:normal;
margin:5px;
padding:10px;
overflow:auto;
}
.quote {
border:1px solid #eee;
background:#F4f4f4;
margin:5px 0;
padding:5px;
}
.ajaxmsg {
background:red;
color:#fff;
line-height:22px;
padding:20px;
}
.ajaxdiv {
border:1px solid #ddd;
background:#f8f8f8;
position:absolute;
padding:8px;
line-height:24px;
}
.ajaxdiv H2 {
border-bottom:1px dashed #ccc;
font-size:14px;
line-height:26px;
margin:0;
margin-bottom:15px;
}
.ajaxdiv H2 a {
font-weight:400;
float:right;
}
.p_bar {
clear:both;
margin:30px 0 15px;
}
.p_bar a {
font-size:14px;
text-decoration:none;
padding:2px 5px;
}
.p_bar a:hover {
background:#FFFFD9;
border:1px solid #833;
text-decoration:none;
}
.p_info {
background:#FFFFD9;
border:1px solid #35A6BE;
margin-right:1px;
padding:2px 5px;
}
.p_num {
background:#FFF;
border:1px solid #DEDEB8;
margin-right:1px;
}
.p_redirect {
background:#FFF;
border:1px solid #DEDEB8;
margin-right:1px;
font-size:14px;
}
.p_curpage {
margin-right:1px;
border:1px solid #35A6BE;
background:#FFFFD9;
color:#833;
font-weight:700;
padding:2px 5px;
}
.linkover {
margin:0 0 20px 0;
padding:10px 0;
clear:both;
}
.linkover li {
color:#666;
width:140px;
line-height:26px;
margin:0 10px;
float:left;
}
.linkover li.onelink {
width:150px;
margin:0 10px 8px;
}
.linkover li a {
font-weight:bold;
}
.linkgroup h3 {
clear:both;
font-size:20px;
}
.linkgroup {
margin:20px 0 25px;
clear:both;
}
h1 a,.cal_day1 a:hover,.cal_day2 a:hover,.post-title a,.curdate a,.listtd a {
text-decoration:none;
}
.navlink li.current_page_item a:hover,.cal_day1 a,.cal_day2 a,.curdate a:hover,.listtd a:hover,.post-title a:hover {
text-decoration:underline;
}
#sidebar ul li img,.p_bar * {
vertical-align:middle;
}
.Smile
{
vertical-align: middle;
border: none;
}