/*  
Theme Name: ico v1.0
Theme URI: http://www.1sight.cn/
Version: 1.0
Author: ico
Author URI: http://www.1sight.cn/
*/

body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
fieldset, img {
	border: 0;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
address, caption, cite, code, dfn,
em, strong, th, var, optgroup {
	font-style: normal;
	font-weight: normal;
}



h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
abbr, acronym {
	border: 0;
	font-variant: normal;
}

input, button, textarea,
select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
code, kbd, samp, tt {
	font-size: 100%;
}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
	*font-size: 100%;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
sup, sub {
	font-size: 100%;
	vertical-align: baseline;
}
/* remember to highlight anchors and inserts somehow! */
:link, :visited , ins {
	text-decoration: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

.clear-float:after{ 
	display:block;
	visibility:hidden;
	height:0;
	clear:both;
	content:"";
}
.clear-float{display:inline-block;}
/*\*/
* html .clear-float{zoom:1;}
.clear-float{display:block;}
/**/

/*==start layout==*/
body{
	margin:0px;  padding:0px;
	font: 12px/1 Tahoma, Arial, \5b8b\4f53, sans-serif; 
	color:#555; background:#ccc;
}
p { line-height: 1.6;}
a{ color:#333; text-decoration:underline;}
a:hover{ text-decoration:none;}

/*==wrap==*/
#wrap{ width:1150px; padding:0 35px 40px; margin:20px auto 5px; min-width:960px; background:#fff;}

/*==header==*/
#header{ padding:40px 0 25px;}
	#logo{ 
		width:80px; height:38px; display:block; padding:0 0 10px;
		text-indent:-9999em; background:url(images/logo.png) left top no-repeat;
	}
	.slogan{
		color:#aaa;
	}

/*==main==*/

	/*==content==*/
	.content{ width:600px; float:left;}
	.post{ padding:0 0 40px;word-wrap:break-word}
		.post-title{ 
			font-family: 'Microsoft Yahei', 'Microsoft JhengHei'; /* text-shadow:0 1px 1px #bbb; */ 
			font-size:26px;	padding:0 0 6px; color:#444; font-weight:700; }
		.post-title a:hover{ text-decoration: underline; }
		.post-meta{ color:#bbb; padding:0 0 25px; }
		.post-meta a{ color:#777;}
		.post-content{ line-height:1.6; color:#444;}
			.post-content p{ font-size:14px; margin:0 0 20px; }
                        .post-content strong{ font-weight:700; }
			.post-content em{ font-style:italic; }
			.post-content h3{ font-family: Tahoma, Arial, 'Microsoft Yahei', 'Microsoft JhengHei'; font-size:18px; margin:0 0 20px; font-weight:700; }
			.post-content h4{ font-family: Tahoma, Arial, '宋体', 'Microsoft JhengHei'; font-size:14px; margin:0 0 10px; font-weight:700; }
			.post-content .point{ background:#f6f6f6; border:0; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px; color:#333; font-size:14px; line-height:1.5; margin:0 0 20px;}
			.post-content a{ color:#3362b8; text-decoration:underline;}
				.post-content a:hover{ color:#FFF; background:#3362b8;}
			.post-content ul{ font-size:14px; margin:0 0 18px; border:1px solid #888; padding:10px 0 ;}
				.post-content ul li{ font-size:14px; margin:0 0 0 30px;; list-style-type:square; }

		a.more-link{ color:#3362b8; font-size:14px;font-weight:700; text-decoration: none; margin:20px 0 10px; display:block;  }
		.post-tag-comment {	padding:10px 0 0;}
			.post-tag-comment p a{
				color:#888; font-size:11px; text-decoration:underline;}
			.post-tag-comment p a:hover{
				text-decoration:none;}
			.post-tag-comment p{
				color:#888; font-size:11px;}

		.post-nav{}
			.post-nav a{
				width:100px;height:25px; padding:10px 0 0; margin:0 10px 0 0;
				font-size:14px; display:block;
				background:#f6f6f6; text-align:center;
				border:0; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;
				float:left;
			}
			.post-nav a:hover{
				background:#ffe981; 
				border:0; border-right:1px solid #ddbc53; border-bottom:1px solid #ddbc53;
			}
	
	.sign{ border-bottom:1px solid #bbb; padding:0 0 7px; color:#999;margin:0 0 20px 0;}
		.sign a:hover{ background-color:#999; color:#fff;}

	.relate{ padding:15px 0 20px;}
		.relate h4{ font-size:14px; color:#333; font-weight:700; padding:0 0 10px;}
		.relate li{ line-height:1.5; padding:0 0 0 10px;}
		.relate a{ color:#1661eb; font-size:14px; text-decoration:underline;}
			.relate a:hover{ color:#fff; background:#1661eb; }
	
	.comments{ }
		#comments a{ color:#1661eb; }
		.comments h4{ font-size:14px; color:#333; font-weight:700; padding:0 0 10px; border-bottom:1px solid #ccc; margin:0 0 15px;}
		#respond{ border:0; margin:0 0 5px;}
		
		.commentlist li{ border-bottom:1px solid #ccc; padding:0 0 15px 1px; margin:0 0 15px;}

		.comment-text {width:480px; margin:0 0 0 95px;}
		.avatar-80{ display:block; float:left; margin:0 10px 0 0;}
		.comment-name { padding:0 0 5px;}
		.comment-name cite{ font-size:16px; font-weight:700;}
		.comment-name a{ color:#3e68e1; font-weight:700;}
		.comment-date{ padding:0 0 15px; color:#aaa;}

		#commentform{ background:#eee; padding:15px;}
		#commentform p{ margin:0 0 10px;}
			#author,#email,#url{ width:200px; height:19px; padding:5px 3px 0; border:1px solid #999;}
			#submit{ width:100px; height:30px; font-size:14px; font-weight:700; color:#333; padding:0 0 3px;}

	/*==sidebar==*/
	.sidebar{ width:300px; float:right; }
		.back-btn{ padding:10px 0;}
			.back-btn a{ color:#1661eb;font-size:14px;}
			.back-btn strong{ font-weight:700;}
		
		.back-to{ padding:10px 3px; margin:0 0 50px;}
			.back-to strong{ font-weight:700; }
			.back-to a{ font-size:14px; color:#1661eb; }
			.back-to a:hover{ text-decoration: underline; }

		.box{ padding:18px 15px; margin:0 0 10px; border-bottom:1px dashed #ddd;}
			.box .cat li{ float:left; width:120px; line-height:2;}
		.box h4{ font-size:14px; color:#333; font-weight:700; padding:0 0 10px;}
		.box li{ line-height:1.8;}
		.box a{ color:#1661eb; text-decoration: underline; }
			.box a:hover{ color:#fff; background:#1661eb; text-decoration:underline; }

			.icon li{ float:left; width:85px; margin:0 0 10px 5px;line-height:1; }
			.icon a{ font-size:12px; color:#ff9000; font-weight:700; display:block;  padding:8px 0; border:1px solid #eee; text-align:center;margin:0 10px 0 0;}
			.icon a:hover{ background:none;text-decoration:none; }
			.icon a.rss{ color:#ff9000;}
				.icon a:hover.rss{ background-color:#ff9000; color:#fff;}
			.icon a.flickr{ color:#e763a7;}
				.icon a:hover.flickr{ background-color:#e763a7; color:#fff;}
			.icon a.twitter{ color:#16a8c9;}
				.icon a:hover.twitter{ background-color:#16a8c9; color:#fff;}
			.icon a.delicious{ color:#3e68e1;}
				.icon a:hover.delicious{ background-color:#3e68e1; color:#fff;}
			.icon a.sina{ color:#ef5a4a;}
				.icon a:hover.sina{ background-color:#ef5a4a; color:#fff;}
			.icon a.douban{ color:#2fa34f;}
				.icon a:hover.douban{ background-color:#2fa34f; color:#fff;}
	
/*==footer==*/
#footer-wrap{ width:1150px; padding:0 35px 35px; margin:0 auto 20px; min-width:960px; background-color:#eee;}
	#footer{ margin:0 auto ; padding:25px 5px 0; color:#555; }
		.about{ float:left; width:300px;}
			.about a{ color:#f58f17; text-decoration:underline;}
				.about a:hover{ color:#fff; background:#f58f17; text-decoration:none;}
			.ico{ padding:5px 0 0;}
			a.avator,a:hover.avator{ 
				background:url(images/avator.png); float:left;
				width:55px;height:55px; display:block; text-indent:-9999em;
				margin-right:10px; border:0; border-right:1px solid #bbb; border-bottom:1px solid #bbb;
			}
		.footer-meta{ float:right; text-align:right; padding:6px 0 0;}
			.footer-meta a{ text-decoration:underline;}
			.footer-meta a:hover{ color:#fff; background:#333; text-decoration:none;}
