@charset "utf-8";
/*
Theme Name: HDIcon Theme
Theme URI: http://www.hdicon.com/
Description: 
Version: 1.0
Author: Hao Deng
Author URI: http://www.hdicon/
Tags: blue, custom header, fixed width, two columns, widgets

*/

@import url(//fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900);
/*Core format*/
html{margin-bottom:1px;filter:expression(document.execCommand("BackgroundImageCache", false, true))}
body{font:13px/1.4em 'Roboto',arial,Helvetica,sans-serif, Helvetica, sans-serif;color:#666;margin:0;padding:0;background:#ddd}

h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite,code,em,strong,th,small{font-size:1em;font-style:normal;font-weight:normal}
p{margin:0.5em 0 1em}

strong,b,h1,h2,h3,h4,h5{color:#222;font-weight:300!important;font-family:'Roboto',arial,Helvetica,sans-serif;color:#333}
@media all\0 { h1,h2,h3,h4,h5{font-family:Arial, Helvetica, sans-serif} } /*--IE 8--*/
@media all and (monochrome:0) { h1,h2,h3,h4,h5 {font-family:'Roboto',arial,Helvetica,sans-serif\9; } } /*--IE 9--*/
h1{font-size:3.2em;line-height:1.2em;margin:5px 0 0.5em}
h2{font-size:2.5em;line-height:1.1em;margin:5px 0 0.5em}
h3{font-size:2em;line-height:1.2em;margin:5px 0 0.55em}
h4{font-size:1.5em;line-height:1.2em;margin:5px 0 0.65em}
h5{font-size:1.2em;line-height:1.2em;margin:5px 0 0.8em}

ul,ol,dl{list-style:none;padding:0;margin:0}
caption, th{text-align:left}
table{border-spacing:0;border:0}
td{padding:5px;vertical-align:top;border-collapse:collapse}
th{font-weight:bold;font-size:14px;color:#003448;padding:5px}
small{font-size:0.8em;font:11px Arial, Helvetica, sans-serif;color:#888}
a img{border:0}
input,select,img{vertical-align:middle}
cite{float:right;color:#57717c;text-align:right;font:11px Georgia, "Times New Roman", Times, serif;line-height:inherit}
fieldset{border:1px solid #919fa4;margin:10px;padding:10px}
legend{font-weight:bold;padding:0 10px;color:#de001d}

/*a style*/
a{color:#00aeef;text-decoration:none;outline:none;transition:color 0.2s;-moz-transition:color 0.2s;-o-transition:color 0.2s;-webkit-transition:color 0.2s}
a:hover{color:#00aeef;text-decoration:underline}

a.square_b,a.square_n,a.square_g{float:left;position:relative;line-height:24px;background-image:url(images/global_item.gif);padding:0 7px}
a.square_b:hover,a.square_n:hover,a.square_g:hover{text-decoration:none}
a.square_n i{display:none}
a.square_b i,a.square_g i,a.square_b:hover i,a.square_n:hover i,a.square_g:hover i{display:none}

a.square_b{color:#333;background:#ddd}
a.square_b:hover{color:#fff;background:#333}

a.square_n{color:#666;background:#fff}
a.square_n:hover{color:#fff;background:#666}

a.square_g{color:#38420d;background-position:0 -72px}
a.square_g:hover{color:#fff;background-position:0 -96px}
a.square_g:active{background-position:0 -120px;color:#fff}

/*Core style*/
.clear{clear:both}
.fleft{float:left!important}
.fright{float:right!important}
.fholder{overflow:hidden;_zoom:1}

.alignr{text-align:right!important}
.alignl{text-align:left!important}
.alignc{text-align:center!important}

.no_bg{background:none!important}

.date_style{font:11px/1.4em Arial, Helvetica, sans-serif}

.w20{width:20%;min-height:1em}
.w30{width:30%;min-height:1em}
.w33{width:33%;min-height:1em}
.w40{width:40%;min-height:1em}
.w50{width:50%;min-height:1em}
.w60{width:60%;min-height:1em}
.w70{width:70%;min-height:1em}
.w80{width:80%;min-height:1em}
.w90{width:90%;min-height:1em}

.tiny{font-size:11px;color:#888}

.row{overflow:hidden;_zoom:1;margin:0 0 5px;line-height:23px}
.row div{float:left;min-height:1em}
.row .left_c{width:100px;text-align:right;padding:0 10px 0 0}
.row .left_l{width:140px;text-align:right;padding:0 10px 0 0}

.padding_0{padding:0!important}
.padding_10{padding:10px}
.padding_15{padding:15px}
.padding_20{padding:20px}
.padding_hor{padding:0 15px}
.padding_ver{padding:15px 0}

dl{margin:0 0 5px}
dl dt{line-height:2.5em;padding:0 15px;border-bottom:1px dashed #e2f4fe}
dl dt.cross{padding:0}
dl dt.cross a{padding:0 15px;display:block}
dl dt.cross a:hover{background:#00aef0;color:#fff;text-decoration:none}

dl.list dt{padding:5px 0;line-height:1.4em}

/*png fix*/
* html .png{
    azimuth: expression(
        this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "http://www.hdicon.com/wp-content/themes/hdicon/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("http://www.hdicon.com/wp-content/themes/hdicon/','').replace('")',''),
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
        
    );
}
* html .png_scale{
    azimuth: expression(
        this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "http://www.hdicon.com/wp-content/themes/hdicon/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("http://www.hdicon.com/wp-content/themes/hdicon/','').replace('")',''),
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale)",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
        
    );
}

/*form style*/
form{padding:0;margin:0}
*+html select{height:24px!important}
input.text,textarea.text,select{border:1px solid #99aab1;padding:3px;-moz-border-radius:3px;-webkit-border-radius:3px 3px;font:13px Arial, Helvetica, sans-serif;color:#222}
.highert{padding:5px!important;-moz-border-radius:7px;-webkit-border-radius:7px}

.button,.button_g,.button_b,.button_o{height:24px;font-weight:bold;font-size:13px;line-height:20px;-moz-border-radius:3px;-webkit-border-radius:3px 3px;border:0;padding:0 8px;cursor:pointer}
@-moz-document url-prefix() { .button,.button_g,.button_b,.button_o{padding-bottom:4px} }
.higherb{height:30px;-moz-border-radius:7px;-webkit-border-radius:7px}

.button{color:#777;text-shadow:0 1px 0 #f9f9f9;background:url(images/global_button_grey.gif) no-repeat 0 0;border:1px solid #aaa;font-weight:normal}
.button_g{color:#3c4f06;text-shadow:0 1px 0 #f2ffcc;background:url(images/global_button_green.gif) no-repeat 0 0;border:1px solid #769411}
.button_b{color:#103a4f;text-shadow:0 1px 0 #90c6e1;background:url(images/global_button_blue.gif) no-repeat 0 0;border:1px solid #35607c}
.button_o{color:#674608;text-shadow:0 1px 0 #ffe692;background:url(images/global_button_orange.gif) no-repeat 0 0;border:1px solid #9e760b}

.button:hover{color:#555;background-position:0 -10px}
.button_g:hover{color:#273303;background-position:0 -10px}
.button_b:hover{color:#092837;background-position:0 -10px}
.button_o:hover{color:#462f03;background-position:0 -10px}

.button:active{color:#333;text-shadow:0 1px 0 #ddd;background-position:0 -100px}
.button_g:active{color:#161d01;text-shadow:0 1px 0 #bad276;background-position:0 -100px}
.button_b:active{color:#041a25;text-shadow:0 1px 0 #67aacb;background-position:0 -100px}
.button_o:active{color:#2d1e01;text-shadow:0 1px 0 #e0b565;background-position:0 -100px}

.form{padding:0 20px;font-size:1.2em}
.form .row{margin:0 0 20px;line-height:2.3em!important}
.form .row .leftc,.form .row label{width:150px;text-align:right;float:left;min-height:1em;padding:0 10px 0 0}
.form .row .text{padding:5px;width:350px;font-size:1.2em;-moz-border-radius:7px;-webkit-border-radius:7px;margin:0 10px}
.form .row select{padding:5px;-moz-border-radius:7px;-webkit-border-radius:7px}
.form .row input{margin:0 10px 0 0}
.form .row .button,.form .row .button_g,.form .row .button_b,.form .row .button_o{height:32px;-moz-border-radius:7px;-webkit-border-radius:7px}

#captcha-text{width:5em!important;text-transform:uppercase}

/*main layout*/

.wrapper{width:980px;min-width:980px;margin:0 auto;padding:0 0 40px;z-index:10}
.content_holder{width:100%;clear:both;overflow:hidden;zoom:1;_margin:0 0 -10px}

a#top{display:block;height:89px}

.content_holder .main_wide{width:750px;float:left}
.content_holder .main{width:705px;float:left}
.content_holder .main_thin{width:650px;float:left}
.content_holder .main_center_wide{width:520px;float:left}
.content_holder .main_center{width:460px;float:left}

.content_holder .left_side{width:256px;float:left;padding-right:19px}
.content_holder .right_side{width:256px;float:left;padding-left:19px;padding-top:10px}

.content_holder .left_side_thin{width:210px;float:left;padding-right:20px}
.content_holder .right_side_thin{width:210px;float:left;padding-left:20px}

.content_holder .left_side_wide{width:310px;float:left;padding-right:20px}
.content_holder .right_side_wide{width:310px;float:left;padding-left:20px}

.content_holder .half_left{width:476px;padding-right:20px;float:left}
.content_holder .half_right{width:474px;float:left}

*+html .content_holder,*+html .main,*+html .main_center,*+html .left_side,*+html .right_side,*+html .left_side_thin,*+html .right_side_thin,*+html .main_center_wide,*+html .main_wide,*+html .half_left,*+html .half_right{padding:0 0 10px}

/*sky*/
#sky{width:100%;min-width:980px;background:#00aeef;height:90px;position:fixed;top:0;left:0;z-index:50000;-moz-box-shadow:0 4px 0 rgba(0,0,0,0.1);-webkit-box-shadow:0 4px 0 rgba(0,0,0,0.1);box-shadow:0 4px 0 rgba(0,0,0,0.1)}
* html #sky{position:absolute;top:expression(eval(document.documentElement.scrollTop));width:expression(this.clientWidth < 980 ? "980px" : "980 !important")}

#sky #bubble{}

#sky .header{width:980px;min-width:980px;margin:0 auto;overflow:hidden;_zoom:1}
	#sky .header .fleft{width:370px;height:90px}

#sky #global_logo{margin:10px 0 0}
#sky h1{margin:5px 0 0;font-size:18px;color:#cff;text-decoration:none;text-transform:lowercase;letter-spacing:0}
#sky a h1{color:#e8f9ff}
#sky a:hover,#sky a:hover h1{text-decoration:none;color:#fff}
#sky .topform{float:right;_width:598px;margin:5px 0 0}

#sky .square_n i,#sky .square_g i,#sky .square_b i{background:url(images/global_item.gif) no-repeat -490px 0}

#sky .global_search{display:block}
#sky .global_search #global_search_input{width:480px;height:25px;padding:5px 10px;border:none;background:url(images/global_search_input.gif) no-repeat 0 -35px;font:15px/25px Arial, Helvetica, sans-serif}
#sky .global_search:hover #global_search_input{background-position:0 0}

#sky .global_search #global_search_button{width:100px;height:35px;border:none;background:url(images/global_search_input.gif) no-repeat 100% -35px;margin:0 0 0 -5px;color:#fff;text-shadow:0 -1px 0 #96072b;font:bold 16px/33px Arial, Helvetica, sans-serif;cursor:pointer;letter-spacing:-1px}
#sky .global_search #global_search_button:hover{background-position:100% 0}
#sky .global_search #global_search_button:active{background-position:100% -70px;text-shadow:0 -1px 0 #400211}

#sky ul{line-height:24px;margin:0 0 6px;overflow:hidden;_zoom:1;width:598px}
#sky ul li{height:24px;padding:0 5px 0 0;float:left}
#sky ul li.fright{padding:0 0 0 5px;_width:184px}
#sky ul li a.normal{line-height:24px;color:#e1f5ff;background:url(images/div_light.gif) no-repeat 100% 50%;margin:0 10px 0 0;padding:0 10px 0 0}

#sky ul.after{font-size:14px}
#sky ul.after li{float:right;padding:0}
#sky ul.after li a{line-height:24px;margin:0 0 0 15px;padding:0 0 0 15px;background:url(images/div_light.gif) no-repeat 0 50%;color:#b1c8db}
#sky ul.after li b,#sky ul.after li a:hover{color:#fff}

#sky .header #signin a{float:right;background:url(images/header_signin.gif) no-repeat 0 0;line-height:24px;height:24px;width:61px;padding:0 0 0 10px;color:#1c4255;font-weight:bold;margin:0 0 0 10px}
#sky .header #signin a:hover{background-position:0 -24px;text-decoration:none;color:#102d3c}
#sky .header #signin a:active,#sky .header #signin a.active{background-position:0 -48px;color:#23546a}

/*global sign in layer*/
#header_signin{position:fixed;top:0;left:50%;z-index:50002;width:170px;height:135px;background:url(images/header_signin_layer.png) no-repeat 0 0;_background:url(images/header_signin_layer.gif) no-repeat 0 0;margin:49px 0 0 284px;color:#c0deed;padding:15px 20px;font-size:0.9em;color:#315e75;display:none}
* html #header_signin{position:absolute;top:expression(eval(document.documentElement.scrollTop))}
*+html #header_signin{margin-left:283px}
#header_signin .row{margin:0 0 7px}
#header_signin .text{width:161px;border-color:#6b98af}
#header_signin .button_o{float:right}
#header_signin p{padding:0 0 0 5px}

/*advanced layer*/
#advanced{position:fixed;top:0;right:50%;z-index:50001;width:570px;margin:96px -480px 0 0;overflow:hidden}
* html #advanced{position:absolute;top:expression(eval(document.documentElement.scrollTop));margin-top:98px}
*+html #advanced{margin-top:98px}
	#advanced #advanced_option{width:526px;height:81px;padding:10px 21px 14px 23px;background:url(images/advanced_layer.png) no-repeat 0 0;_background:url(images/advanced_layer.gif) no-repeat 0 0;display:none}
	#advanced #advanced_option select{margin:0 10px 10px 0;width:160px}
	
	#advanced .switch{height:25px;padding:0 2px 4px 0;background:url(images/advanced_layer.png) no-repeat 100% 100%;_background:url(images/advanced_layer.gif) no-repeat 100% 100%}
	#advanced .switch a{float:right;line-height:22px;width:116px;text-align:center;color:#fff;height:25px}
	#advanced .switch a:hover{text-decoration:none}
#advanced #search_ask{text-align:center;font-size:1.8em;padding-top:30px}
#advanced #search_ask span{font-weight:bold;cursor:pointer;background:none repeat scroll 0 0 #D1E0EB;color:#4C6B7E;padding:2px 8px;-moz-border-radius:3px;}
#advanced .search_switch{float:right;cursor:pointer;background:none repeat scroll 0 0 #D1E0EB;color:#4C6B7E;padding:2px 8px;-moz-border-radius:3px;}
.display_block{ display:block !important;}
	
/*footer*/
#footer{clear:both;padding:10px 0 5px;line-height:23px;font-size:0.9em}
#footer .block{height:45px}
#footer ul{float:left;position:relative;left:50%;margin:10px 0}
#footer ul li{float:left;position:relative;left:-50%;background:url(images/div_light.gif) no-repeat 100% 50%;padding:0 5px 0 0;margin:0 3px 0 0}
#footer ul li#copyright{background:none;margin:0 20px 0 0}
#footer p{line-height:1.3em}

/*round corner*/
i.gr{position:absolute;width:10px;height:10px;background-image:url(images/global_corner.gif);background-repeat:no-repeat;display:none}
i.ne{background-position:0 0;left:0;top:0;display:none}
i.nw{background-position:100% 0;right:0;top:0;display:none}
i.sw{background-position:100% 100%;right:0;bottom:0;_bottom:-1px;display:none}
i.se{background-position:0 100%;left:0;bottom:0;_bottom:-1px;display:none}

/*block style*/
.block,.block_l,.block_r{margin-bottom:10px;display:block;float:left;position:relative;width:100%;overflow:hidden;zoom:1;background:#fff;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
.block_l{background:#fff;overflow:hidden;_zoom:1}
.block_r{background:#fff;overflow:hidden;_zoom:1}
	.block h1{margin:0;background:#a9e6ff;font-size:16px;padding:0 15px;color:#003448;height:3em;line-height:3em;overflow:hidden;letter-spacing:0}
	.block h1.clean{background:none;padding:10px 10px 10px 30px;font:bold 2.2em/1.4em Arial, Helvetica, sans-serif;height:auto;color:#05151F;margin:20px 0}
	.block h4.clean{padding:0 10px 0 30px;font-size:1.3em;color:#59d2ff;margin:-31px 0 30px}
	.block h1.lighter{background:#eee;color:#333}
	.block h1.darker{background:#333;color:#eee}
	.block h1.higher{font-size:2em;line-height:3em;height:3em;padding:0 5px 0 20px;color:#fff;background:#555}
	
	.block h1.darker a{color:#fff}
	.block h1.darker a:hover{color:#00aef0;text-decoration:none}
	
.block_l .left,.block_r .right{width:685px;float:left}
.block_r .left,.block_l .right{width:295px;float:left}
.block_r .left .gr,.block_l .right .gr{background-image:url(images/global_corner_d.gif)!important}

.blocks{margin:0 0 20px;display:block;float:left;position:relative;width:100%;overflow:hidden;zoom:1;background:#fff;-moz-border-radius:5px;-webkit-border-radius:5px}
.blocks h5{padding:0 15px;background:#EFF6FB;line-height:3em;height:3em;overflow:hidden;margin:10px 0 0}

.block h1.higher .add{float:right;margin:30px 0;width:22px;height:0;padding:22px 0 0;overflow:hidden;background:url(images/add.gif) no-repeat 0 0} 
.block h1.higher .add:hover{background-position:0 -22px}
.block h1.higher .add:active{background-position:0 -44px}

/*sub menu*/
.submenu{margin:30px 0 0;padding:10px 20px;color:#333;background:#999;font-size:1.2em;height:28px;line-height:28px;overflow:hidden;_zoom:1}
.submenu li{float:left;margin:0 30px 0 0}
	.submenu li a{float:left;height:28px;line-heigt:28px;background:#ddd;padding:0 10px;position:relative;color:#333}
	.submenu li a i{display:none}
	
	.submenu li a:hover{background:#333;color:#eee;text-decoration:none}
	
	.submenu li a.current,.submenu li a.current:hover,.submenu li a.current:active{background:#111;color:#fff}

/*sort*/
.sort{padding:5px 10px 0 20px;height:35px;margin:20px 0 15px;background:#00aef0;color:#00aef0;line-height:30px}

.sort ul.sort_menu{float:left;position:relative;left:50%}
.sort ul.sort_menu li{float:left;width:185px;margin:0 20px;position:relative;z-index:100;left:-50%}
.sort ul.sort_menu li a{display:block;background:url(images/sort_li.gif) no-repeat 0 0;padding:0 15px 5px;color:#fff;line-height:30px;height:30px;overflow:hidden}
.sort ul.sort_menu li a:hover{background-position:0 -35px;color:#e2f4fe;text-decoration:none}
.sort ul.sort_menu li a:active,.sort ul.sort_menu li a.active{background-position:0 -70px;color:#a9e6ff}
.sort ul.sort_menu li a.current,.sort ul.sort_menu li a.current:hover,.sort ul.sort_menu li a.current:active{font-weight:bold;background-position:0 -105px;color:#005f83}
.sort ul.sort_menu li a.active{font-weight:bold;text-shadow:1px 1px 2px #000}

.sort .sub_sort{width:172px;position:absolute;left:-2px;top:35px;background:url(images/sort_sub_li.png) no-repeat 0 100%;_background:url(images/sort_sub_li.gif) no-repeat 0 bottom;display:none;z-index:110;padding:2px 7px 15px 6px;text-align:center}
.sort .sub_sort select{width:160px;height:26px}
.sort .sub_sort select option{font-size:11px}

/*list_holder*/
.main_holder{padding:10px 15px 10px 25px}
.side_holder{padding:10px 0 5px 5px}

/*paragraph*/
.paragraph{padding:15px 20px 30px}
.paragraphl{padding:30px 40px 40px}
.paragraphl_top{padding:20px 20px 0!important}

.paragraphl h4,.paragraph h4{color:#999;font-size:16px}
.paragraphl h5,.paragraph h5{color:#005f83;margin:2.5em 0 1em}
.paragraphl p{font:1.2em/1.4em Arial, Helvetica, sans-serif}
.paragraphl.shrink p{font:1.2em/1.3em Arial, Helvetica, sans-serif}
.paragraphl ul{font:normal 1.2em/1.5em Arial, Helvetica, sans-serif}

.paragraphl ul,.paragraph ul{list-style:upper-alpha outside none;margin:0.5em 0 1em 3em}
	.paragraphl ul li,.paragraph ul li{margin:0 0 0.4em}


h4.indent{margin:-15px 0 20px}

.must{font-weight:bold;font-size:2.2em;color:#05151f;vertical-align:middle;padding:0 5px}

img.fright{float:right;margin:20px 0 20px 40px}

/*thumb list*/
.thumb_list{overflow:hidden;_zoom:1}
.thumb_list li{float:left;width:156px;padding:0 10px 40px 0;text-align:center;height:156px}
	.thumb_list li a.logo_p{width:100px;height:100px;border:5px solid #eee;display:block;margin:0 auto;background:#eee;transition:border 0.3s,background 0.3s;-moz-transition:border 0.3s,background 0.3s;-o-transition:border 0.3s,background 0.3s;-webkit-transition:border 0.3s,background 0.3s}
	.thumb_list li a.logo_p:hover,.thumb_list li:hover a.logo_p{border:5px solid #ccc;background:#333}
	
	.thumb_list li h3{font-size:13px;margin:5px 4px 8px;max-height:3.8em;overflow:hidden;letter-spacing:0}
		.thumb_list li h3 a,.thumb_list li h3 a:hover{color:#333;text-decoration:none}
		
	.thumb_list li b{margin:0;font-size:0.9em;font-weight:normal;color:#333;height:1.5em;overflow:hidden;padding:2px 0;-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px}
	.thumb_list li b a,.thumb_list li b a:hover{text-decoration:none;color:#999;font:11px/1.1em Arial, Helvetica, sans-serif}
	.thumb_list li b a:hover{color:#00aeef}
	
	.thumb_list li .bmenu{height:14px;display:block;margin:10px 0 0}
	.thumb_list li .bmenu dl{height:14px;float:left;position:relative;left:50%;z-index:80}
	.thumb_list li .bmenu dl dt{height:14px;float:left;position:relative;right:50%;margin:0 1px;position:relative;padding:0;border:0}
	
		.thumb_list li .bmenu dl dt a{display:block;width:14px;height:0;padding:14px 0 0;background-image:url(images/brand_link.gif);background-repeat:no-repeat;overflow:hidden;text-decoration:none}
		.thumb_list li .bmenu dl dt a i{display:none}
		.thumb_list li .bmenu dl dt a:hover i{display:block;position:absolute;width:90px;height:18px;line-height:18px;background:url(images/bmenu_face.png) no-repeat 0 0;color:#fff;top:-20px;left:7px;margin:0 0 0 -49px;padding:1px 3px 6px;font-style:normal;font-size:11px;text-decoration:none}
		
			.thumb_list li .bmenu dl dt a.down{background-position:0 0}
			.thumb_list li .bmenu dl dt a.down:hover{background-position:0 -14px}
			.thumb_list li .bmenu dl dt a.down:active{background-position:0 -28px}
			
			.thumb_list li .bmenu dl dt a.add{background-position:-14px 0}
			.thumb_list li .bmenu dl dt a.add:hover{background-position:-14px -14px}
			.thumb_list li .bmenu dl dt a.add:active{background-position:-14px -28px}
			
			.thumb_list li .bmenu dl dt a.home{background-position:-28px 0}
			.thumb_list li .bmenu dl dt a.home:hover{background-position:-28px -14px}
			.thumb_list li .bmenu dl dt a.home:active{background-position:-28px -28px}
	
/*samll thumb list*/
.s_thumb_list{overflow:hidden;_zoom:1}
.s_thumb_list li{float:left;width:78px;padding:0 5px 15px 0;text-align:center;overflow:hidden}
	.s_thumb_list li a.logo_p{width:50px;height:50px;border:5px solid #eee;display:block;margin:0 auto;background:#eee;margin:0 auto;transition:border 0.3s,background 0.3s;-moz-transition:border 0.3s,background 0.3s;-o-transition:border 0.3s,background 0.3s;-webkit-transition:border 0.3s,background 0.3s}
	.s_thumb_list li a.logo_p:hover,.s_thumb_list li:hover a.logo_p{border:5px solid #ccc;background:#333}
		.s_thumb_list li a.logo_p img{width:50px;height:50px}
		
	.s_thumb_list li h3{font:11px/1.1em Arial, Helvetica, sans-serif;margin:5px 0 0;height:2.2em;overflow:hidden;padding:0 4px;letter-spacing:0}
		.s_thumb_list li h3 a{color:#666;text-decoration:none}
		.s_thumb_list li h3 a:hover{color:#222;text-decoration:none}
		
/*page nav*/
.page_nav{height:25px;padding:0 30px 15px;font:11px/24px Arial, Helvetica, sans-serif!important}
.page_nav ul{float:left;height:25px}
	.page_nav ul li{float:left;padding:0 3px 0 0;margin:0 3px 0 0}
	
	.page_nav a{float:left;position:relative;height:24px;background:#666;padding:0 7px;color:#eee}
	.page_nav a:hover{text-decoration:none;color:#fff;background-position:0 -24px;background:#333}
	.page_nav a:active,.page_nav li.active_page a,.page_nav a.current:hover,.page_nav a.current:active{background:#000}
	.page_nav a i{display:none}
	
/*tree*/
.tree{padding:0 15px 10px}
	.tree li{display:blcok;background:url(images/div_light_h.gif) repeat-x 0 100%;width:100%;padding:0 0 5px}
		.tree li a{display:block;padding:10px 5px 10px 20px;background:url(images/arrow_down.gif) no-repeat 0 50%;font-weight:bold;color:#333}
		.tree li a:hover{text-decoration:none}
		.tree li cite{font-size:0.9em;font-family:Arial, Helvetica, sans-serif}
		
		.tree li ul{margin:-10px 0 0 5px;padding:5px 0 0;background:url(images/tree.gif) no-repeat 0 100%;line-height:18px;font-size:0.9em}
			.tree li ul li{padding:0 0 0 12px;background:url(images/tree_branch.gif) no-repeat 0 50%}
			.tree li ul li a{padding:0 5px;background:none;color:#333;height:18px;width:85%;font-weight:normal}
				.tree li ul li a:hover{background:#003448;color:#fff}
			.tree li ul cite{line-height:18px;color:#f06}
			
/*logo detail*/
.logo_detail{padding:30px 40px;overflow:hidden;_zoom:1;position:relative}
	.logo_detail .carrow{position:absolute;top:-5px;left:80px;width:40px;height:0;padding:20px 0 0;background:url(images/logo_bg.gif) no-repeat -320px 0;overflow:hidden}
.logo_detail .fleft{width:320px;padding:0 35px 0 0}
.logo_detail .fright{width:270px;/*font-size:1.2em;*/line-height:1.5em}

.logo_detail .logo{width:320px;height:330px;padding:0 0 20px}
.logo_detail .logo img{width:300px;height:300px;padding:10px;background:#eee}

.relate{padding:0 0 10px}
.relate ul{overflow:hidden;_zoom:1}
.relate li{float:left;width:70px;padding:5px 5px 15px;text-align:center;overflow:hidden}
	.relate li a{width:50px;height:50px;padding:5px 5px 10px;*padding:4px 5px 11px;background:url(images/logo_bg.gif) no-repeat 0 -340px;display:block;margin:0 5px}
	.relate li a:hover,.relate li:hover a.logo_p{background-position:-60px -340px}
	.relate li a:active{background-position:-120px -340px}
		.relate li a img{width:50px;height:50px}
	
	.relate li a.current{background-position:-120px -335px;padding:10px 5px 5px;margin:-5px 5px 8px}
		
	.relate li h3{font:0.9em/1.1em Arial, Helvetica, sans-serif;margin:3px 0 0;height:2.2em;overflow:hidden;padding:0 4px;letter-spacing:0}
		.relate li h3 a{text-decoration:none;background:none;width:auto;height:auto;padding:0;margin:0}
		.relate li h3 a:hover{text-decoration:none;color:#05151f}

.logo_detail .fright .row{line-height:1.3em;margin:0 0 10px}	
.logo_detail .fright .row .left_c{text-align:left;width:80px}
.logo_detail .fright .row .right_c{width:180px;font-weight:500;color:#333}
.logo_detail .fright .row .right_c small{letter-spacing:0;float:right}

.logo_detail .update{display:block;width:200px;font:11px/1.5em Arial, Helvetica, sans-serif;margin:20px 0 0}

.user{height:20px;padding:10px 0 0;margin:15px 0 0;font:11px/1.3em Arial, Helvetica, sans-serif;clear:both;background:url(images/div_light_h.gif) repeat-x 0 0}
.user ul{float:left;position:relative;left:50%}
.user ul li{float:left;position:relative;right:50%;padding:0 10px 0 0;margin:0 10px 0 0;background:url(images/div_light.gif) no-repeat 100% 50%}
.user ul li a{color:#777}
.user ul li a:hover{color:#27a}

/*download button*/
.download{padding:20px 0;overflow:hidden;_zoom:1}

.download a{font:bold 12px/20px Arial, Helvetica, sans-serif;color:#566577;position:relative;padding:0 25px 0 22px;float:left;letter-spacing:normal!important}
.download a.font_download{background:url(images/adown.gif) no-repeat 0 50%}

.download a small{font:11px/20px Arial, Helvetica, sans-serif;color:#566577;padding:0 0 0 5px;float:none!important}
/*.download a{width:165px;height:40px;padding:0 0 0 35px;position:relative;margin:0 auto 10px;display:block;font:bold 1.5em/40px Arial, Helvetica, sans-serif;letter-spacing:-1px;background:url(images/download.gif) no-repeat 0 0;color:#162e41;text-shadow:0 1px 0 #a0bed5}
.download a:hover{text-decoration:none;background-position:0 -40px}
.download a:active{text-decoration:none;background-position:0 -80px;color:#0c1f2d;text-shadow:1px 1px 0 #5682a3}

.download a.font_download{width:300px;padding:0;background:url(images/download_font.gif) no-repeat 0 0;text-align:center;font-size:1.7em}
.download a.font_download:hover{text-decoration:none;background-position:0 -40px}
.download a.font_download:active{text-decoration:none;background-position:0 -80px;color:#0c1f2d;text-shadow:1px 1px 0 #5682a3}*/

.download a img{position:absolute;left:0;top:1px}

.download_confirm a{background:url(images/adown.gif) no-repeat 0 50%;padding:0 0 0 25px!important;width:90px!important;margin-top:-20px;margin:0 auto;display:block;float:none}

/*news*/
.news{clear:both;padding:20px 0;font-size:1.2em}
.news h5{font:bold 1.3em/1.4em Arial, Helvetica, sans-serif;letter-spacing:-0.5px}

/*search result*/
.search_result{overflow:hidden;_zoom:1}

.search_result h3{margin:0}
.search_result p{padding:0;margin-bottom:0}

.search_result{padding:10px 0 10px 130px;}
.search_result a.logo_p{width:100px;height:100px;padding:5px;background:url(images/list_img.gif) no-repeat 0 0;display:block;float:left;margin:0 0 0 -130px;_padding:0 0 0 65px}
.search_result a.logo_p:hover{background-position:-110px 0}
.search_result a.logo_p:active{background-position:-220px 0}

/*tools*/
.tools{height:40px}
.tools img{float:left;margin:0 10px 0 0}
.tools a{color:#00aeef;padding:0 5px;font-size:14px;background:#59d2ff;color:#fff;line-height:38px;text-shadow:0 -1px 0 #59a1c0;display:block;height:40px}
.tools a:hover{background:#005f83;color:#00aeef!important;text-decoration:none;text-shadow:0 -1px 0 #003245}
	
/*tags*/
.tags{padding:15px 5px 20px 15px;background:#003448;overflow:hidden;_zoom:1;text-shadow:0 -1px 0 #002533}
	.tags a{float:left;line-height:25px;color:#00aeef;margin:0 5px 0 0;overflow:hidden}
	.tags a:hover{color:#fff;text-decoration:none}
		.tags a small{font-size:9px!important;color:#9dd4e9!important}

/*global_menu*/
#global_navigation{height:65px;background:#333}
#global_navigation li{float:left}
#global_navigation li a{background:#333;padding:0 40px;display:block;font-size:18px;font-weight:300;line-height:65px;text-align:center;text-decoration:none;border-right:1px solid #343434;color:#eee}
#global_navigation li a:hover{background:#111;color:#fff;text-decoration:none}

/*front font*/
.font_front{padding:0 42px 30px;margin:-20px 0 0}
.font_front li{padding:40px 0 0;border-top:1px dotted #ddd}
.font_front li h3{font-size:16px;font-weight:500;margin:0 0 5px}
.font_front li h3 a{color:#333;font-weight:500}
.font_front li h3 a:hover{color:#00aeef;text-decoration:none}

.font_front li h4{font:1.2em/24px Arial, Helvetica, sans-serif;margin:0;color:#547D95;overflow:hidden;_zoom:1}
.font_front li h4 a.square_b,.font_front li h4 span{float:left;margin:0 20px 0 0;font-size:12px}

.font_front li a img{border:5px solid #eee;background:#eee;margin:5px 0 10px}
.font_front li a:hover img{border:5px solid #ccc}

.font_front li .postmetadata{font:1.2em/24px Arial, Helvetica, sans-serif;margin:0;overflow:hidden;_zoom:1;padding:0 0 10px}
.font_front li .postmetadata a{float:left;padding:0 21px 0 0;margin:0 20px 0 0;background:url(images/div_dark.gif) no-repeat 100% 50%;font-size:12px}
.font_front li .postmetadata a.download{float:right;position:relative;line-height:24px;background:#eee;padding:0 12px;color:#214356;background-position:0 0;margin:0}
.font_front li .postmetadata a.download:hover{color:#eee;background:#333;text-decoration:none}
.font_front li .postmetadata a i{display:none}

/*font detail*/
.font_detail{padding:30px 40px;overflow:hidden;_zoom:1;position:relative}

.font_detail .frow{font-size:1.2em;margin:0 0 12px;overflow:hidden;_zoom:1}	
.font_detail .frow .left_c{text-align:left;width:100px;float:left;min-height:1em}
.font_detail .frow .right_c{width:480px;font-weight:bold;color:#05151f;letter-spacing:-0.5px;float:left}
.font_detail .frow .right_c small{letter-spacing:0;float:right}
.font_detail .frow .text{padding:5px;width:350px;font-size:1.2em;-moz-border-radius:7px;-webkit-border-radius:7px;margin:0 10px}

.font_detail .font_preview{padding:0 0 20px;background:url(images/div_light_h.gif) repeat-x 0 100%;margin:0 0 20px}
.font_detail .font_preview img{padding:5px;background:url(images/font_long.gif) no-repeat 0 0;margin:5px 0 10px}

.font_text_light{color:#f30;font-family:"Courier New", Courier, monospace}

.font_paragraph{padding:20px;background:url(images/div_light_h.gif) repeat-x 0 0;margin:20px 0}
.font_paragraph h4{font:bold 1.5em/1.2em Arial, Helvetica, sans-serif;color:#39444C;margin:1em 0 0.5em;color:#0A202E}
.font_paragraph h5{font:bold 1em/1.1em Georgia, "Times New Roman", Times, serif;color:#39444C;margin:1em 0 0.5em;color:#0A202E}

.font_paragraph ul{list-style:decimal;padding:10px 0 20px 20px}
.font_paragraph ul li{padding:0 0 5px}

#cufon_font_demo{font-size:32px;line-height:46px;padding:20px;margin:30px 0 10px;border:1px solid #DFEAF2;color:#606060}

#preview_suggestion{font-size:0.85em;line-height:1.3em;padding:10px 0 0 10px;display:none}

/*comment*/
.comments-list,.comments-form{padding:30px 0 0}
	.comments-list h2,.comments-form h2{font:italic 24px/1.5em Georgia,"Times New Roman","Bitstream Charter",Times,serif;margin:0 0 20px}
	
.c_holder{margin:0 0 15px;padding:0 0 15px 60px;border-bottom:1px dashed #ccc}
.c_holder .avatar{float:left;margin:0 0 0 -60px;padding:1px;border:1px solid #ddd}

.cauthor{font:italic 18px/1.3em Georgia,"Times New Roman","Bitstream Charter",Times,serif;padding:0 0 5px}
.cauthor cite{font:11px/17px Verdana, Arial, Helvetica, sans-serif;color:#ccc}

.pendding{font-style:normal;color:#f00;padding:0 5px}
.con p{margin:0 0 8px;font:11px/15px Verdana, Arial, Helvetica, sans-serif;color:#444}

.comments-form p{margin:0 0 8px;font:11px/15px Verdana, Arial, Helvetica, sans-serif;color:#444}

/*font detail*/
.vector_detail{padding:30px 40px;overflow:hidden;_zoom:1;position:relative}

.vector_detail img.v_preview{padding:5px;background:#ccc;margin:5px auto 10px;width:600px}

.vector_detail .vrow{font-size:13px;margin:0 0 12px;overflow:hidden;_zoom:1}	
.vector_detail .vrow .left_c{text-align:left;width:100px;float:left;min-height:1em}
.vector_detail .vrow .right_c{width:480px;color:#999;float:left}
.vector_detail .vrow .right_c small{letter-spacing:0;float:right}
.vector_detail .vrow .right_c p{margin:0 0 15px}
.vector_detail .vrow .text{padding:5px;width:350px;font-size:1.2em;-moz-border-radius:7px;-webkit-border-radius:7px;margin:0 10px}

.font_detail .font_preview{padding:0 0 20px;background:url(images/div_light_h.gif) repeat-x 0 100%;margin:0 0 20px}
.font_detail .font_preview img{padding:5px;background:#ccc;margin:5px 0 10px}

.font_text_light{color:#f30;font-family:"Courier New", Courier, monospace}

.font_paragraph{padding:20px;background:url(images/div_light_h.gif) repeat-x 0 0;margin:20px 0}
.font_paragraph h4{font:bold 1.5em/1.2em Arial, Helvetica, sans-serif;color:#39444C;margin:1em 0 0.5em;color:#0A202E}
.font_paragraph h5{font:bold 1em/1.1em Georgia, "Times New Roman", Times, serif;color:#39444C;margin:1em 0 0.5em;color:#0A202E}

.font_paragraph ul{list-style:decimal;padding:10px 0 20px 20px}
.font_paragraph ul li{padding:0 0 5px}

#cufon_font_demo{font-size:32px;line-height:46px;padding:20px;margin:30px 0 10px;border:1px solid #DFEAF2;color:#606060}

/*category sub list*/
.vc_list{padding:0;margin:10px;_zoom:1;overflow:hidden;background:#eee}
.vc_list li{float:left;width:20%;overflow:hidden}
.vc_list li a{margin:2px;color:#666;display:block;font:11px/18px  Arial, Helvetica, sans-serif;padding:2px 5px}
.vc_list li a:hover{background:#333;color:#00aef0;text-decoration:none}

/*buy sell ads*/
.bsap a{float:left}
.bsap a.even{margin-right:0}

/*theme preview*/
.theme_preview{position:relative;background:#000}
.theme_preview .pre_img{border-bottom:1px solid #ccc}
.theme_preview .pre_button{width:210px;height:40px;background:url(images/theme_preview_button.png) no-repeat 0 0;padding:5px 20px;color:#fff;opacity:0.5;filter:alpha(opacity=50);position:absolute;cursor:pointer;left:50%;top:50%;margin:-25px 0 0 -125px}

.theme_preview:hover .pre_img{opacity:0.3;filter:alpha(opacity=30)}
.theme_preview:hover .pre_button{opacity:1;filter:alpha(opacity=100)}

.pre_button span{float:left;font:bold 20px/40px Arial, Helvetica, sans-serif;letter-spacing:-1px;height:40px;padding:0 10px 0 0}
.pre_button span a{display:block;padding:14px 0 0;width:20px;height:6px;overflow:hidden;border:1px solid #fff;margin:9px -5px 0 0;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.pre_button span a:hover{border-color:#3ff}

/* theme detail*/
.theme_detail{overflow:hidden;_zoom:1;padding:40px 20px 30px 20px;position:relative}
.theme_detail .fleft{padding:0 30px 0 0;width:360px;font:14px/1.55em Arial, Helvetica, sans-serif;color:#999}
.theme_detail .fright{width:275px;font-size:1em}
.preview_links{padding:20px 20px 45px;text-align:center}

.theme_detail .fleft p{margin:0 0 1em}
.theme_detail .fright .block{margin-bottom:20px;display:block;position:relative;width:255px;overflow:hidden;_zoom:1;background:#eee;padding:10px;text-shadow:0 1px 0 #fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}

.theme_detail .fright .row{margin:0 0 10px;font:12px/16px Georgia, "Times New Roman", Times, serif}
.theme_detail .fright .left_c{text-align:left;width:75px;min-height:1.35em;font:11px/16px Arial, Helvetica, sans-serif}
.theme_detail .fright .right_c{font-weight:bold;width:170px;padding:0}

/*home theme preview*/
.home_theme_download{background:url(images/home_download_theme_bg.png) no-repeat 50% 50%;width:705px;padding:10px 0 0;margin:0 0 10px}

/*google ads*/
.g_ad_250{padding:3px;width:250px}