@CHARSET "UTF-8";
/*
 Theme Name: FaceBlog2010
 Theme URI: http://crossyou.cn/faceblog2010.htm
 Description: A simple,Two color,Three columns theme, clone FaceBook.You can view the latest version of this page(<a href="http://crossyou.cn/faceblog2010.htm">FaceBlog</a>).
 Version: 1.0.0
 Created: 2010/07/23 22:05
 Author: CrossYou
 Author URI: http://crossyou.cn/
 Tags: blue,three columns,fixed-width,980px,simple
 */

/**纪念被GWF墙的Facebook,
 * 纪念大学的四年生活
 * 怀念以前不阳光不灿烂的青春
 * 怀念小时的伙伴,不知道他们,都 咋样了儿?
 * 想起儿时的那位同桌,差不多近十年没见了,回忆,清晰
 * 想起曾经自己的无拘无束,上墙爬屋的日子,回忆,清晰
 * 20100628 自己毕业成为上班族中一份子的日子,你呢?
 * 
 * 听说豆瓣很牛逼  — http://www.douban.com/
 * 听说国内团购网相互复制很牛逼,
 * 听说CN域名必须要通过接入商备案,
 * 听说有很多很牛逼的人
 * 听说我代码写的很烂很烂!
 * 听说天朝很和谐?
 * 听说翻墙的人很多
 * 听说用"推"的人很多
 * 听说智能手机很好玩
 * 听说很多写博的人喜欢玩单反
 * 听说很多有博的人做Web前端
 * 听说国内的互联网很开放?
 * 听说毕业的同学今年要结婚
 * 听说图灵的书籍很好看
 * 听说2012?
 * 听说你说不知道?
 * 听说我是个大菜逼
 * 听说你是个大傻逼
 * 听说互联网上有很多好玩滴
 * 听说欧美大片很好看
 * 听说午夜凶铃很恐怖
 * 听说日本AV口味重
 * 听说很多...&^$#$* 此文字被和谐 =>_<=
 * 
 * 博客无处不在
 * 
 * 生命不息,折腾不止!
 * 
 * 简直是无时不折腾,无处不折腾!
 * 
 * 最后感谢您使用本主题,祝你：
 * 上学的、玩的开开心心，并学业有成。
 * 工作的、拼的舒舒服服，并步步高升。 
 *************************************我*是*分*隔*线*******************************************************************************************/



/*css style : begin*/
*{
	margin:0;
	padding:0;
}
ul,li,ol{
	list-style:none;
}
img{
	outline:none;
	border:none;
}

a{
	color:#3B5998;
	text-decoration:none;
}
 /*清除浮动*/
.clearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
}

/* no ie mac \*/
* html .clearfix {
    height: 1%;
}
/* end */
* + html .clearfix {
    height: 1%;
}
/* wordpress default stylesheet : begin */
.aligncenter{
	display:block;
    padding: 4px;
    border: 1px solid #ccc;
}
.alignleft {
    float: left;
    margin: 5px 5px 0 0;
}
.alignright {
    float: right;
    margin: 5px 0 5px 5px;
}
blockquote {
	font-size:12px;
    padding:5px 0 0px 8px; 
    background-color: #f7f7f7; 
    border-left: 4px solid #e0e0e0; 
    margin: 5px 10px 0 10px; 
}
img.aligncenter{
	
}
img.alignleft {
    float: left;
    padding: 4px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    margin: 5px 10px 10px 0;
}
img.alignright {
    float: right;
    padding: 4px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    margin: 5px 0 10px 10px;
}
img.size-medium{
	
}
img.attachment-thumbnail {
    padding: 4px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    margin: 0 0 5px 5px;
    float: left;	
}
.wp-caption {
    border: 1px solid #e0e0e0;
    text-align: center;
    background-color: #fff;
    padding-top: 4px;
}
.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}
.wp-caption p.wp-caption-text {
    font-size: 12px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
    color: #666;
    font-style: italic;
}


