﻿/*  
Theme Name: fanggege V1.0
Theme URI: http://it.liuhuafang.com/200902/fanggegev1
Description: 三栏主题 内容页和主页分别定义widgets
Version: 1.0
Author: 柳华芳
Author URI: http://it.liuhuafang.com/
*/
body{
FONT-SIZE: 10pt; LINE-HEIGHT: 18pt; FONT-FAMILY: Arial,宋体; font-weight: none;
color:#444444;

margin: 0px auto 0px;text-align:center;

}
a{
color:#135E93;
text-decoration:none;
}
a:visited{
color:#135E93;
text-decoration:none;
}
a:hover{
color:#135E93;
text-decoration:underline;
}
img{
border:none;
}
li{list-style-type:none;}
table{ margin:0 auto;}

ol,ul {list-style:none;}

p{
padding:0px 0px 3px 0px;
margin:0px;text-indent:2em;
}
h1{
margin:0px;
margin-left:10px;
height:60px;
font:bold 36px/100% "宋体","Segoe UI",Tahoma,Arial;
color:#135E93;
}
h1 a,h1 a:visited{
color:#135E93;
text-decoration:none;
}
h1 a:hover{
color:#135E93;
text-decoration:none;
}
h2{
color:#135E93;
margin:0px 0px 2px;
font:normal 18px/120% "宋体","Segoe UI",Tahoma,Arial;
padding-bottom:3px;
}
h2 a,h2 a:visited{
color:#135E93;
text-decoration:none;
}
h2 a:hover{
color:#135E93;
text-decoration:none;
border-bottom:1px solid #135E93;
}
h3{
font:normal 140%/100% "宋体","Segoe UI",Tahoma,Arial;
color:#135E93;
margin:3px 0px 4px;
}
h4{
font:normal 130%/100% "宋体","Segoe UI",Tahoma,Arial;
color:#135E93;
margin:1px 0px 1px;
}
form{
margin:0px;
padding:0px;
}
#page{

	background: #FFFFFF url(images/bg.png) repeat-x;
	
	font-size: 10pt;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px auto 0px;
	padding: 0px;
	}

/* header */

.header{
	width:980px;
	padding-top:1px;
	overflow:hidden;
margin:0 auto;height: 90px;
}
.header a{
	color:#777;
}
.header a:hover{
	color:#390;
	text-decoration:none;
}
.header .top{
	clear:both;
	overflow:hidden;
}
.header .title{
	float:left;
	padding-left:16px;height: 90px;
}
.header .title .tt{
	width:200px;

	margin-top:16px;

	
}
.header .banner{
	width:480px;
	height:66px;
	float:left;
	margin-left:40px;
	overflow:hidden;
}
.header .banner img{
	width:480px;
	height:66px;
	display:block;
}
.header .rlink{
	width:172px;
	height:82px;
	float:left;
	margin-left:32px;
	overflow:hidden;
	padding-top:4px;
}
.header .rlink ul li{
	width:78px;
	height:21px;

	float:left;
	margin-right:8px;
	margin-bottom:8px;
	overflow:hidden;
}
.header .rlink ul li a{
	display:block;
	color:#777;
	line-height:21px;
	text-indent:22px;

	background-repeat:no-repeat;
}
.header .rlink ul li a:hover{
	color:#000;
}
.header .rlink ul li.r1 a{
	background-position:0px -21px;
}
.header .rlink ul li.r2 a{
	background-position:0px -42px;
}
.header .rlink ul li.r3 a{
	background-position:0px -63px;
}
.header .rlink ul li.r4 a{
	background-position:0px -84px;
}


#navbar {
	width: 980px;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
#nav {
	margin: 0px;
	padding: 0px;
	}
	
#nav ul {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#nav li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#nav li a, #nav li a:link, #nav li a:visited {
	background: #FFFFFF;
	color: #333333;
	display: block;
	font-weight: normal;
    margin: 0px 10px 0px 0px;
	padding: 8px 5px 8px 15px;
	text-decoration: none;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	}
#homex a{background: #FFFFFF;
	color: #FFFFFF;}
#nav li a:hover, #nav li a:active {
	background: #FFFFFF;
	color: #666666;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	}
	
#nav li li a, #nav li li a:link, #nav li li a:visited {
	background: #FFFFFF;
	width: 170px;
	color: #666666;
	float: none;
	margin: 0px;
	padding: 7px 5px 7px 10px;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-khtml-border-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	}
	
#nav li li a:hover, #nav li li a:active {
	background: #999999;
	color: #FFFFFF;
	padding: 7px 10px 7px 10px;
	}

#nav li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 190px;
	margin: 0px;
	padding: 0px;
	}

#nav li li { 
	}

#nav li ul a { 
	width: 160px;
	}

