/*

Theme Name: zSofa

Theme URI: http://zww.me/archives/24846

Description: White and simply, Designed and created by zwwooooo. It is very simply, widget supported and doesn't require any plugin.

Version: 1.0.8

Author: zwwooooo

Author URI: http://zww.me/

Tags: 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:#fff url('http://www.tsaenin.com/blog/back.jpg') no-repeat fixed bottom;font-size:12px;font-family:Trebuchet MS, verdana, arial, sans-serif;color:#333;text-align:left; letter-spacing: 1px;}

h1,h2,h3,h4,h5,h6{font-family:Trebuchet MS, verdana, arial, sans-serif;}

h1{font-size:12px;line-height:30px;}

h2{font-size:12px;line-height:26px;}

h3{font-size:12px;line-height:24px;}

h4{font-size:12px;line-height:20px;}

h5{font-size:12px;line-height:20px;}

h6{font-size:12px;line-height:20px;}

small{font-size:12px;line-height:16px;}

a{color:#5C8DA7;text-decoration:none;}

a:hover{color:#CADDE8;text-decoration:none;}

fieldset,img{border:none;}

hr{display:none;}



/* wrapper */

#wrapper{margin:0 auto;width:960px;}



/* Header */

#header{z-index:1;position:relative;margin:10px auto 0;padding-top:10px;height:120px;border-bottom:1px solid #dfdfdf;}

#header h1{padding:0 0 0 10px;text-shadow:1px 1px 1px #abaaaa;font-size:30px;font-family:Georgia,"Times New Roman",Times,serif;}

#header h1 a{line-height:40px;color:#222;}

#header h2{color:#222;font-size:12px; padding-left:15px;}

/* If there are logo images, cancel remark ( logo size: width < 960px, height: 40px ) */

/* #header h1{background:url("images/logo.gif") no-repeat 0 bottom;}

#header h1 a{display:block;line-height:40px;width:960px;text-indent:-9999em;} 

#header h2{padding:0;text-indent:-9999em;} */



/* Nav*/

#pages{z-index:10;text-shadow:1px 1px 1px #abaaaa;position:absolute;bottom:10px;left:0;line-height:35px;width:20px;}

#pages a{color:#333;}

#pages a:hover{color:#999;}

#pages li{list-style:none;float:left;margin-right:10px;position:relative;padding:0 10px;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;}

#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 */

#rss{position:absolute;top:60px;right:0;line-height:22px;font-size:12px;text-align:right;padding-right:30px;background:url(images/icons.gif) no-repeat right 0;}

#rss a{color:#abaaaa;padding-right:15px;}

#rss a:hover{color:#333;}



/* Search */

#search{z-index:2;position:absolute;right:0;bottom:0;width:230px;height:1%;height:38px;overflow:hidden;background:#fff;border-left:1px solid #dfdfdf;border-top:1px solid #dfdfdf;border-right:1px solid #dfdfdf;}

#search form{padding:5px 0;}

#search input#s{border:none;background:transparent url(images/search-bg.gif) no-repeat scroll right 0;color:#999;padding:5px;font-size:12px;}

#search input#searchsubmit{border:1px solid #e5e5e5;border-top:1px solid #fafafa;border-left:1px solid #fafafa;background:#f2f2f2;padding:3px 5px;font-size:12px;}



/* content */

#content{float:left;width:690px;padding:20px;margin-right:20px;border-right:1px dotted #ddd;margin-top:-60px;}



/* Post */