html{}
body{
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	text-align:left;
}
.blueBar{
	height:46px;
	background:#3B5998;
}
.navSquare{
	height:175px;
	background:#e8eaef;
}
#globalContainer{
	position:absolute;
	width:100%;
	top:0px;
	margin:0 auto;
	min-height:600px;
}
#header{
	width:980px;
	height:220px;
	margin:0 auto;
	position:relative;
}
#middle{
	padding-top:10px;
	border-top:1px solid #d3dae5;
	margin:0 auto;
	
}
#footer{
	width:980px;
	margin:15px auto 45px;;	
	font-size:12px;
}
#footer .curve{
	background-color:#fff;
	border-bottom:1px solid #b3b3b3;
	font-size:2px;
	height:8px;
}
#footer .footer{
	position:relative;
	color:#808080;
	padding-top:5px;
	border-top:1px solid #eee;
}
#footer .footer .footerMeta{
	position:absolute;
	top:5px;
	right:0;
}

#footer .footer a{
	color:#3B5998;
	text-decoration:none;
}
#footer .footer a:hover{
	text-decoration:underline;
}
#toolbar{
	border-bottom:1px solid #B4B4B4;
	background-color:#e8eaef;
	position:fixed;
	bottom:0px;
	height:35px;
	opacity:0.8;
	width:100%;
	z-index:9999;
}
#toolbar .toolbar{
	position:relative;
	height:35px;
	width:980px;
	margin:0 auto;
}
/* #header : begin */
#logo{
	
}
#logo a{
	display:block;
	height:36px;
	line-height:36px;
	text-align:center;
	width:103px;
	position:absolute;
	top:10px;
	color:#fff;
	font-size:18px;
	text-decoration:none;
}
#logo a:hover,#logo a:focus,#logo a:active{
	background-color:#4b67a1;
	outline:medium none; /*这一句是什么意思?谷歌一下*/
}
#header .littleIcon{
	position:absolute;
	height:36px;
	width:97px;
	top:10px;
	left:104px;
	/*background:#4b67a1;*/
}
#headNavOut{
	background-color:#627AAD;
	height:35px;
	position:relative;
	top:10px;
	border:1px solid #1D4088;
	border-bottom:none;
	margin-left:202px;
}
#navSearch{
	height:23px;
	position:relative;
	margin:5px;
	border:1px solid #3B5998;
	width:300px;
	background-color:#fff;
}
#navSearch .searchInput{
	font-size:12px;
	height:17px;
	width:265px;
	outline:medium none;
	padding:0 3px;
	margin:2px 20px 2px 0;
	border:none;
	/*border:1px solid #ccc;*/
	outline:none;
	border-right:1px solid #e5e5e5;
}
#navSearch .submitBtn{
	background:url(images/icons/search.gif) no-repeat;
	background-position:center;
	position:absolute;
	display:block;
	width:27px;
	height:15px;
	cursor:pointer;
	border:0 none;
	right:0px;
	top:2px;
	height:19px;
}
ul#pageNav{
	position:absolute;
	top:0;
	right:0;
}
ul#pageNav li{
	float:left;
}
ul#pageNav li a{
	color:#fff;
	display:inline-block;
	font-weight:bold;
	line-height:35px;
	padding:0 10px;
	text-decoration:none;
}
ul#pageNav li a:hover{
	background-color:#6d86b7;
	outline:medium none;
}
		/*如需要二级菜单，请从此处开始写CSS：^_^*/
		ul#pageNav li ul{
			display:none;
			
		}


#catNav{
	width:940px;
	position:absolute;
	top:190px;
	left:20px;
}
#catNav ul{
	
}
#catNav ul li{
	float:left;
	margin-right:2px;
}
#catNav ul li a{
	display:block;
	line-height:30px;
	background:#D3DAE5;
	color:#3B5998;
	font-weight:bold;
	border:1px solid #D3DAE5;
	border-bottom:0;
	padding:0px 10px;
	text-decoration:none;
	outline:none;
}
#catNav ul li a:hover{
	background-color:#627aad;
	color:#fff;
}
#catNav ul li.current-cat a{
	color:#333;
	background-color:#fff;
}
/* #header : end */



