@media screen {
	body>div#grass {
  	position: fixed;
	}
	body>div#newsletter {
  	position: fixed;
	}
}

* html body{
  overflow:hidden;
} 
* html div#container{
  height:100%;
  overflow:auto;
}

* html, * html body{
overflow:hidden;/* remove scroll mechanism from body*/
padding:50px 0;/* for ie5 and 5.5.*/
margin:-50px 0;
padding:0;
margin:0;
}

* html #outer {
overflow:auto;/* this is basically the root element now*/
height:100%;
/* we need to make ie5 jump the next style block ( contain-all) so we use the voice hack*/
voice-family: "\"}\""; voice-family:inherit;
}
* html #contain-all{/* must contain all content except for top and bottom bars - ie5 doesnt want this so jumps it as mentioned above*/
position:absolute;/* due to a bug in ie6 where children of elements that have overflow defined behave as those they are fixed*/
overflow-y:scroll;
width:100%;
height:100%;
z-index:1;
}
body {
	background-color: #84d0cc;
	background-image: url("../images/sky.jpg");
	background-repeat: repeat-x;
	background-position: top;
	margin:0px;
	padding:0px;
	font: 12px helvetica, sans-serif;
}

#container {

}

#ghostlyLogo {
	position: absolute;
	top: -10px;
	right: 80px;
}

#header {
	font: 18px georgia, serif;
	padding-left: 85px;
	padding-bottom: 15px; 
}

#header a {
	color: #00323b;
	text-decoration: none;
	padding-right:20px;
}

#header a:hover {
	color: white;
}

#grass {
	background-image: url("../images/grass.png");
	position:absolute;	
	bottom: -1px;
	left:0px;
	height: 82px;
	width: 100%;	
}

#legal {
	color:black;
	font: 10px lucida;	
	position: absolute;
	left: 280px;
	bottom: 2px; 
}

#cat {
	position: absolute;
	left:30px;
	bottom: 12px;
}

#boy {
	position: absolute;
	left: 135px;
	bottom: 12px;
}

#bird {
	position: absolute;
	left: 225px;
	bottom: 12px;
}

#newsletter {
	background-image: url("../images/newsletter_bg.gif");
	padding-top:20px;	
	width: 496px;
	height: 45px;
	position: absolute;
	left: 225px; 
	bottom:60px;
	color: #447515;
	font: bold 12px georgia, serif;	
	text-align: center;
}

#newsletter form {
	display: inline;	
}

#newsletter input {
	vertical-align:middle;
}

#signupTxt {
	border: 1px solid black;
	height: 16px;
}

#content {
	padding: 0px 55px;
	padding-top:15px;
	width: 865px;
	height: 467px;
	margin: 0 auto;
	border-top: 1px solid white;	
}

#content a {
	color: #3e7103;
	text-decoration:none;
}

#content a:visited {
	color: #3e7103;
}

#content a:hover {
	color: black;
}

#comic {
	width: 548px;
	height: 467px;
	float: left;
}

#mainContent {
	width: 548px;
	height: 467px;
	float: left;
}

#aboutContent {
	/*padding: 0px 39px;*/
	width: 548px;
	height: 467px;	
	/*background-image: url("../images/aboutBG.gif");*/
	float:left;
}

#comicNav {
	width: 305px;
	/*height: 467px;*/
	position: relative;
	float: left;
	overflow: auto;
	height: 100%;
}



#mainRight {
	width: 276px;
	height: 452px;
	float: left;
	margin-left: 30px;
	
}

#pledge {
	text-align:center;
	width: 241px;
	height: 200px;
	background-image: url("../images/pledge_bg.png");
}

#comicNavTxt {
	padding-left:17px; 
	color:white; 
	line-height:1.3em;
}

#navRule {
	padding-top:5px; 
	padding-bottom:10px;
}

#comicNav img {
	padding: 0px 5px 5px 5px;
}

#cover {
	position: absolute;
	bottom: 15px;
	right: 15px;
}

comicArray {
	margin-left:12px;
}

#coverTxt {
	font: bold 14px georgia, serif;
	text-align: right;
	position: absolute;
	bottom: 0px;
	right: 110px;
	width: 230px;
	color: #f4c94d;
}

#nav {
	padding-left:10px;
	line-height: .75em;
}

/*
#pledgeSubmit {
	font: 14px georgia, serif;
	border: none;
	padding:5px 10px;
	margin-top:10px;
	color: #196e79;	
	background-color: #9aedf0;
}
*/

/*
#pledgeSubmit:hover {
	background-color: white;
}
*/

#pledgeIcons img {
	padding: 10px 0px 0px 0px;
	vertical-align:middle;
}

/*
#pledgeIcons img:hover {
	background-color:red;
}
*/

#mainTxt {
	color: #015165;
	font: 12px lucida, sans-serif;
	padding-top:5px;
	line-height:1.7em;
}

#toys {
	font: 11px lucida, sans-serif;
	background-image: url("../images/toys.png");
	width: 201px;
	height: 68px;
	padding: 170px 20px 0px 20px;
	line-height:1.4em;
}

#dlContentL {
	float:left; 
	padding-left:10px;
}

#dlContentR {
	float:right; 
	padding-right:10px;
}

.smallDownload {
	background-image: url(../images/smallDownloadBG2.gif);
	text-align: left; 
	width:	409px; 
	height: 100px;
	padding-left:10px;
}

.smallDownload img {
	display:inline;
	padding-top:10px;
	padding-left:10px;
	/*padding:25px 0px 0px 20px;*/
}

.largeDownload {
	font: 11px georgia, serif;
	background-image: url(../images/largeDownloadBG.gif); 
	width: 379px; 
	height: 239px; 
	padding: 20px;
}

#radioButtons {
	margin:0px;
	padding:0px;
	padding-left:10px;
}

#radioButtons input {
	margin:0px 23px;
}

#pledge1, #pledge2, #pledge3 {
	display:inline;
	background-color: transparent;
}

#completeImg1, #completeImg2, #completeImg3 {
	padding-top: 10px;
	display:none;
}

#pledgeThanks {
	display:none;
	font: 12px georgia;
	color: white;
	padding-top:5px;
}

#wallpaperTable td {
	padding:0px;
	margin:0px;
}