.post{position:relative;width:450px;padding:0 30px 0 150px;margin:0 -20px 20px 0;border-bottom:1px dotted #dfdfdf;}

.post-single{width:600px;padding:0;margin:0 0 20px 0;border-bottom:none;}

.title{}

.post h2.title{font-size:12px; text-shadow:1px 1px 1px #ccc;margin:0;padding:0 40px 0 0;}

.post h2.title a{color:#4a630f; font-family:Trebuchet MS, verdana, arial, sans-serif;}

.post h2.title a:hover{color:#69891b;}

.post ul,.post ol{margin:0 30px 18px;}

.post li{line-height:18px;}

.post hr{display:block;}

.post blockquote{color:#555;padding:10px;margin:0 0 20px;border:1px solid #dfdfdf;background:#eee;}

.post p{line-height: 190%;letter-spacing:1pt; 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:5px;} WP request: Images shouldn't have a border unless it's part of the design */

.post .entry img{padding:5px;}

.post .entry .cyc{
text-decoration: none;
white-space: nowrap;
background:white url(http://www.tsaenin.com/icon/underline_cyc1.gif) repeat-x 0% 80%;
} 

.post .entry .yhl{
text-decoration: none;
background: url(http://www.tsaenin.com/icon/underline_yhl1.gif) repeat-x 120% 100%;
padding:0 3px;
white-space: nowrap;
padding-bottom: 1px;
}

.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%;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:5px;margin:0 0 20px;}

.post p.post-info-left{line-height:16px;position:absolute;left:0;top:8px;width:129px;color:#999;padding:0 10px 0 0;margin:0 10px 0 0;text-align:right;border-right:1px dotted #dfdfdf;}

.post .post-info-top{overflow:hidden;line-height:16px;position:relative;color:#999;}

.post p.post-info-bottom{line-height:20px;color:#999;}

.post-info-add {line-height:20px;}

.post-info-time{color:#777;font-weight:bold;}

.post .entry p.read-more,.post .entry .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;}

.post-info-date{float:left;background-position:0 -120px;}

.post-info-category{background-position:-24px -30px}

.post-info-tags{background-position:-20px -240px;}

#gotocomments{float:right;background-position:0 -180px;margin-right:10px;}

#addcomment{float:right;background-position:0 -200px;}

.post .entry p.read-more,.post .entry .more-link{background-position:0 -100px;}

.nav_link{margin-bottom:18px;}

.sticky{width:447px;margin-right:0;padding-right:10px;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 0 30px;padding:5px 0;border-bottom:4px solid #abaaaa;}

h2#comments{font-size:12px; width:300px;float:right;}

span#comments-addcomment{position:absolute;left:0;top:5px;}

span#comments-addcomment a{color:#047;text-decoration:none;}

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.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:12px;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; line-height:20px; }

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 38px;padding-bottom:0;border-bottom:none;}

ol.commentlist li ul.children li.depth-2{margin:0 0 0 55px;}

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{top:6px;width:24px;height:24px;border:1px dashed #ccc;float:left;}

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-top:4px solid #abaaaa;}



/* 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 a{}

#commentform textarea{padding:3px;}

#commentform input{}

#comment{width:90%;}

#author,#email,#url{height:12px;}

#author,#email,#url{padding:3px;}

#submit{background:#222;color:#ccc;padding:2px 5px;border:#555;}

#submit:hover{color:#fff;}



/* 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:195px;padding:15px 0 5px;margin-right:5px;color:#999; letter-spacing: 0px; margin-top:-60px;}

#sidebar a{color:#555;}

#sidebar a:hover{color:#aaa;}

#sidebar h3,#sidebar h2{text-shadow:1px 1px 1px #abaaaa;color:#333333;font-size:12px;font-family:Arial, Verdana, Helvetica, sans-serif, "Times New Roman"; margin:0 0 5px;border-bottom:1px solid #dfdfdf;}

#sidebar li{line-height:22px;font-size:12px;font-family:Arial, Verdana, Helvetica, sans-serif, "Times New Roman";}

#sidebar li.widget{margin-bottom:20px;}

#sidebar ul{list-style:none;}

#sidebar ul ul{padding:0 0px;}

#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;}



/* Footer */

#footer{position:relative;margin:0 0 15px 0;padding:5px 50px 5px 0;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:0;color:#999;text-shadow:1px 1px 1px #ccc;font-size:12px;}

#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;}



.re {color: #666666;

	letter-spacing: 1px;
         
         line-height:20px;  

	border-top: 1px dotted #CCCCCC;

         padding: 10px 10px 0px 50px;

	MARGIN: 10px 60px 0px 50px;

	 }



.style1 {color: #555555;
}

.style9 {color: #999999;
}

.style-book {color: #FF0000;
}

.style-image {vertical-align: middle;
}

.style-trackback {color: #999999;position:relative;bottom:3px;
}

.style-look {
	margin-top: 5px;
	margin-bottom: 0px;
}

.style-store1 {
 line-height:23px;
 color: #888888;
border-bottom: 1px dotted #CCCCCC; padding-bottom:10px;
 }

.style-store2 {
 line-height:23px;
 color: #888888;
 }

.style-top {
 line-height:23px;
 color: #888888;
border-bottom: 1px dotted #CCCCCC; padding-bottom:10px;
 }

.style-lightbox {
margin-left: auto!important;
margin-right: auto!important;
display: block;
border:1px solid #CCCCCC;
padding:5px 0px 5px;
text-align:center;
margin-bottom:15px;
}

.style-lightbox-text {
color:#666699;
font-size:12px;
cursor:help;
letter-spacing:0.1em;
}

.style-lightbox:hover {
background:#E1D2FE;
border:1px solid #D4B8FE;
}

.style-boxnolink {
margin-left: auto!important;
margin-right: auto!important;
display: block;
border:1px solid #CCCCCC;
padding:5px 0px 5px;
text-align:center;
margin-bottom:15px;
}

.style-boxnolink-text {
color:#888888;
font-size:12px;
letter-spacing:0.1em;
}

.style-face {
border:1px solid #555555;
padding:5px 0px 5px;
text-align:center;
margin-bottom:15px;
}

.style-face:hover {
background:#cccccc;
border:1px solid #cccccc;
}