/*
Theme Name:Squ 1
Theme URI:http://squ.me/squ-1.html
Description:It is a simple theme for wp
Version:1.0
Author:Sham
Author URI:http://squ.me/
Tags:simple,twitter,Sham
*/
body {
	font-family:微软雅黑, Helvetica, Arial, Sans-Serif;
	font-size:13px;
	color:#444;
	margin-right: auto;
   	margin-left: auto;
	margin-top:50px;
	background:#F7F7F7;
    	text-align:center;
	width:100%;
	padding:0px;
	}
a {text-decoration:none;
	color:#2276bb;
	-webkit-transition: .2s ease-in-out;
  	-moz-transition: .2s ease-in-out;
  	-o-transition: .2s ease-in-out;
	}
blockquote {
	margin:10px;
}
p {margin:10px 0}
a:hover {
	text-decoration:none;
	color:#333;
	text-shadow:0px 0px 10px #2276bb;
}
ul {
	list-style:none;
}
li{
	list-style:none;
}
h1, h2, h3, h4 {
	font-family:微软雅黑,Helvetica,Arial,Sans-Serif;
}
h1 {
	font-size:20px;
	line-height: 1em;
}
h2 {
	font-size:13px;
}
h3 {
	font-size:1.2em;
	margin-left:10px;
}
h4 {
	font-size:1.0em;
}
img {
	border-style:none;
}
input{
	border:2px solid #666;
	font-family:微软雅黑, Helvetica, Arial, Sans-Serif;
	border-radius:3px;
	margin:5px;
	-webkit-transition: .2s ease-in-out;
  	-moz-transition: .2s ease-in-out;
  	-o-transition: .2s ease-in-out;
}
input:hover , input:focus {
	color:#2276bb;
	border:2px solid #2276bb;
	-webkit-box-shadow:0 0 5px #2276bb;
	-moz-box-shadow:0 0 5px #2276bb;
	-o-box-shadow:0 0 5px #2276bb;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/*Top 顶部悬浮*/
#squ-top{
	width:100%;
	height:32px;
	padding:5px;
	margin:0px;
	position:fixed;
	z-index:999;
	overflow:hidden;
	display:block;
	background:#000;
	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-opacity:.7;
	box-shadow:0px 5px 5px #565656;
	-webkit-box-shadow:0px 5px 5px #565656;
	-moz-box-shadow:0px 5px 5px #565656;
	top:0px;
	left:0px;
	color:#f2f2f2;
}
/*Readerwall 顶部悬浮读者墙*/
.reader-wall{
	float:left;
	height:34px;
	display:block;
	margin:0px auto;
	overflow:hidden;
	list-style:none;
	text-align:center;
	}
.reader-wall span{
	float:left;
	margin:0px 3px;
	height:auto;
	}
.reader-wall img{
	width:28px;
	height:28px;
	margin:0px;
	padding:2px;
	border:1px solid #fff;
	-webkit-box-shadow:0 0 8px #fff;
	-moz-box-shadow:0 0 8px #fff;
	border-radius:5px;
	opacity:1;
	-webkit-transition: .2s ease-in-out;
  	-moz-transition: .2s ease-in-out;
  	-o-transition: .2s ease-in-out;
	}
.reader-wall img:hover{
	-webkit-box-shadow:0 0 5px #2276bb;
	-moz-box-shadow:0 0 5px #2276bb;
	-o-box-shadow:0 0 5px #2276bb;
	opacity:0.3;
	filter:alpha(opacity=30);
	}
