@charset "utf-8";
/*  
Theme Name: momososo
Theme URI: http://www.iconcastle.com/
Description: 
Version: 1.0
Author: Chenge
Tags: 
*/





/* -------------------------------------------------------------- 
  
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

#replied-top {
margin-bottom:14px;
margin-left:80px;
}
.post_header{  padding-top:34px;}
#categories-3{ padding-top:46px;}
.text-p {color:#768697}
#TB_closeWindowButton:hover{
	text-decoration: none;
}

.more-link {background:transparent url(http://www.iconcastle.com/images/blog-readmore.png) no-repeat scroll 0 0;
height:29px; color:#3F4143;
text-indent:-9000px;
width:102px; padding:5px 8px 7px 24px;}

.more-link:hover{
	background:transparent url(http://www.iconcastle.com/images/blog-readmore.png) no-repeat scroll 0 -71px;
	height:29px;
	color:#1B1C1D;
	text-indent:-9000px;
	width:102px;
	padding:5px 8px 7px 24px;
	text-decoration: none;
}
.more-link:active{
	background:transparent url(http://www.iconcastle.com/images/blog-readmore.png) no-repeat scroll 0 0;
	height:29px;
	color:#515457;
	text-indent:-9000px;
	width:102px;
	padding:5px 8px 7px 24px;
	text-decoration: none;
}
p .more-link {
display:block;
margin:0 auto;
overflow:hidden;
text-indent:-9911px;
}

.fn a{ background:transparent url(/images/url-icon.gif) no-repeat scroll right 68%;
padding-right:23px;}
.fn a:hover{
	text-decoration: none;
}
.url{ color:#515E6B;}
.url:hover{ color:#515E6B;}

#recentcomments{ color:#768697;}
.content .search_results{ color:#AEC3D9;
font-size:26px; background:none; }



.navigation{ text-align:center; padding-top:39px; }
.navigation .wp-pagenavi{ height:18px; background:transparent url(images/dots_bottom.gif) repeat-x scroll left center;}
.navigation .current{ height:17px; width:20px;}

.navigation .wp-pagenavi span.pages {
background-color:#FAFAFC;
border:0 none;
color:#6B6666;
font-family:Candara,'Lucida Sans',Helvetica,Arial,Verdana;
font-size:11px;
margin:2px;
margin-right:10px;
padding:0px 4px 0 ;
-moz-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:2px;
-moz-border-radius-topleft:2px;
-moz-border-radius-topright:2px;
}

.navigation .wp-pagenavi span.current {
-moz-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:2px;
-moz-border-radius-topleft:2px;
-moz-border-radius-topright:2px;
 background-color:#FFFFFF; border:none; color:#000000; font-weight:bold; margin:2px; padding:0px 2px 0; font-size:12px;

}



.navigation .wp-pagenavi a { -moz-border-radius-bottomleft:2px; -moz-border-radius-bottomright:2px; -moz-border-radius-topleft:2px; -moz-border-radius-topright:2px;
background-color:#FAFAFC; border:1px solid #0066CC; color:#0066CC; margin:2px; font-size:11px; padding:0 4px 0; text-decoration:none;}

.navigation .wp-pagenavi a:link {
-moz-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:2px;
-moz-border-radius-topleft:2px;
-moz-border-radius-topright:2px;
background-color:#FAFAFC;
border:1px solid #0066CC;
color:#0066CC;
margin:2px;
padding:0 4px 0;
text-decoration:none;

}

.navigation .wp-pagenavi a:hover {
-moz-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:2px;
-moz-border-radius-topleft:2px;
-moz-border-radius-topright:2px;
background-color:#454A4B;
border:1px solid #222425;
color:#FFF;
font-size:11px;
margin:2px;
padding:0 4px 0;
text-decoration:none;
}

.navigation .wp-pagenavi a:visited {
-moz-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:2px;
-moz-border-radius-topleft:2px;
-moz-border-radius-topright:2px;
background-color:#FAFAFC;
border:1px solid #0066CC;
color:#0066CC;
font-size:11px;
margin:2px;
padding:0 4px 0;
text-decoration:none;
}


#header-blog-bottom{ height:33px; padding-left:7px;   }



#globalnav-blog { padding:0; width:590px;}
#globalnav-blog li{display:inline;}
#globalnav-blog li a{ background-image:url(/images/blog-header-bg.gif); background-repeat:no-repeat; float:left; height:0; overflow: hidden; padding-top:33px; width:98px; font-size:9px; }

#globalnav-blog li#gn-all a{ background-position: 0 -6px;}
#globalnav-blog li#gn-works a{ background-position: -98px -6px;}
#globalnav-blog li#gn-news a{ background-position: -196px -6px;}
#globalnav-blog li#gn-other a{  background-position: -294px -6px;}
#globalnav-blog li#gn-cn a{ background-position: -392px -6px; width: 63px;}

#globalnav-blog li#gn-en a{ background-position: -455px -6px; }
#globalnav-blog li#gn-en a:hover{ background-position:-455px -46px; }
#globalnav-blog li#gn-en a:active{ background-position:-455px -86px; }
#globalnav-blog li#gn-en-a a{ background-position: -455px -126px;}


#globalnav-blog li#gn-all-a a{ background-position: 0 -126px;}
#globalnav-blog li#gn-works-a a{ background-position: -98px -126px;}
#globalnav-blog li#gn-news-a a{ background-position: -196px -126px;}
#globalnav-blog li#gn-other-a a{  background-position: -294px -126px;}
#globalnav-blog li#gn-cn-a a{ background-position: -392px -126px; width: 63px;}

#globalnav-blog li#gn-cn-en a{ background-position: -455px -126px; }

#globalnav-blog li#gn-all a:hover{ background-position:0 -46px; }
#globalnav-blog li#gn-all a:active{ background-position:0 -86px;}

#globalnav-blog li#gn-works a:hover{ background-position:-98px -46px; }
#globalnav-blog li#gn-works a:active{ background-position:-98px -86px;}

#globalnav-blog li#gn-news a:hover{ background-position:-196px -46px;}
#globalnav-blog li#gn-news a:active{ background-position:-196px -86px;}

#globalnav-blog li#gn-other a:hover{ background-position:-294px -46px;}
#globalnav-blog li#gn-other a:active{ background-position:-294px -86px;}

#globalnav-blog li#gn-cn a:hover{ background-position:-392px -46px; width: 63px;}
#globalnav-blog li#gn-cn a:active{ background-position:-392px -86px; width: 63px;}



#s-h2{ color:#515E6B;
font-size:14px;
margin-bottom:15px;
padding-bottom:14px; }
#no-h2{-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://www.iconcastle.com/images/ra-left.gif) no-repeat scroll left 0;
color:#333333;
font-size:15px;
margin-right:3px;
padding:0 0 0 15px;
top:0;
}

.small-w{color:#6C6868; line-height:0.7em;}


/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

#categories-4{ padding-top:46px;}

/* Remove annoying border on linked images. */
a img { border: none; }


