@charset "utf-8";
/*
THEME NAME: 7Color
THEME URI: http://nishuang.de/theme/7color/
DESCRIPTION: Simple, Clean theme with Colorful head. Flexible width layout. Compatible with WordPress 2.8+
VERSION: 1.0.4
AUTHOR:  Ni Shuang
AUTHOR URI: http://nishuang.de/
TAGS: White, Blue, flexible-width, two-columns, left-sidebar
*/

/*Common CSS*/

	body {margin:0px;padding:0px;font-size:14px;line-height:1.8;font-family:Tahoma,Helvetica,Arial,sans-serif;color:#666666;}
	a,a:visited {text-decoration:none;color:#1166cc;}
	a:hover {text-decoration:underline;color:#1166cc;}
	li h3 {color:#222;}
	li {color:#aaccee;}
	hr {height:1px;color:#ccccff;}
	h3 {font-family:Microsoft YaHei,calibri,verdana;font-size:20px;font-weight:normal;}
	pre {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	}
	img{ border:none}
/*
LAYOUT: Two-Column (Left)
DESCRIPTION: Two-column fluid layout with one sidebars left of content
*/
body{ background-color:#020202; background-image:url(images/warty-final-ubuntu.jpg); background-position:300px -80px; background-repeat:no-repeat}
div.page-all{ margin:0 auto; width:950px}
div.main-content{background-color:#FFFFFF;-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; overflow:hidden;zoom:1; margin-top:10px}
	div#container {
	float:left;
	margin:0 -300px 0 0 ;
	width:100%;
	
	}

	div#container,div#primary {
	padding-top:10px;
	}

	div#content {
	margin:0 290px 0 0 ;
	
	padding:0px 10px;
	}

	div.sidebar {
	float:right;
	overflow:hidden;
	width:280px;
	padding:5px 10px 5px 10px;
	font-size:12px;
	}

	div#secondary {
	clear:left;
	}

	div#footer {
	clear:both;
	width:100%;
	}

/*Head*/
	div#header a,div#header a:visited {color:#038ccf;text-decoration:none;}
	div#header{
	height:95px;
	}

	h1#blog-title{float:left;font-family:Microsoft YaHei,calibri,verdana;font-size:34px;font-weight:normal;line-height:34px;padding:15px 0 0 0;margin:0; position:relative;text-shadow:1px 1px 3px #ffffff;}
	h1#blog-title strong{ display:inline-block; width:60px; height:60px; background-image:url(images/logo.png); _background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.css88.com/wp-content/themes/7color/images/logo.png',sizingMethod='crop'); vertical-align:-28px;*vertical-align:-23px; cursor:pointer}
	h1#blog-title span{ position:absolute; top:46px; left:72px; *top:50px; *left:65px; color:#CDCDCD}
	div#search{
	position:absolute;
	float:left;
	padding:32px 0px 0px 726px;
	}
	
	#search-input {width:182px;height:28px;padding:2px 0px 2px 25px;background:url("images/search-input.png") 0 0 no-repeat;}
	#search-input-input {height:16px;width:115px;background-image:url(images/bg_container.gif);background-repeat : repeat-x;background-position :left -8px;padding-top:3px;border:solid 1px #cccccc;}
	#search-submit {border-width:0px;background: transparent;cursor: pointer;font-size:12px;color:#fff;font-weight:bold;margin:3px 3px;padding:0px;font-family:verdana;}
#header_banner{
	float:right;
	font-size:12px;
	padding:16px 0px 0 0;
}
div#header_banner a,div#header_banner a:visited {color:#ebebeb;text-decoration:none;}
	div#header_banner a:hover {text-decoration:underline;color:#ebebeb;}

.topContentlink ul li{ display:inline-block; padding:10px}

/*Menu*/
	div#menu {
	font-family:Microsoft YaHei,calibri,verdana;
	background-color:#666666;
	height:38px;
	padding:0 10px;
	text-align:left;
	-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;
	position:relative;
	}

	div#menu ul, div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
	float:left;
	}

	div#menu ul,div#menu ul ul {
	line-height:1;
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	}

	div#menu ul a {
	color:#ffffff;
	display:block;
	padding:10px 10px;
	text-decoration:none;
	}
	div#menu ul a,	div#menu ul a:visited {text-decoration:none;color:#FFFFFF;}
		div#menu ul a:hover {text-decoration:underline;color:#FFCC00;}
	div#menu ul ul ul a {
	font-style:italic;
	}

	div#menu ul li ul {
	left:-999em;
	position:absolute;
	}

	div#menu ul li:hover ul {
	left:auto;
	}

	div#menu ul li ul,div#menu ul li li {display:none;}
	.rss{
	position:absolute; right:0; bottom:0;
	width:120px;height:60px;
	background-image:url(images/rss.png);background-repeat : no-repeat; _background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.css88.com/wp-content/themes/7color/images/rss.png',sizingMethod='crop'); 
	}
	div#menu .rss a.hov{width:120px;height:60px; display:block;overflow:hidden; text-indent:-500px;background:url(images/rss1.png) no-repeat;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.css88.com/wp-content/themes/7color/images/rss1.png',sizingMethod='crop'); padding:0}