/* #wordpress : begin */
.icons{
	background-image:url(images/icons/icons.png);
	background-repeat:no-repeat;
	padding-left:18px;
}
#wordpress{
	width:940px;
	margin:0 auto;	
}
#content{
	float:left;
	width:650px;
	min-height:700px;
	margin-right:20px;
}
#sidebar{
	float:left;
	width:270px;
	min-height:700px;
}

#content .navForGuest{
	
}
#content .post,#content .page{
	margin-bottom:10px;
}
#content .post h2,#content .page h2{
	font-weight:500;
	font-size:14px;
	border-bottom:1px dashed #d3dae5;
	padding:5px 10px;
	background:url(images/icons/titlearrow.png) no-repeat;
	background-position:0 center;
}
#content .post h2 a,#content .page h2 a{
	font-weight:bold;
	color:#333;
	text-decoration:none;
}
#content .post h2 a:hover,#content .page h2 a:hover{
	color:#000;
}
#content .post .metaPost,#content .page .metaPost{
	margin-top:5px;
	position:relative;
	font-size:12px;
	color:#808080;
}
#content .post .metaPost a,#content .page .metaPost a{
	color:#3B5998;
	text-decoration:none;
}
#content .post .metaPost .postDate,#content .page .metaPost .postDate{
	float:left;
	background-position:0 -2px;
	margin-right:5px;
}
#content .post .metaPost .postCat,#content .page .metaPost .postCat{
	float:left;
	background-position:0 -175px;
	margin-right:5px;
}
#content .post .metaPost .postAuthor,#content .page .metaPost .postAuthor{
	float:left;
	background-position:0 -108px;
	margin-right:5px;	
}
#content .post .metaPost .postComment,#content .page .metaPost .postComment{
	position:absolute;
	right:0;
	top:0;
	background-position:0 -140px;
}
#content .post .content,#content .page .content{
	margin-top:20px;
	line-height:170%;
	color:#000;
	padding-left:10px;
	font-size:13px;
}
#content .post .content p,#content .page .content p{
	margin-bottom:15px;
}
#content .post .content a,#content .page .content a{
	color:#3B5998;
	font-size:12px;
	text-decoration:none;
	background-image:url(images/icons/external.gif);
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:10px;
}
#content .post .content a.more-link,#content .page .content a.more-link{
	background-image:none;
	background-repeat:no-repeat;
	background-position:left center;
	font-weight:bold;
	text-decoration:none;
}
#content .post .content a.more-link:hover,#content .page .content a.more-link:hover{
	background:#3B5998;
	color:#fff;
}

#content .pageNavi a{
	color:#999;
	text-decoration:none;
}
#content .pageNavi a:hover{
	color:#333;
}
.alignleft{
	float:left;	
}
.alignright{
	float:right;
}

/* #sidebar : begin */
#sidebar{
	margin-top:10px;
	font-size:12px;
}
#sidebar .widget{
	margin-bottom:20px;
}
#sidebar .widget h3{
	border-bottom:1px solid #E9E9E9;
	border-top:1px solid #AAAAAA;
	padding:0.5em 10px;
	margin-bottom:5px;
	background-color:#f1f1f1;
}
#sidebar .widget  a{
	color:#3B5998;
	text-decoration:none;	
}
#sidebar .widget  a:hover{
	text-decoration:underline;	
}
#sidebar .widget ul{
	padding-left:10px;
}
#sidebar .widget ul li{
	margin-bottom:5px;
}

/* ./single.php #postFoot : begin */
#postFoot{
	position:relative;
}
#postFoot .tags{
	background-color:#EDEFF4;
	border-bottom:1px solid #E5EAF1;
	padding:5px 10px;
	font-size:12px;
}
#postFoot .tags a{
	
}
#postFoot .postMeta{
	background-color:#EDEFF4;
	color:#808080;
	font-size:12px;
	position:absolute;
	right:0;
	top:0;
	width:170px;
	padding:5px;
}
#postFoot .postMeta ul li{
	border-bottom:1px solid #D8DFEA;
	padding:3px 0;
}