#nav li ul a:hover, #nav li ul a:active { 
	}

#nav li ul ul {
	margin: -30px 0 0 191px;
	}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	}

#nav li:hover, #nav li.sfhover { 
	position: static;
	}
	
/************************************************
*	SubNavbar      								*
************************************************/


#subnavbar {
	width: 960px;
	hegight: 35px;
	color: #FFFFFF;
	margin: 1px auto 0px;
	padding: 0px;
	}
	
#subnav {
	margin: 0px;
	padding: 0px;
	}
	
#subnav ul {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#subnav li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#subnav li a, #subnav li a:link, #subnav li a:visited {
	background: url(images/subnav.png) no-repeat left top;
	color: #666666;
	display: block;
    margin: 0px;
	padding: 9px 15px 9px 15px;
	text-decoration: none;
	}

#subnav li a:hover, #subnav li a:active {
	color: #000000;
	display: block;
    margin: 0px;
	padding: 9px 15px 9px 15px;
	}
	
#subnav li li a, #subnav li li a:link, #subnav li li a:visited {
	background: #FFFFFF;
	width: 170px;
	color: #666666;
	float: none;
	margin: 0px;
	padding: 7px 10px 7px 10px;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-khtml-border-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	}
	
#subnav li li a:hover, #subnav li li a:active {
	background: #999999;
	color: #FFFFFF;
	padding: 7px 10px 7px 10px;	
	}
	
#subnav li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 160px;
	margin: 0px;
	padding: 0px;
	}

#subnav li li { 
	}

#subnav li ul a { 
	width: 160px;
	}

#subnav li ul a:hover, #subnav li ul a:active { 
	}

#subnav li ul ul {
	margin: -30px 0 0 191px;
	}

#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover1 ul ul, #subnav li.sfhover1 ul ul ul {
	left: -999em;
	}

#subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover1 ul, #subnav li li.sfhover1 ul, #subnav li li li.sfhover1 ul {
	left: auto;
	}

#subnav li:hover, #subnav li.sfhover { 
	position: static;
	}



#home{
margin:0 auto;text-align:left;width:980px;
}
#home-left{float:left;width:380px; }


#left-1{width: 108px;
	float: left;
	margin: 0px;
	padding: 0px 3px 20px 3px;
        border-right: 1px solid #cccccc;}
        
       #left-1 .sidebartitle{
font:normal 16px/100% "宋体","Segoe UI",Tahoma,Arial;
color:#135E93;
margin:20px 0px 2px;
border-bottom:1px solid #D8E6F8;background:url(images/online.gif) no-repeat left center !important;
padding-left:20px !important;
}
#left-1 a,#sidebar a:visited{
color:#333;
text-decoration:none;
}
#left-1 a:hover{
color:#135E93;
text-decoration:none;
}

#left-1 ul{
margin:0;
padding:0;
}
#left-1 ul li{
list-style:none;
margin:0;
padding:2px 0 2px 0px;
border-bottom:1px solid #D8E6F8;
LINE-HEIGHT: 28pt;
}

#left-1 ul li ul{
padding:0;
margin:0;
}
#left-1 ul li ul li{
padding:10px 0 10px 3px;

LINE-HEIGHT: 3px;
}

#left-1 ul li ul li ul li{
padding:6px 0 6px 3px;
border:none;

}
#left-2{float:right;width:264px; border-right: 1px solid #cccccc;}


#left-2 ul{padding:0 2px 0 2px;
margin:0;}
#left-2 li{

list-style:none;clear:both;
}

.post{
clear:both;
letter-spacing:0.5px;
padding-left:5px;
padding-right:5px;

}


.post-title{
float:left;
margin-left:3px;
width:250px;
}
.post-author{


padding-right:7px;
float:right;
font-size:12px;
letter-spacing:-0.2px;
}
.post-author a{color:#999;
}
.post-cat{
background:url(images/tag.png) no-repeat left center;
margin-top:2px;
margin-left:5px;
padding-left:13px;
float:left;
font-size:12px;
letter-spacing:-0.2px;
}


.post-date{color:#999;

padding-left:8px;
font-size:12px;
float:left;
}
.entry{text-indent:2em;
clear:both;
padding-top:3px;
padding-bottom:3px;padding-left:5px;
padding-right:2px;
}
.entry li{
list-style:none;
background:url(images/bullet_blue.png) no-repeat left 6px !important;
padding-left:18px !important;
}
.entry p{text-indent:2em;}
#home-right{float:right:600px;}
#right-1{float:left;width:260px; border-right: 1px solid #cccccc;}


#right-1 ul{padding:0 2px 0 2px;
margin:0;}
#right-1 li{

list-style:none;clear:both;
}
#right-1-p{float:left;width:260px;padding-left:2px;}

