blog.hugopoi.net/www/.content.EZtzwPjb/html/ab754dc4b06569e52c890b5254d...

373 lines
21 KiB
CSS

/*
Theme Name:zBench
Theme URI:http://zww.me/archives/25131
Description:It is a simple WordPress theme without any plugin needed (support plugin WP-PageNavi, WP Page Numbers, WP-PostViews, wp-utf8-excerpt, Related Posts of Simple Tags, WP-RecentComments), little images, custom-menu, widgets, threaded-comments. For WordPress version 3.0+
Version:1.4.2
Author:zwwooooo
Author URI:http://zww.me/
Tags:custom-menu, threaded-comments, two-columns, fluid-layout, right-sidebar, theme-options
License:GNU General Public License, v2 (or newer)
License URI:http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
*/
/* RESET */
*{margin:0;padding:0;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
/* BASIC */
abbr[title], acronym[title]{border-bottom:thin solid;cursor:help;}
body{background:#f7f7f7;font-size:12px;font-family:Tahoma,Arial,Helvetica,sans-serif;color:#333;text-align:left;}
h1,h2,h3,h4,h5,h6{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{font-size:14px;line-height:20px;}
h6{font-size:14px;line-height:20px;}
small{font-size:10px;line-height:16px;}
dl{font-size:12px;}
dt{font-weight:bold;}
a{color:#047;text-decoration:none;outline:none;}
a:hover{color:#4a630f;text-decoration:none;}
fieldset,img{border:none;}
hr{color:#ddd;background-color:#ddd;height:1px;border:0px;}
.clear{clear:both;margin:0;padding:0;}
.hidden{display:none;}
/* radius */
#search,
#sidebar-border,#sidebar,
.sticky,
#commentform textarea,
.page-title,.page-title h1,
#header_image,#header_image_border{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
#rss_wrap,.rss_wrap{-moz-border-radius:18px;-webkit-border-radius:18px;border-radius:18px;}
#author,#email,#url,#submit{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
#menus a,
#menus ul.menus-m li{-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;-webkit-border-radius:6px 6px 0 0;}
#menus ul ul a{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}
/* #nav */
#nav{z-index:5;position:relative;height:31px;padding-top:20px;clear:both;background:#454546;}
.nav-inside{position:relative;max-width:960px;height:31px;margin:0 auto;}
#menus{float:left;max-width:680px;font-size:14px;text-shadow:0 1px 0 #000;}
#menus ul{list-style:none;}
#menus ul.menus-m{display:none;}
#menus li{float:left;position:relative;margin-right:8px;}
#menus li:hover > a{background:#222;color:#fff;}
#menus li a,
#menus ul.menus-m li{border:1px solid #555;border-bottom:none;color:#abaaaa;display:block;line-height:30px;background:#333;padding:0 10px;}
#menus ul li.current_page_item > a,
#menus ul li.current-menu-ancestor > a,
#menus ul li.current-menu-item > a,
#menus ul li.current-menu-parent > a,
#menus ul.menus-m li{background:#f7f7f7;color:#333;text-shadow:0 1px 0 #fff;}
#menus ul li.current_page_item:hover > a,
#menus ul li.current-menu-ancestor:hover > a,
#menus ul li.current-menu-item:hover > a,
#menus ul li.current-menu-parent:hover > a{background:#222;color:#fff;text-shadow:0 1px 0 #000;}
#menus ul li:hover > ul{display:block;}
#menus ul ul a{background:#222;height:auto;color:#abaaaa;text-shadow:0 0 0 #222;white-space:nowrap;}
#menus ul ul{display:none;position:absolute;top:31px;left:0;float:left;z-index:99999;}
#menus ul ul li{float:none;}
#menus ul ul li.current_page_item > a,
#menus ul ul li.current-menu-ancestor > a,
#menus ul ul li.current-menu-item > a,
#menus ul ul li.current-menu-parent > a{background:#222;color:#fff;text-shadow:0 0 0 #222;}
#menus ul ul ul{left:100%;top:0;}
/* #search */
#search{position:absolute;overflow:hidden;right:33px;bottom:-14px;width:230px;height:26px;background:#565657;border:1px solid #999;box-shadow:2px 2px 5px #333;-moz-box-shadow:2px 2px 5px #333;-webkit-box-shadow:2px 2px 5px #333;}
#search form{padding:0;}
#search input#s{width:190px;height:14px;background:transparent;border:none;color:#ddd;padding:6px;font-size:12px;}
#search form input#searchsubmit{cursor:pointer;position:absolute;right:2px;top:0;width:30px;height:26px;padding-left:30px;background:#565657 url('images/search-input-bg.gif') no-repeat right 0;border:none;border-left:1px solid #999;text-indent:-9999px;}
/* #header */
#header{clear:both;overflow:hidden;z-index:1;position:relative;max-width:960px;margin:30px auto 0;}
.site_title{overflow:hidden;margin-bottom:30px;}
.st_hidden .site_title{display:none;}
.site_title h1{float:left;padding:0 0 0 10px;text-shadow:1px 1px 1px #999;font-size:28px;font-family:Georgia,"Times New Roman",Times,serif;}
.site_title h1.header_logo{width:100%;}
.site_title h1 a{color:#222;line-height:36px;}
.site_title h1.header_logo a{overflow:hidden;display:block;height:36px;text-indent:-9999px;}
.site_title h2{float:left;height:20px;overflow:hidden;line-height:18px;padding:10px 0 0 20px;color:#222;font-size:12px;font-weight:normal;text-shadow:0 1px 0 #fff;}
#header_image{max-width:952px;max-height:182px;margin-bottom:30px;padding:3px;border:1px solid #ccc;}
.st_hidden #header_image{margin-top:10px;}
#header_image_border{overflow:hidden;width:100%;height:100%;background:#565657;border:1px solid #fff;}
#header_image_border img{width:100%;height:auto;}
/* #wrapper */
#wrapper{clear:left;overflow:hidden;margin:0 auto;max-width:960px;}
/* #content */
#content,#content_ns{overflow:hidden;float:left;width:640px;padding:0;}
.LorR #content{float:right;}
#content_ns,.LorR #content_ns{float:none;width:100%;}
.page-title{margin:0 0 20px;background:#eee;border:1px solid #ccc;}
.page-title h1{font-size:18px;height:30px;line-height:30px;padding:5px 10px;border:1px solid #fff;}
.page-title-paged{font-weight:normal;color:#999;}
/* #post */
.post{position:relative;margin:0 0 22px;padding:0;}
.post_ns{}
.post-single{margin:0;}
.post-page{margin:0;border-bottom:1px solid #fff;}
.post-page-nocomment{border-bottom:none;}
h2.title{border-bottom:1px solid #fafafa;font-size:18px;text-shadow:0 1px 0 #fff,1px 2px 2px #aaa;padding:5px 10px;color:#345;}
h2.title a{color:#345;}
h2.title a:hover{color:#4a630f;}
.entry{font-size:13px;overflow:hidden;padding:0 10px;}
.entry ul,.entry ol{margin:0 30px 22px;}
.entry li{line-height:22px;}
.entry hr{display:block;margin:22px 0;}
.entry p{line-height:22px;margin:0 0 22px 0;}
.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6,
.comment-text h1,.comment-text h2,.comment-text h3,.comment-text h4,.comment-text h5,.comment-text h6{margin:0 0 22px 0;color:#555;}
.entry a{color:#4a630f;}
.entry a:hover{color:#333;text-decoration:underline;}
.entry img{max-width:99%;height:auto;margin:10px 0;}
.entry img.attachment-extra-featured-image{margin:0 0 22px;}
.entry img.wp-smiley{background:#fff;border:none;margin:0;padding:0;}
.entry .alignleft,.entry img.alignleft{display:inline;float:left;margin:10px 10px 10px 0;}
.entry .alignright,.entry img.alignright{display:inline;float:right;margin:10px 0 10px 10px;}
.entry .aligncenter,.entry img.aligncenter{clear:both;display:block;margin:10px auto;}
.entry table,
.comment-text table{background:#fff;border:1px solid #ccc;border-width:2px;border-collapse:collapse;margin:5px 0 10px;}
.entry th,.entry td,
.comment-text th,.comment-text td{border:1px solid #ccc;padding:3px 10px;text-align:left;vertical-align:top;}
.entry tr.even td,
.comment-text tr.even td{background:#f7f7f7;}
.entry th,
.comment-text th{background:#edeff0;}
.entry blockquote,
.comment-text blockquote{color:#555;padding:10px;margin:0 0 22px;border:1px solid #ddd;background:#eee;}
.entry code,
.comment-text code{background:#333;color:#ddd;}
.entry pre,
.comment-text pre{overflow:auto;width:95%;line-height:16px;margin:0 0 22px;padding:0 5px 16px;color:#555;font-family:"Courier New",FixedSys;font-size:12px;background:#fafafa;border:1px solid #ccc;border-left:15px solid #ccc;}
.post-info-top{border-top:1px solid #ddd;line-height:18px;height:18px;position:relative;color:#999;margin:0 0 22px;padding:2px 10px;display:block;}
.post-info-top-nocomment{height:1px;}
.post-info-bottom{border-bottom:1px solid #fff;line-height:24px;position:relative;color:#999;margin:0;padding:2px 10px;overflow:hidden;display:block;}
.post-info-top a,.post-info-bottom a{color:#999;}
.post-info-top a:hover,.post-info-bottom a:hover{color:#4a630f;text-decoration:underline;}
.entry p.read-more a,.entry p a.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;}
.post-info-date{float:left;background-position:0 -40px;}
.post-info-category{display:inline;background-position:-35px -60px;}
.post-info-tags{display:inline;background-position:-20px -240px;margin-left:10px;}
.gotocomments{float:right;background-position:0 -100px;margin-right:10px;}
.addcomment{float:right;background-position:0 -120px;}
.entry p.read-more a,.entry p a.more-link{display:inline-block;color:#999;text-decoration:none;background-position:0 -20px;}
.entry .zbench-more-link{display:block;margin-top:22px;}
.entry p.read-more a:hover,.entry p a.more-link:hover{color:#4a630f;}
.sticky{margin-top:12px;background:#f2f2f2;border:1px solid #ccc;}
h2.sticky-h2 a{color:#ff4e00;}
.page_link{clear:both;padding:10px 0 22px;}
.add-info{padding:0 10px;}
.add-info h3{line-height:16px;font-size:12px;color:#4a630f;margin-bottom:5px;background:#e5e5e5;}
.add-info ul{list-style:square;}
/* #sidebar-border */
#sidebar-border{position:relative;float:right;width:298px;margin-top:12px;background:#f2f2f2;border:1px solid #ccc;}
.LorR #sidebar-border{float:left;}
/* #rss */
#rss_border{position:absolute;top:-12px;left:0;width:298px;height:24px;}
.rss_border{float:left;position:relative;top:0;left:50%;}
#rss_wrap{float:left;position:relative;right:50%;top:0;height:22px;border:1px solid #ccc;}
.rss_wrap{height:20px;padding:0 5px 0 10px;color:#464646;border:1px solid #fff;background-color:#f7f7f7;}
.rss_wrap a{float:left;width:20px;height:20px;line-height:20px;margin-right:5px;text-indent:-9999em;}
.rss_wrap a.rss{background:url("images/icons.gif") no-repeat -60px 0;}
.rss_wrap a.rss_text{width:auto;text-indent:20px;}
.rss_wrap a.facebook{background:url("images/icons.gif") no-repeat -20px 0;}
.rss_wrap a.twitter{background:url("images/icons.gif") no-repeat -40px 0;}
.rss_wrap a.googleplus{background:url("images/icons.gif") no-repeat 0 0;}
/* #sidebar */
#sidebar{overflow:hidden;width:276px;border:1px solid #fff;padding:20px 10px 10px;}
#sidebar a{color:#555;text-shadow:0 1px 0 #fafafa;}
#sidebar a:hover{color:#999;}
#sidebar h3,#sidebar h2{text-shadow:0 1px 0 #f7f7f7,1px 2px 3px #999;color:#345;font-size:16px;margin:0;padding:0 5px;line-height:30px;border-bottom:1px solid #fff;}
#sidebar li{line-height:20px;}
#sidebar .widget{margin-bottom:10px;}
#sidebar .widget div{padding:8px 5px;border-top:1px solid #ddd;}
#sidebar .widget div div{padding:0;border-top:none;}
#sidebar .widget div.clear{padding:0;margin:0;border:none;}
#sidebar ul{list-style:none;padding:8px 5px;border-top:1px solid #ddd;}
#sidebar ul li{padding-left:15px;background:url("images/icons.gif") no-repeat 0 -280px;}
#sidebar ul li:hover{background:url("images/icons.gif") no-repeat -10px -260px;}
#sidebar ul ul{padding:0;border-top:none;}
#sidebar .widget select{width:260px;margin:8px 5px;padding:3px;}
/* widget */
#sidebar .widget input#s{width:190px;height:22px;line-height:22px;padding:0 5px;}
#sidebar .widget input#searchsubmit{width:65px;}
/* WP-RecentComments */
#sidebar ul li.rc-item,#sidebar ul li.rc-navi{background:none;padding:0;margin:3px 0;}
#sidebar ul li.rc-item div{padding:0;border:none;}
#sidebar ul li.rc-item .rc-avatar img{border:1px solid #ddd;}
/* #comments */
#comments-div{border-top:1px solid #ddd;position:relative;line-height:24px;height:24px;text-shadow:0 1px 0 #f7f7f7,1px 2px 1px #999;text-align:right;margin:0 0 30px;padding:2px 10px;}
h2#comments{line-height:24px;font-size:12px;font-weight:normal;width:300px;float:right;}
span#comments-addcomment{position:absolute;left:10px;top:2px;padding-left:20px;background:url("images/icons.gif") no-repeat 0 -115px;}
span#comments-addcomment a{color:#047;text-decoration:none;}
span#comments-addcomment a:hover{color:#4a630f;text-decoration:none;}
/* comments list style */
.commentlist li{position:relative;list-style:none;height:1%;margin:0 20px;padding-bottom:20px;}
.commentlist li.bypostauthor{}
.commentlist li .comment-author{margin:0;padding:0;line-height:16px;height:16px;border-bottom:1px solid #ddd;display:block;}
.commentlist li .pingback{height:auto;padding-bottom:10px;border-bottom:none;}
.commentlist li .vcard img.avatar{position:absolute;left:0;top:0;width:40px;height:40px;background:#fff;padding:2px;border:1px solid #ddd;}
.commentlist li .vcard cite.fn{margin-left:55px;font-style:normal;font-weight:bold;}
.commentlist li .vcard cite.zbench_pingback{margin-left:0;font-weight:normal;color:#999;}
.commentlist li .vcard cite.fn a.url{color:#047;}
.commentlist li .vcard cite.fn a.url:hover{color:#aaa;}
.commentlist li span.comment-meta{}
.commentlist li span.comment-meta a{color:#aaa;}
.commentlist li span.comment-meta a:hover{color:#555;}
.commentlist li .comment-text{border-top:1px solid #fff;margin:0 50px 10px 55px;padding-top:10px;}
.commentlist li.bypostauthor .comment-text{color:#777;}
.commentlist li em.approved{color:#f00;}
.commentlist li p{padding-bottom:10px;}
.commentlist li .reply{position:absolute;right:0;top:8px;}
.commentlist li .reply a{display:block;text-align:center;color:#aaa;padding:0 8px;background:#fafafa;border:1px solid #dfdfdf;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;}
.commentlist li .reply a:hover{background:#f2f2f2;}
.commentlist li .children li{margin:0 0 0 30px;padding-bottom:0;border-bottom:none;color:#555;}
.commentlist li .children li.depth-2{margin:0 0 0 55px;}
.commentlist li .children li div{border-top:1px solid #dfdfdf;}
.commentlist li .children li div div{border-top:none;}
.commentlist li .children li .comment-author{border-top:1px solid #fff;border-bottom:none;}
.commentlist li .children li .vcard img.avatar{top:-8px;width:24px;height:24px;}
.commentlist li .children li .vcard cite.fn{margin-left:40px;}
.commentlist li .children li .comment-text{margin:0 50px 10px 40px;}
.commentlist li .children li .reply{top:-8px;}
.commentlist li .children li .reply a{background:#f2f2f2;}
.commentlist li .children li .reply a:hover{background:#fafafa;}
.commentlist .comment-text ul,.commentlist .comment-text ol{margin:0 0 15px 15px;padding:0;}
.commentlist .comment-text li{list-style-type:disc;margin:0;padding:0;line-height:16px;}
.commentlist .comment-text li li{list-style-type:circle;}
.commentlist .comment-text li li li{list-style-type:square;}
.commentlist .comment-text ol li,
.commentlist .comment-text ol ol li,
.commentlist .comment-text ol ol ol li{list-style-type:decimal;}
/* navigation */
#pagination,#nav-below{display:block;line-height:18px;padding:2px 10px;border-top:1px solid #ddd;}
.navigation{border-bottom:1px solid #fff;text-align:center;line-height:24px;padding:2px 10px;}
.page-numbers{margin:0 5px;}
.navigation .current{font-weight:bold;}
#nav-below{overflow:hidden;padding:20px 10px;border-top:1px solid #ddd;border-bottom:1px solid #fff;}
.nav-previous{float:left;width:49%;}
.nav-next{float:right;width:49%;text-align:right;}
/* #respond */
#respond{margin:0 0 20px 0;padding:20px 55px 0;border-top:1px solid #ddd;}
#respond small{font-size:12px;}
#respond h2,#respond h3{text-shadow:0 1px 0 #f7f7f7,1px 2px 3px #111;font-family:Georgia,"Times New Roman",Times,serif;margin-bottom:10px;}
#respond a#cancel-comment-reply-link{color:#920017;text-shadow:none;}
#respond a#cancel-comment-reply-link:hover{color:#ff4e00;}
#commentform{margin:0;padding:0;}
#commentform p{margin:0 0 10px;padding:0;}
#commentform p.smilies{margin:0 0 3px;padding:0 3px;}
#commentform p.comment-notes{margin:10px 0;color:#999;}
#commentform textarea{padding:3px;background:#fff;border:1px solid #ddd;}
#commentform .comment-form-comment label{display:none;}
#author,#email,#url{max-width:220px;width:70%;height:16px;margin-right:5px;padding:3px;border:1px solid #ddd;background:#fff;}
#comment{width:99%;height:125px;}
#submit{cursor:pointer;padding:5px 20px;background:#222;border:1px solid #555;font-weight:bold;font-size:14px;color:#ccc;letter-spacing:3px;}
#submit:hover{color:#fff;}
#respond code{color:#464646;background:none;}
/* trackbacks-pingbacks */
.trackbacks-pingbacks h3{font-weight:bold;margin-bottom:10px;border-bottom:1px solid #ddd;color:#555;padding:3px 0;}
.trackbacks-pingbacks ul{margin:5px 20px 15px;list-style-type:circle;}
.trackbacks-pingbacks ul li{margin-bottom:4px;}
/* #footer */
#footer{overflow:hidden;margin:20px auto 0;padding:0 0 20px;background:#454546;}
#footer-inside{position:relative;width:640px;margin:0 auto;padding:5px 320px 5px 0;color:#aaa;}
#footer-inside a{border-bottom:1px dashed #aaa;color:#aaa;}
#footer-inside #back-to-top{position:absolute;top:5px;right:150px;line-height:20px;color:#fafafa;font-weight:bold;}
#footer-inside #back-to-top a{line-height:20px;color:#aaa;font-weight:normal;border:none;}
#footer-inside #back-to-top a:hover{color:#f7f7f7;}
/* Other */
.aligncenter,div.aligncenter{display:block;margin:auto;}
.alignleft{float:left;}
.alignright{float:right;}
.wp-caption{max-width:620px;text-align:center;margin-top:10px;margin-bottom:10px;padding:4px;border-radius:3px;background:#fff;border:1px solid #ddd;}
.wp-caption img{margin:0;padding:0;background:none;}
.wp-caption p.wp-caption-text{font-size:12px;line-height:20px;padding:4px 0 0;margin:0;}
/* calendar START */
.widget_calendar h3{display:none;}
#wp-calendar{width:100%;}
#wp-calendar #today{background:#e6e6e6;}
#wp-calendar tbody a{font-weight:bolder;}
#wp-calendar caption{font-family:Arial;font-weight:bolder;letter-spacing:-0.05em;font-size:150%;text-align:left;padding-bottom:5px;}
#wp-calendar th,#wp-calendar td{text-align:center;}
#wp-calendar tbody td{border:1px solid #ccc;}
#wp-calendar tbody td.pad{border:0 none;}
#wp-calendar th{background:#999;color:#fff;}
#wp-calendar td#prev{text-align:left;padding-top:5px;}
#wp-calendar td#next{text-align:right;padding-top:5px;}
/* .gallery-caption */
#content .gallery .gallery-caption{color:#888;font-size:12px;margin:0 0 12px;}
/* for Mobile: since 1.3.8 */
@media screen and (max-width:1000px) {
#nav{padding-top:10px;}
#menus{position:relative;padding:0 10px 0 25px;}
#menus ul.menus-m{display:block;}
#menus ul.menus-dt{overflow:hidden;display:none;z-index:9999;position:absolute;left:25px;top:31px;min-width:200px;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;}
#menus ul.toggled-on{display:block;}
#menus li{width:240px;margin:0;background:#333;}
#menus ul.menus-m li{width:auto;cursor:pointer;}
#menus ul.b-toggled-on li{background:#333;color:#fff;font-weight:700;text-shadow:0 1px 0 #000;}
#menus li:first-child{}
#menus li a{line-height:20px;padding:8px 10px;margin:0;border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
#menus ul li:hover > a,
#menus ul li.current_page_item > a,
#menus ul li.current-menu-ancestor > a,
#menus ul li.current-menu-item > a,
#menus ul li.current-menu-parent > a{background:transparent!important;color:#eee;text-shadow:none;}
#menus ul ul{position:static;display:block;}
#menus ul ul li, #menus ul ul ul li{width:220px;margin-left:19px;background:#333;border-left:1px solid #555;}
#menus ul ul a{white-space:normal;}
#menus ul ul a, #menus ul ul ul a{background:#333;}
#menus ul ul li:hover > a,
#menus ul ul li.current_page_item:hover > a,
#menus ul ul li.current-menu-ancestor:hover > a,
#menus ul ul li.current-menu-item:hover > a,
#menus ul ul li.current-menu-parent:hover > a{background:transparent;}
#menus ul ul ul li{width:200px;}
#menus ul ul ul a{width:180px;}
#menus ul ul ul li:hover > ul{display:none;}
#menus ul ul ul ul{display:none;}
/* simulate click
#menus:active .menus-dt{display:block;}
#menus .menus-dt:hover{display:block;} */
#search{bottom:0;right:25px;width:180px;-webkit-box-shadow:0 0 0 #333;-moz-box-shadow:0 0 0 #333;box-shadow:0 0 0 #333;-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;border-bottom:none;}
#search input#s{width:140px;}
#header{padding:0 15px;}
.st_hidden #header_image{margin-top:0;}
#wrapper{margin:0 15px;}
#content,
.LorR #content,
#sidebar-border,
.LorR #sidebar-border{float:none;clear:left;width:auto;}
#sidebar-border,
.LorR #sidebar-border{margin-top:20px;}
#sidebar{width:auto;}
#sidebar .widget{width:276px;float:left;}
.commentlist li{margin: 0;}
.commentlist li .children li #respond{padding:20px 40px 0;}
#footer-inside{position:static;max-width:640px;padding:5px 15px 5px;}
#footer-inside #back-to-top{position:fixed;top:auto;bottom:10px;right:10px;padding:5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#666;}
}
@media screen and (max-width:400px) {
.entry pre{width:85%;}
}