<data:blog.pageTitle/> */ /* Use this with templates/template-twocol.html */ #navbar, #navbar-iframe { height: 0px; visibility: hidden; display: none; } body { background:#ffa22f; margin:0; color:$textcolor; font:x-small Georgia Serif; font-size/* */:/**/small; font-size: /**/small; text-align: center; } a:link { color:$linkcolor; text-decoration:none; } a:visited { color:$visitedlinkcolor; text-decoration:none; } a:hover { color:$titlecolor; text-decoration:underline; } a img { border-width:0; } /* Header ----------------------------------------------- */ #header-wrapper { background:url(http://4.bp.blogspot.com/_XByc9SCisZM/SZ5UBO3LihI/AAAAAAAAAkw/iOMz5rO9Uns/s1600/14k85xe.jpg) no-repeat; height:260px; width:980px; margin-left:-10px; margin-top:-16px; border:0px solid $bordercolor; } #header-inner { background-position: center; margin-left: auto; margin-right: auto; } #header { margin: 0px; border: 0px solid $bordercolor; text-align: left; color:$pagetitlecolor; } #header h1 { margin:5px 5px 0; padding:30px 58px .25em; line-height:1.2em; text-transform:uppercase; letter-spacing:.2em; font: $pagetitlefont; } #header a { color:$pagetitlecolor; text-decoration:none; } #header a:hover { color:$pagetitlecolor; } #header .description { margin:0 5px 5px; padding:0 60px 15px; max-width:700px; text-transform:none; letter-spacing:.1em; line-height: 1.4em; font: $descriptionfont; color: $descriptioncolor; } #header img { margin-$startSide: auto; margin-$endSide: auto; } /* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { background:#000000; width: 960px; margin:7px auto; padding:10px; text-align:$startSide; font: $bodyfont; } #main-wrapper { margin-top:-8px; padding-left:4px; width: 550px; 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 */ } #column-wrapper { margin-top:10px; width: 390px; float: $endSide; 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-top{ clear:both; } #sidebar-right{ width:190px; float:right; word-wrap:break-word; overflow:hidden; } #sidebar-left{ width:190px; float:left; word-wrap:break-word; overflow:hidden; } /* Headings ----------------------------------------------- */ h2 { margin:1.5em 0 .75em; font:$headerfont; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color:$sidebarcolor; } #mydate { border-left:1px solid #fbe599; margin:0 0 .75em 0.2em; margin-right:0px; padding-left:6px; font:$headerfont; line-height: 1.4em; text-transform:none; letter-spacing:.1em; color:#fbe599; font-size:11px; font-weight:normal; } .date-header { display:none; } /* Posts ----------------------------------------------- */ h2.date-header { margin:1.5em 0 .5em; } .post { background-repeat:no-repeat; background-position:bottom center; margin:2em 0 1em; padding-bottom:2em; } .post h3 { margin:.25em 0 0; padding:0 0 4px; font-size:160%; font-weight:normal; line-height:1.4em; color:$titlecolor; } .post h3 a, .post h3 a:visited, .post h3 strong { display:block; text-decoration:none; color:$titlecolor; font-weight:normal; } .post h3 strong, .post h3 a:hover { color:#fff6d8; } .post-body { margin:0 0 .75em; line-height:1.6em; } .post-body blockquote { line-height:1.3em; } .post-footer { background:#0A0A0A; margin: .75em 0 .75 .2em; padding: 2px 5px 2px 8px; color:#e6e6e6; text-transform:uppercase; letter-spacing:.1em; font: $postfooterfont; line-height: 1.6em; font-size:10px; } .post-body a { color:$linkcolor; text-decoration:none; } .post-body a:visited { color:#f5f5f5; text-decoration:underline; } .post-body a:hover { color:$titlecolor; text-decoration:underline; } .comment-link { /* IE5.0/Win doesn't apply padding to inline elements, so we hide these two declarations from it */ background/* */:/**/url(http://4.bp.blogspot.com/_XByc9SCisZM/SZ5UBC_P6PI/AAAAAAAAAkg/tzWYHlwgnGk/s1600/2rnf14i.jpg) no-repeat center center; padding-right:21px; padding-left:20px; padding-top:4px; float:right; padding-bottom:8px; margin-top:-39px; margin-right:5px; font-weight:normal; font-size:11px; font-family:arial; font-style:normal; line-height: 2.6em; text-transform:none; letter-spacing:0em; color:#000000; clear:both; } .comment-link2 { font-weight:normal; font-size:12px; font-family:arial; font-style:normal; line-height: 1.6em; text-transform:none; letter-spacing:0em; margin-left:2px; margin-right:2px; } .comment-link3 { padding-left:1px; } .post img { padding:4px; border:1px solid $bordercolor; } .post blockquote { margin:1em 20px; } .post blockquote { background: #000000 url(http://4.bp.blogspot.com/_XByc9SCisZM/SZ5UBYl-NxI/AAAAAAAAAk4/y_JhhNdFD40/s1600/30kzkfq.jpg); background-position:top left; background-repeat:repeat-y; margin: 10px 20px; padding: 3px 20px 3px 35px; font-size: 0.9em; } /* Comments ----------------------------------------------- */ #comments h4 { margin:1em 0; font-size:11px; font-weight: normal; line-height: 1.4em; text-transform:uppercase; letter-spacing:.1em; color: $sidebarcolor; } #comments-block { background:#0A0A0A; padding: 2px 3px 2px 3px; margin:.55em 0 .2em; line-height:1.6em; } #comments-block .comment-author { margin:.55em 0 .2em; background: #1C1C1C; } #comments-block .comment-body { margin:.55em 0 .2em; } .comment-footer { margin:0em 0 .5em; line-height: 1.2em; text-transform:none; letter-spacing:1px; font-size:10px; color:#7d7c7c; text-align:right; } .comment-timestamp { margin:-1.8em 0 .5em; line-height: 1.2em; text-transform:none; letter-spacing:1px; font-size:10px; color:#7d7c7c; float:right; } #comments-block .comment-body p { margin:.55em 0 .2em; padding: 2px 3px 2px 3px; background:#0A0A0A; } .comment-body-author { margin:.55em 0 .2em; padding: 2px 3px 2px 3px; background: #1C1C1C; } .comment-body-author p { margin:.55em 0 .2em; padding: 2px 3px 2px 3px; background: #1C1C1C; } .deleted-comment { font-style:italic; color:gray; } #blog-pager-newer-link { float: $startSide; } #blog-pager-older-link { float: $endSide; } #blog-pager { text-align: center; } .feed-links { clear: both; line-height: 2.5em; } /* Sidebar Content ----------------------------------------------- */ .sidebar { color: $sidebartextcolor; line-height: 1.5em; } .sidebar ul { list-style:none; margin:0 0 0; padding:0 0 0; } .sidebar ul li { background:url("http://4.bp.blogspot.com/_XByc9SCisZM/SZ5UBNdjXVI/AAAAAAAAAko/XY_BiNDxDkk/s1600/2ymta8w.jpg") no-repeat 2px .25em; margin:0 0 0 0; padding:0 0 3px 12px; margin-bottom:2px; text-indent:7px; line-height:1.3em; } .main .widget { border-bottom:1px dotted $bordercolor; margin:0 0 1.5em; padding:0 0 1.5em; } .sidebar .widget { border:0px solid #2E2E2E; margin:0 0 .5em; padding:0 15px 1.5em; } .main .Blog { border-bottom-width: 0; } .sidebar h2 { background: #0D0D0D url(http://1.bp.blogspot.com/_XByc9SCisZM/SZ5UBRJ33BI/AAAAAAAAAlA/iQgs241IzHI/s1600/b5fjx0.jpg); background-repeat:repeat-y; background-position:top right; margin-bottom: 7px; padding-left:4px; color:#BFBFBF; line-height: 1.4em; text-transform:uppercase; letter-spacing:.1em; } /* 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 { border-top: 1px solid #fbe599; width:940px; clear:both; margin:0 auto; } #footer-wrapper { color: #e6e6e6; width: 960px; clear: both; margin:0 auto; } #footer-column-container { width:960px; margin:0 auto; clear:both; color:#e6e6e6; } #footer-column-container a { color:$linkcolor; text-decoration:none; } #footer-column-container a:hover { color:$linkcolor; text-decoration:underline; } #footer-column-container a:visited { color:$visitedlinkcolor; text-decoration:none; } .footer-column h2 { background:url(http://3.bp.blogspot.com/_XByc9SCisZM/SZ5UwJt-MEI/AAAAAAAAAlI/k4kLOj_SsFU/s1600/wkmjo4.jpg.gif); height:20px; background-repeat:no-repeat; background-position:top left; font-weight:bold; margin-top:10px; padding-left:28px; color:#BFBFBF; letter-spacing:.1em; } #footer-wrapper a { color:$linkcolor; text-decoration:none; } #footer-wrapper a:hover { color:$linkcolor; text-decoration:underline; } #footer-wrapper a:visited { color:$visitedlinkcolor; text-decoration:none; } #footer-wrapper ul{ list-style-type:none; margin:0 0 10px 0; padding:0 } #footer-wrapper ul li{ background-color:; border-bottom:1px solid #424242; margin-bottom:0.2em; padding:0.3em } #footer-wrapper ul li ul{ list-style-type:square; margin-left:1.5em; padding:0; border:0 } #footer-wrapper ul li ul li{ border:0 } .footer-column { padding:10px; } .footer-bottom { border:1px solid #000000; padding: 0px; font-size:8px; } #klo{ color: #000000; font-family:arial; padding-top: 0px; width: 980px; border-top: 1px dotted #000000; clear: both; padding-bottom:7px; text-align: left; margin:-7px auto 0 auto; } #klo a { color:#000000; text-decoration:none; } #klo a:visited { color:#0000000; text-decoration:none; } #klo a:hover { color:#000000; text-decoration:underline; } /* Page Elements Fix ----------------------------------------------- */ body#layout #outer-wrapper { width: 750px; margin-left: auto; margin-right: auto; } body#layout #header-wrapper { margin-left: 0px; margin-right: 0px; width: 730px; } body#layout #main-wrapper { margin-left: 0px; margin-right: 0px; margin-top:-170px; width: 400px; padding: 0 0 0 0; } body#layout #column-wrapper { margin-left: 0px; margin-right: 0px; margin-top:-170px; width: 300px; padding: 0 0 0 0px; } body#layout #sidebar-right{ width:140px; float:right; } body#layout #sidebar-left{ width:140px; float:left; } body#layout #footer { width:730px; margin:0 auto; padding-top:15px; } body#layout #footer-wrapper { width:730px; margin:0 auto; padding-top:15px; } body#layout #footer-column-container{ width:730px; margin:0 auto; padding-top:15px; } body#layout #klo{ width:730px; margin:0 auto; padding-top:15px; } ]]>