/* The Sons Comic Style Sheet
Design by KEZ: http://wingedwolfstudio.com 2009 
Dropdown menu by Comicpress: http://comicpress.org
Rollover menu by Monkey Flash: http://monkeyflash.com/tutorials/css-image-rollover-navbar/
*/


body {
	margin: 0 auto;
	text-align: center;
	background: #324872 url(images/bg.jpg);
	font-family: Comic Sans MS, arial, times new roman;
	font-size: 14px;
	color: #f6e8d4;
}

h1 {
	color: #deaa62;
	font-size: 20px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	margin-top: 0px;
}

h2 {
	color: #f6e8d4;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: normal;
	font-style: italic;
	text-align: center;
	margin-top: 0px;

	
}

h3 {
	color: #f6e8d4;
	font-size: 14px;
	text-decoration: none;
	text-align: left;
	margin-top: 0px;

}

p{
	margin: 10px 15px;
}

br{
	margin: 0px;
}

ul {
	margin: 0px;
	}

a{
	color: #deaa62;
	text-decoration: none;
}

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

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

a:active{
	color: #deaa62;
	text-decoration: none;
}

#container {
	margin: 20px auto;
	text-align: center;
	width: 993px;
}

#top-title{
	margin: 0 0 0 22px;
	text-align: left;
	width: 984px;
	height: 168px;
	display: block;
	background: url(images/top-title.png) no-repeat top left;
}

#leaderboard {
	width: 728px;
	height: 90px;
	display: block;

	float: right;
	margin-right: 48px;
	}

#title {
	margin: 0 auto;
	text-align: center;
	width: 993px;
}

#nav{
	width: 993px;
	height: 96px;
	background: url(images/nav.png) no-repeat top left;
	display: block;
	text-align: center;
	margin-left: 12px;
	z-index: +5;
	
	
}

#menu {
    padding: 0;
	list-style: none;
    float: right;
	margin-right: 45px;
	margin-top: 13px;
	width: 800px;
	}

	#menu a {
		padding: 0px;
		display: block;
		}

	#menu li {
		float: left;
		}


	
	/* For submenu dropdowns - this order must be maintained */

	#menu ul {
		padding: 0;
		margin: 0;
		list-style: none;
		position: absolute;
		left: -9999px;
		width: 151px;
		line-height: 1;
		
		}
	#menu li li {
		width: 150px;
		margin: 0 0 0 -1px;
		border-width: 1px 1px 1px 1px;
		border-color: #000000;
		border-style: solid;

		}
	#menu li li a {
		width: 139px;
	    padding: 8px 8px;
		color: #000000;
		border: none;
		text-decoration: none;
		text-transform: uppercase;
		}
	#menu li ul ul {
	    margin: -21px 0 0 151px;
	    }
	#menu li ul li:hover a, #menu li ul li li:hover a, #menu li ul li li li:hover a, #menu li ul li li li:hover a {
	    color: #000000; /*Submenu highlighted text color */
	    }
	#menu li:hover li a, #menu li li:hover li a, #menu li li li:hover li a, #menu li li li li:hover li a  {
	    color: #000000; /*Submenu text color */
	    }
	#menu li li:hover {
	    background: #FFFFFF; /*Submenu highlighted background color */
	    }
	#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul, #menu li.sfhover ul ul ul ul {
	    left: -9999px;
	    }
	#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul, #menu li li li li.sfhover ul {
	    left: auto;
	    background: #f8a744; /*Submenu background color */
		text-transform: none;
	    }

#home a{
    display:block;
    width: 89px;
	height: 40px;
    background: url(images/home.png) no-repeat;
}

#home a:hover{ 
    background-position:0 -40px;}


#archive a{
    display:block;
    width: 111px;
	height: 40px;
    background: url(images/archive.png) no-repeat;
}

#archive a:hover{ 
    background-position:0 -40px;}
	
#characters a{
    display:block;
    width: 150px;
	height: 40px;
    background: url(images/characters.png) no-repeat;
}

#characters a:hover{ 
    background-position:0 -40px;}

#games a{
    display:block;
    width: 92px;
	height: 40px;
    background: url(images/games.png) no-repeat;
}

#games a:hover{ 
    background-position:0 -40px;}

#about a{
    display:block;
    width: 92px;
	height: 40px;
    background: url(images/about.png) no-repeat;
}

#about a:hover{ 
    background-position:0 -40px;}

#links a{
    display:block;
    width: 84px;
	height: 40px;
    background: url(images/links.png) no-repeat;
}

#links a:hover{ 
    background-position:0 -40px;}

#extra a{
    display:block;
    width: 88px;
	height: 40px;
    background: url(images/extras.png) no-repeat;
}

#extra a:hover{ 
    background-position:0 -40px;}
	
#shop a{
    display:block;
    width: 89px;
	height: 40px;
    background: url(images/shop.png) no-repeat;
}

#shop a:hover{ 
    background-position:0 -40px;}
	
#main{
	width: 993px;
	height: auto;
	background: url(images/bg.png) repeat-y top center;

}

#column {
	width: 923px;
	margin: 0px auto;
}

#sidebar{
	width: 200px;
	height: auto;
	float: left;
	text-align: center;
	margin-top: -14px
}	

#tower{

}

#comic{
	width: 697px;
	height: auto;
	float: left;
}

#row1 {
}

#back {
	margin-top: 140px;
	width: 74px;
	height: 72px;
	display: block;
	float: left;
}

#comic-image {
	float: left;
	border: 2px solid #e08f2b;
	margin-bottom: 10px;
	margin-top: -14px;
}

#next {
	margin-top: 140px;
	width: 74px;
	height: 72px;
	display: block;
	float: left;
}
	
#comic-bottom {
	text-align: center;
	margin: 0 auto 15px auto;
	width: 500px;
}	

#news {
	margin: 0px auto;
	width: 665px;
}

.post-top{
	background: url(images/news-top.png) no-repeat top center;
	display: block;
	height: 31px;
	width: 665px;
	margin: 0px auto;
}

.post {
	width: 665px;
	background: url(images/post-bg.png) repeat-y top center;
	margin: -8px auto;
	text-align: left;
}

.post-bottom{
	background: url(images/news-bottom.png) no-repeat top center;
	display: block;
	height: 31px;
	width: 665px;
	margin: -10px auto 0 auto;
}	
	
#pinkerton {
	margin: 0px auto;
	width: 619px;
	height: 172px;
	display: block;
	background: url(images/blurb.png) no-repeat top center;
}

#blurb {
	width: 355px;
	height: 90px;
	padding: 43px 0 0 205px;
	margin: 0 auto;
	text-align: left;
}	

#end {
	width: 993px;
	height: 59px;
	display: block;
	background: url(images/footer.png) no-repeat top center;	
}

#footer {
	margin: 20px auto;
	width: 650px;
}
	
#idc-container-parent {
	width: 660px;
	margin: 10px 0 0 0;
	text-align: left;
}

.idc {
	color: #292b92;
}

.idc a {
	color: #292b92;
	text-decoration: underline;
}

.idc a:hover {
	color: #000000;
	text-decoration: underline;
}

.idc a:visited {
	color: #292b92;
	text-decoration: underline;
}

.idc a:active {
	color: #292b92;
	text-decoration: underline;
}

.idc-head {
	margin: 0px;
}
	
.idc-form-info {
	color: #000000; 
}