/*
Theme Name: 5styles
Theme URI: http://marslau.com/
Description: WordPress theme <a href="http://marslau.com/archives/454.html" title="WordPres 5styles">5styles</a> Designed by <a href="http://marslau.com/" title="MarsLau's blog">MarsLau</a> 
Version: 1.0
Author: Mars Lau
Author URI: http://marslau.com/
Tags:green,black,fixed width,styles,two columns,right sidebar,left sidebar,widgets,valid XHTML,valid CSS
*/
body{ height:100%;margin:0; padding:0; font:normal 12px  Arial, Verdana, Lucida, Helvetica, sans-serif;line-height: 162%; color:#333; background:url(http://www.fuwo.com/static/images/body_bg.jpg) repeat-x top #fff;}
ul,li{ list-style-image:none; list-style-type:none}
h1{ font-size: 120%;margin: 0px;padding: 0px;}
h2 {font-size: 1.2em;}
h3 {font-size: 1.0em;}
.red {color: #d30202;}
.blue{color: #016A9F;}
.arial {font-family:Arial, Helvetica, sans-serif;}
.pl{ font: 12px Arial, Helvetica, sans-serif; line-height: 160%; color:#999999; }
.gray{color:#666;}
.black{color:#111;}
.orange{color:#ff6633;}
.bold{font-weight:bold}
img { border: none;}
a{ color:#016A9F; text-decoration:none;}
a:hover{ color:#016A9F;}
.center{ text-align:center;}
.clear{ clear:both; font-size:0px; height:0px;} 


/*page top*/
.page_top{background:url(http://www.fuwo.com/static/images/top_bg.png) repeat-x;height:26px;line-height:26px;color:#5e6671;}
.page_top a,.page_top a:link,.page_top a:visited{color:#016A9F;background:none;padding:0px 3px;}
.page_top a:hover{color:#ff6633;background:none;text-decoration: underline;padding:0px 3px;}
.header_top{width:980px;margin:0 auto;}
.page_logo{float:left;height:26px;overflow:hidden;line-height:26px;padding-left:20px;}
.page_logo img{vertical-align:middle;}
.page_right{float:right;line-height:26px;}
.page_login{padding-left:20px;padding-to:5px;}
.slogan_top{padding-right:150px;}
.slogan{color:#333;padding-right:20px;}
.msg_top{display:block;position:absolute;right:0px;top:24px;z-index:99;}

.channel-nav { width:980px; height:33px; overflow:hidden; margin:0 auto; background:url(http://www.fuwo.com/static/images/catalogbar.gif) no-repeat; padding:1px 2px 2px 2px; position:relative; }
.channel-nav ul { width:690px; height:33px; line-height:33px; font-size:14px;font-weight:bold;overflow:hidden; position:absolute; top:1px; left:15px; }
.channel-nav li { height:33px; overflow:hidden; float:left;background:url(http://www.fuwo.com/static/images/catalogbar.gif) no-repeat 0 -40px;   padding-left:2px; position:relative;left:-2px; }
.channel-nav li a,.channel-nav li a:visited{ float:left; padding:0 16px; color:#fff; }
.channel-nav li a:hover, .channel-nav li.selected a { text-decoration:none; background:url(http://www.fuwo.com/static/images/catalogbar.gif) no-repeat 50% -40px; }
.channel-nav ul li img{position:absolute;z-index:99;}
#bidding,#myhome3d{padding-right:15px;}
.msg{padding:2px 0px 2px 0px;height:25px;text-align:center;font-size:12px;color:#333;background:url(http://www.fuwo.com/static/images/catalogbar.gif) no-repeat 0 -73px;border:0px solid #ffcc00;margin:0px 10px 0px 10px;}
.msg a,.msg a:link,.msg a:visited,.msg a:hover{background:url(http://www.fuwo.com/static/images/member_btn.gif) no-repeat center;color:#fff;height:20px;padding:3px 20px;}
.msg a.logout:link,.msg a.logout:visited{color: #016A9F; text-decoration: none;background:none;padding:3px 10px;}
.msg a.logout:hover{color:#F30; text-decoration:underline;background:none;}
.msg a.chat:link,.msg a.chat:visited,.msg a.chat:hover{background:url(http://www.fuwo.com/static/images/chat_btn.gif) no-repeat center;color:#fff;height:20px;padding:3px 20px;}


.channel-nav p {background:url(http://www.fuwo.com/static/images/master_arrow.gif) no-repeat 0px 6px;padding-left:5px;position:absolute; right:205px; top:8px; color:#fff}
.channel-nav p a,.channel-nav p a:link,.channel-nav p a:visited{color:#fff; }
.channel-nav p a:hover{color:#e2fb59; background:none;text-decoration:underline}

.master_head{clear:both;margin:0 auto;height:68px;position:relative;padding:5px 0px;}
.master_logo{float:left;padding:10px 0px 0px 65px;width:240px;position:relative;}
.master_search{float:left;padding:10px 0px 0px 5px;width:495px;text-align:left}
.master_plus{position:absolute;top:59px;right:30px;z-index:99}
.master_plus a:hover{background:none;}
.city{display:block;top:0px;right:0px;z-index:99;position:absolute;}
.city{font-size:14px;font-weight:bold;color:#333;}
.city a{font-size:12px;font-weight:normal;}

/*header-search*/
.imgSearchBar {float:right;width:480px;height:43px;overflow:hidden;background:#ffffff url(http://www.fuwo.com/static/images/master_search_bg.gif) repeat-x 0 -60px; position:relative;}
.imgSearchBar .query-input {float:left;width:368px;margin-top:7px;height:23px;line-height:20px;padding:3px;color:#333;border:none;background:transparent;outline:none;font-size:14px;}
.imgSearchBar .barLeft {float:left;width:10px;height:43px;background:url(http://www.fuwo.com/static/images/master_search_bg.gif) no-repeat 0 0;}
.imgSearchBar .barRight {float:left;width:7px;height:43px;background:url(http://www.fuwo.com/static/images/master_search_bg.gif) no-repeat 0 -120px;}
.imgSearchBar .imageButtonA {float:left;width:89px;height:31px;margin-top:6px;padding:1px 4px;background:url(http://www.fuwo.com/static/images/master_button.gif) no-repeat 0 0;font-weight:bold;font-size:12px;border:none;}
.imgSearchBar .search_domain{display:block;position:absolute;top:0px;right:96px;width:75px;height:33px;padding-top:10px;background:url(http://www.fuwo.com/static/images/master_search_bg.gif) no-repeat left bottom;padding-left:2px;}
.imgSearchBar .search_domain select{height:23px;border:0px;color:#333;border:none;background:transparent;outline:none;}

/*---top---*/
#header{ margin:10px 20px; padding:0; text-decoration:none;height:82px;width:960px;overflow:hidden;background:url(http://blog.fuwo.com/wp-content/uploads/2009/10/blog_banner.jpg) no-repeat center;}
#header-left{clear:both; height:60px; padding:0px;}
	#header h1{ float:left; margin:0; padding:17px 0 20px 40px; font-size:24px;line-height:22px;}
	#header h1 a{ color:#0977b7; text-decoration:none;}
         .description{ float:left; margin:25px 0 0 10px; padding:0px; color:#0977b7;font-size:20px;}

#menu{margin:0px;padding:0px 0px 0px 150px;}
#menu ul{border-bottom:1px solid #0977b7;height:22px;padding-left:0px;}
#menu ul li{margin-right:10px;float:left;}
#menu ul li a:link,#menu ul li a:visited,#menu ul li a:hover{float:left;display:inline;background:#0977b7;color:#fff;height:21px;text-decoration: none;font-size:14px;padding:0px 10px;border:1px solid #97cddd;}
#menu ul li a.on:link,#menu ul li a.on:visited,#menu ul li a.on:hover{float:left;display:inline;background:#fff;color:#004592;text-decoration: none;height:18px;font-size:14px;padding:0px 10px;border-bottom:1px solid #fff;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;}


/*---content---*/
	.navigation-top{ margin:2px 0 0 0; line-height:30px; background:url(images/line.gif) bottom repeat-x; }
	.navigation-top span{ margin: 0 0 0 15px; padding:0 0 0 20px; background: url(images/nav-top-icon.gif) left 0px no-repeat;}
	.post{ margin:5px 20px 15px 20px; padding:0 0px 0 0;}
	.post .post-tltle{ margin:20px 0 0px 0; padding: 2px 0; border-bottom:1px dotted  #c1c1c1; font-size:1.3em; line-height:32px; }
	.post .post-tltle a:hover{ background: url(images/icons.gif) right -291px no-repeat; padding:0 43px 0 0px;}
	.postmetadata-top{ margin:0; padding:0; line-height:22px;font-size:11px; }
	.post-comments{ float:right; background: url(images/icons.gif) -7px -194px no-repeat; padding:0 0 0 13px; margin: 0 0 0 0px;}
	.post-date{  background: url(images/icons.gif) -7px -222px no-repeat; padding:0 0 0 13px; }
	.post-views{ margin:0 0 0 10px;  background: url(images/icons.gif) -7px -246px no-repeat; padding:0 0 0 13px;}
	.postmetadata{margin:0px; padding:0 0 4px 0; line-height:24px;  background: url(images/line-deep.gif) left bottom repeat-x; }
	.postmetadata a{ color:#7a94b1;}
	.post-cat{ margin:0 10px 0 0; background: url(images/icons.gif) -7px -152px no-repeat; padding:0 0 0 13px;}
	.post-author{ margin:0 10px 0 0; background: url(images/icons.gif) -7px -269px no-repeat; padding:0 0 0 13px;}
	.post-tag{ margin:0 10px 0 0; background: url(images/icons.gif) -7px -125px no-repeat; padding:0 0 0 13px;}
	.entry{ margin: 8px 10px; padding:0px; line-height:22px;font-size:14px;}
	.entry p{text-indent:24px;padding: 5px 0 5px 0;}
	.navigation{ margin:5px 15px 5px 15px; height:22px; }
	.previous{ float:left; background: url(images/alignleft.gif) left 5px no-repeat; padding:0 0 0 15px; line-height:22px; }
	.next{ float:right; background: url(images/alignright.gif) right 5px no-repeat; padding:0 15px 0 0; line-height:22px;}
	.related{ margin:20px 15px 10px 15px; padding:0px;}
	.related h4{ margin:10px 0 5px 0; padding:0px; font-weight:bold; font-size:14px; color:#004592; }
	.related ul{ margin:0px; padding:0px;}
	.related ul li{ padding:0 0 0 0px; margin:0 0 0 0px; list-style-type:none; line-height:22px; color:#004592;}
	.related ul li a{ padding:0 0 0 15px; background: url(images/list.gif) no-repeat -7px -7px; color:#787878; }
	.related ul li a:hover{ background: url(images/list-hover.gif) no-repeat -7px -7px; color:#85bf73; }
	.cat-icon{ float:left; width:200px; height:20px; }

/*---comments---*/	
#comments-wrap{ margin:20px 15px; padding:0px;}
	#comments-wrap h2{  margin:0px 10px 0 0; padding:0px; font-size:14px; color:#004592; display:inline; height:30px;}
	.goto-comment{ padding:0 15px 0 8px; border-left:1px solid #898989; line-height:22px; background: url(images/icons.gif) 52px -174px no-repeat; }
	.goto-comment a{color:#787878;}
	.goto-comment a:hover{color:#85bf73;}
	#comments-wrap ul{ margin:10px 0 20px 0;; padding:0; }
	#comments-wrap ul li{ margin: 5px 0 0px 0; padding:0; border:1px solid #e5e8ff; background: url(images/comments-bg.gif) repeat; list-style:none;}
	#comments-wrap ul li:hover{ background: url(images/comments-bg-hover.gif) repeat; }
	.commentleft{ float:left; margin:0 8px 8px 8px; }
	.commentcount{ font-weight:bold; font-size:11px; color:#004592; text-align:center; line-height:22px;}
	.commentright { margin:0 10px 0 55px; }
	.commentright .header{ margin:0; padding:0; line-height:22px; border-bottom:1px dashed #dbdbdb;}
	.commentright .waiting{ margin:5px 0; background:#FFCCCC; border:1px solid #FF3366;}
	.commentright .commenttext{ margin:10px 5px 10px 5px; padding:0px; line-height:22px;}
	#comments-wrap ol{ margin:10px 0; padding:0; }
	#comments-wrap ol li{ padding:0 0 0 0px; margin:0 0 0 0px; list-style-type:none; line-height:22px; color:#004592;}
	#comments-wrap ol li a{margin: 5px 0 0px 0; padding:0 0 0 15px; background: url(images/list.gif) no-repeat -7px -5px; color:#787878;}
	#comments-wrap ol li a:hover{ background: url(images/list-hover.gif) no-repeat -7px -5px; color:#85bf73; }
	#conmmentform{ margin: margin:20px 15px; padding:10px 20px; border:1px solid #e4e4e3; background: url(images/commentform-bg.gif) left bottom no-repeat #fdfdfc; }
	.conmmentform-title{ margin:10px 0 0 0; padding:0px; line-height:22px;}
	#conmmentforminfo{ float:left; margin:0px 15px 0 0; width:160px; display:inline;}
	#conmmentforminfo input{padding:2px 2px ; color:#787878; font-size:12px; background: url(images/commentinput-bg.gif) top left no-repeat; border:1px solid #c4c4c4; width:150px;}
	#conmmentforminfo input:hover{border:1px solid #00A4EE;}
	#conmmentformtext{ margin:0 0 0 175px ; padding:0; }
	#conmmentformtext textarea{ margin:0px; padding:2px 2px ;width:98%; background: url(images/commentinput-bg.gif) top left no-repeat; border:1px solid #c4c4c4; color:#787878; font-size:12px;}
	#conmmentformtext textarea:hover{border:1px solid #00A4EE;}
	.comment-button{ margin:5px 0; background:url(images/comment-button.gif) no-repeat; width:80px; height:20px; border:0px; cursor:hand; }

/*---sidebar---*/	
	#rss a{ margin:0px 0px  ; padding:0; display:block; background: url(images/rss.gif) no-repeat 0 0; height:20px; cursor:hand;}
	#rss a:hover{ margin:0; padding:0;  background: url(images/rss.gif) no-repeat 0 -20px; height:20px;}
	#searchform { margin:10px 0 0 0; padding: 0; }
	#searchform #s { margin: 0; padding:1px 0 0 2px; width:185px; background: #ffffff; border: 1px solid #cbd8e5; line-height: 16px;}
	#sidebar #searchform{ text-align: left;}
	#searchsubmit { margin: 0; padding: 0px; width: 54px; height: 18px; background: url(http://blog.fuwo.com/wp-content/uploads/2010/05/blue-search-botton.gif); border:none; cursor:hand;}
	#sidebar ul { margin:0; padding:0; list-style:none;}
	#sidebar ul li{ margin:10px 0 0 0; padding:5px 5px 5px 5px ; background:url(images/line.gif) repeat-x top; }
	#sidebar ul li h3{ margin:0px; padding:0; font-size:14px; font-weight:bold; color:#333; line-height:28px; }
	#sidebar ul li ul{ margin:0px; padding:0;}
	#sidebar ul li ul a{ color:#004592;text-decoration:none;font-size:12px;}
	#sidebar ul li ul a:hover{color:#85bf73;}
	#sidebar ul li ul li{ margin:0px 0; padding:0 0 0 0px; line-height:22px; background: none;}
	#sidebar ul li ul li a{padding:0 0 0 15px; color:#004592; text-decoration:none; background:url(images/list.gif) no-repeat -7px -5px;}
	#sidebar ul li ul li a:hover{ color:#85bf73; background:url(images/list-hover.gif) no-repeat -7px -5px;}
	#sidebar .side-cat li{ float:left; width:50%;}
	
/*---footer---*/
#footer{ clear:both; margin: 0; padding:0; background:url(images/foot-bg.gif) repeat-x; height:70px; }
	#footer-wp{ float:left; margin: 0; padding:0; background:url(images/foot-wp.gif) no-repeat 0 0; height:70px; width:73px; }
	#footer-link{ float:left; margin:20px 0 0 20px; color:#d8d8d8; display:inline;}
	#footer-link p{ margin:0px; padding:0px; line-height:18px;}
	#footer-link a{ color:#CCCCCC; font: Arial, Helvetica, sans-serif;}
	#footer-link a:hover{ color:#FFFF99;}
	#to-top{ margin:10px 30px 0 0 ; float:right;width:31px; height:52px; background:url(images/top.gif) left 0 no-repeat; }
	#footer-right a{width:31px; height:52px; }
	#footer-right a:hover{ background:url(images/top.gif) right 0 no-repeat !important;}
