/*  
Theme Name: Supermatch ag
Theme URI: http://supermatch.com/
Description: The default theme based for supermatch.
Version: 1.0
Author: tom zhong
Author URI: http://deeal.com/
*/

/* Begin Typography & Colors */
body {font-size: 70%; font-family:Verdana, Arial, Helvetica, sans-serif; background: url(images/b_body.gif) #000;}
body, ul, ol, form, h1, h2, h3, p{margin:0; padding:0;}
li{list-style:none;}
img{border:0;}
a{color:#999; text-decoration:none;}
a:hover{color:#0C0;}

#page{background: url(images/b_page.png) repeat-x 0 0;}
#content, #footer{width:900px; background:url(images/b_content.png) repeat-y top left; margin:0 auto;padding:0 15px;}

#banner{ position:absolute;}
#infobox{ position:relative;}
#sidebox{width:205px; background:url(images/b_sidebox.png) repeat-y;}
#sidebar{margin-right:5px;}
#mainbox{width:700px; background:#FFF; color:#000;}
#mainbox a{color:#06C;}
.mainbox{width:700px; background:#000; border-left:1px solid #666;}

#category-box{border-top:1px solid #999;}
#category-box h2{font-size:18px; border-bottom:1px solid #999; height:51px;}
#category-box h2 a{display:block; background:url(images/b_tips_1.gif) no-repeat 185px 20px; padding:14px 10px;}
#category-box h2 a:hover, #category-box div.hover h2 a{background-position:185px -16px; color:#0C0;}
#category-box ol{display:none;}
#category-box ol.show{display:block; position:absolute; margin:-53px 0 0 200px; background:#333; border-top:1px solid #666;}
#category-box ol.show li{ border-bottom:1px solid #666; border-right:1px solid #666; font-size:10px; height:25px;}
* html #category-box ol.show li.show{margin-bottom:-2px;} /* for ie6 */
#category-box ol.show li a.m{ display:block; padding:6px 10px 7px 10px; width:200px;}
#category-box ol.show li a.m:hover, #category-box ol.show li.show a.m{color:#FFF; background:url(images/b_tips_2.gif) #090 no-repeat 210px center;}
#category-box ol.show li p{display:none;}
#category-box ol.show li p a{color:#000;}
#category-box ol.show li.show p{display:block; position:absolute; background:#FFF; width:220px; left:220px; top:-1px; border:1px solid #666; text-align:center;}
#category-box ol.show li.show p img{padding:10px;}
#category-box ol.show li.show p span{display:block; background:#EFEFEF; text-align:left; padding:5px 10px; font-size:10px; border-top:1px dashed #CCC;}
#category-box ol.show li.show p span b{display:block; color:#666; margin-bottom:5px;}
#category-box ol.show li.show p span.name{font-size:14px; color:#090; font-weight:bold; border-top:1px solid #CCC;}

.pagelink{padding:20px; font-size:12px; font-weight:bold; background:url(images/b_sidebox_center.png);}
.pagelink li{margin:10px 0; background:url(images/b_tips_2.gif) no-repeat left;}
.pagelink li a{padding-left:10px; position:relative;}

#search-box{color:#999; padding:0 10px 30px 20px; background:url(images/b_sidebox_bottom.png) repeat-x bottom;}
#search-box h2{font-size:18px;}
#search-box p{margin:10px 0; border-top:1px solid #999;}
#search-box label{width:100px; display:block;}
#search-box input{font-size:12px; color:#CCC; border:1px solid #333; background:#666; width:100px; border-bottom-color:#999; border-right-color:#999;  position:relative;}
#search-box button{border:1px solid #666; background:#666; font-size:12px; margin-left:10px; font-weight:bold; padding:0 5px;}

#mainbox-search{padding:10px;}
#mainbox-search h2{font-size:18px; margin-bottom:10px;}
#mainbox-search .post{border:1px solid #CCC; padding:10px; margin:0 10px 10px 0;}
#mainbox-search .post .img {width:100px;}
#mainbox-search .post .img img{width:100px;}
#mainbox-search .post .txt{padding-right:10px;}
#mainbox-search .post .txt h3{margin-bottom:10px;}
#mainbox-search .post .txt li.more{font-size:10px; margin-top:5px; padding-top:5px; color:#999; border-top:1px dashed #CCC;}
#mainbox-search .post .txt li.more a{color:#090;}

#mainbox-page{ padding:10px;}
#mainbox-page .page-title{margin-bottom:10px; font-size:18px; color:#FFF;}
#mainbox-page .page-content{padding:10px; color:#999; line-height:150%;}
#mainbox-page .page-content p{ margin:10px 0;}
#mainbox-page .page-content a{color:#090;}

#mainbox-category{padding:10px;}
#mainbox-category .pagetitle{font-size:18px;}
#mainbox-category .post{border:1px solid #CCC; margin:10px 0; padding:10px;}
#mainbox-category .post .img{text-align:right;}
#mainbox-category .post .img img{width:100px;}
#mainbox-category .post .txt{color:#666;}
#mainbox-category .post .txt h3{margin-bottom:5px;}

#mainbox-show{padding:10px;}
#mainbox-show h2.showtitle{font-size:18px; margin-bottom:10px;}
#mainbox-show .bigimg{ text-align:center; border-bottom:2px dashed #CCC; padding-bottom:10px; margin-bottom:10px;}
#mainbox-show .info img{border:1px solid #CCC;}
#mainbox-show .info p{margin:10px 0;}
#mainbox-show .navigation{margin-top:20px; height:20px;}
#mainbox-show .navigation .alignleft{float:left;}
#mainbox-show .navigation .alignright{float:right;}

#mainbox-dealer{padding:10px; color:#666;}
#mainbox-dealer h2{font-size:18px; color:#FFF; margin-bottom:10px;}
#mainbox-dealer table{color:#CCC;}
#mainbox-dealer input{border:1px solid #333; background:#999; padding:3px;}
#mainbox-dealer textarea{border:1px solid #333; background:#999;}
#mainbox-dealer select{border:1px solid #333; background:#999; padding:1px;}
#mainbox-dealer button{margin:0 5px;}
#mainbox-dealer .post{padding:10px; color:#999;}
#mainbox-dealer .post h3{font-size:18px; background:#333; padding:5px 10px;}
#mainbox-dealer .post ul{border:1px solid #333; border-bottom:0;}
#mainbox-dealer .post li{padding:10px; border-bottom:1px solid #333;}
#mainbox-dealer .post li strong{margin-right:10px; color:#666;}
#mainbox-dealer .button{margin:10px; text-align:right;}
#mainbox-dealer .button a{font-weight:bold; font-size:18px;}

#footer{color:#FFF; height:20px;}
#footer p{background:url(images/b_footer.png) repeat-x #000; height:17px; padding-top:3px;}
#footer p.l{float:left; width:60%; color:#666;}
#footer p.l a{margin:10px;}
#footer p.r{float:right; width:40%; text-align:right;}
#footer p.r span{margin-right:10px;}
#bottom{height:10px; background:url(images/b_bottom.png) no-repeat center top; width:930px; margin:0 auto; padding-bottom:20px;}

* html #sidebox{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/b_sidebox.png");background:none;}
* html .pagelink{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/b_sidebox_center.png");background:none; height:10px;}
* html #search-box{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/b_sidebox_bottom.png");background:none;height:10px;}
* html #content, * html #footer{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/b_content.png");background:none;}
* html #bottom{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/b_bottom.png");background:none;}