*/
/* Use this with templates/template-twocol.html */
#navbar-iframe {
display: none !important;
}
* {
margin:0;
padding:0;
outline:none;
}
body {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5WqM16UDrU7BraZn_bWnx1K89xFTPl_7KlrJpbSJ1IpfInz7loho-1I4w6UV-HJQxIcsYIkC8h1CeV2wgK1DT9gctK1QAICsQqOWqIprP2a_7SiDU7nfFRK5kZf1kYdjotc0PII49qi9s/s320/body.jpg) top repeat-x #050507;
font:70% Verdana;
color:#ACACB0;
}
a:link {
color:#99FF00;
}
a:visited {
color:#99FF00;
}
a:hover {
text-decoration:none;
}
a img {
background:#070713;
padding:5px;
}
/* Header
-----------------------------------------------
*/
#header {
width:760px;
height:248px;
margin:-30px auto 100px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbIV2WDqEx_3FW_X7lfqsxhPv8HE-_oGvjA_rI98e71InIwbjKVbar_yaCnfXwgB_RdgghJOAIgphXni-6LAJrkLAbjw9dU5mxPzwIYDM4HF_dqquwM9fz9PhyHlB6uf5zUlNlgY8Zlr88/s1600/header.jpg) top center no-repeat;
}
#header h1 {
font:250% Trebuchet MS;
color:#fff;
font-weight:bold;
margin:20px auto 0;
padding:260px 0px 0px 0px;
text-align:center;
}
#header a {
color:#fff;
text-decoration:none;
}
#header a:hover {
color:$pagetitlecolor;
}
#header .description {
font:120% Trebuchet MS;
color:#A6A6A6;
font-weight:bold;
margin:0px auto 0;
padding:0px 0px 0px 0px;
text-align:center;
}
#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 810px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
#content-wrapper {
width:800px;
margin:0 auto;
background:#151521;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaXx7f2r0v-JvSjOLcKiomrhsRzmyoTA4vfhwzC-6rFwPD7rP0h0vHs7vfGICxZ4mzYwnarbBMbhJze76IGysyjHnprELgCvOCLMQH4Pm5whtnIVK8F4l-mYSPQ3z-kCiZJQ08eMPDrKkY/s1600/inner_container.jpg) top repeat-x #181824;
padding:10px 10px 10px 25px;
border:5px solid #151521;
}
#main-wrapper {
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 */
}
#sidebar-wrapper {
width:200px;
padding:10px;
float:right;
background:#232436;
color:#bdbdc1;
}
#nav {
background:#181825;
width:600px;
border-top:1px solid #2E2E47;
padding:12px 0;
margin:35px auto 1px;
font:100% Georgia;
color:#fff;
letter-spacing:2px;
text-transform:uppercase;
}
#nav li {
list-style:none;
display:inline;
margin-right:0px;
}
#nav a {
padding:12px;
color:#ACACB0;
text-decoration:none;
margin-right:0px;
}
#nav a:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyyoZDToR5cZlmnthlOgm_D7Tqf-cR_qNpJsusvvflirAt5ugxWoRYJ8pZVlsEOiMNp2zOhp16qDU10jqfN1VUDeYJ_dt3bFjG97U5e9Wn_Cjf5ct7rSWOfTEshyphenhyphen05E6u2pdNn4VoJUKba/s320/nav_link_active.jpg) top repeat-x;
color:#fff;
}
#nav li.current_page_item a {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyyoZDToR5cZlmnthlOgm_D7Tqf-cR_qNpJsusvvflirAt5ugxWoRYJ8pZVlsEOiMNp2zOhp16qDU10jqfN1VUDeYJ_dt3bFjG97U5e9Wn_Cjf5ct7rSWOfTEshyphenhyphen05E6u2pdNn4VoJUKba/s320/nav_link_active.jpg) top repeat-x;
color:#fff;
font-weight:bold;
}
/* 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;
font-size:11px;
}
.post {
margin:.5em 0 1.5em;
border-bottom:1px solid $bordercolor;
padding-bottom:1.5em;
font:13px Trebuchet MS;
}
.post h3 {
margin:5px 0px 10px 0x;
padding:0px 0 4px;
font-size:140%;
font-weight:bold;
line-height:1.4em;
color:#99FF00;
decoration: underline;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
color:#99FF00;
decoration: underline;
font:130% Trebuchet MS;
margin:5px 0px 10px 0x;
}
.post h3 strong, .post h3 a:hover {
color:#fff;
}
.post-body {
margin:1.25em 0 .75em;
line-height:1.6em;
}
.post-body blockquote {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4YsmqIj3k9lcOVrZ-eWrr1db28EqSiqszlECXtcGXcUKXC4WnYkW9G26FutbWS1nVfeMtxAQxlpwxnz8RMzUf2Z7Wzq3T6aGKt37eyyLcl6KolhQXoKAL47pPJSMGBApr0y9zEvsdc4qv/s1600/quote.gif) bottom right no-repeat #292935;
padding:2px 17px;
}
.post-footer {
margin: 1.75em 0;
color:$sidebarcolor;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
font-size:11px;
background:#232436;
padding:8px;
}
.comment-link {
margin-$startSide:.6em;
}
.post img {
background:#070713;
padding:5px;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
/* Comments
----------------------------------------------- */
#comments h4 {
color:#666666;
font-weight:bold;
letter-spacing:0.2em;
line-height:1.4em;
margin:1em 0;
text-transform:none;
}
#comments-block {
line-height:1.6em;
margin:1em 0 1.5em;
}
#comments-block .comment-author {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#505282 none repeat scroll 0 0;
border:1px solid #505282;
font-size:15px;
font-weight:bold;
margin-right:20px;
padding:5px;
}
#comments .blogger-comment-icon, .blogger-comment-icon {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#505282 none repeat scroll 0 0;
border-color:#505282 #505282 #EEEEEE;
border-style:solid;
border-width:2px 1px 1px;
line-height:16px;
padding:5px;
}
#comments-block .comment-body {
border-left:1px solid #505282;
border-right:1px solid #505282;
margin-left:0;
margin-right:20px;
padding:7px;
}
#comments-block .comment-footer {
border-bottom:1px solid #505282;
border-left:1px solid #505282;
border-right:1px solid #505282;
font-size:11px;
line-height:1.4em;
margin:-0.25em 20px 2em 0;
padding:5px;
text-transform:none;
}
#comments-block .comment-body p {
margin:0 0 0.75em;
}
.deleted-comment {
color:gray;
font-style:italic;
}
#blog-pager-newer-link {
float:left;
}
#blog-pager-newer-link a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#252638 none repeat scroll 0 0;
color:#FFFFFF;
float:left;
font-size:1.2em;
font-variant:small-caps;
margin-left:20px;
margin-top:-3px;
padding:3px 10px;
}
#blog-pager-newer-link a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#333333 none repeat scroll 0 0;
border:medium none;
}
#blog-pager-older-link {
float:right;
}
#blog-pager-older-link a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#252638 none repeat scroll 0 0;
color:#FFFFFF;
float:left;
font-size:1.2em;
font-variant:small-caps;
margin-left:20px;
margin-top:-3px;
padding:3px 10px;
}
#blog-pager-older-link a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#333333 none repeat scroll 0 0;
border:medium none;
}
#blog-pager {
text-align:center;
width:550px;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: $sidebartextcolor;
line-height: 1.5em;
}
.sidebar h2 {
font-size:90% Trebuchet MS;
margin:10px 0;
font-weight:bold;
color:#fff;
font-size:11px;
}
.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:15px;
text-indent:-15px;
line-height:1.5em;
}
.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.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;
}
/* Footer
----------------------------------------------- */
#footer-wrapper {
width:825px;
background:#151521;
padding:10px;
margin:0 auto;
clear:both;
}
]]>