#right-1-p li{
margin:3px 0px 3px;
padding:5px 10px 3px;
list-style:none;
}
#right-1-top{align:center;padding:5px 5px 5px 5px;}
#right-2{float:right; border-right: 1px solid #cccccc;}


#home-2{
width:980px;margin:0 auto;padding-top:15px;
}
#home-2-left{float:left;width:460px;border-left: 1px solid #cccccc;}


#home-2-1{float:left;margin-left:1px;width:230px;border-left: 1px solid #cccccc;border-right: 1px solid #cccccc;}




#home-2-2{float:right;width:226px;border-right: 1px solid #cccccc;}
#home-2-right{float:right;width:500px;}
#home-2-3{float:left;width:200px;border-right: 1px solid #cccccc;}
#home-2-4{float:right;width:296px;border-right: 1px solid #cccccc;}

.cathome2-p{float:left;width:100%;}
.cathome2-p .ptitle {float:left;margin-left:3px;padding-left:3px;line-height:24px;font-size:10pt;border-bottom: 1px solid #eee;width:198px;}
.cathome2-p .ptitle a{color:#000;}

.cathome2-p .list{float:left;line-height:24px;margin-top:1px;margin-left:0px;}

.cathome2-p .list ul{padding:0 2px 0 2px;
margin:0;}
.cathome2-p .list li{list-style:none;height:23px;margin-top:3px;float:left;

padding:0px 0px 0px 3px;
border:none;
}

.more-link{
background:url(images/information.png) no-repeat left center;
padding-left:18px;
}
.navigation{
clear:both;
padding:10px 0px;
}
.navigation a,.navigation a:visited{
color:#135E93;
}
.previous-entries a{
float:left;
padding-left:5px;

}
.next-entries a{



}
/* postmetadata area */
#commentsrsslink{
padding-left:25px;
background:url(images/feed.png) no-repeat 5px center;
}
#trackbacklink{
padding-left:25px;
background:url(images/trackback.png) no-repeat 5px center;
}
.editlink{
padding-left:25px;
background:url(images/page_edit.png) no-repeat 5px center;
}
#cclink{
padding-left:20px;
float:left;
background:url(images/cc.png) no-repeat left center;
}
.btnborder{
width:140px;
height:26px;
margin-top:5px;
padding:1px;
border:1px solid #4A95C9;
float:right;
}
#respond{
padding-left:20px;
margin-bottom:6px;
background:url(images/comment_add.png) no-repeat left center;
}

/* footer area */
#footer{
width:980px;clear:both;padding-top:20px;
margin:0 auto;
}
/* credits */
.footer-credits{
width:930px;
float:left;
padding-right:15px;
padding-left:15px;
}
.friendlink{width:960px;clear:both;padding-top:20px;margin:0 auto;}
   #list-class {width:960px;
	overflow:hidden;
	clear:both;
	padding-bottom:10px;margin:0 auto;border-color:#666;border:1px;

    }
   .f5{/*ÓÑÇéÁ´½Ó(ÎÄ×Ö)×¨ÓÃ*/
	width:100%;
	overflow:hidden;
	clear:both;
	padding-bottom:10px;
}
.f5 li{
	float:left;
	line-height:14px;
	padding:8px 10px 0px;
	white-space:nowrap;
}
.f5 li a{
	color:#666666;
	float:left;
}

.f6{/* Á´½ÓºáÅÅ×ÔÊÊÓ¦ÁÐ±í */
	width:100%;
	overflow:hidden;
	clear:both;
	padding-bottom:10px;
}

/* alignments */
.center{
text-align:center;
}
img.center,img[align="center"]{
display:block;
margin-left:auto;
margin-right:auto;
}
.alignleft{
float:left;
}
img.alignleft,img[align="left"]{
float:left;
margin:2px 10px 5px 0px;
}
.alignright{
float:right;
}
img.alignright,img[align="right"]{
float:right;
margin:2px 0px 5px 10px;
}
.clear{
clear:both;
}
hr.clear{
clear:both;
visibility:hidden;
margin:0px;
padding:0px;
}
/* Various Tags & Classes */
blockquote{
margin:10px;
padding-left:20px;
border-left:5px solid #135E93;
}
.postmetadata{
padding:10px;
margin-top:10px;
border:1px solid #ddd;
background-color:#fbfbfb;
text-align:right;
}
.alt{
margin-top:10px;
padding:10px;
border:1px solid #ddd;
background-color:#f8f8f8;
}
small{
font-size:12px;
line-height:22px;
}
.wp-smiley{
margin-bottom:-3px;
}
 #colorbar,#colorbar1,#colorbar2  {background: transparent url(images/colorbar.png) no-repeat; height: 280px;}