.avatar-info{
	display:none;
	position:fixed;
	background:#000;
	z-index:9999;
	top:45px;
	width:60px;
	font-size:11px;
}
.reader-wall span:hover .avatar-info{
	display:block;
}
.squ-feed{
	display:block;
	float:right;
	margin-right:10px;
}
.squ-feed span{
	margin-right:5px;
}
.squ-feed img{
	width:32px;
	height:32px;
	border-radius:5px;
	-webkit-transition: .2s ease-in-out;
  	-moz-transition: .2s ease-in-out;
  	-o-transition: .2s ease-in-out;
}
.squ-feed img:hover{
	opacity:0.3;
	filter:alpha(opacity=30);
}
/*侧边漂浮*/
#squ-side{
	width:250px;
	height:auto;
	margin:0px;
	position:fixed;
	background:none;
	z-index:999999;
	overflow:hidden;
	top:40%;
	left:-220px;
	-webkit-transition: .5s ease-in-out;
  	-moz-transition: .5s ease-in-out;
  	-o-transition: .5s ease-in-out;
}
.squ-info{
	float:left;
	width:210px;
	border:2px solid #ccc;
	box-shadow:0px 5px 5px #565656;
	-webkit-box-shadow:0px 5px 5px #565656;
	-moz-box-shadow:0px 5px 5px #565656;
	-o-box-shadow:0px 5px 5px #565656;
}
.squ-sideb{
	float:right;
	width:25px;
}
.squ-sideb .b{
	height:auto;
	padding:5px;
	border:2px solid #ccc;
	box-shadow:0px 5px 5px #565656;
	-webkit-box-shadow:0px 5px 5px #565656;
	-moz-box-shadow:0px 5px 5px #565656;
	-o-box-shadow:0px 5px 5px #565656;
}
#squ-side:hover{
	left:0px;
}
#squ-side:hover .squ-sideb .b{
	opacity:0;
	filter:alpha(opacity=0);
}
/*Menu 菜单*/
#squ-menu{
	width:960px;
	height:45px;
	margin-right:auto;
        margin-left:auto;
        margin-bottom:12px;
	padding:0px 0px 5px;
	text-align:center;
	border-bottom:3px solid #ccc;
	}
#squ-menu .menu-main-container{
	height:100%;
}
#squ-menu ul{
	height:100%;
	width:100%;
	padding-left:3px;
	padding-bottom:0px;
	margin-right:auto;
        margin-left:auto;
	}	
#squ-menu ul li{
	font-size:18px;
	font-weight:bold;
	float:left;
	width:auto;
	height:auto;
	background-color: #F7F7F7;
	margin:5px;
	padding:5px;
	overflow: hidden;
	cursor:pointer;
	border:1px solid #F7F7F7;
	border-radius:3px;
	-webkit-transition: .2s ease-in-out;
  	-moz-transition: .2s ease-in-out;
  	-o-transition: .2s ease-in-out;
       	}
#squ-menu ul li.current-menu-item{
	background-color: #ADADAD;
	border:1px solid #000000;
	box-shadow:0 0 5px #2276bb;
	-webkit-box-shadow:0 0 5px #2276bb;
	-moz-box-shadow:0 0 5px #2276bb;
	-o-box-shadow:0 0 5px #2276bb;
	}
#squ-menu ul li.current-menu-item a{
	color:#fff;
}
#squ-menu ul li.current-menu-parent{
	background-color: #cccccc;
	border:1px solid #000000;
	box-shadow:0 0 5px #2276bb;
	-webkit-box-shadow:0 0 5px #2276bb;
	-moz-box-shadow:0 0 5px #2276bb;
	-o-box-shadow:0 0 5px #2276bb;
	}
#squ-menu ul li a{
	text-decoration: none;
	}
#squ-menu ul li a:hover{
	text-shadow: none;
	color:#fff;
	}
#squ-menu ul li:hover{
	background-color: #ADADAD;
	border:1px solid #2276bb;
	box-shadow:0 0 5px #2276bb;
	-webkit-box-shadow:0 0 5px #2276bb;
	-moz-box-shadow:0 0 5px #2276bb;
	-o-box-shadow:0 0 5px #2276bb;
	}
#squ-menu .sub-menu{
	display:none;
	position:absolute;
	z-index:999;
	margin-top:20px;
	margin-left:10px;
	list-style:none;
	}
