<data:blog.pageTitle/> */ /* Use this with templates/template-twocol.html */ html, body{background:$bgcolor; color:$textcolor; text-align:center;} body{font:12px arial,helvetica,verdana,sans-serif;} /* Headings ----------------------------------------------- */ h1{font-size:22px; color: $pagetitlecolor;} h1 a{color: $pagetitlecolor;} h2{font-size:18px;} h3{font-size:16px;} h4{font-size:14px;} a{color:$linkcolor;text-decoration:none;} a:hover{color:#666;} a img { border-width:0; } /* Header ----------------------------------------------- */ /* masthead / footer - navigation and categories */ #masthead{padding:5px 0;} #masthead h1 a{text-transform:uppercase;width:400px;float:left;margin:12px 0 0 0;color:$pagetitlecolor;} #masthead h1 a em{font-style:normal;color:$pagetitlecolor;} #authorBlurb {width: 400px; float: right; color: $descriptioncolor;} #authorBlurb img{float:right;width:42px;height:42px;border:3px solid $bordercolor;} #authorIntro a{font-weight:bold;} #authorIntro{line-height:1.4em;width:400px;float:right;margin:8px 0 0 0;} #header-wrapper { margin:0 auto 10px; } #header-inner { background-position: center; margin-left: auto; margin-right: auto; } #header { color:$pagetitlecolor; } #header a { color:$pagetitlecolor; text-decoration:none; } #header a:hover { color:$pagetitlecolor; } #header img { margin-$startSide: auto; margin-$endSide: auto; } ul.nav{list-style:none;background:$bordercolor;padding: 0; margin-left: 0;} .nav li{border-right:1px solid #DDD;float:left;display:block;width:100px;} .nav li a{font-size:11px;outline:none;color:$titlecolor;text-decoration:none;display:block;padding:5px 0 12px 5px;width:99px;text-transform:uppercase;} .nav li a span{font-size:11px;color:$metacolor;text-transform:lowercase;} .nav li a:hover{background:$titlecolor;color:$bordercolor!important;width:95px;} * html .nav li a:hover{background:$titlecolor;width:99px;} .nav li.skip{border-left:1px solid #DDD;float:right;display:block width:100px;} .nav li.skip a{width:100px;} li.top{border-left:1px solid #DDD;float:right;display:block width:100px;} li.top a{width:100px;} .nav li.skip a:hover, li.top a:hover { background: transparent;color: $titlecolor !important;} .fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .fix{display:inline-block;} * html .fix{height:1%;} .fix{display:block;} /* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { border-top:3px solid $bordercolor; margin:20px auto; width:965px; text-align:$startSide; font: $bodyfont; } #main-wrapper { margin:26px 0 0 0; width:410px; float: $startSide; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar-wrapper { color:$sidebartextcolor; float:left; margin:25px 0 0 33px; width:250px; line-height:1.3em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } .sidebar h2 {color: $sidebarcolor;} .sidebar ul{list-style:none;margin:8px 0 4px; padding-left: 0px;} .sidebar ul li{ background:url('http://bloggerbuster.com/templates/grid-focus/images/li.gif') no-repeat 0 3px; color:$sidebartextcolor; line-height:1.2em; border-top:1px solid #BBB; padding-left:16px; padding-right:0; padding-top:4px; padding-bottom:4px; } #searchWrap input{vertical-align:middle;} #searchWrap #s{font-size:1.1em;border:1px solid #BBB;padding:1px 2px;margin-right:3px;width:220px;} #tertCol {color:$sidebartextcolor;} #tertCol{float:left;width:214px;margin:10px 0 0 33px;} #tertCol p{color:$sidebartextcolor;} /* Posts ----------------------------------------------- */ h2.date-header { margin:1.5em 0 .5em; } .postMeta{background:url('http://bloggerbuster.com/templates/grid-focus/images/dot.gif') repeat-x left center;text-transform:uppercase;font-size:11px;text-align:right;margin-bottom:5px} .postMeta span.date{background:$bgcolor;color:$metacolor;padding:0 2px 0 4px;} .postMeta span.comments{background:$bgcolor url('http://bloggerbuster.com/templates/grid-focus/images/chat_grey.gif') no-repeat left center;padding-left:15px;margin-left:2px} .postMeta span.comments a, .postMeta span.date a{color:$metacolor;} .post{margin:0 0 15px 0;} .post h2{line-height:1.2em;margin-bottom:7px;font-size: 18px;color:$titlecolor;} .post h2 a{width:100%;display:block;outline:none;color: $titlecolor;} .post-body { margin:0 0 .75em; line-height:1.6em; } .post-body blockquote { border: 3px solid $bordercolor; padding: 5px; line-height:1.3em; } .post-footer { margin: .75em 0; color:$sidebarcolor; font: $postfooterfont; } .comment-link { margin-$startSide:.6em; } .post img { padding:4px; border:1px solid $bordercolor; } .post blockquote { margin:1em 20px; } .post blockquote p { margin:.75em 0; } /* Comments ----------------------------------------------- */ #comments h4 { margin:1em 0; font-weight: bold; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color: $sidebarcolor; } #comments-block { margin:1em 0 1.5em; line-height:1.6em; } #comments-block .comment-author { margin:.5em 0; } #comments-block .comment-body { margin:.25em 0 0; } #comments-block .comment-footer { margin:-.25em 0 2em; line-height: 1.4em; text-transform:uppercase; letter-spacing:.1em; } #comments-block .comment-body p { margin:0 0 .75em; } .comment-general {background:$bgcolor ') top left; border:1px solid #BBB; margin-bottom:7px; padding:0 7px 7px; } .comment-blog-author {background:$bgcolor url('http://bloggerbuster.com/templates/grid-focus/images/lgrey_diag.gif') top left; border:1px solid #BBB; margin-bottom:7px; padding:0 7px 7px; } .deleted-comment { font-style:italic; color:gray; } #blog-pager { clear: both; margin: 10px 0;} #blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; } #blog-pager { text-align: center; } .feed-links { clear: both; line-height: 2.5em; } /* Sidebar Content ----------------------------------------------- */ .sidebar { color: $sidebartextcolor; line-height: 1.3em; } .sidebar .widget, .main .widget { margin:0 0 1.5em; padding:0 0 1.5em; } .main .Blog { border-bottom-width: 0; } /* Profile ----------------------------------------------- */ .profile-img { float: $startSide; margin-top: 0; margin-$endSide: 5px; margin-bottom: 5px; margin-$startSide: 0; padding: 4px; border: 1px solid $bordercolor; } .profile-data { margin:0; text-transform:uppercase; letter-spacing:.1em; font: $postfooterfont; color: $sidebarcolor; font-weight: bold; line-height: 1.6em; } .profile-datablock { margin:.5em 0 .5em; } .profile-textblock { margin: 0.5em 0; line-height: 1.6em; } .profile-link { font: $postfooterfont; text-transform: uppercase; letter-spacing: .1em; } /* Footer ----------------------------------------------- */ #footer-wrapper { margin: 10px 0; } #footer { width:660px; clear:both; margin:0 auto; padding-top:15px; line-height: 1.6em; text-transform:uppercase; letter-spacing:.1em; text-align: center; } .left {float: left;} .right {float: right;} .ctime {float: right;} #navbar-iframe { height:0px; visibility:hidden; display:none } ]]>