html { font-size:100.01%; }
body { 
  font-size:0.88em;
  color: #3b3b38; 
  font-family:Arial, Helvetica, sans-serif;
  background:url(images/body.gif) top left repeat;
}







/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #202020; }

h1 { font-size: 2.43em; line-height: 1.6; margin-bottom: 0.5em; font-family:Arial, Helvetica, sans-serif;  font-weight:bold;}
h2 { font-size: 1.57em; margin-bottom: 0.3em; font-family:'Microsoft Yahei','微软雅黑',Helvetica,Arial;  line-height:100%;  padding:0 0 0 0;}
h3 { font-size: 1.57em; line-height:1; margin-bottom: 0.5em; font-family:Georgia, Times, serif;}
h4 { font-size: 1.0em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 0.86em; color:#4a4a4a;  font-family:Georgia, Times, serif; }
h6 { font-size: 0.7em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}
h2 a, h2 a:visited
{      line-height: 1.3em;
	color:#4A5A6A;
	text-decoration:none;
font-family:'Microsoft Yahei','微软雅黑',Helvetica,Arial;
}
h2 a{
	text-decoration: none; color:#4A5A6A;
}
h2 a:hover{
	text-decoration: none; color:#02598D; text-shadow:0 1px 0 #ECECEE;
}
.logo h1
{ float:left; margin:28px 0 0 25px; color:#5E6C79;
	
	letter-spacing:-1px;
	line-height:110%;
	padding:0;
}
.logo h1 a, .logo h1 a:visited
{
	text-decoration:none;
	color:#4E5A65;
}
.logo h5 {
margin:34px 0 0 88px; color:#677480; text-shadow:0 1px 0 #FFFFFF;
}
h2 span
{  -moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
	font-family:Candara,'Lucida Sans',Helvetica,Arial,Verdana; 
	font-size:13px;
	background:#d81e08;
	padding:3px 7px;
	color:#fff;
	font-weight:bold;
	line-height:100%;
	margin:0 10px 0 0;
	position:relative;
	top:-4px;
}
.sidebar h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#697989;
	
	letter-spacing:-1px;
}
.post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6 
{font-weight: normal; color: #1c1c1c; font-family:Georgia, Times, serif; background:none; text-transform:none; padding:0; margin:0;}
.post_content h1 { font-size: 1.6em; line-height: 1; margin-bottom: 0.7em; }
.post_content h2 { font-size: 1.4em; line-height: 1; margin-bottom: 0.7em;}
.post_content h3 { font-size: 1.3em; line-height: 1; margin-bottom: 0.9em;}
.post_content h4 { color:#3B70BC; font-size: 1.1em; line-height: 1; margin-bottom: 0.9em; font-family:'Microsoft Yahei','微软雅黑',Helvetica,Arial; text-shadow:0 1px 0 #ECECEE;}
.post_content h5 { font-size: 0.9em; line-height: 1; margin-bottom: 0.9em; }
.post_content h6 {-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://www.iconcastle.com/images/h6-img.gif) no-repeat scroll left 25px;
color:#768697;
font-family:'Microsoft Yahei','微软雅黑',Helvetica,Arial;
font-size:16px;
font-weight:bold;
line-height:1.5em;
margin-bottom:0.9em;
padding-left:15px;
padding-top:19px;}

.post_content a{ text-decoration: underline; }
.post_content a:hover{ text-decoration: none;    color:#02598d; }
 
.post_content ul li{ -moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/images/ul-li-img.gif) no-repeat scroll left 10px;
padding-left:11px;}
/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 0.8em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #d81e08; text-decoration:none;}
a { color: #0A2128; text-decoration: underline; }

blockquote  { margin-bottom: 1.7em; padding:0 0 0 40px; background:url(images/blockquote.gif) top left no-repeat; color: #3b3b38; font-size:13px; font-style: italic; font-family:Georgia, "Times New Roman", Times, serif; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 		{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em Candara,'Lucida Sans',Helvetica,Arial,Verdana; color:#777; font-size:12px; line-height: 1.5;  line-height:1.8em;
}


/* Lists
-------------------------------------------------------------- */




/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.float-left { float:left; padding-top:31px;}
.float-right { float:right; padding-top:31px;}

.margin_left_10		{ margin-left:10px;}
.margin_right_10		{ margin-right:10px;}
.margin_top_10		{ margin-top:10px;}
.margin_bottom_10		{ margin-bottom:10px;}

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }


/* --------------------------------------------------------------
       grid.css
       * Sets up an easy-to-use grid of 24 columns.

       By default, the grid is 950px wide, with 24 columns
       spanning 30px, and a 10px margin between columns.

       If you need fewer or more columns, namespaces or semantic
       element names, use the compressor script (lib/compress.rb)

       Note: Changes made in this file will not be applied when
       using the compressor: make changes in lib/blueprint/grid.css.rb
-------------------------------------------------------------- */

/* A container should group all your columns. */
.container {
  width: 912px;
  margin: 0 auto;
}

/* Use this class on any div.span / container to see the grid. */
.showgrid {
  background: url(src/grid.png);
}


/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {
  float: left;
  
}

/* The last column in a row needs this class. */
.last, div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1 {width: 30px;}

.span-2 {width: 70px;}
.span-3 {width: 110px;}
.span-4 {width: 150px;}
.span-5 {width: 190px;}
.span-6 {width: 230px;}
.span-7 {width:186px;}
.span-8 {width: 10px;}
.span-9 {width: 350px;}
.span-10 {width: 390px;}
.span-11 {width: 430px;}
.span-12 {width: 470px;}
.span-13 {width: 510px;}
.span-14 {width: 550px;}
.span-15 {width: 590px;}
.span-16 {width: 700px;}
.span-17 {width: 670px;}
.span-18 {width: 710px;}
.span-19 {width: 750px;}
.span-20 {width: 790px;}
.span-21 {width: 830px;}
.span-22 {width: 870px;}
.span-23 {width: 910px;}
.span-24, div.span-24 { width:906px; margin-right:0; }

/* Use these classes to set the width of an input. */
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {
  border-left-width: 1px!important;
  border-right-width: 1px!important;
  padding-left: 5px!important;
  padding-right: 5px!important;
}

input.span-1, textarea.span-1 { width: 18px!important; }
input.span-2, textarea.span-2 { width: 58px!important; }
input.span-3, textarea.span-3 { width: 98px!important; }
input.span-4, textarea.span-4 { width: 138px!important; }
input.span-5, textarea.span-5 { width: 178px!important; }
input.span-6, textarea.span-6 { width: 218px!important; }
input.span-7, textarea.span-7 { width: 258px!important; }
input.span-8, textarea.span-8 { width: 298px!important; }
input.span-9, textarea.span-9 { width: 338px!important; }
input.span-10, textarea.span-10 { width: 378px!important; }
input.span-11, textarea.span-11 { width: 418px!important; }
input.span-12, textarea.span-12 { width: 458px!important; }
input.span-13, textarea.span-13 { width: 498px!important; }
input.span-14, textarea.span-14 { width: 538px!important; }
input.span-15, textarea.span-15 { width: 578px!important; }
input.span-16, textarea.span-16 { width: 618px!important; }
input.span-17, textarea.span-17 { width: 658px!important; }
input.span-18, textarea.span-18 { width: 698px!important; }
input.span-19, textarea.span-19 { width: 738px!important; }
input.span-20, textarea.span-20 { width: 778px!important; }
input.span-21, textarea.span-21 { width: 818px!important; }
input.span-22, textarea.span-22 { width: 858px!important; }
input.span-23, textarea.span-23 { width: 898px!important; }
input.span-24, textarea.span-24 { width: 938px!important; }

/* Add these to a column to append empty cols. */

.append-1 { padding-right: 40px;}
.append-2 { padding-right: 80px;}
.append-3 { padding-right: 120px;}
.append-4 { padding-right: 160px;}
.append-5 { padding-right: 200px;}
.append-6 { padding-right: 240px;}
.append-7 { padding-right: 280px;}
.append-8 { padding-right: 320px;}
.append-9 { padding-right: 360px;}
.append-10 { padding-right: 400px;}
.append-11 { padding-right: 440px;}
.append-12 { padding-right: 480px;}
.append-13 { padding-right: 520px;}
.append-14 { padding-right: 560px;}
.append-15 { padding-right: 600px;}
.append-16 { padding-right: 640px;}
.append-17 { padding-right: 680px;}
.append-18 { padding-right: 720px;}
.append-19 { padding-right: 760px;}
.append-20 { padding-right: 800px;}
.append-21 { padding-right: 840px;}
.append-22 { padding-right: 880px;}
.append-23 { padding-right: 920px;}

/* Add these to a column to prepend empty cols. */

.prepend-1 { padding-left: 40px;}
.prepend-2 { padding-left: 80px;}
.prepend-3 { padding-left: 120px;}
.prepend-4 { padding-left: 160px;}
.prepend-5 { padding-left: 200px;}
.prepend-6 { padding-left: 240px;}
.prepend-7 { padding-left: 280px;}
.prepend-8 { padding-left: 320px;}
.prepend-9 { padding-left: 360px;}
.prepend-10 { padding-left: 400px;}
.prepend-11 { padding-left: 440px;}
.prepend-12 { padding-left: 480px;}
.prepend-13 { padding-left: 520px;}
.prepend-14 { padding-left: 560px;}
.prepend-15 { padding-left: 600px;}
.prepend-16 { padding-left: 640px;}
.prepend-17 { padding-left: 680px;}
.prepend-18 { padding-left: 720px;}
.prepend-19 { padding-left: 760px;}
.prepend-20 { padding-left: 800px;}
.prepend-21 { padding-left: 840px;}
.prepend-22 { padding-left: 880px;}
.prepend-23 { padding-left: 920px;}



/* Border on right hand side of a column. */
div.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
div.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eee;
}


/* Use these classes on an element to push it into the
next column, or to pull it into the previous column.  */


.pull-1 { margin-left: -40px; }
.pull-2 { margin-left: -80px; }
.pull-3 { margin-left: -120px; }
.pull-4 { margin-left: -160px; }
.pull-5 { margin-left: -200px; }
.pull-6 { margin-left: -240px; }
.pull-7 { margin-left: -280px; }
.pull-8 { margin-left: -320px; }
.pull-9 { margin-left: -360px; }
.pull-10 { margin-left: -400px; }
.pull-11 { margin-left: -440px; }
.pull-12 { margin-left: -480px; }
.pull-13 { margin-left: -520px; }
.pull-14 { margin-left: -560px; }
.pull-15 { margin-left: -600px; }
.pull-16 { margin-left: -640px; }
.pull-17 { margin-left: -680px; }
.pull-18 { margin-left: -720px; }
.pull-19 { margin-left: -760px; }
.pull-20 { margin-left: -800px; }
.pull-21 { margin-left: -840px; }
.pull-22 { margin-left: -880px; }
.pull-23 { margin-left: -920px; }
.pull-24 { margin-left: -960px; }

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float: left; position:relative;}


