/* Ccyun.com 2010 */
/* 2009-03-23 */
/* Designed by Xiaoyun,Hangzhou China
   Email/Gtalk:ccyunoo@gmail.com
*/

body {padding: 0; margin: 0; font-size: 75%; line-height: 140%; font-family:Arial, Helvetica, sans-serif; background:url(../blog/images/topbg.gif) repeat-x top left white; color:#666; }
body,html{}

p{ text-indent:2em; }
img{border:0px solid white; }
a{color: #666; text-decoration:none; }
a:hover{color:#000; text-decoration:underline;  }


.h-10px{ height:10px; display:block; }

h2{ margin:0; padding:0 10px 12px 0; font-size:22px; color:#ccc; }
h3{ margin:0; padding:8px 0 5px 0; font-weight:bold; font-size:22px;  }
h4{ margin:0; padding:5px 0 5px 0; font-weight:bold; font-size:12px; }



/* header begin */
.header{ background:url(../blog/images/logos.gif) no-repeat 22px 42px; margin-bottom:20px; height:84px;width:100%; border-bottom:1px dotted #ccc; }

.menuBar{ padding:38px 0 0 186px; clear:both;  }
.menuBar ul li{ float:left; padding:0 20px; list-style:none; border-right:1px solid #ccc; font-size:16px; }
.menuBar ul li.m-active{ font-weight:bold;}


/* 
//
main begin 
*/

.main{margin:0 0 10px 0;padding:10px 0px 10px 10px; width:980px; min-width:980px;  float:left; }

.main ul{ margin:0; padding:0; }
.main ul li{ margin:0; padding:0; list-style:none;line-height:22px; }

.moreBar{ margin:5px 0 0 22px; width:55px; height:14px; line-height:14px; text-align:center; background:url(../image/more_bg.gif) no-repeat; text-shadow:1px 1px 0 #fff}


/* index main-L begin */
.index-main-L{padding:20px 50px 0 40px; width:668px; float:left; border-right:1px dotted #efefef; position:relative; }
.index-main-L h3{margin:18px 0 10px 0; font-size:18px; }
.index-main-L span{ position:absolute; top:15px; right:45px; width:30px; height:30px; background:url(../image/img_lt.gif) no-repeat top right; display:block; z-index:10;}

.index-banner{}

.index-service-list{ margin-top:20px; border-top:2px solid #efefef; }
.index-service-list ul{}
.index-service-list ul li{margin:10px 20px; float:left; width:290px; height:164px; }

.index-service-list p{ float:left; text-indent:0; margin:0; }
.index-service-list p img{ margin-top:10px; padding:0 8px 0 0; }

.photobar{ float:left; width:668px; margin-top:20px;  border-top:2px solid #efefef; }
.photobar li{ float:left;width:220px;}
.photobar p{margin-top:3px!important; margin-bottom:20px;}




/* main-L begin */
.main-L{ padding:0 20px 0 10px; width:500px; height:auto; border-right:1px solid #efefef; float:left; }
.info-i{ color:#999;}
.info-t{ font-style:italic ; font-size:11px; }

.updateBar{ position:relative; margin:0px 0px 25px 0; height:110px;}
.updateBar span{ position:absolute; top:-4px; right:-4px; width:30px; height:30px; background:url(../image/img_lt.gif) no-repeat top right; display:block; z-index:10;}


.d-head-ui{margin:10px 0 13px 0; width:240px; height:100px; background:url(../image/tit1.gif) no-repeat center center #e6e6e6; position:relative; }
.d-head-ui span{ position:absolute; top:-4px; right:-4px; width:30px; height:30px; background:url(../image/img_lt.gif) no-repeat top right; display:block; z-index:10;}

.d-head-vi{margin:10px 0 13px 0; width:240px; height:100px; background:url(../image/tit2.gif) no-repeat center center #eadf9f; position:relative; }
.d-head-vi span{ position:absolute; top:-4px; right:-4px; width:30px; height:30px; background:url(../image/img_lt.gif) no-repeat top right; display:block; z-index:10;}


.main-L-1{padding:0 15px 0 0; width:240px;/* border-right:1px dotted #ccc;*/ float:left;}
li.ui-box{ position:relative;  height:95px; background:red; background:url(../image/ui_imgbg.gif) no-repeat top left;}
li.ui-box span{ position:absolute; top:14px; left:17px; }
li.ui-box ul.ui-box-info{  position:absolute; top:10px; left:98px; }
li.ui-box ul.ui-box-info li{ line-height:16px; }
li.ui-box ul.ui-box-info li h4{ padding:5px 0 3px 0;}

.main-L-2{margin-left:5px; padding:0; width:240px;  float:left;}
li.vi-box{ position:relative;  height:95px; background:red; background:url(../image/vi_imgbg.gif) no-repeat top left;}
li.vi-box span{ position:absolute; top:14px; left:16px; }
li.vi-box ul.vi-box-info{  position:absolute; top:10px; left:98px; }
li.vi-box ul.vi-box-info li{ line-height:16px; }
li.vi-box ul.vi-box-info li h4{ padding:5px 0 3px 0;}


/* pageview */
.linkBar{ color:#ccc;  }
.d-info{margin:5px 0 10px 0; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;}
.d-main{margin:30px 0; overflow:hidden; width:640px; }


/* main-M begin */
.main-M{ padding:0 0 0 10px; width:235px; border-right:1px solid #efefef; float:left;}
li.p-box{ position:relative;  height:95px; background:red; background:url(../image/p_imgbg.gif) no-repeat top left;}
li.p-box span{ position:absolute; top:14px; left:19px; }
li.p-box ul.p-box-info{  position:absolute; top:10px; left:98px; }
li.p-box ul.p-box-info li{ line-height:16px; }
li.p-box ul.p-box-info li h4{ padding:5px 0 3px 0;}


.main-body{ float:left; margin:0 10px; }
.main-body ul{ float:left; margin-right:15px;  margin-bottom:30px;  }
.main-body ul li{ line-height:12px; }
.main-body h4{font-size:14px; }

.m-b-info{color:#ccc; font-style:italic;}

/* main-R begin */
.main-R{ padding:0 0 0 15px; width:150px; float:left;}
.main-R ul li{ text-indent:2em;}
.main-R ul li.icon-b{ background:url(../image/s_icon.gif) no-repeat 0 4px;}
.main-R ul li.icon-g{ background:url(../image/s_icon.gif) no-repeat 0 -24px;}
.main-R ul li.icon-t{ background:url(../image/s_icon.gif) no-repeat 0 -52px;}
.main-R ul li.icon-y{ background:url(../image/s_icon.gif) no-repeat 0 -82px;}
.main-R ul li.icon-f{ background:url(../image/s_icon.gif) no-repeat 0 -109px;}
.main-R ul li.icon-w{ background:url(../image/s_icon.gif) no-repeat 0 -135px;}

ul.list li{ text-indent:0; line-height:16px; margin-bottom:5px;}
ul.list li span{ font-style:italic}


.rssFeed{margin:26px 0 0 -10px;}
/* footer begin */
.footer{ clear:both;  float:left; margin-top:36px; padding:10px 0px; width:100%; text-indent:1em; font-size:10px; color:#666; border-top:1px dotted #ccc; }