/*
Theme Name: zSofa
Theme URI: http://zww.me/archives/24846
Description: White and simply, Designed and created by zwwooooo. It is a simply WordPress theme without any plugins needed (support plugin WP Page Numbers, WP-PostViews, wp-utf8-excerpt, Related Posts of Simple Tags), widgets, threaded-comments, theme-options supported. Valid CSS3 & HTML. Facebook and twitter link-icon manage supported in the theme option page.
Version: 1.0.8
Author: zwwooooo
Author URI: http://zww.me/
Tags: theme-options, threaded-comments, white, two-columns, fixed-width, right-sidebar

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

/* static START */
*{margin:0;padding:0;}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input{margin:0;padding:0;}
abbr[title], acronym[title] {border-bottom:thin solid;cursor:help;}
body{background:#c1deee;
background-image:url(images/change_bg2.png);
background-repeat:repeat-x;
font-size:12px;font-family:Tahoma,Arial,Helvetica,sans-serif;color:#333;text-align:left;
}
ol, ul, li    {list-style:none;}
h1,h2,h3,h4,h5,h6{font-family:Georgia,"Times New Roman",Times,serif;font-weight:bold;}
h1{font-size:24px;line-height:30px;}
h2{font-size:20px;line-height:26px;}
h3{font-size:16px;line-height:24px;}
/*
h4{font-size:14px;line-height:20px;}
*/
h5{
/*
-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;
background-color:#fff;border:1px solid #008100;font-size:24px;text-shadow:1px 1px 1px #ccc;margin:0;padding:0 40px 0 0;
text-align:center;
*/
font-size:24px;text-shadow:1px 1px 1px #ccc;margin:0;padding:0 40px 0 0;
}
h5 a{color:#69891b;}
h5 a:hover{color:#69891b;}
h6{font-size:24px;text-shadow:1px 1px 1px #ccc;margin:0;padding:0 40px 0 0;line-height:20px;}
h6 a{color:#409FCF;}
h6 a:hover{color:#409FCF;}

h4{font-size:24px;text-shadow:1px 1px 1px #ccc;margin:0;padding:0 40px 0 0;line-height:20px;}
h4 a{color:#ff823b;}
h4 a:hover{color:#ff823b;}

#sidebar h3{text-shadow:1px 1px 1px #ccc;margin:0;padding:0 40px 0 0;line-height:20px;}
#sidebar h3 a{color:#409FCF;}
#sidebar h3 a:hover{color:#409FCF;}

small{font-size:10px;line-height:16px;}
a{color:#047;text-decoration:none;}
a:hover{color:#4a630f;text-decoration:none;}
fieldset,img{border:none;}
hr{display:none;}

/* wrapper */
#wrapper{margin:0 auto;width:960px;
background:#f8f8f8;
background-image:url(images/change_bg3.png);
background-repeat:repeat-x;
}
#wrapper_top{margin:0 auto;width:960px;
}
.wrapper_top_post{overflow:hidden;position:relative;width:800px;padding:0 20px 0 150px;margin:0 -20px 20px 0;border-bottom:1px solid #dfdfdf;}

/*19_Tooltip*/
#tooltip_19{position:absolute;border:1px solid #999999; background:#FFFFFF;padding:5px;color:#666666;display:none; z-index:23;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
/*
box-shadow: -5px 8px 15px 2px #666;
-moz-box-shadow: -5px 8px 15px 2px #666;
-webkit-box-shadow: -5px 8px 15px 2px #666;
*/
}
.avatar {border: 1px solid #d3d3d3; background-color: #fff;padding: 1px; margin-bottom: 2px; margin-right: 10px;
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
.recentcommentscontent {position:relative;}
.arrow{width:20px; height:24px; background: url(http://www.tulongzhiji.com/mopvhs/wp-content/themes/zsofa107/images/arrow.gif) no-repeat; position: absolute; top:5px; right:-20px;}

#recentcomments {padding-left:20px;} 
#recentcomments li{float: left;}
.recentcommentslink_on { padding: 0px 5px 0px 5px; font-style:italic; font-size:11px; color:#333333;}
.recentcommentslink_title { color:#666666; font-size:0.8em;}
.recentcommentslink_author{ font-weight:bold; font-size:1.2em; color:#333333;}
.recentcommentslink_excerpt {clear:both; color:#666666; font-size:0.9em; max-width:300px; width: auto; padding:10px; border-top:1px #666666 dotted; margin-top:10px;}
.recentcommentslink_excerpt img.avatar-40{margin-bottom:20px;float:left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}

/*clouds*/
#clouds{
width:100%;
height:180px;
background:url(images/bg-clouds.png) repeat-x;
}

/* Header */
#header{z-index:1;position:relative;margin:30px auto 0;height:120px;border-bottom:1px solid #dfdfdf;}
#header h1{line-height:40px;padding:0 0 0 20px;text-shadow:1px 1px 1px #abaaaa;font-size:28px;font-family:Georgia,"Times New Roman",Times,serif;}
#header h1 a{color:#2c6288;font-size:52px;}
#header h2{color:#2c6288;font-size:12px;font-weight:normal;padding-left:25px;}


/* Nav*/
#pages{z-index:10;position:absolute;bottom:5px;left:5px;line-height:25px;width:800px;
}
#pages a{color:#000;}
/*#pages a{color:#2c6288;}*/
#pages a:hover{color:#999;}
#pages li{list-style:none;float:left;margin:10px 10px 0 0;position:relative;padding:3px 10px;border:1px solid #fff;font-size:14px;
background:#fff;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.06) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
}
#pages ul li ul{display:none;overflow:hidden;z-index:10;position:absolute;left:-1px;top:25px;width:170px;background:#fafafa;border:1px solid #ccc;}
#pages ul li li{float:none;list-style:circle inside;text-align:left;margin-left:10px;padding:3px 8px;border:none;}
#pages li:hover ul{display:block;}
#pages li.current_page_item a{color:#ff4e00;}
}
/* Rss & twitter */
/*
#rss{position:absolute;top:2px;right:90px;width:16px;height:16px;background:url(images/icons.gif) no-repeat 0 0;}
#twitter{position:absolute;top:2px;right:115px;width:16px;height:16px;background:url(images/icons.gif) no-repeat -20px 0;}
#facebook{position:absolute;top:2px;right:140px;width:16px;height:16px;background:url(images/icons.gif) no-repeat -40px 0;}
#rss a,#twitter a,#facebook a{display:block;width:16px;height:16px;text-indent:-9999em;}
#rss a:hover{background:url(images/icons.gif) no-repeat -60px 0;}
#twitter a:hover{background:url(images/icons.gif) no-repeat -80px 0;}
#facebook a:hover{background:url(images/icons.gif) no-repeat -100px 0;}
*/

#rss{
position:relative;
z-index:10;
float:left;
margin:0px 0 0 0;
padding:0;
width:100px;
height:0px;
}

#rss ul{
position:absolute;
display:none;
z-index:9999;
top:0;
right:0;
text-align:center;
background:#fff;
width:120px;
padding:15px;
border:1px solid #ccc;
}

#rss ul li{
list-style:none;
border-bottom:1px solid #f2f2f2;
padding:3px 0;
}

/* Search */
#search{z-index:2;position:absolute;right:0;bottom:0;width:230px;height:1%;height:28px;overflow:hidden;background:#fff;border-left:1px solid #dfdfdf;border-top:1px solid #dfdfdf;border-right:1px solid #dfdfdf;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#search form{}
#search input#s{width:220px;border:none;background:transparent url(images/search-bg.gif) no-repeat scroll right 0;color:#999;padding:5px;font-size:12px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#search input#searchsubmit{cursor:pointer;position:absolute;right:0;bottom:0;border:none;background:transparent;width:35px;height:28px;font-size:12px;}

/* wrap */
#wrap{margin:0 auto;width:960px;
/*background:url(images/bg.gif) repeat-y 670px 0;*/
}

/* content */
#content{float:left;width:650px;padding:20px 20px 20px 0;}

/* Post */
.post{overflow:hidden;position:relative;width:500px;padding:0 20px 0 150px;margin:0 -20px 20px 0;border-bottom:1px solid #dfdfdf;}
.post-single{width:640px;padding:0 0 0 10px;margin:0 0 20px 0;border-bottom:none;}
.title{}

h2 {font: bold 28px/1.5 "微软雅黑",Arial,verdana;}

/*.post h2.title{font-size:24px;text-shadow:1px 1px 1px #ccc;margin:0;padding:0 40px 0 0;}*/
.post h2.title{
font-size: 24px;
font-weight:lighter;
margin: 10px 0 15px 0;
padding: 0;
letter-spacing: normal;
}
/*.post h2.title a{color:#409FCF;}*/
.post h2.title a{color:#2c6288;}
.post h2.title a:hover{color:#ff823b;}


.post h2.title a {
color: #2c6288;
text-decoration: none;
text-shadow:1px 1px 1px #ccc;
}

.post h2.title a:hover{
background: none;
color: #ed1f24;
text-shadow:2px 2px 1px #ccc;
}

.post h2.title-single{text-align:center;margin-bottom:5px}
.post ul,.post ol{margin:0 30px 18px;}
.post li{line-height:18px;}
.post hr{display:block;}

.post blockquote{
color:#555;
font-size:19px;
margin:0 0 20px;
padding: 0px 10px 0 25px;
border-left: 4px solid #c9ee58;
}

.post p{line-height:18px;margin:0 0 18px 0;}
.post h1,.post h2,.post h3,.post h4,.post h5,.post h6{margin:0 0 18px 0;color:#777;}
.post .entry{overflow:hidden;padding-top:18px;}
.post .entry img{border:1px solid #dfdfdf;padding:0.5px;}
.post .entry table{background:#fff;border:1px solid #ccc;border-width:2px;border-collapse:collapse;margin:5px 0 10px;}
.post .entry th,.post .entry td{border:1px solid #ccc;padding:3px 10px;text-align:left;vertical-align:top;}
.post .entry .entry tr.even td{background:#f7f7f7;}
.post .entry th{background:#edeff0;}
.post .entry code{background:#222;color:#fff;}
.post .entry pre{width:95%;line-height:16px;overflow:auto;font-family:"Courier New", FixedSys;color:#555;background:#fafafa;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-left:15px solid #ccc;border-right:1px solid #ccc;padding:0 5px 16px;margin:0 0 20px;}
.post p.post-info-left{line-height:20px;position:absolute;left:0;top:5px;width:129px;color:#999;padding:0;margin:0 20px 0 0;text-align:center;}

.post p.post-info-left img{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
/*
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
*/
}

.post .post-info-top{padding-top:5px;overflow:hidden;line-height:16px;height:16px;position:relative;color:#999;border-top:1px solid #dfdfdf;}
.post p.post-info-bottom{overflow:hidden;line-height:18px;color:#999;}
.post p.post-info-bottom a{text-decoration:none;color:#999;}
.post p.post-info-bottom a:hover{text-decoration:none;color:#4a630f;}
.post-info-time{color:#777;font-weight:bold;}
.post .entry p.read-more,.post .entry .more-link,.post-info-date,.post-info-category,.post-info-tags,#gotocomments,#addcomment{display:block;padding-left:20px;background:url("images/icons.gif") no-repeat scroll 0 0;line-height:16px;}
.post-info-date{float:left;background-position:0 -120px;}
.post-info-category{float:left;width:100%;background-position:-24px -32px}
.post-info-tags{float:left;width:100%;background-position:-20px -240px;}
#gotocomments{float:right;background-position:0 -180px;margin-right:10px;}
#addcomment{float:right;background-position:0 -198px;}
.post .entry p.read-more,.post .entry .more-link{background-position:0 -100px;}
.nav_link{margin-bottom:18px;}
.sticky{width:478px;margin-right:0;padding-right:20px;border:1px solid #dfdfdf;background:#f2f2f2;}
.toggle{display:none;}

/* Comments */
#comments-div{position:relative;line-height:18px;height:18px;text-shadow:1px 1px 1px #999;text-align:right;margin:5px -20px 30px 0;padding:5px 20px 5px 0;border-top:1px solid #dfdfdf;}
h2#comments{font-size:14px;width:300px;float:right;line-height:18px;}
span#comments-addcomment{position:absolute;left:10px;top:5px;}
span#comments-addcomment a{color:#047;text-decoration:none;display:block;padding-left:20px;background:url("images/icons.gif") no-repeat 0 -198px;}
span#comments-addcomment a:hover{color:#4a630f;text-decoration:none;}

/* comments list style */
ol.commentlist li{position:relative;list-style:none;height:1%;margin:0 20px 30px;padding-bottom:10px;}
ol.commentlist li div em.approved{margin-left:55px;color:#ff0000;}
ol.commentlist li div.comment-author{margin-bottom:10px;line-height:20px;height:20px;border-bottom:1px solid #dfdfdf;display:block;}
ol.commentlist li div.vcard img.avatar{position:absolute;left:0;top:0;width:40px;height:40px;background:#fff;padding:2px;border:1px solid #dfdfdf;}
ol.commentlist li div.vcard cite.fn{margin-left:55px;font-style:normal;font-size:14px;font-weight:bold;}
ol.commentlist li div.vcard cite.fn a.url{color:#047;}
ol.commentlist li div.vcard cite.fn a.url:hover{color:#aaa;}
/* ol.commentlist li div.vcard span.says{position:absolute;text-indent:-9999em;} */
/* ol.commentlist li div.comment-meta{ position:absolute;left:55px;top:25px;} */
ol.commentlist li span.comment-meta{position:absolute;right:60px;top:0;}
ol.commentlist li span.comment-meta a{color:#555;}
ol.commentlist li span.comment-meta a:hover{color:#999;}
ol.commentlist li p,ol.commentlist li blockquote{margin:0 0 10px 55px;}
ol.commentlist li blockquote{padding:5px;border:1px dashed #dfdfdf;color:#999;background:#fafafa;}
ol.commentlist li blockquote p,ol.commentlist li code p{margin-left:0;}
ol.commentlist li code{margin-bottom:10px;padding:2px;background:#777;color:#dfdfdf;}
ol.commentlist li div.reply,ol.commentlist li div.atclass{position:absolute;right:0;top:0;}
ol.commentlist li div.reply a,ol.commentlist li div.atclass a{display:block;color:#ccc;padding:2px 7px;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;border-top:1px solid #dfdfdf;}
ol.commentlist li div.reply a:hover,ol.commentlist li div.atclass a:hover{color:#777;}
ol.commentlist li ul.children li{margin:0 0 0 30px;padding-bottom:0;border-bottom:none;}
ol.commentlist li ul.children li.depth-2{margin:0 0 0 46px;}
ol.commentlist li ul.children li div.comment-author{border-top:1px dashed #ccc;border-bottom:none;}
ol.commentlist li ul.children li img.avatar{width:24px;height:24px;border:1px dashed #ccc;}
ol.commentlist li ul.children li div.vcard cite.fn{margin-left:40px;}
/* ol.commentlist li ul.children li div.comment-meta{left:38px;top:18px;} */
ol.commentlist li ul.children li p,ol.commentlist li ul.children li blockquote{margin:0 0 10px 38px;}
ol.commentlist li ul.children li div.reply,ol.commentlist li ul.children li div.atclass{}
ol.commentlist li ul.children li div.reply a,ol.commentlist li ul.children li div.atclass a{border-left:1px dashed #ccc;border-right:1px dashed #ccc;border-bottom:1px dashed #ccc;border-top:none;}

/* navigation */
#pagination{text-align:center;padding:0 30px;}
.navigation{text-align:right;border-bottom:1px solid #dfdfdf;margin:0 -20px 0 0;padding:0 20px 0 0;}
#navigation{display:block!important; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border: 1px solid #ddd; background: #EFEFEF;box-shadow: 2px 2px 2px rgba(50,50,50,0.4); color: #444; text-decoration: none;width:60%;margin:0 0 0 90px; padding: 10px;text-align: center;}
/*分页*/
.navigation{clear:both;margin:5px -2px;overflow:hidden;zoom:1;text-align:center;}
.navigation .page-numbers:hover{background:#FF3D86;color:#FFF;-moz-box-shadow:1px 1px 1px #DDD;-webkit-box-shadow:1px 1px 1px #DDD;box-shadow:1px 1px 1px #DDD;}
.navigation .page-numbers,
.navigation .dots:hover,
.navigation .pages:hover{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background:#FFF;display:inline-block;float:right;height:18px;margin:2px;min-width:28px;_width:28px;padding:1px;}
.navigation .page-numbers:visited{opacity:0.5;}
.navigation .current,
.navigation .current:hover{background:#7BAFA7;color:#FFF;font-weight:bold;-moz-box-shadow:1px 1px 1px #DDD;-webkit-box-shadow:1px 1px 1px #DDD;box-shadow:1px 1px 1px #DDD;}


/*菜单*/
ul#navigations {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 0px;
    right: 10px;
    list-style: none;
    z-index:999999;
    width:721px;
}
ul#navigations li {
    width: 103px;
    display:inline;
    float:left;    
}
ul#navigations li a {
    display: block;
    float:left;
    margin-top: -2px;
    width: 100px;
    height: 25px;
    background-color:#E7F2F9;
    background-repeat:no-repeat;
    background-position:50% 10px;
    border:1px solid #BDDCEF;
    -moz-border-radius:0px 0px 10px 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    text-decoration:none;
    text-align:center;
    padding-top:80px;
    opacity: 0.7;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);  
}
ul#navigations li a:hover{
     background-color:#CAE3F2;
}
ul#navigations li a span{
    letter-spacing:2px;
    font-size:11px;
    color:#60ACD8;
    text-shadow: 0 -1px 1px #fff;      
}
ul#navigations .home a{
    background-image: url(images/menu/home.png);
}
ul#navigations .about a      {
    background-image: url(images/menu/id_card.png);
}
ul#navigations .search a      {
    background-image: url(images/menu/search.png);
}
ul#navigations .podcasts a      {
    background-image: url(images/menu/ipod.png);
}
ul#navigations .rssfeed a   {
    background-image: url(images/menu/rss.png);
}
ul#navigations .photos a     {
    background-image: url(images/menu/camera.png);
}
ul#navigations .contact a    {
    background-image: url(images/menu/mail.png);
}
/* respond */
#respond{margin:20px 0 20px 55px;}
#respond h2{text-shadow:1px 1px 1px #999;font-family:Georgia,"Times New Roman",Times,serif;margin-bottom:10px;}
#respond .cancel-comment-reply a{color:#920017;}
#respond .cancel-comment-reply a:hover{color:#FF4E00;}
#commentform{margin:0;padding:0;}
#commentform p{margin:0 0 10px;padding:0;}
#commentform textarea{padding:3px;}
/* #commentform input{} */
#comment{width:90%;
/*
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
*/
}
#author,#email,#url{height:12px;padding:3px;}
#submit{background:#fff;color:#555;padding:8px 10px;border:#555 solid;font-size:16px;}
#submit:hover{color:#555;
    -moz-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
    -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
    box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
    border-color: rgb(192, 222, 237);
    border-color: rgba(192, 222, 237, 0.75) !important;
    outline: medium none;
}

/* trackbacks-pingbacks */
.trackbacks-pingbacks h3{font-weight:bold;margin-bottom:10px;border-bottom:1px solid #ccc;color:#555;padding:3px 0;}
.trackbacks-pingbacks ul{margin:5px 20px 15px;list-style-type:circle;}
.trackbacks-pingbacks ul li{margin-bottom:4px;}

/* Sidebar */
#sidebar{overflow:hidden;float:left;width:270px;padding:20px 0 10px 20px;color:#999;}
#sidebar a{color:#555;}
#sidebar a:hover{color:#aaa;}
#sidebar h2{text-shadow:1px 1px 1px #abaaaa;color:#555;font-size:14px;font-family:Georgia,"Times New Roman",Times,serif;margin:0 0 5px;border-bottom:1px solid #dfdfdf;}

#sidebar li{line-height:20px;}
#sidebar li.widget{margin-bottom:20px;}
#sidebar ul{list-style:none;}
#sidebar ul ul{padding:0 8px;}
#sidebar ul ul ul{padding:0;}
#sidebar ul ul li{padding-left:15px;/*background:url("images/icons.gif") no-repeat 0 -280px;*/}
/*#sidebar ul ul li:hover{background:url("images/icons.gif") no-repeat -10px -260px;}*/
/*siderbar tab*/
#sidebar-tab{/*border:1px solid #ccf;*/margin-bottom:1.5em;overflow:hidden;}
#tab-title h3{color:#666;font-size:15px;font-weight:400;}
#tab-title .selected{color:#356aa0;border-bottom:0px;} /*标题被选中时的样式*/
#tab-title span{padding:5px 9px 5px 10px;/*border:1px solid #ccf;border-right:0px;margin-left:-1px;*/cursor:pointer;}
#tab-content .hide{display:none;} /*默认让第一块内容显示，其余隐藏*/
#tab-content ul{padding:5px 10px;overflow:hidden;}

/* Footer */
#footer{position:relative;margin:0 0 15px 0;padding:5px 50px 5px 10px;overflow:hidden;border-top:1px solid #dfdfdf;color:#aaa;}
#footer a{border-bottom:1px dashed #aaa;color:#aaa;}
#footer #back-to-top{position:absolute;top:5px;right:10px;color:#999;text-shadow:1px 1px 1px #ccc;font-size:14px;}
#footer #back-to-top a{border:none;color:#333;}

/* fixed */
.fixed{clear:both;}

/* Other */
.aligncenter,div.aligncenter{display:block;margin:auto;}
.alignleft{float:left;}
.alignright{float:right;}
.wp-caption{text-align:center;padding-top:4px;margin:10px;border-radius:3px;border-radius:3px;}
.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;}

/*up and down*/
#up-and-down{position:absolute;top:40%;left:50%;margin-left:-520px;display:block;z-index:2;}
#go-to-up{background:url(images/scroolbar.gif) no-repeat;position:relative;cursor:pointer;height:42px;width:32px;margin:10px 0;}
#go-to-comt{background:url(images/scroolbar.gif) no-repeat center -45px;position:relative;cursor:pointer;height:32px;width:32px;margin:10px 0;}
#go-to-down{background:url(images/scroolbar.gif) no-repeat center -78px;position:relative;cursor:pointer;height:42px;width:32px;margin:10px 0;}

/* Loading */
#load-ing {
/*
width:100px;
height:20px;
background:#fff;
background-image:url(images/blue_large.gif);
background-repeat:repeat-x;
background-position:right;
padding:5px;
position:fixed;
left:560px;
top:360px;
*/
width:128px;
height:128px;
background:#fff;
background-image:url(images/loading_63182.gif);
background-repeat:no-repeat;
padding:5px;
position:fixed;
right:0px;
top:360px;
}

#load-ing div {
width:1px;
height:2px;
background:#fff;
/*
background:#E60909;
*/
}

.useragent_hov{display:none;}
.commentmetadata{display:none;}
.comment-body:hover {background:#FFFFE5;}
.comment-body:hover .commentmetadata{display:inline;}
.comment-body:hover .useragent_hov{display:inline;}

#shafa .comment-body{background:#FFFFE5;}
#shafa .commentmetadata{display:inline;}
#shafa .comment-body .useragent_hov{display:inline;}

#shafa{
background-color:#fff;border:1px solid #fff;font-size:24px;text-shadow:1px 1px 1px #ccc;margin:0;padding:0 40px 0 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
behavior: url(border-radius.htc);
height:150px;
}
#shafa img{float:left;margin-bottom:10px;
}
/* Comment Tips Start*/
#thecomments .tip {
position:absolute;
width:1234px;
height:600px;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-moz-box-shadow:0 4px 18px #c8c8c8;
-webkit-box-shadow:0 4px 18px #c8c8c8;
z-index:999;
background-color:#fff;
}
/* Comment Tips End*/

/*smoking*/
.puff {
	position: absolute;
	width: 0px;
	height: 0px;
}
#smokeSpawn{
	bottom:0;
	height:33px;
	left:42px;
	position:fixed;
	width:110px;
}
.comment-add{color:red;
}
/*child menu*/
@-webkit-keyframes shake{from{left:0;top:0}25%{right:-2px;top:-2px;}55%{right:2px;top:-2px;}75%{right:-2px;top:2px;}90%{right:2px;top:2px;}to{left:0;top:0;}}</style>

#hd {
    position: relative;
    height: 175px;
}

#hd #logo {
    display: block;
    height: 142px;
    left: -20px;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 215px;
}

#hd ul#menu {
    padding: 50px 10px 0 0;
    position: absolute;
    right: 0;
    top: 0;
}

#hd ul#menu li {
    display: inline;
    float: right;
    margin-right: 10px;
}

#hd ul#menu li a {
    background:rgba(255, 255, 255, 0.2);
-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;
	color:#fff;
    display: block;
    font-family: bigcat,georgia;
    font-size: 25px;
    font-weight: bold;
    height: 34px;
    line-height: 34px;
    text-align: center;
    text-decoration: none;
    text-transform:uppercase;
    padding:0 10px;
}

#hd ul#menu li a:hover{
position:relative;
		-webkit-animation-name: shake;
		-webkit-animation-duration: 0.3s;
		-webkit-animation-iteration-count: 2;
}
.wall img:hover{
position:relative;
		-webkit-animation-name: shake;
		-webkit-animation-duration: 0.3s;
		-webkit-animation-iteration-count: 2;
}
.wall img{
	display: inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
margin-bottom:20px;
}

#sidebar h2{font-size:16px;text-shadow:1px 1px 1px #ccc;margin:0;padding:0 40px 0 0;}
#sidebar h2 a{color:#2c6288;}
#sidebar h2 a:hover{color:#ff823b;}

.alignleft {
 float:left;
 text-align:left;
 margin-right:10px;
}
.alignright {
 float:right;
 text-align:right;
 margin-left:10px;
}

#f_link{left:5px;width:177px;position:absolute;}

li.box{height:26px;font-size:13px;padding-top:12px;cursor:pointer;border-top:1px solid #fff;border-bottom:1px solid #cacaca;text-shadow:0 1px 0 #fff;color:#4b4948;}
li.box:hover{

    -moz-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
    -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
    box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
    border-color: rgb(192, 222, 237);
    border-color: rgba(192, 222, 237, 0.75) !important;
    outline: medium none;

}
.text_left{height:18px;margin-left:20px;padding-left:28px;overflow:hidden;}

#midder{
z-index:1;
position:relative;
margin:0px auto 0;height:120px;border-bottom:1px solid #dfdfdf;
background:#fff;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.06) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
}