/*  

Theme Name: Generation Minus One

Theme URI: http://www.generationminusone.com/

Description: A theme for the Generation Minus One webcomic.

Version: 2.0

Author: Rob Haines

Author URI: http://www.generationminusone.com/

*/

body {

	font-size: 62.5%; /* Resets 1em to 10px */

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

	background: #333333;

	color: #FFFFFF;

    text-align: -moz-center;
	
	z-index: 1;
	
    }

#page {

	position: relative;
	
	top: -8px;
	
	background: #000000 url('images/headercomplete.png') no-repeat;

    height: 100%;

	width: 986px;

	border: solid #6600CC;

	border-width: 0 4px;
	
	text-align: left;
	
	}

#pagepresents {

	position: relative;
	
	top: -8px;
	
	background: #000000 no-repeat;

    height: 100%;

	width: 986px;

	border: solid #6600CC;

	border-width: 0 4px;
	
	text-align: left;

	}
	
#headerimg {

	height: 245px;

    width: 985px; 

	}
	
#headerimgpresents {

	height: 80px;

    width: 986px; 

	}

#headerleaderboard {

	float: right;
	
	height: 90px;
	
	width: 728px;
	
	background: #000000;
	
	margin: 8px 5px 0px 0px;
	
	}
	
.headerlink a {

    position: absolute;

	top: 107px;

    height: 125px;

    width: 465px;

    }


.headerlink a:link {

	color: #000000;

	text-decoration: none;

	}


.headerlink a:visited

{

color: #000000;

text-decoration: none;

}

.headerlink a i { 

        visibility: hidden;

        }
		
#headerimg .description {

	font-size: 0;

	text-indent: -1000px;

	}

#headerboxcontainer {

	width: 480px;

	height: 132px;
	
	background: #FFFFFF;
	
	float: right;
	
	margin: 8px 5px 8px 8px;
	
	}
	
#menubar {

	width: 180px;
	
	height: 900px;
	
	float: left;
	
	padding-right: 5px;
	
	}
	
.menubaritem {

	padding-bottom: 3px;

	}	
	
.menubaritem a {

	color: #0066FF;
	
	text-decoration: none;

	}
	
#search {

	position: relative;
	
	top: 15px;
	
	}
	
#search input {

	width: 170px;
	
	color: #FFFFFF;
	
	background: #000000;

	border-left: none;
	
	}

#toparticlead {

	float: left;
	
	margin-left: 240px;

	}
	
#miscpageheader {
	
	float: left;
	
	margin-left: 2px;
	
	}
	
#rss {

	position: relative;
	
	top: 25px;

	}
	
#twitterfeeds {

	position: relative;
	
	top: 26px;
	
	}
	
#jennytwit {

	}

#robtwit {

	margin-top: 6px;

	}
	
#comicteaser {

    float: left;

	margin: 5px 20px;

	background: #000000 url('images/comicteaser.png') no-repeat;

	width: 590px;

	height: 145px;
	
	text-align: center;

    }

#sidebar {	
 
    float: right;

	width: 170px;

    height: 1550px;

    text-align: center;
	
	}
	
#adverts {

	margin: 0 5px;
	
	}
	
.link {

	margin-top: 3px;
	
	}
	
#content {

	font-size: 1.2em;

	}
	
.narrowcolumn {

	float: left;

	width: 624px;

    background-color:#000033;

	margin-left: 2px;
	
	margin-right: 2px;

    margin-bottom: 2px;
		
	}

#faqcolumn {

	float: left;

	width: 624px;

	margin-left: 2px;
	
	margin-right: 2px;

    margin-bottom: 8px;
		
	}
	
#widecolumn {

	height: 1291px;
	
	width: 986px;
	
	background-color:#000033;
	
	margin-top: 1px;

	}

#faqheader {

	height: 395px;

	}
	
#faqq1 {

	float: right;
	
	width: 420px;
	
	margin-right: 25px;
	
	margin-bottom: 16px;

	}

#faqa1a {

	float: right;
	
	width: 420px;
	
	margin-right: 25px;
	
	margin-bottom: 10px;

	}

#faqa1b {

	float: left;
	
	width: 400px;
	
	margin-left: 110px;

	}
	
#faqa1c {

	float: left;
	
	width: 440px;
	
	margin-left: 40px;
	
	}
	
#faqa1d {

	float: left;
	
	width: 245px;
	
	margin-left: 40px;
	
	margin-bottom: 50px;

	}
	
#faqq2 {

	display: inline;
	
	float: right;

	width: 228px;

	margin-top: 46px;
	
	margin-right: 30px;
	
	margin-bottom: 18px;
	
	}
	
#faqa2a {

	float: right;

	width: 228px;
	
	margin-right: 30px;

	}

#faqa2b {

	float: left;

	width: 560px;
	
	margin-left: 40px;
	
	margin-bottom: 105px;

	}	

#faqq3 {

	float: left;
	
	width: 260px;
	
	margin-left: 127px;
	
	margin-bottom: 18px;
	
	}
	
#faqa3a {

	float: left;

	width: 390px;
	
	margin-left: 127px;
	
	margin-bottom: 18px;

	}

