﻿/*  
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:12px/25px  'Microsoft YaHei',tahoma,'SimSun',Verdana, Arial, Helvetica, sans-serif; */ font:12px/25px tahoma; color:#333333;
 LINE-HEIGHT: 18pt; FONT-FAMILY: Arial,宋体; font-weight: none;


margin: 0px auto 0px;

}
a{
color:#135E93;
text-decoration:none;
}
a:visited{
color:#135E93;
text-decoration:none;
}
a:hover{
color:#135E93;
text-decoration:underline;
}
img{
border:none;
}
p{
padding:0px 0px 3px 0px;
margin:0px;
}
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:2px solid #135E93;
}
h3{
font:normal 140%/100% "宋体","Segoe UI",Tahoma,Arial;
color:#135E93;
margin:10px 0px 5px;
}
h4{
font:normal 130%/100% "宋体","Segoe UI",Tahoma,Arial;
color:#135E93;
margin:10px 0px 5px;
}
form{
margin:0px;
padding:0px;
}
#page{

	background: #FFFFFF;
	
	font-size: 10pt;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px auto 0px;
	padding: 0px;
	}

/* header */
#header					{ background: #eecc11; border-bottom: 5px solid #383332; padding: 0 0 15px 20px; }
#branding				{ width: 980px; margin: 0 auto;height:80px; }
.logo					{ max-width: 590px; float: left; margin: 8px 0 0 10px; background: #fff;}
.blog-name				{ font-weight: bold; font-size: 15pt; margin: 0; line-height: 1em; display: block; text-transform: uppercase; border-right:1px solid #eee;}
.blog-name a:link, .blog-name a:visited	{ color: #FFF; text-decoration: none; }
/*.blog-name a:link, .blog-name a:visited	{  text-indent: -9000px; background: url(images/logo.png) no-repeat; width: 450px; height: 22px; display: block; }*/
.blog-name a:hover		{ }
.blog-description		{ line-height: 1em; display: block; font-size: 11px; font-weight: bold; color: #7d716d; margin: 0; padding: 5px 0 0; text-transform: uppercase; }

/* navigation */
#nav-out{  max-height: 35px; padding-top:0px;background: #fff;width:100%;}
#nav					{ zoom: 1; max-height: 35px; padding-top:0px;padding-bottom:38px;width:100%;}
#nav-content			{ margin: 0 auto; width: 978px; background: url(images/topnav.jpg) repeat-x #CCC; height: 30px; border: 1px solid #CCC; }.sf-menu				{ font-weight: bold; }
.sf-menu, .sf-menu ul	{ float: left; list-style: none; line-height: 30px; padding: 0; margin: 0; }
.sf-menu a				{ display: block; text-decoration: none; padding: 0 15px; text-transform: uppercase; color: #666; font-size: 10pt; }
.sf-menu li				{ float: left; padding: 0; }
.sf-menu ul				{ position: absolute; left: -999em; height: auto; width: 150px; margin: 0; line-height: 1; border: none; }
.sf-menu li li			{ width: 148px; border: solid #CCC; border-width: 1px 1px 0; }
.sf-menu li li a		{ background: url(images/techblue/content-bg.jpg) repeat-x top #FFF; padding: 7px 10px; width: 128px; font-size: 12px; text-transform: none; }
.sf-menu li ul ul		{ margin: -27px 0 0 148px; }
.sf-menu li li:hover	{ }
.sf-menu li:hover ul ul, .sf-menu li:hover ul ul ul, .sf-menu li:hover ul ul ul ul, .sf-menu li.sfhover ul ul, .sf-menu li.sfhover ul ul ul, .sf-menu li.sfhover ul ul ul ul { left: -999em; }
.sf-menu li:hover ul, .sf-menu li li:hover ul, .sf-menu li li li:hover ul, .sf-menu li li li li:hover ul, .sf-menu li.sfhover ul, .sf-menu li li.sfhover ul, .sf-menu li li li.sfhover ul, .sf-menu li li li li.sfhover ul { left: auto; z-index: 2; }
.sf-menu li ul li:hover a, .sf-menu li ul li li:hover a, .sf-menu li ul li li li:hover a, .sf-menu li ul li li li:hover a { background: url(images/techblue/feed-title.jpg) repeat-x top #004688; color: #FFF; }
.sf-menu li:hover li a, .sf-menu li li:hover li a, .sf-menu li li li:hover li a, .sf-menu li li li li:hover li a { background: url(images/techblue/content-bg.jpg) repeat-x top #FFF; color: #666; }

.rss					{ float: right; list-style: none; margin: 0; padding: 0 15px; }
.rss a:link, .rss a:visited	{ display: block; margin: 0 25px 0 0; color: #666; font-size: 11px; font-weight: bold; text-decoration: none; padding: 8px 0 0 0; float: left; clear: left; margin: 0; }
.rss li					{ float: left; display: inline; text-transform: uppercase; background: url(images/rss.png) no-repeat; background-position: 0 9px; padding: 0 0 0 18px; margin: 0 0 0 10px; }

/* search bar */
#searchbar				{ float: right; overflow: hidden; padding: 0; margin: 25px 0 0; }
#searchform #s			{ font-family: 'Lucida Grande', Arial, Helvetica, sans-serif; width: 250px; float: left; margin: 1px 5px 0 0; padding: 4px 3px; }
#searchform #searchsubmit	{ font-family: Tahoma, Arial, Helvetica, sans-serif; background: url(images/postbar.gif) repeat-x; border: 1px solid #333; padding: 5px 10px; font-size: 12px; color:#FFF; float: left; }

/* header */




#mainbody{
margin:0 auto;width:980px;

}
/* content area */
#content{text-indent: 2em;width:680px;


float:left;
margin:3px 10px 3px 10px;

}
.post{
clear:both;
letter-spacing:0.5px;
padding-top:15px;
padding-bottom:10px;
}
.post-date{
width:45px;
height:49px;
float:left;

}
.post-month{
font-size:12px;
text-transform:uppercase;
color:#999999;
text-align:center;
display:block;
line-height:10px;
padding-top:5px;
margin-left:-12px;
}
.post-day{
font-size:18px;
text-transform:uppercase;
color:#999999;
text-align:center;
display:block;
line-height:18px;
padding-top:7px;
margin-left:-7px;
}
.post-title{
float:left;
margin-left:16px;
width:450px;
}
.post-author{

margin-top:2px;
padding-left:18px;
float:left;
font-size:12px;
letter-spacing:-0.2px;
}
.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 .addcomment, 
.post .editlinks {
	background:url(img/icons.gif) no-repeat;
	padding-left:22px;
	height:16px;
	line-height:16px;
	display:block;
	font-size:11px;
}
.post-comments{
background:url(images/comments.png) no-repeat left center;
margin-top:2px;
padding-left:18px;
float:right;
font-size:12px;
letter-spacing:-0.2px;
}
.add-comment{

padding-left:18px;
font-size:12px;
float:right;
}
.entry{
clear:both;
padding-top:5px;
padding-bottom:5px;
}

.entry p{ padding:5px 0px 5px 15px; text-align:justify; text-justify:inter-ideograph; font-size:14px; }

.entry li{
list-style:none;
background:url(images/bullet_blue.png) no-repeat left 6px !important;
padding-left:18px !important;
}
.meta{
border-bottom:1px solid #D8E6F8;
}
.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;
}
/* comments area */
h3#comments { font-size: 18px; line-height: 22px; font-weight: normal; padding-bottom: 10px; margin-bottom: 15px; border-bottom: solid 1px #ebeadd;}
h3#pingbacks { font-size: 18px; line-height: 22px; font-weight: normal; padding-bottom: 10px; margin-bottom: 15px; border-bottom: solid 1px #ebeadd;}
ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ol.commentlist li { border:2px solid #ddd; height:1%; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { }
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font:bold 14px/1.4 helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url { color:#c00; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { border:1px solid #ddd; left:7px; position:absolute; top:7px; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font:bold 10px/1.4 helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#333; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#000; }
ol.commentlist li p { font:normal 12px/1.4 helvetica,arial,sans-serif; margin:0 0 1em; }
ol.commentlist li ul { font:normal 12px/1.4 helvetica,arial,sans-serif; list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li div.reply { background:#eee; border:2px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 12px/1 helvetica,arial,sans-serif; padding:5px 10px;  text-align:center; width:36px; }
ol.commentlist li div.reply:hover { background:#fff; border:2px solid #c00; }
ol.commentlist li div.reply a { color:green; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li {  }
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#f7f7f7; }
ol.commentlist li.odd { background:#fff; }
ol.commentlist li.parent { }
ol.commentlist li.pingback { padding:5px 7px 5px 7px; }
ol.commentlist li.pingback .comment-meta { display:none; }
ol.commentlist li.pingback p { margin: 0; }
ol.commentlist li.pingback .reply { display:none; }
ol.commentlist li.pingback .parent { }
ol.commentlist li.pingback div.vcard { padding: 0; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

#commentform p{
margin:3px 0px 0px 13px;
border:0px;
}

#commentform input{
width:140px;
padding-left:23px;
}
#commentform textarea{
width:400px;
height:100px;
padding:5px;paddig-left:40px;
font:12px "宋体","Segoe UI",Tahoma,sans-serif;
float:left;
}
#commentform #submit{
width:60px;
height:26px;
border:0px;
background:#cfe8f5 url(images/btnbkgnd.png) repeat-x left center;
font:12px "宋体","Segoe UI",Tahoma,sans-serif;
}
.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;
}
/*sidebar */

#sidebar-left{
position:absolute;left:10px;
width:120px;
color:#666666;
margin-right:-140px;


}
/*sidebar title (h2) */
#sidebar-left h2,#sidebar-left .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;
}
/*sidebar text styles */
#sidebar-left a,#sidebar-left a:visited{
color:#333;
text-decoration:none;
}
#sidebar-left a:hover{
color:#135E93;
text-decoration:none;
}
/*sidebar list level1 */
#sidebar-left ul{
margin:0;
padding:0;
}
#sidebar-left ul li{
list-style:none;
margin:0;
padding:0;
border:none;line-height:25px;
}
/*sidebar-left list level2 */
#sidebarr-left ul li ul{
padding:0;
margin:0;list-style:none;
}
#sidebarr-left ul li ul li{
padding:2px 0 2px 0px;
border-bottom:1px solid #D8E6F8;font:14px "宋体","Segoe UI",Tahoma,sans-serif;line-height:25px;
}
/*sidebar-left list level3 */
#sidebar ul li ul li ul li{
padding:1px 0 1px 10px;
border:none;
}

#sidebar-right{
float:right;

width:260px;
color:#666666;

overflow:hidden;

}

