/* commented backslash hack v2 \*/ 
html{height:100%;} 
body{height:100%;} 
/* end hack */ 
html{
margin-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 0;
padding: 0;
}
body{ margin-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 0;
padding: 0; background-color:#eeeeee;} 
*{ font-size:12px; font-family: "Lucida Grande", Arial, Helvetica, Verdana, sans-serif; 
scrollbar-Track-Color:#e7e7e7;
scrollbar-Face-Color:#f2f2f2;
scrollbar-Shadow-Color:#FFFFFF;
scrollbar-DarkShadow-Color:#999999;
scrollbar-Highlight-Color:#FFFFFF;
scrollbar-3dLight-Color:#cccccc;
scrollbar-Arrow-Color:#33aa00;}
form{ padding:0; margin:0; }
ul{ padding:0; margin:0; }
li{ padding:0; margin:0; }
input{ padding:0; margin:0; }
h1{ padding:0; margin:0; }
h2{ padding:0; margin:0; }
h3{ padding:0; margin:0; }
h4{ padding:0; margin:0; }
h5{ padding:0; margin:0; }
h6{ padding:0; margin:0; }
h7{ padding:0; margin:0; }
p{ padding:0; margin:0; }
dl{ padding:0; margin:0; }
dt{ padding:0; margin:0; }
dd{ padding:0; margin:0; }

li{list-style: none   }
img{ border: 0; }
h2{ color: #6E8A2C; font: bold 12px/24px Tahoma; text-align: center; }

div{overflow: hidden;}
#header{ width: 100%; margin: auto;}
#footer{ width: 100%; margin: auto;}
#mbg{ width: 100%; margin: auto;}
#main{ width: 982px; margin: auto;}

.c{ font:0px/0px Tahoma;height:0px; clear:both;  }

.bt{ background: url(images/btbg.gif) #FFFFFF; border: 1px solid #cccccc; font: bold 12px Verdana; color: #FFFFFF; padding: 2px 2px 2px 2px; margin: 0 0 0 1px;}
.btn{ background: url(images/btbg.gif) #FFFFFF; border: 1px solid #cccccc; font: bold 12px Verdana; color: #FFFFFF; padding: 2px 2px 2px 2px; margin: 0 0 0 1px;}
.ip{ border: 1px solid #cccccc; background: #FFFFFF; font: normal 12px Verdana; color: #000000; padding: 2px 2px 2px 2px; }
.input{ border: 1px solid #7f9db9; background: #FFFFFF; font: normal 12px Verdana; color: #000000; padding: 2px 0 2px 2px; }
.ip2{ border: 1px solid #7f9db9; background: #FFFFFF; font: bold 13px Verdana; color: #000000; padding: 2px 2px 2px 2px; }
.input{ border: 1px solid #7f9db9; background: #FFFFFF; font: bold 13px Verdana; color: #000000; padding: 2px 0 2px 2px; }
.ipm{ height: 15px; border: 1px solid #7f9db9; background: #FFFFFF; font: normal 12px Verdana; color: #000000; padding: 2px 0 2px 2px; }
.input{ height: 15px; border: 1px solid #7f9db9; background: #FFFFFF; font: normal 12px Verdana; color: #000000; padding: 2px 0 2px 2px; }

.tac{ text-align: center; }

.tal{ text-align: left; }
.tar{ text-align: right; }
.fr{ float: right; }
.fl{ float: left; }

#mainlogo {	position:absolute; left:0px; top:0px; width:100%; height:189px; align: center; z-index:11;}
#logoposi {	width: 986px;}
#toplogo {	width: 332px; margin-top: 0;}
#main h3{ font: bold 16px/18px Verdana; margin: 0; padding: 16px 0 2px 39px; color: #115500; }
#main h6{ font: bold 14px/16px Verdana; margin: 0; padding: 16px 0 2px 0; color: #115500; }
#main .more{ width: 165px; text-align: right;}
#main .more2{ width: 623px; text-align: right;}

/*link*/
a{ padding: 5px; text-decoration: none; color: #000000; outline: none;}
a:hover{ padding: 5px; text-decoration: underline; color: #000000; }

/*staff*/
#staff{margin-top: 16px; margin-bottom: 16px; line-height: 1.5em}
#staff a{ padding-left: 5px; border-left: solid 2px #dddddd; text-decoration: none; color: #000000; outline: none;}
#staff a:hover{ padding-left: 5px; border-left: solid 2px #000000; text-decoration: underline; color: #000000; }

/*news*/
#news {font: normal 14px Arial; line-height: 1.5em}
#news a{ font: normal 14px Arial; text-decoration: none; color: #000000; outline: none;}
#news a:hover{ font: normal 14px Arial; text-decoration: underline; color: #000000; }

/*lannav*/
#lannav{margin: 0; padding: 2px; font: normal 12px Arial; color: #ffffff}
#lannav a{ padding: 2px 3px 2px 3px; font: normal 12px Arial; color: #999999; text-decoration: none; outline: none;}
#lannav a:hover{ padding: 1px 2px 1px 2px; border: solid 1px #ffffff; font: normal 12px Arial; color: #333333; background-color:#FFFFFF; text-decoration: none;}

/*topnav*/
#topnav{margin: 0; padding: 1px;}
#topnav a{ padding: 2px 5px 2px 5px; text-decoration: none; color: #000000; outline: none;}
#topnav a:hover{ padding: 2px 5px 2px 5px; background-color: #333366; text-decoration: none; color: #ffffff; }

.green{ color: #115500; }
#login-info a { color: #336600; outline: none;}
.green2 { color: #33aa00; }
.green3 { color: #115500; }
.red{ color: #FF5500; }
.bs{ font: 12px Verdana; color: #FF5500;}
#login-info a:hover { color: #FF5500;}
.gray { color: #333; } 
.black{ color: #444; }
.blue{ color: #2073b3; }
.white{ color: #FFFFFF; }

.b{ font-weight: bold; }

/* top */
#top{ width: 100%;  height: 66px; background-color: #116600;}

#login-info{ width: 998px; height: 45px; margin: 0; text-align: right; font: normal 11px/1.5em Tahoma; color:#000000;}
#login-info a{ padding: 0 0 0 0; color:#77FF00; outline: none;}
#login-info a:hover{ color:#ffff00;}

#cata{ width: 100%;  background-color: #228800;}

#catact{ width: 998px; height: 21px; margin: 0; padding: 0 0 0 12px; text-align: left; font: normal 12px Verdana; color:#55cc22}
#catact a{ padding: 0 0 0 0; font: bold 12px Verdana; color:#77ff00; outline: none;}
#catact a:hover{ font: bold 12px Verdana; color:#ffff00;}


/* header */
#header{ height: 180px}

#pic{ width: 100%; height: 180px; text-decoration: none;}
#pic h1{padding:0; font: normal 21px Verdana; color:#ffff33; text-align:left; text-decoration: none;}
#pic h2{padding:0; font: normal 18px Verdana; color:#ffff33; text-align:left; text-decoration: none;}


#bar{ width: 974px; margin-top: 0; height: 163px; }

#guide{ height: 21px; clear: right; margin-left: 150px; margin-top: 0;}

#guide li{  float:left; margin-left:2px;list-style:none; height :21px;}
#guide a{ font: normal 12px/24px Tahoma; color: #77ff00; padding: 2px 8px 3px; background: url(images/guidelinkhl.gif) no-repeat; outline: none; }
#guide a:hover { background: #FF5500; color: #FFFFFF; text-decoration: none;}
#guide li.li1{ background: url(images/guidelinkhl.gif) no-repeat; padding: 0; margin: 0 4px; }
#guide li.li1 a{ text-align: center; font: normal 12px/21px Arial; color: #33aa00; padding: 1px 20px 0 20px; background: url(images/guidelinkhr.gif) no-repeat right 0; display: block; outline: none; }
#guide li.li1 a:hover{ background: url(images/guidelinkhr.gif) no-repeat right 0; color: #115500;}


/*main*/
#sidebar{ width: 180px;}

#sidebar li { padding-top:3px;}

#sidebar h3{ text-align: left; font: bold 12px/18px Verdana; margin: 0; padding: 2px 0 2px 8px; color: #115500; }
#add{ width: 160px;}

#mainnav{ width: 770px; }

#mainnav #mainnav-content{ width: 630px;}
#mainnav #mainnav-result{ width: 822px;}
#mainnav #mainnav-side { width: 170px;}

#tagslist{ background:url(images/tagbg.gif) repeat-y right; }

.blue { padding: 0; margin: 0; }

.blue li { list-style: none; padding: 3px 0; margin: 0; }

.blue li a{ font: 12px Tahoma; color: #336600; }

.green{ padding: 0; margin: 0; }

.green li { color: #33aa00; list-style: none; padding: 3px 0 0 15px; margin: 0; background: url(images/yue.gif) 3px 6px no-repeat;}
.ttl{ font: bold 11px Arial; }
.sm{ font: normal 10px Arial; }

.green li a{ font: bold 11px Arial; color: #336600; outline: none; }
.green li a:hover{ font: bold 11px Arial; color: #FF5500;}
.tags { width: 162px; float: left; padding: 10px 0px 10px 10px; }

.greentv{ padding: 0 0 0 3px; margin: 0; }

.greentv li { color: #33aa00; list-style: none; padding: 3px 0 0 16px; margin: 0; background: url(images/tv.gif) 3px 6px no-repeat;}
.ttl{ font: bold 11px Arial; }
.sm{ font: normal 10px Arial; }

.greentv li a{ font: bold 11px Arial; color: #336600; outline: none; }
.greentv li a:hover{ font: bold 11px Arial; color: #FF5500;}
.tags { width: 162px; float: left; padding: 10px 0px 10px 10px; }

.pd1{ padding: 8px 8px 8px 8px; }

#hot-topics-list table{ width: 360px; margin-top: 8px; text-align: left;}
#hot-topics-list td{ line-height: 19px; }
#hot-topics-list td.dig{ width: 18px; color: #FF5500; font-size: 11px; font-weight: bold; text-align: left; }
#hot-topics-list td.diggit{ width: 19px; }
#hot-topics-list td.hot-topics-title { padding-left: 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #115500; }

#hot-topics-list .diggit-a { display: block; height: 19px; background: url(images/f-print.gif) center no-repeat; outline: none; }

#hot-topics-list .diggit-a:hover { display: block; height: 19px; background: url(images/f-print2.gif) center no-repeat;}



#pic-show img { border: 4px solid #fff; margin: 21px auto auto 50px; }
#pic-show h6 { text-align: center; }
#pic-show h6 a{ font: bold 13px/24px Arial; color: #336600; }

#sidebar .list li{ line-height: 120%; padding:8px 0 2px 0; margin-left: 8px; list-style: none }
#system-notes { padding: 2px 0 2px 0; }
#system-notes h3{ font: 18px Arial; padding:3px 0 3px 0; border-bottom: 1px solid #aaaaaa; text-align:center;}

.ul1 li{ width: 90%; padding: 1px 0 5px 8px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.new-blogger li { padding: 3px 0 0 18px; background: url(images/nonemini.gif) 3px 6px no-repeat; }

#mainnav-content h3{ font: bold 14px/18px Verdana; margin: 10px 0 0 0; color: #115500; }
#article-content h3 ,#share h3{ font: bold 14px/18px Tahoma; margin: 15px 15px 5px 0px; background: url(images/mainnavh3bg.gif) no-repeat; padding: 20px 0 10px  20px; color: #2073B3; }
#mainnav-content h4{ text-align: left; font: bold 12px/18px Verdana; margin: 0; padding: 2px 0 2px 8px; color: #115500; }

/* pic-list*/

.blogger-pic { padding: 1px; background: #fff; border: 1px solid #C7D69A; float: left; }
.blogger-pic img{ width: 30px; height: 30px; }

.tablez{ width: 100%; margin: 8px 10px 0 10px; }
.tablez td{ width: 32%; padding: 5px 5px 15px 0px; }
.blogger-info{ width: 70%; text-align: left; color: #333; }

.blogger-info h6 a{ font: bold  14px/18px  Arial; color: #6E8A2C; }
 
 
.new-article-entry { width: 33%; padding: 2px 0 2px 21px; font: 12px/130% Arial; text-align: left; background: url(images/yue.gif) 8px 6px no-repeat; }

.new-article-entry b{ font: 9px Tahoma; }
.new-article-titile{ font-size: 12px; color: #336600; font-weight: bold;}

#mainnav-side h3{text-align: left; font: bold 12px/18px Verdana; margin: 0; padding: 2px 0 2px 8px; color: #115500; }
#mainnav-side titile{ font-size: 16px; color: #336600; font-weight: bold;}
.sw{ font: 10px/18px Tahoma; }

#mainnav-side .list{ padding-left:8px }
#mainnav-side .list li{ padding:2px 2px 0 4px }

#pool-count-down { background: url(images/count.gif) no-repeat; margin-left: 1px; padding-left:10px }
#pool-count-down td{ padding-left: 13px; height: 24px; line-height: 24px }
#pool-count-down td .gray{ border-left: 1px solid #dbdbdb;padding-left:12px }

#footer { width: 982px; height: 123px; margin: auto; padding: 0;}
#main{ padding-bottom: 0px }
.mlink { width: 979px; height: 123px; font-size: 11px; text-align: center; font-family: Verdana; background: url(images/bg_bottom.gif) center no-repeat;}
.smalltext { width: 90%; padding: 5px; font-size: 9px; text-align: center; font-family: Verdana;}
.login-box { margin: 6px auto 6px auto; vertical-align: middle;  }
.login-box td{ font-size: 14px; padding: 2px 0 0 0}


#article-content { width: 96%; margin: auto  }
#article-content .article-list { width: 94%; margin:15px auto   }


ul.ql { margin: 15px 0 30px  }
ul.ql li{ padding-left:15px; background: url(images/qllb.png) no-repeat 2px 14px; border-bottom: 1px dashed #C7D69A;width:96%}

ul.ql li a{  font: 14px/250% Tahoma; color: #000  }
ul.ql li em{ float: right; font-style: normal;font: 12px/250% Tahoma; color: #6E8A2C}




/*pages*/
.pages { margin-top:10px; margin-bottom:10px; text-align: center }
.pages * { vertical-align: middle;}
.pages a{padding:1px 4px ; background:#dcf7ae;  border:1px solid #33aa00; margin:0 1px; color: #003300; text-align: center; text-decoration: none; font:normal 10px Tahoma; outline: none; }
.pages a:hover { border:#37A717 1px solid; background:#EDFFE4; text-decoration:none; color: #002F79;}
.pages input { border:1px solid #ccc; height: 13px; font: 9px Tahoma; padding-top:1px;text-align: center; }
.pages b { padding:2px ;  margin: 0 3px;font:bold  10px/12px Tahoma}



/* itable */

.itable .f10{ font:10px Tahoma; color: Green }
.itable .tc{ text-align: center }
.itable .tl{ text-align: left; padding-left: 6px }
.itable .tr{ text-align: right; padding-right:6px }
.itable { margin:0 0 30px 0}
.itable tr.th td { color: #709910; background:#EEF3EE; height: 26px;padding: 0px; }
.itable td { vertical-align: middle; text-align: left; color: #333; border-bottom: 1px solid #cccccc; padding: 2px; height: 30px; min-height: 30px; }
.itable tr.tr1 td{ background: #F2F2F2; height:18px;}
.itable tr.tr2 { background: #FFFFFF}
.itable tr.tr2 td{  background: #ddffbb; border-bottom : 1px solid #99dd88;}
.itable .f_one { padding-left: 10px }
.itable .ip { border: 1px solid #aaaaaa; background: #FFFFFF; font: normal 12px Verdana; color: #000000; padding: 2px 2px 2px 2px; }
.itable2  td{ text-align: left; }


/* article digg*/
#digg-a{ width: 50px; height: 70px; background: url(images/digpic.gif) no-repeat; margin-right: 10px; text-align: center; font: bold 18px/180% Tahoma;color: #fff }
#article-content .article-list h1 { margin-top: 20px }
#article-content .article-list h1 img,.reply-a img{ padding:2px ; border:1px solid #999; background:#fff; margin: 0 10px; border-bottom-width: 2px ;width: 28px}
#article-content .article-list h1 .article-title{ font:bold 18px/120% Tahoma; padding: 10px 0 10px 0; border-bottom: 1px solid #95D763 }
.who-digg-it { font: 12px/130% Tahoma; color: #999; padding-top: 10px; height: auto }
.who-digg-it a { color: #333; padding: 2px ; margin: 0 3px; outline: none; }
.who-digg-it a:hover { background:#70A42F; color: #fff;text-decoration: none; }
.article-words { font:13px/220% Arial; margin:40px 5px 50px  }
.rank {  margin: 10px auto 20px auto; padding:10px 0 ; border-top: 1px solid #95D763 }
.article-tags{ margin: 20px 0 ; border:1px solid #DBE8D4; padding: 10px ; font-size:blod 14px/160% Tahoma }
.reply-a{ margin: 20px 0 ; border:1px solid #DBE8D4; padding: 10px ; font-size:blod 14px/160% Tahoma }
.article-tags a{ margin: 0 5px ; color: #2073B3 }
.reply-a {  margin:10px auto 5px auto; }
.reply-a img{ margin: 0  0 0 10px;width: 28px;  }
.reply-b { color: #000; }
.reply-c{ color: #aaa; padding: 0 0 10px }
.reply-d{ border:1px solid #fff }
#article-content p{ margin: 1.5% 0 ;  }


.tabley { width:80% ; margin:20px auto 20px 20px; padding:5px 10px 10px 5px; border: 1px solid #E3E6DA}
.tabley  {  color:#999; line-height: 150% }
.tabley img{ width: 48px ;float:left;  background: #fff; margin: 0 15px 0 0 }
.tabley .black{ font:bold 16px/140% Tahoma; padding-bottom:6px }
.pool-info { line-height: 130% ; width: 400px!important ;width: 87%; float:right}

#sidebar #pool-count-down {margin-left: 3px }

#mainnav-content .pool-notes { width:85%; margin:20px auto 50px 4%; color: #333; }

#mainnav-side #pool-pic { color: #999; margin-top: 17px;width: 140px }
#mainnav-side #pool-pic img{ width: 140px; margin: auto }
#mainnav-side #pool-pic h2{ font: bold 16px/30px Tahoma;text-align: left }

#pool-new-blog-article .more{ width: 85% ; margin: 30px auto 20px 0; text-align: right }

#sidebar .more{ width: 170px; text-align: right;}

.coment1{ margin-bottom:10px }
.coment dt{ padding: 5px 0 0; color: #aaa }
.coment dd{ margin:0; padding: 5px 10px 10px;border-bottom: 1px dashed #A6DAF8;color: #444 }
.coment1 .itable { margin: 0 }

/*trailimageid*/
#trailimageid .bimg { margin-right: 10px; width: 60px; height: 60px; padding: 6px; border-top: solid 1px #cccccc; border-right: solid 1px #999999; border-bottom: solid 1px #999999; border-left: solid 1px #cccccc;}
#trailimageid .tt { height: 16px; font: bold 11px Verdana; color: #113300;}
#trailimageid .bb { font: normal 10px Verdana; line-height: 130%; color: #333333;}

/*miniview*/
#miniview { border-top: solid 1px #dbdbdb; border-right: solid 1px #777777; border-bottom: solid 1px #777777; border-left: solid 1px #dbdbdb;}
#miniview .box{ border: solid 1px #bbbbbb;}
#miniview .pimg { margin-right: 6px; width: 60px; height: 60px; padding: 5px; border: solid 1px #cccccc;}
#miniview .tt { font: bold 11px Verdana; color: #113300;}
#miniview .bb { font: normal 10px Verdana; line-height: 130%; color: #333333;}

/*mainflash*/
#flashcontent {
	width: 968px;
	height: 375px;
}

/*mainDate*/
#mdate {
	font: 14px Verdana;
	color:#FFFFFF; 
}

/* ibtable */
.ibtable { margin:0}
.ibtable tr.th td { background:#ffffcc; height: 16px;padding: 0px; }
.ibtable td { vertical-align: middle; border-bottom: 1px dotted #ffffff; padding: 0; height: 16px; min-height: 16px; }
.ibtable tr.tr1 td{ background: #ffffcc; height:16px;}
.ibtable tr.tr2 { background: #FFFFFF}
.ibtable tr.tr2 td{  background: #ffffcc; border-bottom : 1px dotted #000000;}
.ibtable .title { font: bold 12px verdana; color:#117700;}
.ibtable a{ font: normal 11px verdana; text-decoration:underline; color: #000099; outline: none;}
.ibtable a:hover{ color:#ff3300;}

/*search bar*/
#movediv{
position:fixed !important;/*important for FF */
position:absolute;/* for IE */
top:270px;
top:expression(offsetParent.scrollTop+270);
 
margin:0 0 0 -490px;
width:983px;
height:auto;
left:50%;
text-align:center;
z-index: 1;
}