.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

body{
	background:#484649 url('../images/body-background.gif') repeat-x;
	background:#486469 url('http://www.thedreamlandchronicles.com/dreamland/dreamlandback.jpg') repeat;
	margin:20px 0;
	text-align:center;
}

a{
	color:#9f7096;
	color:#5b2d52;
	text-decoration:none;
}

a:hover{
	color:#5b2d52;
	color:#9f7096;
}

#container{
	margin:auto;
	background:#e3e1d4 url('../images/background.gif') repeat-y;
	background:#e3e1d4;
	border:4px solid #000;
	padding:12px 13px;
	width:1028px;
}

* html #container{
	width:1028px;
}

#logo{
	display:block;
	width:211px;
	height:159px;
	background:url('../images/logo.gif') no-repeat;
	margin-left:20px;
	float:left;
}

* html #logo{
	margin-left:15px;
}

#logo a{
	display:block;
	width:211px;
	height:159px;

}

#logo h1{
	text-indent:-9999px;
	line-height:1px;
	margin:0;
}

#site-nav{
	margin-top:20px;
	float:right;
}

#site-nav ul{
	list-style:none;
	margin:0;
	padding:0;
	margin:auto;
}

#site-nav ul li{
	float:left;
	margin:0;
	padding:0 8px;
}

#site-nav ul li.contact a{
/*	text-indent:-9999px;
*/	height:17px;
	width:81px;
	background:url('../images/site-nav-contact.gif') 0px 0px no-repeat;
}

#site-nav ul li.contact a:hover{
	height:16px;
	background:url('../images/site-nav-contact.gif') 0px -21px no-repeat;
}

#site-nav ul li.story a{
/*	text-indent:-9999px;*/
	height:19px;
	width:58px;
	background:url('../images/site-nav-story.gif') 0px 0px no-repeat;
}

* html #site-nav ul li.story a{
	background:url('../images/site-nav-story.gif') 0px 1px no-repeat;
}

#site-nav ul li.story a:hover{
	background:url('../images/site-nav-story.gif') 0px -20px no-repeat;
}

* html #site-nav ul li.story a:hover{
	background:url('../images/site-nav-story.gif') 0px -19px no-repeat;
}

#site-nav ul li.characters a{
/*	text-indent:-9999px;
*/	background:url('../images/site-nav-characters.gif') 0px -20px no-repeat;
	height:16px;
	width:109px;
}

* html #site-nav ul li.characters a{
	height:17px;
}

#site-nav ul li.characters a:hover{
	background:url('../images/site-nav-characters.gif') top left no-repeat;
}

#site-nav ul li.desktop a{
/*	text-indent:-9999px;*/
	background:url('../images/site-nav-desktops.gif') top left no-repeat;
	height:21px;
	width:96px;
}

#site-nav ul li.desktop a:hover{
	background:url('../images/site-nav-desktops.gif') 0px -21px no-repeat;
}

#site-nav ul li.store a{
/*	text-indent:-9999px;
*/	background:url('../images/site-nav-store.gif') 0px -20px no-repeat;
	height:17px;
	width:56px;
}

#site-nav ul li.store a:hover{
	background:url('../images/site-nav-store.gif') top left no-repeat;
}

#site-nav ul li.links a{
/*	text-indent:-9999px;
*/	background:url('../images/site-nav-links.gif') top left no-repeat;
	height:17px;
	width:51px;
}

#site-nav ul li.links a:hover{
	background:url('../images/site-nav-links.gif') 0px -20px no-repeat;
}

#site-nav ul li.forum a{
/*	text-indent:-9999px;
*/	background:url('../images/site-nav-forum.gif') 0px -20px no-repeat;
	height:16px;
	width:64px;
}

#site-nav ul li.forum a:hover{
	background:url('../images/site-nav-forum.gif') top left no-repeat;
}

#site-nav ul li.rss a{
/*	text-indent:-9999px;
*/	background:url('../images/site-nav-rss.gif') 0px -19px no-repeat;
	height:17px;
	width:37px;
}

#site-nav ul li.rss a:hover{
	background:url('../images/site-nav-rss.gif') 0px 1px no-repeat;
}

#site-nav ul li a{
	display:block;
	line-height:30px;
	text-decoration:none;
	font:18px/30px Georgia, serif;
	color:#000;
/*	width:94px;*/
}

#main-content{
	float:left;
	margin:0 10px;
}

#comic-container-top{
	width:660px;
	height:8px;
	background:url('../images/comic-container-top.gif') no-repeat;
}

* html #comic-container-top{
	margin-bottom:-11px;
}

#comic-container{
	width:auto;
	min-width: 596px;
	border-left:2px solid #8c8c8c;
	border-right:2px solid #8c8c8c;
	text-align:left;
	background:#fff;
	padding:10px 24px;
	margin-left:6px;
}


* html #comic-container{
	width:644px;
}