/*sidebar title (h2) */
#sidebar-right h2,#sidebar-right .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;
}
/*sidebar text styles */
#sidebar-right a,#sidebar a:visited{
color:#333;
text-decoration:none;
}
#sidebar a:hover{
color:#135E93;
text-decoration:none;
}
/*sidebar list level1 */
#sidebar-right ul{
margin:0;
padding:0;
}
#sidebar-right ul li{
list-style:none;
margin:0;
padding:0;
border:none;
LINE-HEIGHT: 18pt;
}
/*sidebar list level2 */
#sidebar-right ul li ul{
padding:0;
margin:0;
}
#sidebar-right ul li ul li{
padding:2px 0 2px 0px;
border-bottom:1px solid #D8E6F8;
LINE-HEIGHT: 3px;
}
/*sidebar list level3 */
#sidebar-right ul li ul li ul li{
padding:1px 0 1px 10px;
border:none;LINE-HEIGHT: 3px;


#sidebar{
float:right;
margin-left:3px;
width:260px;
color:#666666;

overflow:hidden;

}

/*sidebar title (h2) */
#sidebar h2,#sidebar-right .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;
}
/*sidebar text styles */
#sidebar a,#sidebar a:visited{
color:#333;
text-decoration:none;
}
#sidebar a:hover{
color:#135E93;
text-decoration:none;
}
/*sidebar list level1 */
#sidebar ul{float:left;
margin-left:0;
list-style:none;
padding:0;
}
#sidebar ul li{float:left;width:280px;