/*Main 主题*/
#squ-main{
	width:960px;
	height:auto;
	font-family:微软雅黑,Arial, Helvetica, sans-serif;
	background:none;
	margin:0px auto;
	display:block;
}
/*Postlist 文章列表 内容页文章*/
#squ-postlist{
	width:679px;
	float:left;
	display:block;
}
.post{
	width:100%;
	display:block;
	height:auto;
	margin-right:auto;
        margin-left:auto;
	position:relative;
}
.page{
	width:679px;
	display:block;
	height:auto;
	margin-right:auto;
        margin-left:auto;
}
.squ-postshow{
	border:2px solid #ccc;
	border-radius:5px;
	padding:5px;
	background:#fff;
	-webkit-transition: .2s ease-in-out;
  	-moz-transition: .2s ease-in-out;
  	-o-transition: .2s ease-in-out;
}
.squ-postshow:hover{
	border:2px solid #2276bb;
}
.squ-posttitle{
	height:20px;
	text-align:left;
	font-size:18px;
	padding:10px;
	border-bottom:1px dashed #ccc;
}
.sticky .squ-posttitle{
	border-bottom:none;
	display:block;
}
.sticky .squ-posttitle a{
	width:500px;
	overflow:hidden;
	float:left;
}
.squ-posttitle a{
	color:#333;
	text-shadow:0px 0px 5px #2276bb;
}
.squ-posttitle a:hover{
	margin-left:10px;
	margin-right:-10px;
}
.squ-postcontent{
	height:auto;
	text-align:left;
	padding:5px 10px;
	margin:5px 0px 18px;
	color:#444;
}
.sticky .squ-postcontent{
	border-bottom:none;
}
.squ-postcontent p{
	margin:0px auto;
	padding:0px auto;
}
.squ-postcontent img{
	max-width:650px;
	border:2px solid #ccc;
	border-radius:5px;
	-webkit-box-shadow:0 0 2px #000;
	-moz-box-shadow:0 0 2px #000;
	-o-box-shadow:0 0 2px #000;
	-webkit-transition: .2s ease-in-out;
  	-moz-transition: .2s ease-in-out;
  	-o-transition: .2s ease-in-out;
}
.squ-postcontent img:hover{
	-webkit-box-shadow:0 0 2px #2276bb;
	-moz-box-shadow:0 0 2px #2276bb;
	-o-box-shadow:0 0 2px #2276bb;
	opacity:0.5;
	filter:alpha(opacity=50);
	}
a.more-link{
	float:right;
	clear:right;
	text-align:right;
	padding:5px;
	margin:5px 0px;
	border:1px solid #ccc;
	border-radius:5px;
	background:#fff;
	-webkit-transition: .2s ease-in-out;
  	-moz-transition: .2s ease-in-out;
  	-o-transition: .2s ease-in-out;
}
a.more-link:hover{
	border:1px solid #2276bb;
	background:#ccc;
	box-shadow:0 0 5px #2276bb;
	-webkit-box-shadow:0 0 5px #2276bb;
	-moz-box-shadow:0 0 5px #2276bb;
	-o-box-shadow:0 0 5px #2276bb;
}

.squ-postmetai{
	display:inline;
	padding:3px auto;
	margin:0px auto;
	color:#666;
	position:absolute;
	z-index:999;
	bottom:20px;
	left:10px;
	width:auto;
	height:18px;
	font-size:12px;
	background:none;
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition: .5s ease-in-out;
  	-moz-transition: .5s ease-in-out;
  	-o-transition: .5s ease-in-out;
	overflow:hidden;
}
.post:hover .squ-postmetai{
	opacity:1;
	filter:alpha(opacity=100);
}
.squmeta-info{
	height:40%;
	display:block;
	text-align:left;
}
.squmeta-tags{
	height:60%;
	display:block;
	text-align:left;
}
.squ-postmeta{
	text-align:left;
	height:auto;
	padding:0px 10px;
	color:#666;
	display:block;
	padding:5px;
	margin:10px 0px 0px;
	border:1px solid #ddd;
	border-radius:8px;
	background:#F7F7F7;
}
.squ-postmetai a{
	color:#666;
	-webkit-transition: .2s ease-in-out;
  	-moz-transition: .2s ease-in-out;
  	-o-transition: .2s ease-in-out;
}
.squ-postmetai a:hover{
	color:#2276bb;
	text-shadow:0 0 2px #2276bb;
}
.squ-postmetai span{
	padding:2px 5px;
	margin:0px auto;
	text-align:left;
	-webkit-transition: .2s ease-in-out;
  	-moz-transition: .2s ease-in-out;
  	-o-transition: .2s ease-in-out;
	float:left;
	overflow:hidden;
	display:block;
	height:18px;
}
.squ-postmetai span:hover{
	color:#2276bb;
	text-shadow:0 0 2px #2276bb;
}
.squmeta-cat{
	width:110px;
}
.squmeta-time{
	width:160px;
}
.squ-postmetai .squmeta-tags{
	width:245px;
}
.squ-postmetai .squmeta-comments{
	width:100px;
	text-align:right;
}
.post-password-required .squmeta-comments{
	display:none;
}
.squmeta-link{
}
.squ-postmetai .squmeta-share{
	width:90px;
	text-align:right;
}
.squ-psshadow{
	background:url(img/ps-shadow.png);
	width:679px;
	height:12px;
	margin-right:auto;
        margin-left:auto;
}

