/* CSS Document */
body{ 
font-size:14px;color:#4B6D7E; 
background: #fff;
font: normal 'Lucida sans', Verdana, Arial, Helvetica, Sans-Serif; 
}

*{ padding:0; margin:0;}
img{ border:0}
.right,.fr{float:right}
.left,.fl{float:left}
ul li{ list-style:none}
.clear{ clear:both; height:0; font:0/0 Arial;}
.header,.main,.footer{ width:950px; height:auto; margin:auto; } 
h2{ margin:0 1px; background:url(images/topbg.png) repeat-x; height:26px; overflow:hidden;font:bold 14px/23px Trebuchet Ms;padding:.2em .6em 0}


.header{ min-height:76px;height:auto;_height:76px ; background:#ccc}
#logo{ float:left; background:#fff; padding:0 8px 0 5px; height:50px; vertical-align:middle}
#logo, h1 { font-size:27px; color: 000099; }
#topguide{ width:735px; height:50px; background:url(images/topbg.png) repeat-x; margin-bottom:.5em; float:right; text-align:right; overflow:hidden}
#topguide ul{ padding-right:1em}
#topguide li{ font-weight: bold; font-size:1.2em; display:inline; line-height:23px; margin:0 .5em 0 0}
#guide li,#guide-link li { font-size:12px; display:inline}
#guide-link { display:block; clear:left; padding:0 1em;}
#guide-link li{ line-height:230%;}
#guide-link li a{ padding:.5em .8em .6em}
#text{ padding:0 .1em .8em 1em; line-height:normal; text-align:justify; margin:5px auto; }
.image { float: left; border: 1px solid #e2e2e2; padding: 2px; margin: 0 15px 10px 0; }
.ad1{ margin:8px 0 0 0}
.ad2{ margin:0}

/*Post Stuff*/
h2.posttitle {
	margin:0.25em 0;
	padding:0;
	font-size:2em;
	background-color:inherit;
	color:#ffffff;

	}	
p.postmeta {
	margin:0;
	padding:3px;
	font-size:0.90em;
	
	background-color:inherit;
	color:#005E5E;
	text-align:left;
	}
span.postdate {
	padding:3px 20px 3px 3px;
	background-image:url(images/date.gif);
	background-position:right;
	background-repeat:no-repeat;
	}
span.postauthor {
	padding:3px 20px 3px 3px;
	background-image:url(images/user.gif);
	background-position:right;
	background-repeat:no-repeat;
	}
span.postcategory {
	padding:3px 20px 3px 3px;
	background-image:url(images/category.gif);
	background-position:right;
	background-repeat:no-repeat;
	}
span.postcomments {
	padding:3px 20px 3px 3px;
	background-image:url(images/comments.gif);
	background-position:right;
	background-repeat:no-repeat;
	}


#searchform {
	background: #007CB9;
	color: #FFFFFF;
	padding: 5px 8px 5px 5px;
	margin: 0px;
	border-bottom: 3px solid #ccc;
}

input.text { margin: 0; padding: 0; width: 128px; border: 1px solid #eee; color: #000000; background: #d8d8d8; }
input.text:hover { border: 1px solid #FFFFFF; background: #EEEEEE; color: #000000; }
input.button { margin: 0; padding: 0 0 0 3px; font-size: 100%; font-family: Arial, Sans-Serif; border: 1px solid #ccc; background: none; color: #FFF; background: #007CB9; font-weight: bold; }





.area-1,.area-1-top,.area-1-bot { width:728px; float:left; overflow:hidden; height:auto}
.pic-player{ margin-left:2px; width:270px; padding-top:2px; text-align:center}
.pic-player div.img{ width:270px; height:255px;margin:auto; background:#fff; padding:3px}
.pic-player img{ border:1px solid #1187AA}
.pic-player h3{ font:bold 12px Arial; margin: 1em auto; text-align:center }
.pic-player .text { text-align:left; text-indent:2em; padding:0 1em}
.area-1-left{ width:728px; float:left;}

.area-1-left .right{ float:right;width:438px;}
.area-1-left .left{ float:left; width:279px; overflow:hidden}



/*area-2*/
.area-2-wrap{ width:728px; float:left; overflow:hidden; margin-top:8px}
.area-2,.area-2-bot-m,.area-2-bot { float:left; width:280px; overflow:hidden;}
.box1 { float:left; width:280px; padding:0}

.footer{ text-align:center; padding:1.5em 0 4em; font:12px Tahoma}

/*area-2a*/
.area-2a { width:428px; float:right; overflow:hidden; margin-top:0px}
.area-2a,.area-2a-bot-m,.area-2a-bot { width:438px; float:right; overflow:hidden; margin-top:0px}
.box2 { float:right; width:438px;padding:0;}

/*area-2b*/
.area-2b-wrap{ width:222px; float:right; overflow:hidden; margin-top:7px}
.area-2b { width:212px; float:right; overflow:hidden}
.area-2b,.area-2b-bot-m,.area-2b-bot { float:right;}
.box3 { float:right; width:212px;padding:0;}

/*area-3*/
.area-3,.area-3-bot{ width:950px; float:left; height:auto}
.thread-content { width:686px;}
.thread-side { width:260px}
.thread-content .side { width:190px;}
.thread-content .content { width:490px;padding:0 1px}
.thread-side  .list,.thread-content .side .list{ margin:1.5em 0}
.thread-content .side .list a { color:#999}
.box3a { float:left; width:190px;padding:0;}
.box3b { float:right; width:260px;padding:0;}
/*area-4*/
.area-4,.area-4-bot{ float:left; width:950px; margin-top:1em}
.area-4 .read-content{ width:628px; padding:0 1px; overflow:hidden}
.area-4 .sidebar{ width: 310px;}
.sidebar .list { margin:1em .2em 1em .2em}
.box4 { float:right; width:310px;padding:0;}
.box4a { float:right; width:621px;padding:0;}
#footlink { text-align:center;margin:1em 0; padding: .5em; background:url(images/footbg.png); border:#8CACBB 1px solid}
#footlink li{ display:inline; padding:.2em 1em}

/* post comment */
.post-comment {width:90%; margin:3em auto 2em;}
.post-comment-left{ float:left; width:62%}
.post-comment-right{ float:right;width:35%; margin-top:3em}

.quote{font-size:70%;color:#004c7d;margin:2px;padding:0}
blockquote{font:11px Trebuchet;font-weight:bold;color:#81888c;border:0;padding-left:5px;margin:0 0 1%}
/* CSS Document */

em{ float:right; font-style:normal; color:#CCCCCC; font:10px Tahoma}
.h21 { color:#000; background:#F3F9FE; font-size:12px; padding:.4em 0 .2em 0.5em; margin:0 0 .5em; margin-right:1px}
a{text-decoration:none; color:#993300}
a:hover{ text-decoration:underline; color:#547A8D}

.pic a img{ border: 1px solid #B2B2B2;padding: 3px;}
.pic1 a img{ border: 1px solid #B2B2B2;padding: 3px;}
.pic a:hover img{ border:1px solid #000}
.pic1 a:hover img{ border:1px solid #000}
.gray,ol.gray a,ul.note li a{ color:#999999}
.green,ol.gray a:hover{ color:#1F3A87}
.pink{ color:#D3138D}
.blue{ color:#1F3A87}
.smalltxt{ font:.8em Tahoma}
ul.note li a:hover{color:#1F3A87}
.fs12{ font-size:.83em;*font-size:.8em}
.fwn{ font-weight:normal}
.btb{ border-top:1px solid #9DC5E4}
.header{ background:url(images/head-bg.png) repeat-x 0 45px}
.header-wrap1 { background:url(images/guide-r.png) no-repeat right 56px; float:left; width:950px;}
.intro{margin:1em; border:1px solid #ccc; padding:.5em}
#guide { background:url(images/guide-l.png) no-repeat left 0; height:37px; float:left; padding-left:25px}

#guide li a{ display:block; height:29px; width:100px; padding:7px 1em 0; float:left; color:#993300; 
font: 1em 'Trebuchet Ms', Verdana, Arial, Helvetica, Sans-Serif; font-weight: bold; }
#guide li a:hover{ background:#993300 url(images/guide-hover.png) left bottom no-repeat; height:30px; color:#ffff00; text-decoration:none  }
#guide li.active a,#guide li.active a:hover{background:url(images/guide-hover.png) center bottom no-repeat #009900;text-decoration:none }
#guide-link{ background:url(images/guide-2-bg.png) 0 bottom repeat-x}
.topsearch{ width:80px; height:14px;line-height:12px; padding-top:2px; margin:0;*margin-top:-1px }

.area-1 { background:url(images/area-1-mid.png) left repeat-y}
.area-1-top { background:url(images/area-1-top.png) left top no-repeat ; padding-top:7px}
.area-1-bot { background:url(images/area-1-bot.png) left bottom no-repeat; padding-bottom:12px}
.area-1-left .right h2 { margin:1px 1px; padding:0.6em 1em 0;background:url(images/topbg.png) repeat-x; font:bold 14px/1.9em Tahoma; color:#147997; height:2.2em}
.area-1-left #text{ padding:0 .8em 1.4em; line-height:normal; }
* html #text{ padding:0 .8em .1em; line-height:normal; }
.list { margin-bottom:0.5em}
.list li{ padding: .1em .5em .6em 1.6em ; background:url(images/dot.gif) .5em .3em no-repeat}
.area-1-right h3{ height:24px;padding-left:1em; font:bold 12px/2em Tahoma; background:url(images/area1-left-h2.png);color:#1F3A87;}
.area-1-right .left h2{ font:bold 14px/1.2em Arial; padding:.4em .4em 0 .6em;}

ul.note{ border-top:1px solid #8cacbb; padding:.8em .3em 0 .5em}
ul.note li{ background:url(images/dot1.png) .3em .2em no-repeat; padding:.1em .2em .3em 1.2em}
.notebg { background:#fff; padding:1em .6em .6em .8em; color:#333;border-bottom:1px solid #8CACBB;}
.notebg p{ text-indent:2em;}
.more{ text-align:right; margin:.5em 0 ; color:#666;}
.enter{ margin-top:.2em}

/*area-2*/
.area-2 { background:url(images/area-2-mid.png) left repeat-y}
.area-2-bot-m { background:url(images/area-2-bot-m.png) left bottom no-repeat}
.area-2-bot { background:url(images/area-2-bot.png) left bottom no-repeat}
.box1 h2{ margin:0 1px; background:url(images/area-2-h2-bg.png) repeat-x; height:26px; overflow:hidden;font:bold 14px/23px Verdana;padding:.2em .6em 0}

div.pic{ width:136px; padding:.7em .7em .7em .7em; text-align:center; margin-right: auto; margin-left: auto;}

.list1 { margin-top:.5em}
.list1 li{padding:.3em .5em .1em 1em;background:url(images/dot.gif) 0 .7em no-repeat}
.list1 li a{ color:#333}
.area-2 .list { padding:1em .5em}
.area-2 .list li{ padding: .1em .5em .4em 1.6em ; }

/*area-2a*/
.area-2a { background:url(images/area-2a-mid.png) right repeat-y}
.area-2a-bot-m { background:url(images/area-2a-bot-m.png) right bottom no-repeat}
.area-2a-bot { background:url(images/area-2a-bot.png) right bottom no-repeat}
.box2 h2{ margin:0 1px; background:url(images/area-2-h2-bg.png) repeat-x; height:26px; overflow:hidden;font:bold 14px/23px Verdana;padding:.2em .6em 0}
.list1 { margin-top:0.3em}
.list1a { margin-top:0.3em; text-align:center; margin-left:auto; margin-right:auto; font-weight:bold}
#text{ padding:0 .4em .8em 0.7em; line-height:normal; text-align:justify; margin:5px auto; }
* html #text{ padding:0 .4em .8em .2em; line-height:normal; }
.area-2a .list { padding:1em .5em}
.area-2a .list li{ padding: .1em .5em .4em 1.6em ; }

/*area-2b*/
.area-2b { background:url(images/area-2b-mid.png) right repeat-y}
.area-2b-bot-m { background:url(images/area-2b-bot-m.png) right bottom no-repeat}
.area-2b-bot { background:url(images/area-2b-bot.png) right bottom  no-repeat}
.box3 h2{ margin:0 1px; background:url(images/sidebarbg.png) repeat-x; height:26px; overflow:hidden;font:bold 14px/23px Verdana;padding:.2em .6em 0}



/*area-3*/
.area-3 { background:url(images/area-3-mid.png) left repeat-y; margin-top:1em }
.area-3-bot {background:url(images/area-3-bot.png) left bottom no-repeat;padding:0 0 3em 0; margin:0 }
.area-3 .postion { margin:0 1px; background:url(images/area-2-h2-bg.png) repeat-x; height:26px}
.box3a h2{ margin:0 1px; background:url(images/sidebarbg.png) repeat-x; height:26px; overflow:hidden;font:bold 14px/23px Verdana;padding:.2em .6em 0}
.box3b h2{ margin:0 1px; background:url(images/sidebarbg.png) repeat-x; height:26px; overflow:hidden;font:bold 14px/23px Verdana;padding:.2em .6em 0}
.thread-content .content .list{ margin:2em 1em}
.thread-content .content .list li{ font-size:1.2em}
.thread-t{ background:#fff; padding-bottom:1em}
.thread-t h1{ font:24px simhei; background:url(images/thread-t-bg.png) no-repeat top right; border-right:1px solid #000; padding:.5em 0 0; margin:0; text-align:left}
.thread-t-d{ margin:0;background:url(images/thread-d-bg.png) left bottom no-repeat ; border:1px #000 solid; border-top:0; padding:1em ; min-height:80px; height:80px}

.hits{ margin:0.8em 0 .8em .5em; padding-left:2.5em; background:url(images/ph.png) 0 -2px no-repeat; }
.hits li { line-height:20px; padding-top:4px  }
.hits a { color:#418FA5;}

/*area-4*/
.area-4 { background:url(images/area-4-mid.png) left repeat-y; }
.area-4-bot {background:url(images/area-4-bot.png) left bottom no-repeat;padding:0 0 3em 0; margin:0 }
.box4 h2{ margin:0 1px; background:url(images/sidebarbg.png) repeat-x; height:26px; overflow:hidden;font:bold 14px/23px Verdana;padding:.2em .6em 0}
.box4a { margin:0 1px; background:url(images/area-2-h2-bg.png) repeat-x; height:26px}
.postion { font:12px/1em Simsun; padding: .6em 0 .4em 0.5em; }

h1{ font:22px Arial,simhei; text-align:center; padding:.5em 0; color:#1F3A87 }
.dd{ border-bottom:1px solid #eaeafa; color:#999; padding:.2em; text-align:center}

.read-content .text { padding:2em 1.5em 2em 2em; line-height:1.5em; font:1.2em/1.5em Simsun; color:#333333 }
.read-content .text p{ padding-bottom:1em;}
.read-content .tags li,#read .tags{ display:inline; font-size:12px; margin-top:0 ; padding-top:0; }
.read-content .tags li a{ line-height:100%}
.read-content .list { margin-left:2em; width:60%}


.comment-entry{ float:left;margin:1em 0 0 0; padding:1em; background:url(images/comment-entry-bg.png) repeat-y 1em 0}
.comment-content{ padding:0 2em 0 4em; width:419px; float:left;color:#333; background:url(images/comment-entry-c.png) no-repeat .2em 0;color:#9a8}
.comment-username { width:100px; float:left;text-align:right; padding-top:.5em}

.post-comment-left input,.post-comment-left textarea { border:1px solid #EAEAFA;padding:2px; font-size:1em}
.post-comment-right input{ width:30%; height:1.5em}
.post-comment-right img { cursor:pointer}
.post-comment-left textarea { width:320px; height:120px; margin:1em 0 }


.note-content{ margin:2em 3em 0;}
.note-content h2{ padding:1em 1em .5em 3em; font:bold 1.2em Tahoma; background:url(images/note.png) no-repeat left center }
.note-content .dd2 { color:#333; line-height:1.5em ; margin:.5em 0 .5em; padding:0 0 1em; border-bottom:1px solid #eef}

.search-result { margin:2em }
.search-result dl{ margin:0 0 1em; color:#333 }
.search-result dt{ font:bold 1.2em Tahoma; margin:0 0 .5em;}
.search-result dt a{text-decoration:underline }
.search-result dd { padding:.2em 1em}
/*pages*/
.pages{font:11px/12px Tahoma;padding-right:10px; margin:1em}
.pages *{vertical-align:middle;}
.pages a{padding:1px 4px 1px;border:1px solid #A6CBE7;margin:0 1px 0 0;text-align:center;text-decoration:none;font:normal 12px/14px verdana;}
.pages a:hover{border:#8CACBB 1px solid;background:#f3f8ef;text-decoration:none;color:#004c7d}
.pages input{margin-bottom:0px;border:1px solid #8CACBB;height:15px;font:bold 12px/15px Verdana;padding-bottom:1px;padding-left:1px;margin-right:1px;color:#8CACBB;}