/*******************************************************
TITLE: Fluid Two-Column Layout (Basic) V1.0 (Beta)
DATE: 20060418
AUTHOR: The CSS Tinderbox - http://www.csstinderbox.com
********************************************************
Modified for Middlerun's Stuff by Middlerun 2007
www.middlerun.net
*******************************************************/

body {
margin:0;
padding:0;
background-color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#eeeeee;
}

a {
color:#7799ff;
text-decoration:underline;
}

a:hover {
color:#aaccff;
text-decoration:underline;
}

a:visited {
color:#7700CC;
text-decoration:underline;
}

blockquote {
margin:1em;
padding:.5em;
font-size:.9em;
background-color:#222222;
border-top:1px solid #999999;
border-bottom:1px solid #999999;
}

blockquote p {
margin:.2em;
}

#header {
margin:20px 2em 0 2em;
height:128px;
}

#header img {
border:none;
}

#header a {
text-decoration:none;
}

#leftColumn {
position:absolute;
left:1em;
width:13.5em;
margin:0;
font-size:.9em;
}

#leftColumn img {
border:none;
}

#leftColumn h2 { 
margin:0 0 -1em 0; 
padding:0;
font-size:1em;
letter-spacing:.1em;
}

#leftColumn ul { 
margin:1.5em 0 0 0; 
padding:0;
list-style:none;
}

#leftColumn li { 
margin:0 0 .4em 0; 
padding:0;
}

#leftColumn li a { 
margin:0 0 0 .2em;
color:#cc0000;
text-decoration:none; 
}

#leftColumn li a:hover { 
color:#ffffff;
text-decoration:underline; 
}

#centerColumn {
right:2.25em;
margin-left: 15em;
margin-right:2.25em;
voice-family: "\"}\"";
voice-family: inherit;
padding:1em .5em 2em .5em;
font-size:.9em;
}

#centreColumn img {
border:none;
}

html>body #centerColumn {
margin-left: 15em;
margin-right:2.25em;
}

#yellbox {
margin-right:2.25em;
}



#tags {
margin:0 0 .5em 0;
width:10em;
float:left;
border:none;
text-align:left;
}

#tags img {
border:none;
}

#tags p {
margin:0 0 .25em 0;
}

#tags a {
font-size:.7em;
color:#cc0000;
}

.centeredImage {
text-align:center;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}

h1 { 
margin:0; 
padding:0;
font-size:3.3em;
font-family:Lucida Sans Unicode, Arial, Helvetica, sans-serif;
color:#0000FF;
font-weight:normal;
}

h2 { 
margin:0; 
padding:0;
font-size:2.6em;
font-family:Lucida Sans Unicode, Arial, Helvetica, sans-serif;
color:#0000FF;
font-weight:normal;
}

h3 { 
margin:0; 
padding:0;
font-size:1.7em;
font-family:Lucida Sans Unicode, Arial, Helvetica, sans-serif;
color:#0000FF;
font-weight:normal;
}

h4 { 
margin:0; 
padding:0;
font-size:1.7em;
font-family:Lucida Sans Unicode, Arial, Helvetica, sans-serif;
color:#0000FF;
font-weight:normal;
}



a#title {
    display: block;
    width: 500px;
    height: 128px;
    background-image: url(img/title.png);
    margin: 0 auto;
}

a#consoleTop {
    display: block;
    width: 165px;
    height: 84px;
    background-image: url(img/consoletop.png);
    margin: 0 auto;
}

a#consoleBottom {
    display: block;
    width: 165px;
    height: 84px;
    background-image: url(img/consolebottom.png);
    margin: 0 auto;
}

a#buttonMain {
    display: block;
    width: 165px;
    height: 64px;
    background-image: url(img/buttonmain1.png);
    margin: 0 auto;
}

a#buttonMain:hover {
    background-image: url(img/buttonmain2.png);
}

a#buttonBlog {
    display: block;
    width: 165px;
    height: 64px;
    background-image: url(img/buttonblog1.png);
    margin: 0 auto;
}

a#buttonBlog:hover {
    background-image: url(img/buttonblog2.png);
}

a#buttonWebcomic {
    display: block;
    width: 165px;
    height: 64px;
    background-image: url(img/buttoncomic1.png);
    margin: 0 auto;
}

a#buttonWebcomic:hover {
    background-image: url(img/buttoncomic2.png);
}

a#buttonOthercomics {
    display: block;
    width: 165px;
    height: 0px;
    background-image: url(img/buttonothercomics1.png);
    margin: 0 auto;
}

a#buttonOthercomics:hover {
    background-image: url(img/buttonothercomics2.png);
}

a#buttonMusic {
    display: block;
    width: 165px;
    height: 64px;
    background-image: url(img/buttonmusic1.png);
    margin: 0 auto;
}

a#buttonMusic:hover {
    background-image: url(img/buttonmusic2.png);
}

a#buttonAnimations {
    display: block;
    width: 165px;
    height: 64px;
    background-image: url(img/buttonanimations1.png);
    margin: 0 auto;
}

a#buttonAnimations:hover {
    background-image: url(img/buttonanimations2.png);
}

a#buttonWriting {
    display: block;
    width: 165px;
    height: 64px;
    background-image: url(img/buttonwriting1.png);
    margin: 0 auto;
}

a#buttonWriting:hover {
    background-image: url(img/buttonwriting2.png);
}

a#buttonOther {
    display: block;
    width: 165px;
    height: 64px;
    background-image: url(img/buttonother1.png);
    margin: 0 auto;
}

a#buttonOther:hover {
    background-image: url(img/buttonother2.png);
}

a#buttonLinks {
    display: block;
    width: 165px;
    height: 64px;
    background-image: url(img/buttonlinks1.png);
    margin: 0 auto;
}

a#buttonLinks:hover {
    background-image: url(img/buttonlinks2.png);
}

a#secretQuotes {
    display: block;
    width: 141px;
    height: 15px;
    background-image: url(img/trex-quotes1.png);
    margin: 0 auto;
}

a#secretQuotes:hover {
    background-image: url(img/trex-quotes2.png);
}

a .alt { display: none; }