.squ-shareto img{
	width:32px;
	height:32px;
}

/*Sticky置顶文章*/
#squ-stickys{
	width:100%;
	height:220px;
	display:block;
	height:auto;
	margin-right:auto;
        margin-left:auto;
}
.squ-sticky{
	width:160px;
	height:200px;
	background:#fff;
	float:left;
	display:block;
	overflow:hidden;
	margin:5px;
}
.squ-sticky .squ-posttitle{
	text-align:left;
	font-size:14px;
	padding:5px;
	border-bottom:1px dashed #ccc;
}
span.squ-stickied{
	position:absolute;
	z-index:9;
	width:70px;
	height:70px;
	top:-10px;
	right:-10px;
	padding:0px;
	margin:0px;
	overflow:hidden;
	background:url(img/sticky.png) no-repeat top;
}

/*Pagenavi 首页分页*/
.squ-pagenavi{
	margin:5px 0px 5px;
	width:100%;
	height:auto;
	line-height:36px;
	text-align:center;
	overflow:hidden;
	}
.squ-pagenavi a{
	padding:3px 8px;
	margin:2px;
	text-decoration:none;
	color:#2276bb;
	border:1px solid #b2b2b2;
	border-radius:3px;
	}
.squ-pagenavi a:hover,.squ-pagenavi a.current{
	color:#333;
	background-color: #b2b2b2;
	border:1px solid #000;
	-webkit-box-shadow:0 0 2px #000;
	-moz-box-shadow:0 0 2px #000;
	-o-box-shadow:0 0 2px #000;
	text-shadow:0px 0px 10px #333;
	}
.squ-pagenavi span.current{
	padding:3px 8px;
	margin:2px;
	text-decoration:none;
	color:#333;
	background-color: #b2b2b2;
	border:1px solid #000;
	border-radius:3px;
	-webkit-box-shadow:0 0 2px #000;
	-moz-box-shadow:0 0 2px #000;
	-o-box-shadow:0 0 2px #000;
	text-shadow:0px 0px 10px #333;
}

/*Sidebar 侧边栏*/
#squ-sidebar{
	width:270px;
	float:right;
	margin:0px;
	padding:0px;
	list-style:none;
	display:inline;
}
#squ-sidebar ul{
	list-style:none;
	display:inline;
	padding:0px;
	margin:0px;
}
#squ-sidebar li.widget{
	border:2px solid #ccc;
	border-radius:5px;
	padding:0px 5px 5px;
	margin:0px 0px 10px;
	background:#fff;
	text-align:left;
	font-size:13px;
	display:block;
	overflow:hidden;
	-webkit-transition: .2s ease-in-out;
  	-moz-transition: .2s ease-in-out;
  	-o-transition: .2s ease-in-out;
}
#squ-sidebar li.widget:hover{
	border:2px solid #2276bb;
}
#squ-sidebar li.widget ul{
	display:block;
	padding:0px;
	margin:0px;
	list-style-type:none;
}
#squ-sidebar li.widget ul li{
	margin:2px;
	padding:0px;
	text-align:left;
	display:block;
}
#squ-sidebar .widgettitle{
	font-weight:bold;
	font-size:18px;
	border-bottom:1px dashed #ccc;
	margin:0px;	
	padding:10px 5px;
}
#wp-calendar{
	width:100%;
}
#wp-calendar td, #wp-calendar th{
	padding:0px;
	text-align:center;
}
#wp-calendar #prev{
	text-align:left;
}
#wp-calendar #next{
	text-align:right;
}
.screen-reader-text{
	display:none;
}
.widget_recent_comments ul{
	padding:0px;
	margin:0px;
	text-align:left;
	list-style:none;
	display:inline;
}
#squ-sidebar li.recentcomments{
	border-style:none none dashed;
	border-width:1px;
	border-color:#ccc;
}
#squ-sidebar .tagcloud{
	padding:5px 0px;
	margin-bottom:5px;
	-webkit-box-shadow:0 0 1px #2276bb;
	-moz-box-shadow:0 0 1px #2276bb;
	-o-box-shadow:0 0 1px #2276bb;
	width:auto;
	height:auto;
	mini-height:300px;
	white-space:normal;
}
.tagcloud a{
	padding:3px;
	border:1px solid #ccc;
	border-radius:5px;
	margin:5px 2px;
	box-shadow:0 0 1px #666;
	-webkit-box-shadow:0 0 1px #666;
	-moz-box-shadow:0 0 1px #666;
	-o-box-shadow:0 0 1px #666;
	-webkit-transition: .2s ease-in-out;
  	-moz-transition: .2s ease-in-out;
  	-o-transition: .2s ease-in-out;
	white-space:nowrap;
}
.tagcloud a:hover{
	border:1px solid #2276bb;
	box-shadow:0 0 5px #2276bb;
	-webkit-box-shadow:0 0 5px #2276bb;
	-moz-box-shadow:0 0 5px #2276bb;
	-o-box-shadow:0 0 5px #2276bb;
	background:#bbb;
}
/*下一篇下一篇样式*/
#squ-below{
	width:679px;
	height:16px;
	margin:5px auto;
	padding:5px;
	overflow:hidden;
	}
