<data:blog.pageTitle/> */ /* === Hide the NavBar === */ .Navbar { visibility:hidden; display: none; } /* === Hide the NavBar === */ body { background: $bgColor; margin: 30px; padding: 0px; font: x-small verdana, Arial; text-align: center; color: $textColor; font-size/* */:/**/small; font-size: /**/small; } a:link { color: $linkColor; } a:visited { color: $linkColor; } a img { border-width: 0; } #outer-wrapper { font: $bodyFont; } /* Header ----------------------------------------------- */ #header { font: x-small BoomBox, Arial; font-size: 2em; width: 800px; height:150px; margin: 0 auto; text-align:center; background-color: $headerBgColor; border: 4px groove #191919; color: $headerTextColor; padding: 0; background:url('http://img01.picoodle.com/img/img01/7/2/8/f_headerm_df241f6.jpg'); } h1.title { padding-top: 38px; margin: 0 14px .1em; line-height: 1.2em; font-size: 100%; } h1.title a { color: $headerTextColor; text-decoration: none; } #header .description { display: block; margin: 0 14px; padding: 0 0 40px; line-height: 1.4em; font-size: 50%; } /* Content ----------------------------------------------- */ .clear { clear: both; } #content-wrapper { width: 800px; margin: 0 auto; padding: 0 0 15px; text-align: left; background-color: $mainBgColor; border: 4px groove #191919; border-top: 0; } #main-wrapper { margin-left: 14px; width: 464px; float: right; background-color: $mainBgColor; 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 */ } #widesidebar-wrapper { margin-right: 0px; width: 320px; float: right; background-color: $mainBgColor; 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 */ } #rightsidebar-wrapper { margin-right: 0px; width: 160px; float: right; background-color: $mainBgColor; 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 */ } #leftsidebar-wrapper { margin-right: 0px; width: 160px; float: right; background-color: $mainBgColor; 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 */ } /* Headings ----------------------------------------------- */ h2, h3 { margin: 0; } /* Posts ----------------------------------------------- */ .date-header { display: block; float: center; width:70px; height:40px; background:#e8e8e8; border:1px groove black; margin: 10px 0 0; font-weight: normal; text-align: center; color: $dateHeaderColor; font-size: 80%; } .post { margin: 1.5em 1em 1.5em; padding-bottom: 1.5em; } .post-title { margin: 0; padding: 0; font-size: 125%; font-weight: bold; line-height: 1.1em; } .post-title a, .post-title a:visited, .post-title strong { text-decoration: none; color: $textColor; font-weight: bold; } .post div { margin: 0 0 .75em; line-height: 1.3em; } p.post-footer { margin: -.25em 0 0; color: $mainBgColor; font-size: 83%; } .post-footer .span { margin-right: .3em; } .comment-link { margin-left: .3em; } .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; color: $dateHeaderColor; } #comments h4 strong { font-size: 110%; } #comments-block { margin: 1em 0 1.5em; line-height: 1.3em; } #comments-block dt { margin: .5em 0; } #comments-block dd { margin: .25em 0 0; } #comments-block dd.comment-footer { margin: -.25em 0 2em; line-height: 1.4em; font-size: 78%; } #comments-block dd p { margin: 0 0 .75em; } .deleted-comment { font-style:italic; color:gray; } .feed-links { clear: both; line-height: 2.5em; } #blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; } #blog-pager { text-align: center; } /* navigation ----------------------------------------------- */ #nav { height:30px; line-height:2em; width:808px; margin:0px auto; margin-top:-15px; background:url('http://img02.picoodle.com/img/img02/7/2/8/f_h2rbgm_0dbe996.jpg'); border-bottom:2px solid #000; color:#000; } *+html #nav{ /*IE7 only*/ margin-top: 0px; } #nav li{ float:left; list-style-type:none; white-space:nowrap; display:block; } #nav li a{ display:block; padding:0px 10px; font-size:1em; font-weight:normal; text-transform:none; text-decoration:none; background-color:inherit; color: #000; border-left:2px solid black; } * html #nav a {width:1%;} #nav a:hover{ background:#000; color:#fff; text-decoration:none; border-left:2px # solid #252525; border-bottom: 2px solid #252525; } /* Sidebar Content ----------------------------------------------- */ .sidebar h2 { margin: 1.6em 0 .5em; padding: 4px 5px; background-color: #ffffff; font-size: 100%; text-align:center; color: #333333; background:url('http://img02.picoodle.com/img/img02/7/2/8/f_h2rbgm_0dbe996.jpg'); border: 1px solid black; } .sidebar ul { margin: 0; padding: 0; list-style: none; } .sidebar li { list-style-type: square; padding-left: 30px; margin: 0px 0 0; line-height: 1.8em; font: bold; } .sidebar li:hover{ list-style-type: square; background:url('http://img02.picoodle.com/img/img02/7/2/8/f_h2rbgm_0dbe996.jpg'); } .sidebar li a:hover{ color: #df5303; text-decoration: none; } .sidebar { color: $textColor; line-height:1.3em; } .sidebar .widget { margin-bottom: 1em; } .sidebar .widget-content { margin: 0 5px; } /* 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-weight: bold; line-height: 1.6em; font-size: 78%; } .profile-datablock { margin:.5em 0 .5em; } .profile-textblock { margin: 0.5em 0; line-height: 1.6em; } /* footer ----------------------------------------------- */ #footer { margin:0px auto; background: #e8e8e8; background-position:top center; background-repeat:no-repeat; width: 800px; height:20px; font-size: 0.9em; text-align: center; clear:both; font-weight:bold; color:#000; padding:0px auto; border-left: 4px groove black; border-right: 4px groove black; } #footer a:link { color:#000; border:none; font-weight:bold; } #footer a:hover { color: #Df5303; border:none; font-weight:bold; } #footer a:active { color: #D1D0C6; border:none; font-weight:bold; } ]]>