*/ /* Use this with templates/template-twocol.html */ body { background:$bgcolor url(http://templates.bloggerbuster.com/red_20_temp/bg2.jpg) repeat-x top left; margin:0; color:$textcolor; font:x-small Helvetica sans-serif; font-size/* */:/**/small; font-size: /**/small; text-align: center; } a:link { color:$linkcolor; text-decoration:underline; } a:visited { color:$visitedlinkcolor; text-decoration:underline; } a:hover { color:$titlecolor; text-decoration:none; } a img { border-width:0; } /* Header ----------------------------------------------- */ #header-wrapper { width:950px; height: 120px; margin:10px auto 0 auto; padding: 0 0 0 5px; } #header-wrapper .widget-content img { border: 0; padding: 0; margin:0; } #header-inner { background: url(http://templates.bloggerbuster.com/red_20_temp/badge.gif) left center no-repeat; padding: 0 0 0 80px; margin: 0 auto; width: 500px; float: left; } #header { margin: 0; padding: 0; color:$pagetitlecolor; } #header h1 { margin:5px 0; padding:10px 20px .25em 0; line-height: 1.4em; text-transform:uppercase; letter-spacing:.1em; font: $pagetitlefont; font-weight: bold; } #header a { color:$pagetitlecolor; text-decoration:none; } #header a:hover { color:$pagetitlecolor; } #header .description { margin:5px 0; padding:0 20px 15px 0; text-transform:lowercase; letter-spacing:.2em; line-height: 1.4em; font: $descriptionfont; color: $descriptioncolor; font-weight: bold; } .nav img{ padding-left: 10px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; } .nav:hover img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85); -moz-opacity: 0.85; } /* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { width: 950px; margin:0 auto; padding:0; text-align:left; font: $bodyfont; } #content-wrapper { width:950px; margin: 0 0 20px 0; padding: 0 0 10px 0; clear:both; } #main-wrapper { width: 580px; float: left; margin: 0 5px 10px 5px; padding: 10px 0 60px; 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 */ } #main { padding: 0 5px 15px 10px; 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 { background: #e0e0e0 url(http://templates.bloggerbuster.com/red_20_temp/sidebar_bg.gif) bottom left no-repeat; width: 35%; padding: 10px; margin: 2px 0; float: right; 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-wrapper2 { border-left: 1px solid $bordercolor; width: 35%; padding: 0 10px; float: right; 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-wrapper3 { border-left: 1px solid $bordercolor; width: 35%; padding: 0 10px; float: right; 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-twocol-left { float: left; width: 155px; margin-right: 10px; } #sidebar-twocol-right { float: left; width: 155px; margin-left: 5px; } /* Headings ----------------------------------------------- */ h2 { margin:1.5em 0 .75em; font:$headerfont; line-height: 1.4em; text-transform:uppercase; letter-spacing:.1em; color:$sidebarcolor; } .footer h2 { margin:0 0 .75em; border-bottom: 1px dotted #cd0001; font:$headerfont; line-height: 1.4em; text-transform:lowercase; letter-spacing:.1em; color:$sidebarcolor; } .recent-comments { background: url(http://bloggerbuster.com/images/icons/recent-comments.gif) right center no-repeat; } .sidebar h2 { margin: 5px 0 .75em; font:$headerfont; border-bottom: 1px dotted #ff0084; letter-spacing:.1em; line-height: 1.4em; text-transform:lowercase; padding: 0 0 2px 0; } .sidebar-three h2 { background: #fff; padding: 5px; } /* Posts ----------------------------------------------- */ h2.date-header { margin:1.5em 0 .5em; } .post { margin:.5em 0 .5em; padding-bottom:20px; padding-right: 10px; border-bottom: 1px solid $bordercolor; } .post h2 { margin:.25em 0 0; padding:0 0 4px; font: $posttitlefont; line-height:1.4em; color:$titlecolor; } .post h2 a, .post h2 a:visited, .post h2 strong { display:block; text-decoration:none; color:$titlecolor; font-weight:normal; } .post h2 strong, .post h2 a:hover { color:$textcolor; } .post p { margin:0 0 .75em; line-height:1.4em; } .post-footer { margin: .75em 0; color:$sidebarcolor; text-transform:uppercase; letter-spacing:.1em; font: $postfooterfont; line-height: 1.4em; } .comment-link { margin-left:.6em; } .post img { padding:0; border:0; } .post blockquote { background: #e0e0e0 url(http://bloggerbuster.com/images/bg_blockquote.gif) no-repeat top left; margin:.5em 10px 1.5em 10px; border: 1px solid $bordercolor; padding: 8px 8px 8px 65px; } .post blockquote p { margin:.75em 0; } .similar { width: 250px; padding: 0 10px 10px 10px; border: 1px solid $bordercolor; margin: 10px 0 0 0; float: left; } .what-next { width: 250px; border: 1px solid $bordercolor; padding: 0 10px 10px 10px; margin: 10px 10px 0 0; float: left; } #post-footer-box a { text-decoration: none; } #post-footer-box h3 { color: $sidebartextcolor; text-transform: lowercase; font: $headerfont; } #post-footer-box h5 { color: $sidebartextcolor; font: $headerfont; } .post-comment-link { background: url(http://bloggerbuster.com/images/icons/comment-icon.gif) bottom right no-repeat; padding: 0 20px 0 0; } .email-author-link { background: url(http://bloggerbuster.com/images/icons/email-author.gif) bottom right no-repeat; padding: 0 20px 0 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; } .deleted-comment { font-style:italic; color:gray; } #blog-pager-newer-link { padding: 5px; float: left; } #blog-pager-older-link { padding: 5px; float: right; } #blog-pager { padding: 5px; text-align: center; } .feed-links { clear: both; line-height: 2.5em; } /* Sidebar Content ----------------------------------------------- */ .sidebar { color: $sidebartextcolor; line-height: 1.5em; margin-bottom: 30px; } .sidebar a { text-decoration: none; } .sidebar ul { list-style:square !important; margin:0 0 0 20px; padding:0 0 0; } .sidebar li { margin:0; padding:0 0 .25em 0; line-height:1.5em; } ul.square {list-style-type: square} .sidebar .widget, .main .widget { border-bottom:1px dotted $bordercolor; margin:0 0 .5em; padding:0 0 .5em; } .sidebar_icon { background: #fff; border: 2px solid $bordercolor; padding: 5px; margin-right: 10px; } .sidebar_icon:hover { border: 2px solid #999; } .main .Blog { border-bottom-width: 0; } /* Profile ----------------------------------------------- */ .profile-img { float: left; margin: 0 5px 5px 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 { width:930px; margin:0 auto; padding-top:15px; padding-bottom: 15px; } #footer-bottom { margin:0 auto 15px auto; padding-top:15px; line-height: 1.6em; text-align: center; } .footer { padding: 10px; } .footer a { text-decoration: none;; } .footer_icon { background: #fff; border: 2px solid $bordercolor; padding: 5px; margin-right: 10px; } .books { background:#fff; border: 2px solid $bordercolor; padding: 5px; margin: 0 10px 10px 0; } #dropmenudiv{ position:absolute; border:1px solid $bordercolor; border-bottom-width: 0; font:normal 12px Verdana; line-height:18px; z-index:100; } #dropmenudiv a{ width: 100%; display: block; text-indent: 3px; border-bottom: 1px solid $bordercolor; padding: 1px 0; text-decoration: none; font-weight: bold; } #dropmenudiv a:hover{ /*hover background color*/ background-color: #ffffcc; } /** Page structure tweaks for layout editor wireframe */ body#layout #header { margin-left: 0px; margin-right: 0px; } body#layout #header-wrapper { width: 700px; } body#layout #outer-wrapper { width: 700px; } body#layout #footer { width: 700px; } body#layout #footer2 { width: 200px; } body#layout #footer3 { width: 200px; } body#layout #footer4 { width: 200px; } body#layout #sidebar-wrapper { width: 350px; } body#layout #sidebar2 { width: 350px; } body#layout #sidebar-two { width: 350px; } body#layout #main-sidebar-wrapper { width: 350px; float:left; } body#layout #sidebar-twocol-left { width: 150px; float:left; } body#layout #sidebar-twocol-right { width: 150px; float:right; } body#layout #main-wrapper { width: 300px; float:left; } body#layout #crosscol-wrapper { width: 700px; } body#layout #footer-bottom { width: 700px; } /* Label Cloud Styles ----------------------------------------------- */ #labelCloud {text-align:center;font-family:arial,sans-serif;} #labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;} #labelCloud ul{list-style-type:none;margin:0 auto;padding:0;} #labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0} #labelCloud a{text-decoration:none} #labelCloud a:hover{text-decoration:underline} #labelCloud li a{} #labelCloud .label-cloud {} #labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000} #labelCloud .label-cloud li:before{content:"" !important} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} /* End hide from IE-mac */ .comment-box { margin-left: 20px; } .nav-section { padding: 12px 20px 15px 20px; font-family: Helvetica, Arial, sans-serif; font-size: 110%; font-weight: bold; } .nav-section { color: #fff; text-decoration: none; } .nav-section:hover { background: #ff0000; } .grey{display:block} .grey *{ display:block; height:1px; overflow:hidden; font-size:.01em; background:#E0E0E0} .grey1{ margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #f1f1f1; border-right:1px solid #f1f1f1; background:#e7e7e7} .grey2{ margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #fbfbfb; border-right:1px solid #fbfbfb; background:#e5e5e5} .grey3{ margin-left:1px; margin-right:1px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;} .grey4{ border-left:1px solid #f1f1f1; border-right:1px solid #f1f1f1} .grey5{ border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7} .greyfg{ background:#E0E0E0} .silver{display:block} .silver *{ display:block; height:1px; overflow:hidden; font-size:.01em; background:#DBD8D8} .silver1{ margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #efeeee; border-right:1px solid #efeeee; background:#e4e1e1} .silver2{ margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #fbfbfb; border-right:1px solid #fbfbfb; background:#e1dfdf} .silver3{ margin-left:1px; margin-right:1px; border-left:1px solid #e1dfdf; border-right:1px solid #e1dfdf;} .silver4{ border-left:1px solid #efeeee; border-right:1px solid #efeeee} .silver5{ border-left:1px solid #e4e1e1; border-right:1px solid #e4e1e1} .silverfg{ background:#DBD8D8} .commentlist ul { margin: 0; padding: 0; } .commentlist li { list-style-type:none; } #search-box-holder { width: 260px; float: right; margin: 10px 0; text-align: right} #search-box-holder h2 { margin: 0; padding: 0; text-transform: lowercase; } ]]>