﻿/* CSS by Marf */
/* -( page defaults )- */
body{
 margin:0;
 padding:0;
 font-size:small;
 text-align:center;
 color:#bbb;
 background:#000 url(http://pictures.mastermarf.com/layout/dark-bknd-main.gif) repeat 0px 0px;
}
abbr, acronym{
 cursor:help;
 border-bottom:1px dotted;
}
pre{
 background-color:#000;
 border:1px solid #77b900;
 color:#fff;
 font-family:"Courier New", Courier, monospace;
 margin:0;
 padding:5px 10px;
 overflow:auto;
}
hr{
 display:none;
}
img{
 border:none;
}
ol{
 list-style:decimal outside;
 margin:0px 10px 0px 21px;
 padding:0px 10px 0px 40px;
}
ul{
 list-style: none;
 margin:0px 10px 0px 0px;
 padding:0px 10px 0px 40px;
}
ol li{
 list-style:decimal outside;
 margin:0;
 padding:0;
}
ul li{
 list-style:none;
 padding:0px 0px 0px 21px;
 margin:0;
 background:url(http://pictures.mastermarf.com/layout/green-tictac.gif) no-repeat left 0.5em;
}
.attn{
 color:#f60;
 font-weight:bold;
 text-decoration:none;
}
.bold{
 font-weight:bold;
}
.italic{
 font-style:italic;
}
div.center{
 margin:0px auto;
 text-align:center;
}
/* -( links )- */
a:link{
 color:#77b900;
 text-decoration:none;
}
a:visited{
 color:#405a1c;
 text-decoration:none;
}
a:hover{
 color:#b5ff4f;
 text-decoration:underline;
}
a:active{
 color:#405a1c;
 text-decoration:none;
}
/* -( layout structure )-*/
#navbar-iframe{
 display:block;
}
#outer-wrapper{
 margin:0;
 padding:0;
 background:url(http://pictures.mastermarf.com/layout/dark-green-bknd-stripe.gif) repeat-x 0px -30px;
}
#outer-wrapper-site{
 margin:0;
 padding:30px 0px 0px;
 background:url(http://pictures.mastermarf.com/layout/dark-green-bknd-stripe.gif) repeat-x top;
}
#wrap2{
 width:963px;
 margin:0px auto;
 background:#191919 url(http://pictures.mastermarf.com/layout/dark-bknd-body.gif) repeat-y 0px 0px;
}
#wrap3{
 margin:0;
 text-align:left;
 font:normal normal 100% Verdana, sans-serif;
 background:url(http://pictures.mastermarf.com/layout/dark-green-header-main.png) no-repeat center top;
}
#content-wrapper{
 margin:8px auto 0px;
 padding:0;
 width:933px;
}
#main{
 float:right;
 width:650px;
 margin:0px 7px 0px 0px;
 padding:0;
 line-height:1.5em;
 overflow:visible;     
}
#content-header-buttons{
 margin:0;
 padding:0;
 float:right;
 text-align:right;
 width:140px;
 overflow:hidden;
}
#content-header-ad{
 margin:7px 0px 0px;
 padding:0;
 float:left;
 width:480px;
}
#sidebar{
 float:left;
 width:247px;
 margin:0px 0px 0px 4px;
 padding:0;
 font-size:90%;
 line-height:1.4em;
 color:#bbb;
 overflow:hidden;
}
/* -( header and site name )- */
#header-wrapper{
 margin:0;
 padding:0;
}
#header{
 display:block;
 height:75px;
 overflow:hidden;
 margin:0;
 padding:1px 60px;
 color:#77b900;
 text-align:center;
 background:url(http://pictures.mastermarf.com/layout/header-dragons.png) no-repeat center top;
}
#header h1{
 margin:0;
 padding:10px 20px .15em 20px;
 text-transform:uppercase;
 letter-spacing:0.2em;
 font:italic bold 170% Georgia, Serif;
}
#header a:hover{
 color:#b5ff4f;
 text-decoration:none;
}
#header .description{
 margin:0px 5px 5px 5px;
 padding:0px 20px;
 letter-spacing:0.1em;
 line-height:1em;
 font:italic small-caps 700 110% Georgia, Times, serif;
 color:#bbb;
}
/* -( main column )- */
h2.date-header, h2.label-header, h2.post-title{
 margin-top:0px;
 padding:0px 0px 0px 18px;
 font-family:Georgia, Serif;
 font-size:150%;
 color:#ddf;
 font-variant:small-caps;
}
h2.date-header{
 background:url(http://pictures.mastermarf.com/layout/icon-14x14-calendar.png) no-repeat left 55%;
}
h2.label-header{
 background:url(http://pictures.mastermarf.com/layout/icon-14x14-cloud.gif) no-repeat left 55%;
}
h2.post-title{
 background:url(http://pictures.mastermarf.com/layout/icon-14x14-page.gif) no-repeat left 55%;
}
.post h3{
 margin-top:0px;
 padding-left:5px;
 font:normal bold 130% 'Lucida Grande','Trebuchet MS';
 letter-spacing:0.1em;
 color:#bbb;
 background:url(http://pictures.mastermarf.com/layout/dark-header-post.png) no-repeat left 0.1em;
}
.post, .main .widget{
 margin:0px 0px 1.5em;
 padding:0px 0px 0.5em;
 border-bottom:1px solid #bbb;
}
.post img{
 margin:2px 8px 2px;
 padding:4px;
 border:3px double #bbb;
 cursor:pointer;
}
.post img.center{
 margin-right:auto;
 margin-left:auto;
 display:block;
 text-align:center;
}
.post img.left{
 float:left;
}
.post img.right{
 float:right;
}
.post-footer{
 margin:0;
 padding:0px 14px 0px 0px;
 font:normal normal 85% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
 color:#bbb;
 text-transform:uppercase;
}
abbr.published{
 padding:0px 16px 0px 0px;
 background:url(http://pictures.mastermarf.com/layout/icon-14x14-clock.gif) no-repeat right 55%;
}
a.comment-link{
 font-weight:bold;
}
.feed-links{
 clear:both;
 line-height:2.5em;
}
#blog-pager-newer-link, .blog-pager-newer-link{
 float:right;
 width:auto;
}
#blog-pager-older-link, .blog-pager-older-link{
 float:left;
 width:auto;
}
#blog-pager, .blog-pager{
 text-align:center;
}
/* -( social icons )- */
ul.share-icons{
 margin:0;
 padding:0px 0px 10px;
 list-style:none;
}
ul.share-icons li{
 margin:0;
 padding:0;
 width:32px;
 height:32px;
 float:left;	
 line-height:32px;	
 position:relative;	
 overflow:hidden;
 background:none;
}
ul.share-icons img{
 -webkit-transition:opacity .5s linear;
 margin:0;
 padding:0;
 position:absolute;
 left:0;
 top:0;	
 border:none;
 display:inline;
 opacity:0;
}
ul.share-icons .small{
 opacity:0.6;
 top:8px;
 left:8px;
}
ul.share-icons li:hover img{
 opacity:1;
}	
ul.share-icons li:hover .small{
 opacity:0;
}
/* -( comments )- */
#comments{
 padding-top:0px;
 font-size:90%;
 line-height:1.5em;
 color:#bbb;
}
#comments h4{
 margin:0px 0px 15px;
 padding:5px 0px;
 font:normal bold 130% 'Lucida Grande','Trebuchet MS';
 text-transform:uppercase;
 color:#bbb;
 background:url(http://pictures.mastermarf.com/layout/dark-bubbles.gif) no-repeat right 0px;
 height:29px !important; 
 height:37px; 
}
p.comment-header{
 padding-bottom:3px;
 font-weight:bold;
 font-size:120%;
}
ol.commentlist{
 margin:0px 0px 0px 20px;
 padding:0;
}
#comments li{
 margin:0px 0px 10px 0px;
 padding:4px;
 font-weight:bold;
 background-image:none;
}
li.author-comments{
 color: #ddd;
 border:3px solid #9e9890;
 background-color:#252525;
}
li.general-comments{
 border:3px solid #4f4c48;
}
.comment-author{
 margin:0;
 padding:0px 60px 0px 15px;
 font-weight:normal;
}
.commentlist cite{
 font-style: normal;
}
.comment-body{
 padding:0px 10px 10px 25px;
 font-weight:normal;
 overflow:auto;
}
.comment-body p{
 margin-bottom:0px;
}
.deleted-comment{
 font-style:italic;
 color: #666;
}
.comment-footer {
 padding-bottom:3px;
 font-weight:normal;
}
/* -( label cloud )- */
span.label-size-1 a{
 color: #405a1c;
}
span.label-size-2 a{
 color: #5b8d00;
}
span.label-size-3 a{
 color: #77b900;
}
span.label-size-4 a{
 color: #96E900;
}
span.label-size-5 a{
 color: #b5ff4f;
}
/* -( sidebar )- */
.sidebar h2{
 margin:0;
 padding:5px 5px 8px;
 font:normal bold 140% 'Lucida Grande','Trebuchet MS';
 font-variant:small-caps;
 color:#bbb;
 background:url(http://pictures.mastermarf.com/layout/dark-header-sidebar.png) no-repeat left .4em;
}
.sidebar h3{
 margin:0;
 padding:0px 5px 0px 0px;
 font:normal normal 120% 'Lucida Grande','Trebuchet MS';
 color:#bbb;
}
.sidebar .widget{
 margin:0;
 padding:0px 10px 5px 0px;
}
.sidebar ol, .sidebar ul{
 margin:0px 10px 0px 0px;
 padding:0;
}
.sidebar li:hover{
 background:url(http://pictures.mastermarf.com/layout/orange-target.gif) no-repeat left 0.3em;
}
/* -( navigation )- */
#sidebar-navigation h3{
 margin:0;
 padding:0px 5px 0px 21px;
 font:normal normal 130% 'Lucida Grande','Trebuchet MS';
 font-variant:small-caps;
 color:#bbb;
 background:url(http://pictures.mastermarf.com/layout/green-tictac.gif) no-repeat left center;
}
#sidebar-navigation a{
 display:block;
 width:216px;
}
#sidebar-navigation h3:hover, h3#nav-current{
 font-weight:bold;
 background:url(http://pictures.mastermarf.com/layout/orange-target.gif) no-repeat left center;
}
/* -( polls )- */
div.post-poll{
 float:left;
 width:250px;
 margin:0px 5px 0px;
 padding:4px;
 border:3px double #bbb;
}
div.post-poll h4{
 margin:0;
 padding:0px 3px 0px;
 font:normal bold 120% 'Lucida Grande','Trebuchet MS';
 font-variant:small-caps;
 color:#bbb;
 background:url(http://pictures.mastermarf.com/layout/dark-header-sidebar.png) no-repeat left .1em;
}
div.post-poll iframe, div.widget-content iframe{
 overflow:hidden;
}
/* -( footer )- */
.clear{ 
 clear:both;
}
#footer-wrapper{
 display:block;
 height:86px;
 overflow:hidden;
 margin:0;
 padding:10px 25px 0px;
 font-size:75%;
 color:#bbb;;
 background:url(http://pictures.mastermarf.com/layout/dark-footer-main.png) no-repeat top right;
}
p.feedburnerFlareBlock, #footer{
 margin:0;
 padding:0;
}
/* -( games )- */
div.game{
 margin:0;
 padding:4px;
 border:3px double #bbb;
 background:#191919;
}
/* -( quotes )- */
.jumpindex
{
 font-family:"courier new", courier, monospace;
 font-size:100%;
 font-weight:normal;
 word-spacing:-0.6em;
}
.jumpindex a{
 text-decoration:none;
}
blockquote{
 margin:1em 0px 0px 30px;
 padding:10px 0px 0px 20px;
 font-size:90%;
 line-height:1.5em;
 color:#bbb;
 background:url(http://pictures.mastermarf.com/layout/dark-quote-left.png) no-repeat top left;
}
blockquote div{
 margin-top:0px;
 padding-bottom:1px;
 background:url(http://pictures.mastermarf.com/layout/dark-quote-right.png) no-repeat bottom right;
}
blockquote p{
 margin-top:0px;
}
.author{
 padding-left:30px;
 color: #ddf;
}
/* -( layout editor )- */
#layout #outer-wrapper, #layout #main, #layout #sidebar{
 padding-top:0;
 margin-top:0;
}
#layout #outer-wrapper, #layout #content-wrapper, #layout #wrap2{
 width:740px;
}
#layout #sidebar {
 margin-left:0;
 margin-bottom:1em;
 width:30%;
}
#layout #header, #layout #footer, #layout #main{
 padding:0;
}
#layout #content-wrapper{
 margin:0;
}
#layout #main{
 width:69%;
}