/*Category*/
	div#category_description {
	padding-bottom:10px;}
	
	div#category_description p{
	padding:0px;margin:0px;line-height:1;
	}

	div#category_description h2{
	line-height:1;
	font-family:Microsoft YaHei,calibri,verdana;
	font-size:30px
	}

	div#category_description .archive-meta{ display:none;
	font-size:28px;
	font-weight:normal;
	line-height:1;
	color:#999999;
	}

	div#category_description small
	{margin-left:54px;font-size:12px;}


/*Content*/
	h2{
	font-family:Microsoft YaHei,calibri,verdana;
	font-size:16px;
font-weight:700;
	line-height:1.5;
	margin:0px 0px 8px 0px;
	}

	h2 span {color:#dd0000;font-family:verdana;font-size:26px;
	}

	.entry-title,.entry-meta {
	clear:both;
	}

	.entry-title{
		padding-left:10px
	}

	.entry-content{
	
	margin:0px 0 40px;
	}
.entry-meta-num{  border-top:1px solid #dddddd; padding:5px 10px}

	.entry-content-width{width:620px;_overflow:hidden;padding:0px 10px;}
	.entry-content-width-nei {width:640px;_overflow:hidden;}
	.entry-content-w{;padding:0px 10px;}
	.navigation {padding:0px 20px;}

	.entry-content h2{
	font-family:verdana;
	font-size:28px;
	font-weight:normal;
	line-height:1;
	}

	.entry-content li{
	color:#222;}

	.related_post li{
	color:#ffcc33;}


	.entry-meta {
	font-size:12px;color:#999999;
	margin-bottom:15px;
	background-color:#F4F4F4;
	padding:5px 10px;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	}

	.meta-nav {
	color:#55aa22;font-weight:bold;}

	.cat {float:left;margin:4px 4px 4px 0px; font-size:1px; line-height:1px; width:0px
	}

	.info {
	width:48px;height:58px;background-position:left top;background-image:url(images/icon_info.png);background-repeat : no-repeat;float:left;margin:-4px 4px 10px 0px;
	}
	
	
	div#content #search{
	float:left;
	padding:0px;
	}


/* comments */
	div.comments ol li {
	margin:10px 0px;font-size:12px;
	color:#333333;
	}

	div.comments p {
	line-height:1.2;}

	div.comments li{
	background-color: #f9f9fa;border:1px solid #eeeef0;padding:10px 20px 10px 20px;margin:0px;
	list-style-position: outside;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	}

	div.comments li li{
	background-color: #ffffff;border:1px solid #f3f3f5;padding:10px;margin:5px 0px;
	list-style-type:none;
	list-style-position: outside;
	}

	#cancel-comment-reply {display:none;}

	div.comment-meta,div.comment-meta a,div.comment-meta a:visited{
	color:#999999;line-height:1.2;
	}

	div.comment-content P
	{margin:10px 0px;padding:0px;}

	div.comment-author_vcard img{float:right;}

	div.comment-author_vcard {font-weight:bold;}

	textarea#comment {
	height:13em;
	margin:0 0 0.5em;
	overflow:auto;
	width:340px;height:150px;
	}

	
/*Footer*/
	div#footer-border { font-size:0px; line-height:0px; height:0px
	clear:both;
	}

	div#footer{
	overflow:visible;
	padding:0px 0px 20px 0px;
	font-size:12px;
	clear:both;
	text-align:center;
	}
	div#footer-text a,div#footer-text a:visited {text-decoration:none;color:#666666;}
	div#footer-text a:hover {text-decoration:underline;color:#666666;}
	div#footer-3rd {
	margin-left:auto; margin-right:auto;text-align:center;
	width:925px;
	}
	
	
	div#footer  .footer-bar{
	text-align:left;
	float:left;
	margin:0px 0px 20px 20px;
	padding:0px;
	width:280px;
	}

	div#footer ul{
	text-align:left;
	float:left;
	margin:0px 0px 0px 0px;
	padding-left:10px;
	list-style-type:none;
	}

	div#footer li {
	font-size:12px;
	color:#6699ff;
	}

	div#footer li li{list-style-type:disc;}

	div#footer li a,div#footer li a:visited {color:#ddeeff;}
	
	#footer-text {
	clear:both;
	margin-left:auto; margin-right:auto;text-align:center;
	padding:0;
	width:600px;
	color:#666666;
	}

	#footer-text a,#footer-text a:visited{color:#99ccff;}