#comments{
	font-size:12px;
	float:left;
	width:450px;	
}
#comments h4{
	background-color:#EDEFF4;
	border-bottom:1px solid #E5EAF1;
	margin-top:2px;
	padding:5px 10px 4px
}
#comments ol.commentlist{
	
}
#comments ol.commentlist li{
	background-color:#EDEFF4;
	border-bottom:1px solid #E5EAF1;
	margin-top:3px;
	padding:6px 10px 5px
}
#comments ol.commentlist li #respond textarea{
	width:98%;
}
#comments ol.commentlist ul.children li{
	border-bottom:none;
	border-top:1px solid #fff;
	padding:6px 0 0 20px;
}
#comments ol.commentlist ul.children .comment-body{
	margin-bottom:5px;
}
#comments ol.commentlist .comment-body{
	margin-bottom:10px;
}
#comments ol.commentlist li a{
	color:#3B5998;
}
#comments ol.commentlist li img.avatar{
	width:32px;
	height:32px;
	background:#ccc;
	float:left;
	margin-right:10px;
}
#comments ol.commentlist li .vcard{
	padding-left:40px;

}
#comments ol.commentlist li .vcard a{
	text-decoration:none;
	font-weight:bold;
}
#comments ol.commentlist li .vcard p{
	display:inline;
	line-height:150%;
}
.commentMeta{
	color:#808080;
	margin-top:5px;
}

#comments #respond{
	
}
#comments #respond h5{
	font-size:12px;
	background-color:#EDEFF4;
	border-bottom:1px solid #E5EAF1;
	margin-top:2px;
	padding:5px 10px 4px	
}
#comments #respond p.logged{
	padding:5px;
}
#comments #respond p.logged a{
	color:#3B5998;
	font-weight:bold;
	text-decoration:none;
}
#comments #respond form{
	margin-top:5px;
}
#comments #respond form p{
	margin-bottom:5px;
}
#comments #respond form p .input{
	width:180px;
	height:16px;
	padding:2px;
}
#comments #respond form p .submit{
	width:150px;
	height:26px;
}
#comments #respond form p textarea{
	width:440px;
	height:130px;
	padding:3px;
}






body.error404 .error{
	width:500px;
	margin:50px auto;
}
body.error404 .error .suggestions{
	margin-left:30px;
	margin-top:10px;
}
body.error404 .message{
	padding:10px 0;
}
body.error404 .returnIndex{
	background-image:url(images/icons/rhome.gif);
	background-repeat:no-repeat;
	background-position:0 center;
	padding-left:10px;
	float:right;
}
body.error404 .returnIndex a:hover{
	text-decoration:underline;
}
body.error404 .suggestions li{
	list-style:decimal;
	padding:2px 0;
}


/* UEDRSS */
#uedRss{
	width:940px;
	margin:0 auto;
	background-color:#F2F2F2;
	border:1px solid #CCCCCC;
	min-height:250px;
	margin-top:20px;
}



.blogShow{
	position:absolute;
	top:65px;
	left:20px;	
}
.blogShow img{
	border:1px solid #bebebe;
	padding:3px;
	background:#fff;
}

.twitter{
	position:absolute;
	top:65px;
	left:340px;
	height:105px;
	width:500px;
	padding:3px;
}
.headMeta{
	position:absolute;
	right:0;
	top:60px;
}
.headMeta li{
	display:block;
	padding:3px;
	border-bottom:1px solid #ccc;
}
/**** .search-results : end ************/
#content .searchResults{
	margin-top:20px;
	font-size:12px;
	overflow:hidden;
}
#content .searchNav{
	
}
#content .searchResults h2{
	background:none;
	padding:0;
	border:0;
	margin-bottom:10px;
}
#content .searchResults h2 a{
	color:blue;
	text-decoration:underline;
}
#content .searchResults .excerpt{
	font-size:12px;
	margin-bottom:5px;
}
#content .searchResults .postTags{
	margin-bottom:5px;
}
#content .searchResults .postCats{
	margin-bottom:5px;
}
#content .searchResults .postUri{
	color:green;
	word-break:break-all;
}


/*** .wp-pagenavi : end ***/