#comic-container h2{
	font:12px Verdana, sans-serif;
	color:#000;
	margin-top:0;
	margin-bottom:7px;
}

#comic-container img{
	border:1px solid #555;
}

#comic-nav-top,
#comic-nav-bottom{
	width:602px;
	background:#8c8c8c;
	text-align:center;
	margin-top:20px;
}

#comic-nav-top ul,
#comic-nav-bottom ul{
	list-style:none;
	margin:0;
	padding:0;
	width:480px;
	margin:auto;
}

#comic-nav-top ul li,
#comic-nav-bottom ul li{
	margin:0;
	padding:0;
	float:left;
}

#comic-nav-top ul li a,
#comic-nav-bottom ul li a{
	display:block;
	line-height:50px;
	color:#fff;
	text-decoration:none;
	margin:8px 10px;
}

#comic-nav-top ul li.first a,
#comic-nav-bottom ul li.first a{
/*	text-indent:-9999px;
*/	height:20px;
	width:88px;
	background:url('../images/comic-nav-first.gif') top left no-repeat;
}

#comic-nav-top ul li.first a:hover,
#comic-nav-bottom ul li.first a:hover{
	background:url('../images/comic-nav-first.gif') 0px -20px no-repeat;
}

#comic-nav-top ul li.previous a,
#comic-nav-bottom ul li.previous a{
	margin-top:9px;
/*	text-indent:-9999px;
*/	height:19px;
	width:130px;
	background:url('../images/comic-nav-previous.gif') 0px -20px no-repeat;
}

#comic-nav-top ul li.previous a:hover,
#comic-nav-bottom ul li.previous a:hover{
	background:url('../images/comic-nav-previous.gif') top left no-repeat;
}

#comic-nav-top ul li.next a,
#comic-nav-bottom ul li.next a{
	margin-top:9px;
/*	text-indent:-9999px;
*/	background:url('../images/comic-nav-next.gif') 0px -20px no-repeat;
	height:19px;
	width:90px;
}

#comic-nav-top ul li.next a:hover,
#comic-nav-bottom ul li.next a:hover{
	background:url('../images/comic-nav-next.gif') top left no-repeat;
}

#comic-nav-top ul li.today a,
#comic-nav-bottom ul li.today a{
/*	text-indent:-9999px;
*/	background:url('../images/comic-nav-today.gif') top left no-repeat;
	height:21px;
	width:60px;
}

#comic-nav-top ul li.today a:hover,
#comic-nav-bottom ul li.today a:hover{
	background:url('../images/comic-nav-today.gif') 0px -20px no-repeat;
}

#comic-container h3{
/*	text-indent:-9999px;
*/	background:url('../images/title-news.gif') top left no-repeat;
	height:28px;
	width:240px;
	margin:8px auto;
	text-align:center;
}

#comic-container h4{
	font:bold 16px 'Trebuchet MS', Verdana, sans-serif;
	margin:5px 0 0 0;
	padding:0;
	color:#9f7096;
}

#comic-container h5{
	font:italic 10px Georgia, serif;
	margin:0;
	padding:0;
}

#comic-container p{
	color:#555;
	font:12px/18px Verdana, serif;
}

#comic-container-bottom{
	width:660px;
	height:8px;
	background:url('../images/comic-container-bottom.gif') no-repeat;
}

#sidebar{
	float:left;
	width:240px;
	text-align:left;
}

#sidebar iframe{
	float:left;
}

#voting{
	background:#8c8c8c;
	border:1px solid #333;
	padding:5px;
	text-align:center;
	margin-bottom:10px;
	margin-top:8px;
}

#vote-cont{
	margin:auto;
	width:220px;
}

#voting h4,
#voting p{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, sans-serif;
	color:#fff;
}

#voting p{
	margin-bottom:5px;
}

#voting .incentive{
	width:50px;
	height:120px;
	margin:0 10px;
	float:left;
	color:#fff;
	border:1px solid #000;
}

* html #voting .incentive{
	margin:0 8px;
}

#voting .first{
	background:url('../images/voting/incentive-1.gif') no-repeat;
}

#voting .incentive a{
	display:block;
	width:50px;
	height:120px;
}

#voting .second{
	background:url('../images/voting/incentive-2.gif') no-repeat;
}

#voting .third{
	background:url('../images/voting/incentive-3.gif') no-repeat;
}

#google{
	margin:10px 0;
}

#link_exchange .link,
#dreamland_banners .link{
	float:left;
	margin-right:20px;
}

.character{
	border-bottom:1px solid #333;
}

.character img{
	float:left;
	margin:0 10px 10px 0;
}

* html .character img{
	margin-right:5px;
}

.float{
	float:left;
	margin:0 10px 10px 0;
}

#footer p{
	font:11px/20px Georgia, serif;
	margin:-5px 50px 50px 0;
	text-align:right;
	color:#8c8c8c;
}