#squ-below a{
	text-decoration:none;
	}
#squ-below .nav-previous{
	width:50%;
	float:left;
	text-align:left;
	overflow:hidden;
	-webkit-transition: .3s ease-in-out;
  	-moz-transition: .3s ease-in-out;
  	-o-transition: .3s ease-in-out;
	}
#squ-below .nav-previous a:hover{
	padding-left:8px;
	margin-right:-8px
}
#squ-below .nav-next{
	width:50%;
	float:right;
	text-align:right;
	overflow:hidden;
	-webkit-transition: .3s ease-in-out;
  	-moz-transition: .3s ease-in-out;
  	-o-transition: .3s ease-in-out;
	}
#squ-below .nav-next a:hover{
	padding-right:8px;
	margin-left:-8px
}

/*Comments 评论*/
#squ-comments{
	margin-top:10px;
	text-align:left;
}
#squ-comments >li{
	border:1px solid #ccc;
	border-radius:5px;
	margin:5px 0px;
	padding:10px;
	background:#fff;
}
#squ-comments img.avatar{
	width:24px;
	height:24px;
	border:1px solid #ccc;
	border-radius:3px;
	-webkit-transition: .2s ease-in-out;
  	-moz-transition: .2s ease-in-out;
  	-o-transition: .2s ease-in-out;
}
#squ-comments img.avatar:hover{
	-o-transform: rotate(10deg); /* Opera浏览器 */
	-webkit-transform: rotate(10deg); /* Webkit内核浏览器 */
	-moz-transform: rotate(10deg); /* Firefox浏览器 */
}
.comment-text{
	margin-bottom:8px;
	border-bottom:1px dashed #ccc;
}
.comment-text p{
	margin:0px;
	padding:3px 0px;
}
.squ-commeta{
	font-size:14px;
}
.squ-comreply{
	float:right;
	clear:right;
}
.squ-comreply a{
	margin-left:8px;
	padding:2px 3px;
	border:1px solid #ccc;
	border-radius:3px;
}
.squ-comreply a:hover{
	color:#333;
	text-shadow:0px 0px 10px #333;
	-webkit-box-shadow:0 0 3px #2276bb;
	-moz-box-shadow:0 0 3px #2276bb;
	-o-box-shadow:0 0 3px #2276bb;
}
#squ-comshow children{
	margin:5px 0px;
}

#respond{
	margin:10px 0px;
	padding:10px;
	border:1px solid #ccc;
	border-radius:5px;
	text-align:left;
	background:#fff;
}