padding:0;
border:none;
LINE-HEIGHT: 23px;
}
/*sidebar list level2 */
#sidebar ul li ul{float:left;
padding:0;
margin-left:3px;
}
#sidebar ul li ul li{float:left;width:280px;
padding:2px 0 2px 0px;
border-bottom:1px solid #D8E6F8;
LINE-HEIGHT: 23px;
}
/*sidebar list level3 */
#sidebar ul li ul li ul li{
padding:1px 0 1px 10px;
border:none;LINE-HEIGHT: 3px;

}
/*rss */
#rssfeed{
background:url(images/rssfeed.png) no-repeat left 20px !important;
padding-top:18px !important;
position:relative;
line-height:24px;
text-indent:22px;
color:#BC4F0C;
}
#rssfeed a,#rssfeed a:visited{
color:#BC4F0C;
text-decoration:none;
font-size:12px;
font-weight:bold;
}
#rssfeed a:hover{
color:#BC4F0C;
text-decoration:underline;
}
/*blogroll */
ul.widget_links li{
background:url(images/blogroll.png) no-repeat left center !important;
padding-left:20px !important;
}
/*category widget */
ul.list-cat li,li.widget_categories li{
background:url(images/tag.png) no-repeat left center !important;
padding-left:20px !important;
}
/*archives widget */
ul.list-archives li,li.widget_archives li{
background:url(images/archive.png) no-repeat left center !important;
padding-left:20px !important;
}
/*pages widget */
ul.list-page li,li.widget_pages li,li.widget_recent_entries li{
background:url(images/post.png) no-repeat left center !important;
padding-left:20px !important;
}
/*sub-pages */
ul.list-page li ul li,li.widget_pages li ul li{
padding-left:10px !important;
}
/*recent comments widget */
ul.list-com li{
background:url(images/recent-comments.png) no-repeat left center !important;
padding-left:20px !important;
}
/*search form */
.search-form{
width:160px;
height:30px;
padding:0px 0px 0px 8px;
background:url('images/ls_input.png') 1px 3px no-repeat;
}
input#livesearch{
width:180px;
height:25px;
margin-top:5px;
margin-right:30px;
border:0;
color:#135E93;
font:normal 12px "宋体","Segoe UI",Tahoma,Arial;
background:transparent;
}
/* footer area */
#footer{
clear:both;
color:#135E93;
line-height:130%;
padding-bottom:10px;
}
/* credits */
.footer-credits{
width:930px;
float:left;
padding-right:15px;
padding-left:15px;
}
/* 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;}
