<data:blog.pageTitle/> */ /* Use this with templates/template-twocol.html */ body { background:$bgcolor; margin:0px 0px 35px 0px; 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:$linkcolor; text-decoration:none; } a:hover { color:$titlecolor; text-decoration:underline; } a img { border-width:0; } /* Header =========== */ #header-wrapper { width:900px; margin:0 auto 0px; background:$bgheadercolor; height:170px; } #header-inner { width:900px; background-position: center; margin-$startSide: auto; margin-$endSide: auto; } #header { margin: 0px; text-align: left; color:$pagetitlecolor; } #header h1 { margin:5px 5px 0; padding:40px 20px .25em; line-height:1.2em; text-transform:uppercase; letter-spacing:.2em; font: $pagetitlefont; font-size:250%; } #header a { color:$pagetitlecolor; text-decoration:none; } #header a:hover { color:$pagetitlecolor; } #header .description { margin:0 5px 5px; padding:0 20px 15px 30px; max-width:700px; text-transform:none; letter-spacing:.2em; line-height: 1.4em; font: $descriptionfont; font-size:130%; color: $descriptioncolor; } #header img { margin-$startSide: auto; margin-$endSide: auto; } /*Credits: CSSplay */ /*URL: http://www.cssplay.co.uk/menus/pro_two */ .preload2 { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBDk3qBjGkeW8-8kV9Zs3nr3SAR0zp3uVKX6cLJVtqd2ISK2d3uQLiG3jl5NuOohFlISqbKqmXydyViej4Mi0IsMhFm2tlMxbzeiGp1N8g5T7VCJzGmA1zl0QqQxMGTj7q4VDY/s400/button4.gif); } .nav { padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmAkeuBOOySV4lLtriKMeARHYgKykGlMewLmQJchPdkq39KaOGLnkM1Yl9wpHqagsb6iI3DaH89fXvFghXFjv_ceroKFm53MxLVfepR74HhR-iW4z0uHxV2ordsFW_XXmuZgr3/s400/button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444; } .nav li { float:left; } .nav li a { display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer; } .nav li a b { float:left; display:block; padding:0 16px 0 8px; color:#aaa; } .nav li.current a { color:#fff; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjdKwUa6zCUXoaCIqMxkHJo50mZno3bkMBctEy5cSXdwl0OYYmOMyVpE5TnBkyEPIUCh_R8KZT5sAheXNDIFWpBdnyElMrXjPJfvV-SCuyCp1r8i7wjM9VljCKJJoWDb2ejZyJ/s400/button3.gif); } .nav li.current a b { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjdKwUa6zCUXoaCIqMxkHJo50mZno3bkMBctEy5cSXdwl0OYYmOMyVpE5TnBkyEPIUCh_R8KZT5sAheXNDIFWpBdnyElMrXjPJfvV-SCuyCp1r8i7wjM9VljCKJJoWDb2ejZyJ/s400/button3.gif) no-repeat right top; color:#fff; } .nav li a:hover { color:#fff; background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBDk3qBjGkeW8-8kV9Zs3nr3SAR0zp3uVKX6cLJVtqd2ISK2d3uQLiG3jl5NuOohFlISqbKqmXydyViej4Mi0IsMhFm2tlMxbzeiGp1N8g5T7VCJzGmA1zl0QqQxMGTj7q4VDY/s400/button4.gif); } .nav li a:hover b { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBDk3qBjGkeW8-8kV9Zs3nr3SAR0zp3uVKX6cLJVtqd2ISK2d3uQLiG3jl5NuOohFlISqbKqmXydyViej4Mi0IsMhFm2tlMxbzeiGp1N8g5T7VCJzGmA1zl0QqQxMGTj7q4VDY/s400/button4.gif) no-repeat right top; color:#fff; } .nav li.current a:hover { color:#fff; background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjdKwUa6zCUXoaCIqMxkHJo50mZno3bkMBctEy5cSXdwl0OYYmOMyVpE5TnBkyEPIUCh_R8KZT5sAheXNDIFWpBdnyElMrXjPJfvV-SCuyCp1r8i7wjM9VljCKJJoWDb2ejZyJ/s400/button3.gif); cursor:default; } .nav li.current a:hover b { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjdKwUa6zCUXoaCIqMxkHJo50mZno3bkMBctEy5cSXdwl0OYYmOMyVpE5TnBkyEPIUCh_R8KZT5sAheXNDIFWpBdnyElMrXjPJfvV-SCuyCp1r8i7wjM9VljCKJJoWDb2ejZyJ/s400/button3.gif) no-repeat right top; color:#fff; } /* Outer-Wrapper ================== */ #outer-wrapper { width: 900px; margin:0 auto; padding:15px; text-align:$startSide; font: $bodyfont; border:4px double $bordercolor; background:$bgoutercolor; } #main-wrapper { width: 570px; float: $startSide; background:$bgoutercolor; margin:0px; padding:10px 15px 5px 5px; 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 { width: 300px; float: $endSide; margin:0px; padding:5px 5px 5px 0px; 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_1 { width: 280px; float: $startSide; margin:0px; padding:0px; 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_2 { width: 270px; float: $startSide; margin-$startSide:18px; padding:0px; 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 { margin:1.5em 0 .75em; font:$headerfont; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color:$sidebarcolor; } /* Posts ========== */ h2.date-header { margin:1.5em 0 .5em; } .post { margin:.5em 0 1em; border-bottom:3px double $bordercolor; padding-bottom:1.5em; text-align:justify; } .post h3 { margin:.1em 0 .2em 0; padding:0; font-size:150%; font-weight:normal; line-height:1.4em; color:$titlecolor; margin:.5em 0 .5em 0; } .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:$textcolor; } .post p { margin:0 0 .75em; line-height:1.6em; } .post-footer { margin: .75em 0; color:$sidebarcolor; letter-spacing:.1em; font: $postfooterfont; line-height: 1.4em; } .comment-link { margin-$startSide:.6em; } .post img { padding:2px; border:0px; } .post blockquote { padding: 15px; background: #fffde5; margin: 15px 0px; color:#993300; border-top: solid 2px #f6f3d3; border-bottom: solid 1px #f6f3d3; } .post blockquote p { margin:.75em 0; } /* Comments ============ */ #comments h4 { margin:1em 0; font-weight: normal; line-height: 1.4em; letter-spacing:.2em; color: $sidebarcolor; } #comments-block { margin:1em 0 1.5em; line-height:1.6em; } #comments-block .comment-author { margin:.5em 0; background:#FBEEBF; padding:10px; } #comments-block .comment-body { margin:.25em 0 .3em 0; background:#E9F4FE; padding:10px; } #comments-block .comment-footer { margin:-.25em 0 2em; line-height: 1.4em; letter-spacing:.1em; } #comments-block .comment-body p { margin:0 0 .75em; } .deleted-comment { font-style:italic; color:gray; } .avatar-image-container img{ background:transparent url(http://i33.tinypic.com/24b9na8.jpg)no-repeat; height:35px; width:35px; } #blog-pager-newer-link { float: $startSide; } #blog-pager-older-link { float: $endSide; } #blog-pager { text-align: center; } .feed-links { display:none; } /* Sidebar Content =================== */ .sidebar { color: $sidebartextcolor; line-height: 1.5em; font-size:100%; } .sidebar h2{ font-size:140%; margin-bottom:13px; padding: 3px; text-align:left; font-family:'times'; line-height: 1.4em; text-transform:none; letter-spacing:.2em; color:$sidebarh2color; font-weight:bold; border-top : 3px double $bordercolor; border-bottom: 4px double $bordercolor; } .sidebar ul { list-style:none; margin:0 0 0; padding:0 0 0; } .sidebar li { margin:0; padding-top:0; padding-$endSide:0; padding-bottom:.25em; padding-$startSide:25px; text-indent:-15px; line-height:1.5em; } .sidebar li a { padding:0 0 0 10px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3WHJJNwIHmLh1_ZHUQZ90Z_0GY0lkOYF7ja_PkqAPchbdO6fRulypekPfg2a2bWkRieshpy5MKdn1VtQieLLkIgLkfy9N1D3CrJ0-dWpXE9Z3eS4WSG_QRAzaBgk7xyAkD_mDsw/s400/img4.gif) no-repeat left center; text-decoration: none; } .sidebar ul li{ list-style:none; margin:5px 0 0 0; padding:0 0 3px 15px; border-bottom : 1px dashed $bordercolor; } .main .widget { margin:0 0 1.5em; padding:0 0 1.3em; } .bottom .widget{ padding-top:10px; margin:2em 0 1em 0; } .sidebar .widget{ margin:0 0 1.5em 0; padding:0 0 1.5em 0; background:$bgoutercolor ; } .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; } /* bottom ========== */ #bottom { width: 900px; position: relative; clear:both; margin: 0 auto; color: $sidebartextcolor; float: $startSide; background:$bgoutercolor; padding:0; } #bottom_1 { width: 210px; float: $startSide; padding:0; margin:0px 0px 0px 5px; } #bottom_2 { width: 210px; float: $startSide; padding:0; margin-$startSide:15px; } #bottom_3 { width: 210px; float: $startSide; padding:0; margin-$startSide:15px; } #bottom_4 { width: 210px; float: $startSide; padding:0; margin:0px 5px 0px 15px; } /* Footer ========== */ #footer { clear:both; margin:5px auto; padding:10px 1px 0px 10px; line-height: 1em; letter-spacing:.1em; text-align: $startSide; width:885px; font-size:100%; background:$bgoutercolor; color: $sidebartextcolor; border:1px solid $bordercolor; } /* credits ============ */ #credits { background:#e6e6e6; font-size:80%; margin-top:10px; padding:5px; text-align:center; border:1px solid $bordercolor; } #credits a, credits a:hover, credits a:visited{ font-size:100%; color:$linkcolor; text-decoration:none; } ]]>