.push-1 { margin: 0 -40px 1.5em 40px; }
.push-2 { margin: 0 -80px 1.5em 80px; }
.push-3 { margin: 0 -120px 1.5em 120px; }
.push-4 { margin: 0 -160px 1.5em 160px; }
.push-5 { margin: 0 -200px 1.5em 200px; }
.push-6 { margin: 0 -240px 1.5em 240px; }
.push-7 { margin: 0 -280px 1.5em 280px; }
.push-8 { margin: 0 -320px 1.5em 320px; }
.push-9 { margin: 0 -360px 1.5em 360px; }
.push-10 { margin: 0 -400px 1.5em 400px; }
.push-11 { margin: 0 -440px 1.5em 440px; }
.push-12 { margin: 0 -480px 1.5em 480px; }
.push-13 { margin: 0 -520px 1.5em 520px; }
.push-14 { margin: 0 -560px 1.5em 560px; }
.push-15 { margin: 0 -600px 1.5em 600px; }
.push-16 { margin: 0 -640px 1.5em 640px; }
.push-17 { margin: 0 -680px 1.5em 680px; }
.push-18 { margin: 0 -720px 1.5em 720px; }
.push-19 { margin: 0 -760px 1.5em 760px; }
.push-20 { margin: 0 -800px 1.5em 800px; }
.push-21 { margin: 0 -840px 1.5em 840px; }
.push-22 { margin: 0 -880px 1.5em 880px; }
.push-23 { margin: 0 -920px 1.5em 920px; }
.push-24 { margin: 0 -960px 1.5em 960px; }

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float: right; position:relative;}