#faqa3b {

	float: left;

	width: 325px;
	
	margin-left: 200px;
	
	margin-bottom: 100px;

	}		
	
#faqq4 {

	float: left;

	width: 260px;
	
	margin-left: 52px;
	
	margin-bottom: 18px;

	}

#faqa4a {

	float: left;

	width: 540px;
	
	margin-left: 52px;
	
	margin-bottom: 52px;

	}	
	
#faqq5 {

	float: left;
	
	width: 460px;
	
	margin-left: 192px;
	
	margin-bottom: 19px;

	}
	
#faqa5a {

	float: left;

	width: 310px;
	
	margin-left: 192px;
	
	margin-bottom: 132px;

	}	

#faqq6 {

	float: left;

	width: 455px;
	
	margin-left: 78px;
	
	margin-bottom: 19px;

	}

#faqa6a {

	float: left;

	width: 300px;
	
	margin-left: 78px;

	margin-bottom: 38px;
	}	

#faqq7 {

	float: left;
	
	width: 260px;
	
	margin-left: 310px;
	
	margin-bottom: 38px;
	
	}

#faqa7a {

	float: left;

	width: 500px;
	
	margin-left: 78px;
	
	margin-bottom: 51px;

	}	

#faqq8 {

	float: left;

	width: 180px;
	
	margin-left: 78px;
	
	margin-right: 400px;
	
	margin-bottom: 14px;

	}	

#faqa8a {

	float: left;

	width: 190px;
	
	margin-left: 78px;
	
	margin-bottom: 25px;

	}	
	
.narrowcolumnsinglepost {

	float: left;

	width: 624px;

    background-color:#000033;

	margin-top: 50px;

	margin-left: 2px;
	
	margin-right: 2px;

    margin-bottom: 2px;
		
	}
	
.narrowcolumnfaq {

	float: left;

	width: 624px;

	background: #000033 url('images/faqbackground.jpg') no-repeat;       

	margin-left: 2px;
	
	margin-right: 2px;

    margin-bottom: 2px;
		
	}

.commentslink {

	float: right;
	
	}
	
.posttitle {

        border-top: 3px solid #660099;

        border-bottom: 1px solid #660099;

        height: 60px;

        padding: 0 0 0 5px;

        background-color:#656565;

        }
		
.avatar {

        float: right;

        }
		
a, a:hover {

	color: #f90;

	text-decoration: none;

	}

.postname a, a:hover {

	color: #FFFFFF;
	
	text-decoration: none;
	
	}
	
.postname {

	color: #FFFFFF;
	
	text-decoration: none;

	font-size: 1.6em;
	
	}
	
.byline {

	padding-top: 20px;
	
	font-size: 1em;
	
	}

.byline a {

	color: #FFFFFF;
	
	text-decoration: underline;
	
	}
	
.entry {

    padding: 0 12px;
		
	}
	
#footer {

	background-color: #0066FF; 

	margin-top: 5px;

	width: 986px;
	
	height: 70px;
	
	clear: both;

	}
	
#footerpresents {

	background: #0066FF url('images/footerpresents.png') no-repeat; 

	margin-top: 2px;

	width: 986px;
	
	height: 80px;
	
	clear: both;
	
	}

.alignleft {

	float: left;

	padding-bottom: 16px;

	}
	
.alignright {

	float: right;
	
	}

.center {

	text-align: -moz-center;

	}	
	
.alignleftdlc {

	float: left;

	width: 280px;
	}
	
.alignrightdlc {

	float: right;
	
	width: 280px;
	}	

#noresults {
	
	width: 400px;
	
	height: 138px;
	
	border: 2px #630095 solid;
	
	background-color: #000000;
	
	margin: 50px 0;
	
	padding-top: 25px;
	
	}
	
	
.divider {

    margin-left: 57px;
	
	margin-bottom: 10px;
	
	}

.cdivider {

	margin-left: 5px;

	margin-top: 15px;

	}
	
#contact {

	float: left;

	width: 624px;
	
	height: 500px;

   	background: #000000 url('images/contactbg.jpg') no-repeat;

	margin-left: 2px;
	
	margin-right: 2px;

    margin-bottom: 2px;

	}

#contactjenny {

	float: left;
	
	}

#contactrob {

	float: right;
	
	}

.postmetadata {

	margin: 12px 38px;
	
	color: #CCCCCC;

	}
	
.postmetadataalt {

	margin: 12px 38px;
	
	color: #CCCCCC;

	}

#commentbox {

	margin: 0px 12px 8px 12px;

	}
	
.commentlist {
	
	
	
	}

.commentlist li {

	margin: 5px 0 3px;

	padding: 5px 60px 3px 0;

	list-style: none;

	}
	
.comment-author {

	

	}

.comment-meta {

	font-size: 0.75em;
	
	font-style: italic;

	}
	
.commentlist p {

	margin: 10px 5px 10px 10px;

	}	
	
#respond {

	margin: 17px 12px 0px 12px;

	}

#respond h3 {

	margin: 0px 0px;

	}
	
#respondbox {

	margin: 15px 42px 25px;

	}

#hidegallery {

	z-index: 0;
	
	}