/*Album list 相册列表*/
#squ-album{
	width:900px;
	margin:0px auto;
	padding:0px auto;
	list-style:none;
}
.squ-albumlist{
	margin:0px auto;
}
.squ-albumlist li{
	float:left;
	margin:10px;
	padding:5px;
	border:2px solid #ccc;
	border-radio:5px;
	-webkit-box-shadow:0 0 5px #000;
	-moz-box-shadow:0 0 5px #000;
	-webkit-transition: .2s ease-in-out;
  	-moz-transition: .2s ease-in-out;
  	-o-transition: .2s ease-in-out;
	background:#fff;
}
.squ-albumlist li:hover{
	-webkit-box-shadow:0 0 5px #F7F7F7;
	-moz-box-shadow:0 0 5px #F7F7F7;
}
.squ-albumlist li img{
	width:150px;
	height:150px;
	border:1px solid #ccc;
}

/*Img list 图片展示页*/
.squ-imglist li{
	float:left;
	margin:10px 12px;
	padding:10px;
	border:3px solid #ddd;
	border-radio:5px;
	box-shadow:3px 3px 3px #666;
	-webkit-box-shadow:0 0 3px #666;
	-moz-box-shadow:0 0 3px #666;
	-o-box-shadow:0 0 3px #666;
	-webkit-transition: .2s ease-in-out;
  	-moz-transition: .2s ease-in-out;
  	-o-transition: .2s ease-in-out;
	background:#fff;
}
.squ-imglist li:hover{
	border:3px solid #666;
	box-shadow:0 0 5px #F7F7F7;
	-webkit-box-shadow:0 0 5px #F7F7F7;
	-moz-box-shadow:0 0 5px #F7F7F7;
	-o-box-shadow:0 0 5px #F7F7F7;
}
.squ-imglist li img{
	width:120px;
	height:120px;
	border:2px solid #ccc;
}
.squ-imglist .pic-info{
	display:block;
}

/*Footer 底部*/
#squ-footer{
	border-top:3px solid #ccc;
	width:960px;
	margin:10px auto;
	padding:10px 0px;
	display:block;
}

/*附加样式，可选择使用，用法是在文章中添加副标题*/
.sh{
	box-shadow:2px 2px 5px #777;
	-moz-box-shadow:2px 2px 5px #777;
	-webkit-box-shadow:2px 2px 5px #777;
	background:#999;
	width:auto;
	height:20px;
	overflow:hidden;
	border:1px solid #999;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	margin:5px 5px 0;
	padding:3px 0 3px 5px;
	display:block;
}
.shshow, blockquote{
	color:#555;
	width:auto;
	display:block;
	padding:5px 5px 10px 5px;
	margin:0 5px 10px;
	border:1px solid #ddd;
	background:#F7F7F7;
	box-shadow:2px 2px 5px #777;
	-moz-box-shadow:2px 2px 5px #777;
	-webkit-box-shadow:2px 2px 5px #777;
	overflow:hidden;
	line-height:200%
}
.shshow  span, blockquote span{
	width:auto;
	min-width:100px;
	height:auto;
	padding:5px;
	margin:5px;
	border:2px solid #666;
	border-radius:3px;
	font-family:方正姚体, 微软雅黑, Helvetica, Arial, Sans-Serif;
	font-size:14px;
}
.shshow  #more, blockquote #more{
	border:none;
}
/*For code*/
.squ-code{
	border-left:15px solid #ccc;
}
/*For 相关文章插件*/
.related_post_title{
	text-align:left;
	margin:20px 0px 5px;
	font-size:18px;
}
.related_post{
	text-align:left;
	color:#555;
	padding:10px;
	margin:5px auto;
	border:1px solid #ccc;
	border-radius:8px;
	background:#fff;
	overflow:hidden;
	line-height:150%;
	list-style:none;
	-webkit-transition: .2s ease-in-out;
  	-moz-transition: .2s ease-in-out;
  	-o-transition: .2s ease-in-out;
}
.related_post li{
	-webkit-transition: .2s ease-in-out;
  	-moz-transition: .2s ease-in-out;
  	-o-transition: .2s ease-in-out;
}
.related_post li:hover{
	margin-left:10px;
	margin-right:-10px;
}