/* Misc classes and elements
-------------------------------------------------------------- */

/* In case you need to add a gutter above/below an element */
.prepend-top {
  margin-top:1.5em;
}
.append-bottom {
  margin-bottom:1.5em;
}

/* Use a .box to create a padded box inside a column.  */
.box {
  padding: 1.5em;
  margin-bottom: 1.5em;
  background: #E5ECF9;
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd;
  color: #ddd;
  clear: both;
  float: none;
  width: 100%;
  height: .1em;
  margin: 0 0 1.45em;
  border: none;

}

hr.space {
  background: #fff;
  color: #fff;
  visibility: hidden;
}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow:hidden;
}
.clearfix, .container {display: block;  padding-bottom: 44px; *padding-bottom: 24px;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }
/* --------------------------------------------------------------

   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms

   Usage:
   * For text fields, use class .title or .text
   * For inline forms, use .inline (even when using columns)

-------------------------------------------------------------- */

label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  background-color:#fff;
  border:1px solid #bbb;
}
input[type=text]:focus, input[type=password]:focus,
input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #6A6C70;
}

.search-go  input[type=text]:focus, .search-go input[type=password]:focus,
.search-go input.text:focus,  .search-go input.title:focus,
.search-go textarea:focus, .search-go select:focus {
  border:none;
}

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  
}

input.text,
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 250px; padding:5px; }

input[type=checkbox], input[type=radio],
input.checkbox, input.radio {
  position:relative; top:.25em;
}

form.inline { line-height:3; }
form.inline p { margin-bottom:0; }


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice,
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }


.whole
{
	width:100%;
	overflow:hidden;
background:#FCFCFC url(/images/mian-bg-all.png) repeat-x scroll 0 -33px;
}
.topper
{
	width:980px;
	height:auto;
	margin:0 auto; margin-bottom:14px;
}
.wrap
{
	width:912px;
	overflow:hidden;
	margin:0 auto;
	margin-bottom:0;
	padding:0 0 0;
	background:transparent url(http://www.iconcastle.com/images/blog-bg-all.gif) repeat-y scroll left; }
.logo
{
	float:left;
	margin-bottom:35px;
	height:63px;
}

.rss {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
 background:transparent url(/images/rss-logo.jpg) no-repeat scroll left top;
font-family:Comic Sans MS,Candara,'Lucida Sans',Helvetica,Arial,Verdana;
height:36px;
margin:28px 0 0 67px;
padding:5px 0 0 45px;
width:83px;
}
.rss a, .rss a:visited
{     
	font-size:11px;
	line-height:12px;
        color:#697E92;
text-shadow: 0 1px 0 #FFFFFF;

}


.menu, .menu_left, .menu_right
{
	height:0;
}
.menu
{
	margin:2px 0;
	
}
.menu_left
{
	
}
.menu_right
{
	background:url(images/menu_right.gif) top right no-repeat;
}

.menu ul
{
	list-style:none;
	padding:0;
	margin:11px 0 0 0;
}
.menu ul li
{
	float:left;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin:0;
	padding:0;
	background:0;
	position:relative;
}
.menu ul li a, .menu ul li a:visited
{
	color:#747474;
	letter-spacing:-1px;
	text-decoration:none;
	margin:0 0 0 30px;
}
.menu ul li a:hover
{
	color:#000;
}
.menu ul li.current_page_item a, .menu ul li.current_page_item a:visited
{
	color:#000;
}
.menu ul li ul 
{ 	
	position: absolute; 
	left:20px; 
	top: 15px;
	padding:0;
	margin:0;
	display:none; 
	width:150px;
	list-style:none;
	background:#e8e5c6;
	border:1px solid #d5d2b1;
}
.menu ul li ul a, .menu ul li ul a:visited
{
	margin:0 0 0 4px;
}
.menu ul li ul li
{
	float:none;
	padding:5px 0 5px 5px;
	display:block;
	margin:0;
	position:relative;
	border-bottom:1px solid #d5d2b1;
}
.menu ul li ul li ul
{
	position: absolute; 
	left:150px; 
	top:0px;
	display:none; 
	padding:0px 0 0 0;
	list-style:none;
}


.menu ul li:hover ul, .menu ul li.over ul { display: block; } 
.menu ul li:hover ul li ul, .menu ul li.over ul li ul { display: none; } 
.menu ul li ul li:hover ul, .menu ul li ul li.over ul { display: block; } 


.mainbar
{
	float:left;
	width:702px;
	margin:0 6px 0 0;
}
.content
{ color:#0066CC;
  
	padding:0 28px;
	
}
.content h2 {
color:#454B53;
padding-top:32px;
font-size:24px;
font-weight:200; padding-bottom: 5px;
}
.post_meta {
color:#768697;
float:left;
font-family:Candara,'Lucida Sans',Helvetica,Arial,Verdana;
font-size:11px;
margin:0 2px 30px 0;
padding:0;
}
.post_meta a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://www.iconcastle.com/images/blog-mini-01.gif) no-repeat scroll 8px 5px ;
*background:transparent url(http://www.iconcastle.com/images/blog-mini-01.gif) no-repeat scroll 8px 3px ;
color:#768697;
padding-left:15px; font-size:11px; 
}

.post_meta_views {
background:transparent url(http://www.iconcastle.com/images/blog-mini-01.gif) no-repeat scroll 8px 5px ;
*background:transparent url(http://www.iconcastle.com/images/blog-mini-01.gif) no-repeat scroll 8px 3px ;
color:#768697;
float:left;
font-family:Candara,'Lucida Sans',Helvetica,Arial,Verdana;
font-size:11px;
margin:0 2px 20px 1px;
padding:0 0 0 15px;
}

.post_content
{
	line-height:22px;
}


ol.commentlist
{
	display:block;
	list-style:none;
	margin:0;
	padding:0 0 0px;
}
li.comment
{
	display:block;
	padding:10px 0px 0 0;
	margin:0 0 0px;
	overflow:hidden;
}
li.pingback
{
	display:block;
	padding:10px 0px 0 0;
	margin:0 0 10px;
	overflow:hidden;
}
li.pingback .vcard
{
	padding:0 0px 0 75px;
}
li.pingback .p
{
	padding:0 0px 0 75px;
}
li.pingback .commentmetadata
{
	padding:0 0px 0 75px;
}

#replied-top img{ border: 0px solid #f1f3f5;  padding: 0px; } 

li.comment img
{

	float:left;
	margin:0 15px 0 0;  border: 2px solid #f1f3f5;  padding: 2px;
}



li.comment cite
{color:#515E6B;
float:left;
font-family:'Microsoft Yahei','微软雅黑',Helvetica,Arial;
font-size:14px;
font-style:normal;
line-height:100%;
margin:0;
padding-right:5px;
}
li.comment span {
color:#FAFAFC;
float:left;
font-size:1px;
font-style:normal;
}
.commentmetadata {
font-size:9px;
font-style:italic;
line-height:58%;
margin:0 0 2px;
padding:7px 0 8px;
}
.commentmetadata a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;

color:#939EAE;
padding-left:2px;
}

.commentmetadata a:hover {
	color:#939EAE;
	text-decoration: none;
}
.comment-body
{         background: url("http://www.iconcastle.com/images/comment-body-bg.jpg") no-repeat scroll 0 100% transparent;
    margin-bottom: 8px;
    overflow: hidden;
    padding-bottom: 14px;
    width: 100%;
}
.comment-body p
{ color:#353A40;
font-family:Candara,'Lucida Sans',Helvetica,Arial,Verdana;
font-size:12px;
height:auto;
line-height:1.5em;
overflow:hidden;
padding:6px 0 1px;
width:auto;
}
.comment-body blockquote
{
	overflow:hidden;
	float:right;
	padding:0 0 10px 10px;
	margin:0;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.post_comment
{
	padding:15px 28px;
	margin-bottom:20px;  width:659px;	
}
.post_comment h2 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://www.iconcastle.com/images/ra-left.gif) no-repeat scroll left 0;
color:#333333;
font-family:Candara,'Lucida Sans',Helvetica,Arial,Verdana;
font-size:15px;
font-weight:bold;
margin-top:25px;
padding-left:17px;
width:644px;
}
.commentform_inner h3
{
	padding:0 0 10px 9px;
	color:#fff;
}

.commentform_hint
{
	overflow:hidden;
	color:#fff;
	font-size:11px;
}
form.commentform_form
{
	width:100%;
	overflow:hidden;
}
.commentform_left
{
	float:left;
	width:203px;
	overflow:hidden;
	padding:0 0 0 0;
}
.commentform_right
{
	float:left;
	width:429px; padding-left:12px;
	overflow:hidden; 
}
.commentform_title
{
	color:#808A95;
	padding:9px 0 3px 0;

	
	font-size: 11px;
	
}
.commentform_left input
{    padding:1px 0 0 19px;
	width:172px;
	height:19px;
	border:1px solid #A0ACB9;
	margin:0; color:#565D66;
	
}
.commentform_left #author { background:transparent url(http://www.iconcastle.com/images/comment-bg.gif) no-repeat scroll 3px 4px; }
.commentform_left #email { background:transparent url(http://www.iconcastle.com/images/comment-bg.gif) no-repeat scroll 4px -45px; }
.commentform_left #url { background:transparent url(http://www.iconcastle.com/images/comment-bg.gif) no-repeat scroll 4px -92px; }

.commentform_right textarea {
background:transparent url(http://www.iconcastle.com/images/comment-bg.gif) no-repeat scroll 3px -130px;
border:1px solid #A0ACB9;
height:117px; *height:115px;
margin:0;
padding:3px 0 0 17px;
width:410px; color:#565D66;
}

.commentform_right textarea:focus{ border:1px solid #6A6C70;}

.commentform_right input.commentform_submit
 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://www.iconcastle.com/images/post.gif) no-repeat scroll 0 0;
border-color:#479500;
border-style:solid;
border-width:1px;
color:#FFF;
cursor:pointer;
float:right;
font-family:Helvetica,sans-serif;
font-size:20px;
height:36px;
letter-spacing:1px;
line-height:100%;
margin: 24px 0 0;
width:147px;   -moz-border-radius:22px; text-shadow: 0 1px 0 #2e7f00; cursor: pointer; vertical-align: baseline;
}

.commentform_right input.commentform_submit:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://www.iconcastle.com/images/post.gif) no-repeat scroll 0 -35px;
color:#fff;
}

.sidebar ul
{
	margin:0;
	padding:0;
}
.sidebar ul li
{  list-style-type: none;
	background:none;
	margin:0;
	padding:5px 11px 17px 10px;	
}
.sidebar ul li ul
{
}
.sidebar ul li a 
{ font-family:Candara,'Lucida Sans',Helvetica,Arial,Verdana; color:#515E6B; 
}
.sidebar ul li a:hover{ color:#515E6B; text-decoration: underline;}
.sidebar ul li ul li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/images/main-4.gif) no-repeat scroll left 5px;
font-size:12px;
line-height:1.4em;
padding:0 0 4px 15px;
}

.tags
{
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background-color:#F1F3F5;
border:1px dotted #B7B9BC;
color:#3B3333;
float:left;
font-family:Candara,Verdana,Arial,Helvetica,sans-serif;
font-size:13px;
margin:27px 0 20px;
padding:8px 8px; line-height:1.9em;
}
.tags a{ color:#3B709D;}
.tags-header{  border-right:1px dotted #B7B9BC;
font-weight:bold;
padding-right:5px; color:#3B709D; }

.footer
{
	font-size:12px;
	margin:0 auto 0;
	color:#999;
}
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}
.post_pages
{
	margin:0px 0 20px;
	font-size:12px;
}

















body { margin: 0px;	 font-family:Candara,Verdana, Arial, Helvetica, sans-serif; }
* {margin:0; padding:0; border:0; }
p { color:#595959;
font-family:Candara,'Lucida Sans',Helvetica,Arial,Verdana;
font-size:14px;
line-height:1.7em;
text-shadow:0 1px 0 #ECECEE;  }
h1{ color:#364149; font-family:Arial, Helvetica, sans-serif; font-size:24px;  padding-bottom:8px;}
h2 { color:#364149;  font-size:18px; font-family:Arial, Helvetica, sans-serif,宋体; }
h3 { color:#364149; font-size:14px;  font-family:Candara,Verdana, Arial, Helvetica, sans-serif; padding-bottom:6px;}
h4 {color:#364149; font-size:13px; font-family:Arial, Helvetica, sans-serif; padding-bottom:6px; font-weight:bold;}
h5 {color:#8799AB; font-size:13px; font-family:Comic Sans MS,Candara,'Lucida Sans',Helvetica,Arial,Verdana; padding-bottom:6px;}
img { border:0;}
a{ color:#0a2128; text-decoration: none; outline: none; }
a:hover{ color:#02598D;  }
#index-h1{ color:#364149; font-family:Arial, Helvetica, sans-serif; font-size:33px; text-align:center; padding-bottom:8px;}
.style-down{ font-size:11px; line-height:1.1em; color:#5E6B78; font-style: italic;}
.style-down-2{ font-size:10px; color:#979797; padding-bottom:6px;}
.clear-all{ clear:both; height:17px;}
.www-h3{ padding:13px 0 6px 0;}


body{  background:transparent url(/images/mian-bg-all.png) repeat-x scroll 0 -33px; background-color:#FCFCFC;}
#container{  width:980px; margin:0 auto; height:auto; padding-bottom:60px;  }
#helpPanel{ postion: relative; padding: 0pt; display: none; width: 980px; margin:0 auto; }
/*-----------------ul --------------------*/
ul{ font-size:12px; color:#6C6868; list-style-type: none; font-size:12px;
list-style-image:none;
list-style-position:outside;
list-style-type:none; }

ui li{ font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-right:10px;  list-style-type: none;}
ui li a{ color:#717171; font-size:12px; }
ui li a:hover{ }
.navbottom li{font-size:12px; font-family:Arial, Helvetica, sans-serif;  margin-right:10px;  list-style-type: none; }
.navbottom li a{ color:#878787; font-size:11px; }
.navbottom li a:hover{ color:#4E4E4E;}
.navbottom .ppa{ margin: 0 0 1px 0; height: 18px; padding-left: 13px; background:url(/images/icons/arrow.gif) no-repeat 0px 0px; border:0;  list-style-type: none;}

.navbottom-2 li{font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-right:10px;  list-style-type: none; }
.navbottom-2 li a{ color:#43A6D8; font-size:11px; }
.navbottom-2 li a:hover{ color:#C54D11;}
.navbottom-2 .ppa{ margin: 0 0 1px 0; height: 18px; padding-left: 13px; background:url(/images/icons/arrow-b.gif) no-repeat 0px 0px; border:0;  list-style-type: none;}

/*-----------------header --------------------*/
#header{ height:70px; background:transparent url(/images/main.jpg) no-repeat scroll 13px  -543px;}
#logo-top{ float:left; width:201px; height:70px; background:transparent url(/images/main.jpg) no-repeat scroll 0 -614px; }
#logo-top a{     background: url(/images/main.jpg) no-repeat scroll 0 -614px transparent;
    float: left;
    height: 42px;
    padding: 12px 0 0 23px;
    width: 150px;}
#logo-top .logo-top-p{text-indent:-9000px; font-size:11px; color:#fff;}

.top_on { margin-left:489px; width:484px; height:18px; }
.top_on_p{ text-indent:-9911px; font-size:11px; color:#fff;}
.top_on a{background:transparent url(/images/main.jpg) no-repeat scroll 0 -719px; width:484px;height:18px;display:block;}
.top_on a:hover{background:transparent url(/images/main.jpg) no-repeat scroll 0 -738px;}


#contact-ul {margin:0; padding:0;}
#contact-ul li{display:inline;}
#contact-ul li a{ background:url(/images/main.jpg) no-repeat scroll 0 -719px;; float:left; overflow: hidden; width:484px; text-indent:-9000px; font-size:11px; color:#fff; }
#contact-ul li a:hover{ background:url(/images/main.jpg) no-repeat scroll 0 -738px;; float:left; overflow: hidden; width:484px; }

/*-----------------nav --------------------*/
#nav-left{ float:left;  width:156px; height:33px;background:transparent url(../images/main.jpg) no-repeat scroll 0 -685px;}
#nav-right{ }

#header-bottom{ height:33px; }
#globalnav {margin: 0;
    padding: 0 0 0 30px;}
#globalnav li{display:inline;}
#globalnav li a{ background-image:url(http://www.iconcastle.com/images/globalnavbg.gif); background-repeat:no-repeat; float:left; height:0; overflow: hidden; padding-top:38px; width:150px; }
#gn-right{ background-image:url(http://www.iconcastle.com/images/globalnavbg.gif); background-repeat:no-repeat; float:left; height:0; overflow: hidden; padding-top:38px; width:150px;}
#gn-right{ background-position:100% 0; position:absolute; width:150px;}

#globalnav li#gn-home a{ background-position: 0 0;}
#globalnav li#gn-home-2 a{ background-position: 0 -126px;}

#globalnav li#gn-showcase a{ background-position: -150px 0;}


#globalnav li#gn-about a{ background-position: -300px 0;}
#globalnav li#gn-services a{  background-position: -450px 0;}

#globalnav li#gn-services-2 a{  background-position: -450px -126px;}

/*--#globalnav li#gn-faq a{ background-position: -464px 0;}--*/
#globalnav li#gn-download a{ background-position: -600px 0;}
#globalnav li#gn-blog a { background-position: -750px 0;}
#globalnav li#gn-blog-2 a { background-position: -750px -126px;}



#globalnav li#gn-home a:hover{ background-position:0 -42px; }
#globalnav li#gn-home a:active{ background-position:0 -84px;}

#globalnav li#gn-showcase a:hover{ background-position:-150px -42px; }
#globalnav li#gn-showcase a:active{ background-position:-150px -84px;}

#globalnav li#gn-about a:hover{ background-position:-300px -42px;}
#globalnav li#gn-about a:active{ background-position:-300px -84px;}

#globalnav li#gn-services a:hover{ background-position:-450px -42px;}
#globalnav li#gn-services a:active{ background-position:-450px -84px;}

/*--
#globalnav li#gn-faq a:hover{ background-position:-464px -42px;}
#globalnav li#gn-faq a:active{ background-position:-464px -84px;}
--*/

#globalnav li#gn-download a:hover{ background-position:-600px -42px;}
#globalnav li#gn-download a:active{ background-position:-600px -84px;}

#globalnav li#gn-blog a:hover{ background-position:-750px -42px;}
#globalnav li#gn-blog a:active{ background-position:-750px -84px;}

#globalnav li#gn-about-2 a {
    background-position: -300px -126px;
}

/*-----------------search --------------------*/
#search{     float: right;
    margin-top: 15px; *margin-top: 18px;
    padding-right: 43px; *padding-right: 43px; }
form { display:inline; }
.search-go{ }
.search-go .input {color:#E0E0E0; font-family:Arial,Helvetica,sans-serif; font-size:11px; line-height:1.3em; width:100px; padding-left:5px; }
.search-go input { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent none repeat scroll 0 0; border:medium none; height:18px; text-align:left;
margin-left:9px; padding-top:1px; }
.search-go .search-w {outline: none; cursor:pointer; width:28px; }

/*-----------------showcase --------------------*/
#showcase{ width:912px; margin:0 auto; padding-right:9px;}


/*-----------------center-bar --------------------*/
#center-bar{ clear:both; width:906px; margin:0 auto; position:relative;  margin-top:3px; margin-bottom:7px; height:149px; background:transparent url(/images/main.jpg) no-repeat scroll 0 -393px;}
#center-bar .center-bar-left{  float:left; width:302px; margin:15px 0 0 0;}
#center-bar .center-bar-center{  float:left; width:302px; margin:15px 0 0 0;}
#center-bar .center-bar-right{ float:right; width:302px; margin:15px 0 0 0;}

#center-bar .center-bar-left .cbl-bg-img-left{ float:left; width:119px; height:117px; margin:1px 2px 3px 4px; background:transparent url(/images/main-2.png) no-repeat scroll 0 0px; }
#center-bar .center-bar-center .cbl-bg-img-center{ float:left; width:119px; height:117px; margin:1px 2px 3px 4px; background:transparent url(/images/main-2.png) no-repeat scroll 0 -122px; }
#center-bar .center-bar-right .cbl-bg-img-right{ float:left; width:119px; height:117px; margin:1px 2px 3px 4px; background:transparent url(/images/main-2.png) no-repeat scroll 0 -248px; }

#center-bar .center-bar-left p{ line-height:1.5em; font-size:13px; color:#4B5F71; }
#center-bar .center-bar-center p{ line-height:1.5em; font-size:13px; color:#4B5F71; }
#center-bar .center-bar-right p{ line-height:1.5em; font-size:13px; color:#4B5F71; }


#center-bar .center-bar-left .cbl-bg-img-left p{ text-indent:-9000px; }
#center-bar .center-bar-center .cbl-bg-img-center p{ text-indent:-9000px;}
#center-bar .center-bar-right .cbl-bg-img-right p{ text-indent:-9000px;}


#center-bar .center-bar-left .cbl-bg-img-left a{ display:block;  width:119px; height:117px;  outline: none;}
#center-bar .center-bar-center .cbl-bg-img-center a{ display:block; width:119px; height:117px;  outline: none;}
#center-bar .center-bar-right .cbl-bg-img-right a{ display:block; width:119px; height:117px;  outline: none;}



#center-bar .center-bar-left .cbl-bg-img-left-more {   position:absolute; top:98px; left:125px;}
#center-bar .center-bar-left .cbl-bg-img-left-more a{ float:left; width:82px; height:21px;  background:transparent url(/images/readmore.png) no-repeat scroll 0 0; text-indent:-9000px;}
#center-bar .center-bar-left .cbl-bg-img-left-more a:hover{ float:left; width:82px; height:21px;  background:transparent url(/images/readmore.png) no-repeat scroll 0 -22px; text-indent:-9000px;}

#center-bar .center-bar-center .cbl-bg-img-center-more { position:absolute; top:98px; left:428px;}
#center-bar .center-bar-center .cbl-bg-img-center-more a{ float:left; width:82px; height:21px;  background:transparent url(/images/readmore.png) no-repeat scroll 0 0; text-indent:-9000px;}
#center-bar .center-bar-center .cbl-bg-img-center-more a:hover{ float:left; width:82px; height:21px;  background:transparent url(/images/readmore.png) no-repeat scroll 0 -22px; text-indent:-9000px;}

#center-bar .center-bar-right .cbl-bg-img-right-more { position:absolute; top:98px; left:729px;}
#center-bar .center-bar-right .cbl-bg-img-right-more a{ float:left; width:82px; height:21px;  background:transparent url(/images/readmore.png) no-repeat scroll 0 0; text-indent:-9000px;}
#center-bar .center-bar-right .cbl-bg-img-right-more a:hover{ float:left; width:82px; height:21px;  background:transparent url(/images/readmore.png) no-repeat scroll 0 -22px; text-indent:-9000px;}


/*-----------------wer --------------------*/
#wer{clear:both; width:904px; margin:0 auto; height:165px; background-color:EDF0F2; border:1px dashed #A9AFB7; position:relative; margin-top:15px; 
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px; margin-bottom:17px;}
#wer .wer-title{ height:33px; border-bottom:1px dashed #A9AFB7; background-color:#C9D1DA;}
#wer .wer-title .wt-left{ float:left; width:302px;}
#wer .wer-title .wt-center{ float:left; width:302px;}
#wer .wer-title .wt-right{ float:right; width:302px;}

#wer .wer-title .wt-left .overlap2{ left:16px; position:absolute; top:6px; width:200px;  }
#wer .wer-title .wt-left .overlap{ left:16px; position:absolute; top:5px; width:200px;}
#wer .wer-title .wt-center .overlap2{ left:314px; position:absolute; top:6px; width:200px; }
#wer .wer-title .wt-center .overlap{ left:314px; position:absolute; top:5px; width:200px;}
#wer .wer-title .wt-right .overlap2{ left:618px; position:absolute; top:6px; width:196px; }
#wer .wer-title .wt-right .overlap{ left:618px; position:absolute; top:5px; width:196px;}

.owhat{ font-size:20px; padding-right:6px;}
#wer  .overlap2 h4{ color:#fff; font-family:Arial,Candara,Verdana, Arial, Helvetica, sans-serif;}
#wer  .overlap h4 {  color:#4B5F71; font-family:Arial,Candara,Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}

#wer .wer-bottom{ height:126px;}
#wer .wer-bottom .wb-left{  float:left; width:302px;}
#wer .wer-bottom .wb-center{  float:left; width:302px;}
#wer .wer-bottom .wb-right{  float:right; width:298px;}

#wer  ul{ padding:10px 0 0  38px;}
#wer li { list-style-type: none; background:transparent url(/images/main-3.gif) no-repeat scroll 0px 0px; padding-left:14px; line-height:1.6em;}
#wer li a{ font-size:12px; text-decoration: none; color:#7C7F82; font-weight:300; font-family:Arial,Candara,Verdana, Arial, Helvetica, sans-serif;  }
#wer li a:hover{ color:#929699;}
#wer li a:hover{ color:#929699; border-bottom:1px dotted #7C7F82;}
#wer .wer-ui { background-position:0 5px; }
#wer .wer-ic { background-position:0 5px; }
#wer .wer-web { background-position:0 5px; }
#wer .wer-ill { background-position:0 5px; }
#wer .wer-tw { background-position:0 -13px; }
#wer .wer-blog { background-position:0 -13px; }
#wer .wer-link { background-position:0  -13px; }
#wer .wer-upload { background-position:0 5px; }

.wer-upload-title{ font-size:10px; color:#939699; font-weight:300;}
/*------------------------------------top-title  bottom-title-------------------*/
#top-title{ height:131px; width:912px; background-color:#FFFFFF; background:transparent url(/images/blog-bg-top-bottom.jpg) no-repeat scroll 0 0;
 margin:0 auto;}
 
#bottom-title{  height:56px; width:912px; background-color:#FFFFFF; background:transparent url(/images/blog-bg-top-bottom.jpg) no-repeat scroll 0 -132px;
 margin:0 auto;}

#bottom-title p{ }
#bt-all{ float:right; margin:31px 4px 0 0;}
.back-top {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://www.iconcastle.com/images/top-bg-all.gif) no-repeat scroll 0 0;
font-size:15px;
height:17px;
overflow:hidden;
padding:0 0 0 24px; color:#929799;
width:16px;

display:block;
overflow:hidden;
text-indent:-9911px;
}
 .back-top:hover{ background:transparent url(http://www.iconcastle.com/images/top-bg-all.gif) no-repeat scroll 0 -18px; width:39px; height:17px; overflow:hidden; padding:0 0 0 1px; color:#696D6F;
 display:block;
overflow:hidden;
text-indent:-9911px;
} 

/*------------------------------------footer-------------------*/
#footer{  clear:both; height:31px; width:904px;  border:1px dashed #BABABA;  background:transparent url(/images/mian-bg-all-footer.jpg) repeat-x scroll 0 0; margin:0 auto; margin-top:0px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;}
.copyright{ float:left; width:500px; padding-left:17px; }
.partner{ float:right; padding-right:17px; }
#footer .partner p{ color:#9A9A9A;}
#footer p{ font-size:11.2px; color:#A0A0A0; padding:6px 0 0 0;}
#footer a{ color:#737373;}
#footer a:hover{ color:#285CE4;}

.sidebar h2 {

font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
letter-spacing:0;

padding-bottom:12px;
 text-shadow:0 1px 0 #fff;
background:url("images/dots_1.gif") repeat-x scroll left bottom transparent;
}


.whole{ padding-bottom:50px;}

#recent-posts-3{ padding-top:40px;}