/*Others*/
	div.skip-link {
	position:absolute;
	right:1em;
	top:1em;
	}
	input#author,input#email,input#url{
	width:50%;
	}

	
	#searchform #s {
	height:19px;width:175px;
	background-image:url(images/bg_container.gif);background-repeat : repeat-x;
	background-position :left -8px;
	border-top:solid 1px #666666;border-left:solid 1px #666666;border-right:solid 1px #cccccc;border-bottom:solid 1px #cccccc;
	}

	div#nav-above {
	margin-bottom:1em;
	}

	div#nav-below {
	margin-top:0;
padding-bottom:15px;
	}

	div#nav-images {
	height:150px;
	margin:1em 0;
	}

	div.navigation {
	height:1.25em;
	}

	div.navigation div.nav-next {
	float:right;
	text-align:right;
	}
	
	
/*Sidebar*/


	
	div.sidebar h3 {
	font-size:16px;
	}

	div.sidebar input#s {
	width:7em;
	}

	div.sidebar li {
	list-style:none;
	margin:0 0 10px;
	padding:10px;
	background-color:#F4F4F4;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	}

	div.sidebar li form {
	margin:0.2em 0 0;
	padding:0;
	}

	div.sidebar ul ul {
	margin:0 0 0 25px;
	}

	div.sidebar ul ul li {
	list-style:disc;
	margin:0;
	padding:0
	}

	div.sidebar ul ul ul {
	margin:0 0 0 0.5em;
	}

	div.sidebar ul ul ul li {
	list-style:circle;
	}

	div.sidebar span {color:#333333;}

	div.sidebar img {border-width:0px;}

/*Gallery*/

	div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
	margin:0;
	padding:0;
	}


	.alignright,img.alignright{
	float:right;
	margin:1em 0 0 1em;
	}

	.alignleft,img.alignleft{
	float:left;
	margin:1em 1em 0 0;
	}

	.aligncenter,img.aligncenter{
	display:block;
	margin:1em auto;
	text-align:center;
	}

	div.gallery {
	clear:both;
	height:180px;
	margin:1em 0;
	width:100%;
	}

	p.wp-caption-text{
	font-style:italic;
	}

	div.gallery dl{
	margin:1em auto;
	overflow:hidden;
	text-align:center;
	}

	div.gallery dl.gallery-columns-1 {
	width:100%;
	}

	div.gallery dl.gallery-columns-2 {
	width:49%;
	}

	div.gallery dl.gallery-columns-3 {
	width:33%;
	}

	div.gallery dl.gallery-columns-4 {
	width:24%;
	}

	div.gallery dl.gallery-columns-5 {
	width:19%;
	}

/* Page Navigation*/
	.navigation {
	margin:10px 0px;
	 padding-top:15px;
	 padding-bottom:2px;/*visivility-IE*/
	 border:1px solid #fff;
	}
	.alignleft {
	 float:left;
	}
	.alignright {
	 float:right;
	}
	.aligncenter, div.aligncenter {
	 display: block;
	 margin:0 auto;
	}
	.wp-pagenavi {
	 text-transform:uppercase;
	 font-size:13px;
	}
	.wp-pagenavi a {
	 text-decoration:none;
	 border:1px solid #eedd77;
	 color:#333333;
	 margin:2px;
	 padding:3px 4px;
	 background-color:#ffee88;
	}
	.wp-pagenavi a:hover {
	 color:#fff;
	 border:1px solid #0077cc;
	 background-color:#2299ee;
	}
	.wp-pagenavi span {
	 margin:2px;
	 padding:3px 4px;
	}
	.wp-pagenavi span.pages {
	 color:#777;
	 margin-left:0;
	 color:#000;

	}
	.wp-pagenavi span.current {
	 color:#333333;
	 font-weight:bold;
	}

.sm-tit{font-size:12px;color:#999999;
	margin-bottom:15px;
	background-color:#F4F4F4;
	padding:5px 10px;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
	.formcontainer{ padding-left:40px}
	.related_post li{ font-size:12px}
.footer-border{
	margin-top:10px;
	background-color:#FFFFFF;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; overflow:hidden;zoom:1; padding:10px}
.footer-border ul{list-style:none; margin:0; padding:0}
.footer-border h3{ margin:0; padding:0}
.footer-border li{ float:left; width:145px; margin-right:10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;}