<data:blog.pageTitle /> */ body { background:#ffffff; margin:0; text-align:center; line-height: 1.5em; font: x-small Trebuchet MS, Verdana, Arial, Sans-serif; color:$mainTextColor; font-size/* */:/**/small; font-size: /**/small; } /* Page Structure ----------------------------------------------- */ #outer-wrapper { width:790px; background: #ffffff url("http://sylvman.googlepages.com/background.jpg") repeat-y right top; margin:0 auto; text-align:left; font: $bodyFont; } #navitabs{ text-align:left; background:none margin:0px 0px 0px 0px; } .navitab{ padding:4px 8px 4px 8px; margin:0px 0px 4px 0px; text-decoration:none; letter-spacing:1px; background:#323232 url() bottom right repeat-x; border-top:1px solid #666666; border-left:1px solid #666666; border-right:1px solid #666666; } .navitab:hover{ text-decoration:none; background:#646464 url() bottom right repeat-x; } #main-wrap1 { width:515px; float:left; background:$mainBgColor url("http://sylvman.googlepages.com/bg.jpg") repeat-y left bottom; padding:0 0 10px; color:$mainTextColor; font-size:97%; line-height:1.5em; 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-wrap2 { float:left; width:100%; background:url("http://sylvman.googlepages.com/hlimthla_outline.jpg") repeat-y left top; padding:10px 0 0; } #main { background:url("http://sylvman.googlepages.com/lop.gif") repeat-y; padding:0; } #sidebar-wrap { width:260px; float:right; font-size:85%; line-height:1.5em; 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 .widget { margin: 0 13px 4px 13px; } .main .Blog { margin: 0 0px 0px 15px; } /* Links ----------------------------------------------- */ a:link { color: $mainLinkColor; text-decoration:none; } a:visited { color: $mainVisitedLinkColor; text-decoration:none; } a:hover { color: $mainVisitedLinkColor; text-decoration:none; } a img { border-width:0; } /* Blog Header ----------------------------------------------- */ #header-wrapper { margin:5px 0 0 0; background: #f5f5f5 url("http://sylvman.googlepages.com/sercop_thimvar.JPG") no-repeat right top; color:$titleTextColor; } #header-wrapper img { margin: 15px 15px 0px 0px; } #header { background:url("http://sylvman.googlepages.com/sercop_thimvar.JPG") no-repeat left bottom; height:105px; } #headerpic { background: #f5f5f5 url("http://sylvman.googlepages.com/vladstudio_tree_and_moon_800x600.jpg") no-repeat right top; height:205px; float: left; width:790px; text-align:right; } p.rightmargin {margin: 0.04cm 0.5cm 0cm 0cm} p.navitabs {margin: 130px 0cm 0cm 20px} a.navitabs:hover { border-bottom: dotted 1px #767676; } #header h1 { margin:0; padding:20px 30px 5px; font-size:1.8em; font-weight:normal; } #header a, #header a:visited { text-decoration:none; color: $titleTextColor; } #header .description { margin:0; padding:5px 30px 10px; line-height:1.5em; font: $descriptionFont; } /* Posts ----------------------------------------------- */ h2{ margin:0 0 20px 0; font-size:1.6em; font-weight:normal; } h3{ margin:0 0 20px 0; font-size:1em; color:#767676; font-weight:bold; } h2.date-header { margin:0 28px 0 43px; font-size:85%; letter-spacing:.2em; color:$dateHeaderColor; } .post { margin:.3em 0 25px; padding:0 13px; border:1px dotted $borderColor; border-width:1px 0; } .post h3 { padding:2px 14px 2px 29px; color: $postTitleColor; font-size:2.1em; font-weight:normal; } .post h3 a, .post h3 a:visited { text-decoration:none; color: $postTitleColor; } .post h3 a:hover { background-color: $borderColor; color: $postTitleColor; } .post-body { border:1px dotted $borderColor; border-width:0 1px 1px; border-bottom-color:$mainBgColor; padding:10px 14px 1px 29px; } html>body .post-body { border-bottom-width:0; } .post p { margin:0 0 .75em; } .post-footer { background: #577; margin:0; padding:2px 14px 2px 29px; border:1px dotted $borderColor; border-width:1px; font-size:100%; line-height:1.5em; color: #acb; } .post-footer p { margin: 0; } html>body .post-footer { border-bottom-color:transparent; } .uncustomized-post-template .post-footer { text-align: right; } .uncustomized-post-template .post-author, .uncustomized-post-template .post-timestamp { display: block; float: left; text-align:left; margin-right: 4px; } .post-footer a { color: #fff; } .post-footer a:hover { color: #eee; } a.comment-link { /* IE5.0/Win doesn't apply padding to inline elements, so we hide these two declarations from it */ background/* */:/**/url("http://sylvman.googlepages.com/icon_commentna.gif") no-repeat 0 45%; padding-left:14px; } html>body a.comment-link { /* Respecified, for IE5/Mac's benefit */ background:url("http://sylvman.googlepages.com/icon_commentna.gif") no-repeat 0 45%; padding-left:14px; } .post img { margin:0 0 5px 0; padding:4px; border:1px solid $borderColor; } blockquote { margin:.75em 0; border:1px dotted $borderColor; border-width:1px 0; padding:5px 15px; color: $dateHeaderColor; } .post blockquote p { margin:.5em 0; } #blog-pager-newer-link { float: left; margin-left: 13px; } #blog-pager-older-link { float: right; margin-right: 13px; } #blog-pager { text-align: center; } .feed-links { clear: both; line-height: 2.5em; margin-left: 13px; } /* Comments ----------------------------------------------- */ #comments { margin:-25px 13px 0; border:1px dotted $borderColor; border-width:0 1px 1px; padding:20px 0 15px 0; } #comments h4 { margin:0 0 10px; padding:0 14px 2px 29px; border-bottom:1px dotted $borderColor; font-size:120%; line-height:1.4em; color:$postTitleColor; } #comments-block { margin:0 15px 0 9px; } .comment-author { background:url("http://sylvman.googlepages.com/icon_commentna.gif") no-repeat 2px .3em; margin:.5em 0; padding:0 0 0 20px; font-weight:bold; } .comment-body { margin:0 0 1.25em; padding:0 0 0 20px; } .comment-body p { margin:0 0 .5em; } .comment-footer { margin:0 0 .5em; padding:0 0 .75em 20px; } .comment-footer a:link { color: #ced; } .deleted-comment { font-style:italic; color:gray; } /* Profile ----------------------------------------------- */ .profile-img { float: left; margin: 5px 5px 5px 0; border: 4px solid $topSidebarTextColor; } .profile-datablock { margin: 0 15px .5em 0; padding-top: 8px; } .profile-link { background:url("http://sylvman.googlepages.com/icon_profile.gif") no-repeat 0 .1em; padding-left:15px; font-weight:bold; } .profile-textblock { clear: both; margin: 0; } .sidebar .clear, .main .widget .clear { clear: both; } #sidebartop-wrap { background:$topSidebarBgColor url("http://sylvman.googlepages.com/shadow-outline.jpg") repeat-y right top; margin:0px 0px 15px; padding:0px 0px 10px; color:$topSidebarTextColor; } #sidebartop-wrap2 { background:url("http://sylvman.googlepages.com/shadow-outline.jpg") repeat-y right bottom; padding: 10px 0 0; margin:0; border-width:0; } #sidebartop h2 { line-height:1.5em; color:$topSidebarHeaderColor; border-bottom: 1px dotted $topSidebarHeaderColor; font: $headerFont; margin-bottom: 0.5em; } #sidebartop a { color: $topSidebarLinkColor; } #sidebartop a:hover { color: $topSidebarVisitedLinkColor; } #sidebartop a:visited { color: $topSidebarVisitedLinkColor; } /* Sidebar Boxes ----------------------------------------------- */ .sidebar .widget { margin:.5em 13px 1.25em; padding:0 0px; } .widget-content { margin-top: 0.5em; } #sidebarbottom-wrap1 { background: none url("") no-repeat right top; margin:0 0 15px; padding:10px 0 0; color: $bottomSidebarTextColor; } #sidebarbottom-wrap2 { background:url("") no-repeat right bottom; padding:8px 0px 8px; } #sidebar { background:url("") repeat-y right top; } #sidebar { color: $bottomSidebarTextColor; } #sidebar h2 { color: $bottomSidebarTextColor; border-bottom: 1px dotted $bottomSidebarTextColor; margin-bottom: 0.5em; } #sidebar a { color: $bottomSidebarLinkColor; } #sidebar a:hover, #sidebar a:visited { color: $bottomSidebarVisitedLinkColor; } .sidebar h2 { margin:0; padding:0 0 .2em; line-height:1.5em; font:$headerFont; } .sidebar ul { list-style:none; margin:0 0 1.25em; padding:0 0px; } .sidebar ul li { background:url("http://sylvman.googlepages.com/icon_arrow_sm.gif") no-repeat 2px .25em; margin:0; padding:0 0 3px 16px; margin-bottom:3px; border-bottom:1px dotted $borderColor; line-height:1.4em; } .sidebar p { margin:0 0 .6em; } /* Footer ----------------------------------------------- */ #footer-wrap1 { clear:both; background: url("http://sylvman.googlepages.com/bottom-top.gif") no-repeat left top; color:#3e3e3e; padding:5px 0 0; } #bottomest { background: url("http://sylvman.googlepages.com/bottom-bottom.gif") no-repeat left bottom; color:#3e3e3e; margin-top:-6px; height:10px; } #footer { background: url("http://sylvman.googlepages.com/bottom-middle.gif") repeat-y left top; padding:8px 15px 8px; } #footer hr {display:none;} #footer p {margin:0;} #footer a {color:$titleTextColor;} /** Page structure tweaks for layout editor wireframe */ body#layout #main-wrap1, body#layout #sidebar-wrap, body#layout #header-wrapper { margin-top: 0; } body#layout #header, body#layout #header-wrapper, body#layout #outer-wrapper { margin-left:0, margin-right: 0; padding: 0; } body#layout #outer-wrapper { width: 790px; } body#layout #footer-wrap1 { padding-top: 0; } ]]>