.wp-pagenavi{
	margin-bottom:20px;
	border-bottom:2px solid #e8eaef;
	padding:5px;
}
.wp-pagenavi span,.wp-pagenavi a{
	margin-right:20px;
}
.wp-pagenavi span.current{
	border-bottom:4px solid #3B5998;
	padding:4px 10px;
	background-color:#e8eaef;
}

/*** 弹窗的CSS style : begin -20100730 22:56 见custom.js相关代码****/

.crossyou_popu{
	border-top:4px solid #ccc;
	border-left:4px solid #ccc;
	border-bottom:4px solid #888;
	border-right:4px solid #888;
}
.crossyou_popu .title{
	line-height:20px;
	padding:3px 10px;
	border-bottom:1px solid #ccc;
	font-weight:bold;
	position:relative;
}
.crossyou_popu .title a{
	position:absolute;
	height:16px;
	width:16px;
	top:3px;
	right:3px;
	background-image:url(images/icons/xclose.gif);
}
.crossyou_popu .title a:hover{
	background-position:0 -33px;
}
.crossyou_popu .content{
	padding:10px 10px;
}
.crossyou_popu .content ul{
	
}
.crossyou_popu .content ul li{
	float:left;
	width:20%;
	font-weight:bold;
	font-size:12px;
	margin:5px 0;
}
.crossyou_popu .content ul li span{
	color:green;
}
.crossyou_popu .foot{
	text-align:right;
	font-size:12px;
	color:#808080;
	height:15px;
	padding:3px 5px;
}

/* toolbar : begin */
.toolItem{}
#blogStart a{
	background-image:url(images/wordpress.png);
	background-repeat:no-repeat;
	background-position:0 2px;	
	height:35px;
	width:31px;
	position:absolute;
	left:0px;
	bottom:0;
	border-bottom:0;
	font-size:12px;	
}
#ccLicense a{
	background-image:url(images/cc_by_nc_sa.png);
	background-repeat:no-repeat;
	background-position:0 8px;	
	height:35px;
	width:69px;
	position:absolute;
	left:40px;
	bottom:0;
}
#domShow{
	background-image:url(images/domShow.png);
	background-repeat:no-repeat;
	background-position:0 8px;	
	height:35px;
	width:23px;	
	position:absolute;
	left:130px;
	bottom:0;
}
#imChat{
	line-height:35px;
	width:201px;
	position:absolute;
	right:20px;
	bottom:0;
	border-bottom:0;
	font-size:12px;
}
#imChat a{
	height:35px;
	bottom:0;
	padding-left:20px;	
}
#imChat a.noBloger{
	background-image:url(images/icons/chat/nobloger.gif);
	background-repeat:no-repeat;
	background-position:0 0;	
}
#imChat a.onBloger{
	background-image:url(images/icons/chat/onbloger.gif);
	background-repeat:no-repeat;
	background-position:0 0;	
}
#goTop a{
	background-image:url(images/icons/go_top.gif);
	background-repeat:no-repeat;
	background-position:0 8px;	
	height:35px;
	width:12px;	
	position:absolute;
	right:0;
	bottom:0;
}
#blogerWin{
	width:220px;
	position:absolute;
	right:0;
	bottom:35px;
	background:#e8eaef;
	display:none;
}
.onlineBlogerList{
	font-size:12px;
	padding:5px;
	overflow:hidden;
}
.onlineBlogerList li{
	height:32px;
	position:relative;
	padding:5px 0;
	border-bottom:1px dotted #ccc;
}
.blogerName{
	position:absolute;
	left:40px;
	top:0;
}
.blogerUrl{
	position:absolute;
	left:40px;
	top:17px;
	color:#808080;
}


#bwTitle{
	line-height:20px;
	background:	#3B5998;
	position:relative;
	font-size:12px;
	color:#fff;
	padding:0 5px;
}
#bwClose{
	display:block;
	line-height:20px;
	position:absolute;
	right:5px;
	top:0;
	color:#fff;
	font-weight:bold;
}
#working{
	background-image:url(images/working.gif);
	background-repeat:no-repeat;
	background-position:0 center;
	position:absolute;
	line-height:35px;
	width:50px;
	right:60px;
	padding-left:20px;
	color:#666;
	display:none;
}