/*For Postview，需要将postview插件设置成<li><span class="postview-a"><a href="%POST_URL%"  title="%POST_TITLE%">%POST_TITLE%</a></span><span class="postview-n">%VIEW_COUNT% 关注度</span></li>*/
.postview-li{
	width:100%;
	display:block;
}
.postview-a{
	float:left;
	height:20px;
	width:160px;
	overflow:hidden;
}
.postview-a a:hover{
	padding-left:8px;
	padding-right:-8px;
}
span.postview-n{
	float:right;
	width:80px;
	text-align:right;
}
span.postview-a:hover span.postview-n{
	display:none;	
}
/*For random-posts*/
#random-posts-widget a:hover{
	padding-left:8px;
	padding-right:-8px;
}
/*For Tips*/
#squ-tips{
	width:630px;
	margin:30px 10px 50px;
	padding:10px 0px 10px;
	display:block;
}
#squ-tips img{
	width:50px;
	height:50px;
	margin:0px;
	padding:0px;
	border:5px solid #ddd;
	box-shadow:5px 5px 5px #565656;
	-webkit-box-shadow:5px 5px 5px #565656;
	-moz-box-shadow:5px 5px 5px #565656;
	-o-box-shadow:5px 5px 5px #565656;
}
#squ-tips .tip-avatar{
	float:left;
	width:auto;
	height:auto;
	margin:0px;
	padding:0px;

}
#squ-tips .tip-info{
	float:right;
	width:520px;
	height:auto;
	min-height:36px;
	border:2px solid #eee; /* 边框宽度为3px */
	position:relative;
	background:#eee;
	padding:10px;
	box-shadow:5px 5px 5px #565656;
	-webkit-box-shadow:5px 5px 5px #565656;
	-moz-box-shadow:5px 5px 5px #565656;
	-o-box-shadow:5px 5px 5px #565656;
	font-family:方正姚体, 微软雅黑, Helvetica, Arial, Sans-Serif;
	font-size:16px;
}
#squ-tips .tip-sp1{
	display:block;
	height:0px;
	width:0px;
	position:absolute;
	font-size:0;
	line-height:0;
	margin-left:70px;/* 它的绝对值加上span的边框宽度等于div边框宽度的5倍 */
	margin-top:10px; /* 它来确定尖角的位置 */
	border-left:0px;
	border-top:10px solid #fff;/* 注意颜色的变化 */
	border-right:20px solid #eee;
	border-bottom:10px solid #fff;
}

/*For Arrows*/
.arr-l , .arr-r , .arr-u , .arr-d{
	height:0px;
	width:0px;
	margin:0px;
	padding:0px;
}
.arr-l{
	border-left:0px;
	border-top:10px solid #fff;/* 注意颜色的变化 */
	border-right:20px solid #bbb;
	border-bottom:10px solid #fff;
}
.arr-r{
	border-right:0px;
	border-top:10px solid #fff;/* 注意颜色的变化 */
	border-left:20px solid #bbb;
	border-bottom:10px solid #fff;
}
.arr-u{
	border-top:0px;
	border-left:10px solid #fff;/* 注意颜色的变化 */
	border-bottom:20px solid #bbb;
	border-right:10px solid #fff;
}
.arr-d{
	border-bottom:0px;
	border-left:10px solid #fff;/* 注意颜色的变化 */
	border-top:20px solid #bbb;
	border-right:10px solid #fff;
}
/*For opacity-effect*/
.op-e{
	margin:5px 0px;
	border:2px solid #fff;
	width:100%;
	display:block;
}
li.op-e span.op-b{
	padding:5px;
	width:180px;
}
li.op-e span.op-c{
	margin-left:50px;
	padding:5px 0px;
	width:450px;
	opacity:0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-webkit-transition: .2s ease-in-out;
  	-moz-transition: .2s ease-in-out;
  	-o-transition: .2s ease-in-out;
}
li.op-e:hover{
	border:2px solid #ccc;
	border-radius:5px;
	background:#eee;
	cursor:pointer;
}
li.op-e:hover span.op-c{
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
}
/*For url list*/
.a-list{
	display:block;
	padding:0px auto;
	margin:0px auto;
}
.a-list a{
	padding:3px 5px;
	margin:5px;
	text-decoration:none;
	text-align:center;
	color:#2276bb;
	border:2px solid #b2b2b2;
	border-radius:3px;
	white-spance:nowrap;
	display:block;
	width:120px;
	float:left;
}
.a-list a:hover{
	border:2px solid #2276bb;
	box-shadow:0 0 5px #2276bb;
	-webkit-box-shadow:0 0 5px #2276bb;
	-moz-box-shadow:0 0 5px #2276bb;
	-o-box-shadow:0 0 5px #2276bb;
	background:#bbb;
}