/*  

Theme Name:haoqiu

Theme URI: http://www.haoqiusports.com

Description:gyst-WordPress theme 

Version: 1.0

Author: HaoqiuSports

Author URI: http://www.haoqiusports.com/

Tags: business,  two columns

*/





body{margin: 0 ;font-family: Arial, Helvetica, sans-serif;font-size: 12px;text-align: left;color: #606060; background-color:#fafbf6 ;background: url(images/body-bg.gif) repeat-y center #fafbf6 ;}

h3, h4, h5, h6, blockquote, dd, dl, hr, p, form{margin: 0;padding: 0;}

h1{font-family: Arial, Helvetica, sans-serif;font-size: 24px;padding: 0 0 10px 0;}



a:link, a:visited{text-decoration:none ;color: #a6ca00;}

a:hover{text-decoration: underline;color: #FFCC00;}

img{max-width:500px;overflow:hidden;padding:2px; margin:5px 0px; }

a img{ background:#f8f8f8; border-bottom:1px solid #66CCFF;  }





#wrapper{margin: 0 auto 0 auto; padding:0 0px; width: 898px; height:100%;text-align: left;  }





#header{width: 898px; height:86px; margin:0 0px 0 0px; padding:0; display: block;}

.top-bg{ width:100%;  height:86px;  margin:0px; padding:0; }

#logo{ float:left; background:url(images/logo.gif) left top no-repeat; width:298px ; height:84px; margin:0 0 0 42px; padding:0 0 0 0px; display:inline;}

#top-right{float:right; background:url(images/top-right.gif) left top no-repeat; width:477px ; height:86px;  }

#top-right-link{margin:65px 0 0px 350px; padding:0px;  }

#top-right-link li{ float:left; margin:0 10px; padding:0px; list-style:none; }







/*=== Top Menu ===*/

#menu{ clear:both;background: url(images/menu-bg.gif) repeat-x;width: 898px; height: 34px;margin:0px; font-size:14px; font-weight:bold; color:#FFFFFF; padding:0 0 0 00px; display: block; }

#menu li{  float: left; line-height: 34px; list-style:none;}

#menu li a{ display: block;	margin: 0 0px 0 0; padding: 0 20px;color:#FFFFFF;background: url(images/menu-li.gif) no-repeat center right; }

#menu li a:hover,#topmenu li.active a{ text-decoration:none; }

#menu-left{background: url(images/menu-left.gif) no-repeat left top;width: 898px; height: 34px; padding:0 0px 0 0; margin:0px;}

#menu-right{background: url(images/menu-right.gif) no-repeat right top;width: 888px; height: 34px;padding:0 0 0 10px; margin:0px;}



.sidebar{ clear:both ; float: left;width: 215px;margin: 8px 0 0 0px;display: inline; padding:0;font-size:12px;}

.sidebar ul{  margin:0 0 0px 0; padding:0;}

.sidebar ul li{ margin:0 0 8px 0;padding: 0px 0 0px 0; list-style:none;background: url(images/side-bg.gif) 0 0 repeat-y; }

.sidebar ul li h3{margin: 0px;padding: 0 0px 0 10px; color:#606060; font-size:12px; font-weight:bold;line-height:26px;height:26px;  background: url(images/side-title-bg.gif) no-repeat 0 0; width: 205px;}

.sidebar ul li ul{ margin: 0 0 4px 0 ; padding: 5px 0px 9px 0px;background: url(images/side-bottom.gif) bottom left no-repeat ;    }

.sidebar ul li ul li{ color:#666666;margin: 0 10px 0 10px;line-height: 24px; background: url(images/list-icon.gif) no-repeat 0px 3px; padding:0 0 0 20px; border:0px; }

.sidebar ul li ul li a{ color:#666666; text-decoration:none;}

.sidebar ul li ul li a:hover{ color:#FFCC00!important; }

.sidebar ul li ul li a:visited{ color:#666666;}







#container{float:right; width:675px; margin:8px 0px 0 0px; display:inline; }

#content-pic{ width:675px; height:127px;}

#content-pic-1{ background: url(images/guanyu.gif) no-repeat top left ; width:675px; height:127px;}

#content-pic-2{ background: url(images/zhanshi.gif) no-repeat top left ; width:675px; height:127px;}

#content-pic-3{ background: url(images/zhizuo.gif) no-repeat top left ; width:675px; height:127px;}

#content-pic-4{ background: url(images/zhiliang.gif) no-repeat top left ; width:675px; height:127px;}

#content-pic-5{ background: url(images/zhishi.gif) no-repeat top left ; width:675px; height:127px;}

#content-pic-6{ background: url(images/cuxiao.jpg) no-repeat top left ; width:675px; height:127px;}


#lead{ margin:0px 5px 0 20px; padding:0 0 0 10px; border-bottom:1px solid #e1e5d5;  }

#lead a{ color: #666666; }

.lead-icon{height:24px; line-height:24px; background: url(images/lead-left.gif) no-repeat 0px 0px ; }

#post-form{ padding:0; margin:0;}

.post{padding: 10px 5px 10px 5px;}

.post h2{ font-size: 14px; color:#a6ca00; text-align:center; margin:20px 20px 0 20px; border-bottom:0px solid #cccccc; padding:0 0 8px 0;}

.post h2 a{color:#a6ca00;}

.entry{line-height: 24px; margin:10px 5px 10px 5px;}

.post h4{ font-size: 13px; color:#a6ca00;  margin:5px ; }

p.postmetadata{ background:#f9f9f9; height:22px; margin: 0px 0 0 0; padding:0px 0 0 0 ; border-bottom:1px solid #dbdbdb;border-right:1px solid #dbdbdb; color:#9d9d9d;}

p.postmetadata a{ color:#9d9d9d!important;}

.navigation{ clear:both;padding: 0px 0 0 0;font-size: 12px;line-height: 22px; height:22px; margin:0px 10px 0px 20px;}



#search-center{ clear:both; background: url(images/search-bgr.gif) no-repeat; height: 20px; margin:20px  0 0 200px; width: 182px; padding: 0px;float:left; display:inline; line-height:24px;}



#search-center input{background: transparent;border: 0;color: #a3a192;	float: left;  margin: 0px 0 0 0px; 	width: 135px;}

#search-center .btn{margin: 0px 0 0;padding: 0;width: auto;}





#footer{clear:both; margin: 10px auto 0 auto;  width: 943px; height:105px;  background: url(images/footer-bg.gif) top left repeat-x; }







#copyright{ color:#8e8e8e;  text-align: center; height:24px; line-height:24px; padding:30px 10px 0px 10px;}

#copyright p{ color:#8e8e8e; line-height:12px; margin:0 0 10px 0; text-align: center;}

#copyright p a{ color:#8e8e8e; text-decoration:underline;}

.post-cat {	 float:left; background: url(images/cat.gif) no-repeat left center;	font-size: 12px;  padding: 0px 0 0 20px;	margin: 0 5px 0 5px;}

.post-date { float:left; background: url(images/date.gif) no-repeat left center;	font-size: 12px;	padding: 0px 0 0 20px;	margin: 0 5px 0 5px;}

.continue{ float:right; background: url(images/continue.gif) no-repeat right center;padding: 0px 20px 0 0 ; margin-right:5px;	}

 

.home-form{ clear:both; width:898px; margin: 0px auto 8px auto;} 

.home-left{float:left;width:675px; margin: 8px 8px 0 0; display:inline;}

.home-flash { height:193px;  margin-bottom:7px; background-image:url(images/home-pic.gif);}



#home-content{  width:675px padding:0; margin:8px 0 0 0;}

.home-content-1{ width:675px;  display:block; margin:0 0 3px 0; background: url(home-content-bg.gif) left top no-repeat; }

.home-content-1-top{ float:left; width:675px;  margin:0 ;background: url(images/home-text-topbg.gif) left top no-repeat;  }

.home-content-1-bottom{ width:675px;background:url(images/home-content-bottom.gif) left bottom no-repeat; }



.home-title{ margin:0px;padding: 0 0 0 20px; color:#006599; font-size:13px;font-weight:bold;  line-height:25px; background: url(images/home-content-title.gif) right top no-repeat;}

.home-content-form{list-style:outside;  margin:0 0 0 0px ; padding:10px 15px 10px 15px ; border-left:1px solid #dceaf7; border-right:1px solid #dceaf7; }

.home-content-form li{ clear:both; list-style-type: none;margin: 0px;line-height: 24px;height: 80px; padding:10px 5px; border-bottom:1px dashed #cccccc;}

.home-content-pic-1{ float:left; background:url(images/home-content-1.gif); height:70px; width:105px; display:inline; margin-right:10px; }

.home-content-pic-2{ float:left; background:url(images/home-content-2.gif); height:70px; width:105px; display:inline; margin-right:10px; }

.home-content-pic-3{ float:left; background:url(images/home-content-3.gif); height:70px; width:105px; display:inline; margin-right:10px; }



.home-content-text{ padding:0 0 0 0px; }



.home-right{ float:left; width:215px; margin:8px 0 0 0; }

.home-right-pic-1 {  width:215px; height:90px; margin:0; background: url(images/home-sales.gif) no-repeat;}

.home-right-pic-2 { width:215px; height:94px; margin:8px 0 0 0;background: url(images/home-websales.gif) no-repeat;}

.home-side{ margin :8px 0 8px 0;padding: 0px 0 0px 0; list-style:none;background: url(images/side-bg.gif) 0 0 repeat-y; }

.home-side h3{margin: 0px;padding: 0 0px 0 10px; color:#606060; font-size:12px; font-weight:bold;line-height:26px;height:26px;  background: url(images/side-title-bg.gif) no-repeat 0 0; width: 205px;}

.home-side ul{ margin: 0 0 4px 0 ; padding: 5px 0px 9px 0px;background: url(images/side-bottom.gif) bottom left no-repeat ;    }

.home-side ul li{ color:#666666;margin: 0 10px 0 10px;line-height: 24px; background: url(images/list-icon.gif) no-repeat 0px 3px; padding:0 0 0 20px; border:0px; }

.home-side ul li a{ color:#666666; text-decoration:none;}

.home-side ul li a:hover{ color:#FFCC00!important; }

.home-side ul li a:visited{ color:#666666;}





/*----tech ---*/

#tech-pic{ background-image:url(images/in_pic_knowledge.gif); background-repeat:no-repeat; width:643px; height:89px; margin:0px 0px 5px 0px;}

#tech-bbs{ background-image: url(images/bbs.gif);  background-repeat:no-repeat; width:140px; height:40px; margin:20px auto 0 auto;cursor:hand;}





#ask{ margin:27px 0 20px 20px; line-height:20px; color:#073b7a;}

#ask a{color:#073b7a; margin:0px 0 0px 20px;}

#ask a:hover{ color:#FFCC66; text-decoration: none;}





.tech-content-form{  margin:0 7px 0 8px; width:300px; float:left; height:180px;}

.tech-home-title-form{ width:100%;height:28px; background:url(images/tech-title.gif) no-repeat left center; }



.tech-home-title{ float:left; padding: 5px 0 0 20px;   color:#1B6C8F; font-weight:bold;line-height:28px;  height:28px; }



.tech-home-more{ float: right;line-height:28px; margin:5px 10px 0 0;}



.tech-home-list-form{ clear:both; margin:10px 10px 10px 10px;}

.tech-home-list{color:#1B6C8F;margin: 0 10px 0 20px;line-height: 24px; background: url(images/side-list.gif) no-repeat 0px 3px; padding:0 0 0 20px; list-style:none outside;}

.tech-home-list a:hover{ color:#FFCC66; text-decoration: none;}



/*----sorry ---*/

.sorry-post{ text-align:center;}

.sorry-post h2{ font-size:14px; font-weight:bold;}


/*----content-cats ---*/
.content-cats { float:left; width:320px; margin:5px; padding:0px; display:inline; }
.content-cats h4{ padding:13px 0 0 40px; background:url(images/content-cat-title.gif) no-repeat left top ; height:32px; color:#4c4a4a; font-size:13px; font-weight:bold; }
.content-cats ul{ margin:0px 0 0 10px; padding:0px; font-size:12px;}
.content-cats ul li{ background:url(images/list-icon.gif) no-repeat left center; list-style:none; padding:0 0 0 20px;}
.content-cats ul li a{ color:#666666; text-decoration:none;}
.content-cats ul li a:hover{ color:#FFCC00; }
.content-cats ul li a:visited{ color:#666666;}