@charset "utf-8";
/* CSS Document */

/* Contains important frameworks 'n shit */

body
{
	margin: 0;
	background-color: #241e1d;
	background-image:url(images/if/bg-top.gif);
	background-repeat: repeat-x;
}

div.header
{
	width: 343px;
	height: 20px;
	padding: 98px 5px 2px 650px;
	margin: 0 auto 0 auto;
	background-image: url(images/if/header.gif);
}

div.menu
{
	width: 998px;
	height: 30px;
	margin: 0 auto 0 auto;
	padding: 0;
	background-image: url(images/if/menu-inactive.png);
}
	
	/* A'ight, here comes the heavy menu... stuff*/
	div.menu span
	{
		visibility: hidden;
		size: 0px;
		padding: 0;
		margin: 0;
	}
	
	div.menu dl
	{
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	div.menu dd
	{
		float: left;
		margin: 0;
		padding: 0;
	}
	
	#menu-comic a
	{
		display: block;
		padding: 0;
		margin: 0;
		background-image: url(images/if/menu-inactive.png);
		height: 30px;
		width: 97px;
		text-decoration: none;
	}
	
	#menu-comic a:hover
	{
		background-image: url(images/if/menu-active.png);
	}
	
	#menu-atheism a
	{
		display: block;
		padding: 0;
		margin: 0;
		background-image: url(images/if/menu-inactive.png);
		background-position: -97px;
		height: 30px;
		width: 112px;
		text-decoration: none;
	}
	
	#menu-atheism a:hover
	{
		background-image: url(images/if/menu-active.png);
	}
	
	#menu-art a
	{
		display: block;
		padding: 0;
		margin: 0;
		background-image: url(images/if/menu-inactive.png);
		background-position: -209px;
		height: 30px;
		width: 59px;
		text-decoration: none;
	}
	
	#menu-art a:hover
	{
		background-image: url(images/if/menu-active.png);
	}
	
	#menu-blog a
	{
		display: block;
		padding: 0;
		margin: 0;
		background-image: url(images/if/menu-inactive.png);
		background-position: -268px;
		height: 30px;
		width: 80px;
		text-decoration: none;
	}
	
	#menu-blog a:hover
	{
		background-image: url(images/if/menu-active.png);
	}
	
	#menu-podcast a
	{
		display: block;
		padding: 0;
		margin: 0;
		background-image: url(images/if/menu-inactive.png);
		background-position: -348px;
		height: 30px;
		width: 141px;
		text-decoration: none;
	}
	
	#menu-podcast a:hover
	{
		background-image: url(images/if/menu-active.png);
	}
	
	#menu-about a
	{
		display: block;
		padding: 0;
		margin: 0;
		background-image: url(images/if/menu-inactive.png);
		background-position: -489px;
		height: 30px;
		width: 175px;
		text-decoration: none;
	}
	
	#menu-about a:hover
	{
		background-image: url(images/if/menu-active.png);
	}
	
	#menu-contact a
	{
		display: block;
		padding: 0;
		margin: 0;
		background-image: url(images/if/menu-inactive.png);
		background-position: -664px;
		height: 30px;
		width: 103px;
		text-decoration: none;
	}
	
	#menu-contact a:hover
	{
		background-image: url(images/if/menu-active.png);
	}
	
	#menu-links a
	{
		display: block;
		padding: 0;
		margin: 0;
		background-image: url(images/if/menu-inactive.png);
		background-position: -767px;
		height: 30px;
		width: 88px;
		text-decoration: none;
	}
	
	#menu-links a:hover
	{
		background-image: url(images/if/menu-active.png);
	}
	
	#menu-downloads a
	{
		display: block;
		padding: 0;
		margin: 0;
		background-image: url(images/if/menu-inactive.png);
		background-position: -855px;
		height: 30px;
		width: 143px;
		text-decoration: none;
	}
	
	#menu-downloads a:hover
	{
		background-image: url(images/if/menu-active.png);
	}

div.body
{
	width: 995px;
	height: 100%;
	margin: 5px auto 5px auto;
	padding: 0;
}

div.ad-skyscraper
{
	float: left;
	width: 160px;
	height: 600px;
	margin: 0;
	padding: 30px 30px 0 0;
	background-image: url(images/if/ad-header.png);
	background-repeat: no-repeat;
}

div.content
{
	float: left;
	width: 555px;
	height: 100%;
	margin: 0;
	padding: 0 20px 0 0;
}

	/* Comments */
	div.comment
	{
		float: left;
		width: 555px;
		margin: 15px 0 0 0;
	}
		
		div.comment-avatar
		{
			float: left;
			width: 75px;
			padding: 0 35px 0 0;
			margin: 0;
			background-image: url(images/if/comment-arrow.png);
			background-repeat: no-repeat;
			background-position: right top;
		}
		
		div.comment-top
		{
			float: left;
			width: 445px;
			height: 9px;
			padding: 0;
			margin: 0;
			background-image: url(images/if/comment-bg-top.png);
			background-repeat: no-repeat;
		}
		
		div.comment-box
		{
			float: left;
			width: 425px;
			margin: 0;
			padding: 0 10px 0 10px;
			background-image: url(images/if/comment-bg-middle.png);
			background-repeat: no-repeat;
			background-color: #e7e7e1;
		}
			
			/* Text */
			div.comment-box h3
			{
				font-family: corbel, arial, helvetica;
				font-size: 1.0em;
				color: #241e1d;
				font-weight: bold;
				margin: 0 0 1px 0;
			}
			
			div.comment img
			{
				float: left;
				margin-right: 3px; 
			}
			
			div.comment-box p
			{
				font-family: corbel, arial, helvetica;
				font-size: 0.9em;
				color: #241e1d;
				font-weight: normal;
				margin: 0;
			}
			
			div.comment-box p.comment-time
			{
				font-size: 0.7em;
				font-style: italic;
				margin: 1px 0 7px 0;
			}
				
		
		div.comment-bottom
		{
			float: right;
			width: 445px;
			height: 9px;
			padding: 0;
			margin: 0;
			background-image: url(images/if/comment-bg-bottom.png);
			
		}
	
	/* Navigation crap */
	
	div.content-navigation
	{
		float: left;
		width: 555px;
		height: 40px;
		margin: 0;
		padding: 0;
	}
	
		div.content-navigation dl
		{
			float: left;
			margin: 0;
			padding: 0;
		}
		
		div.content-navigation dd
		{
			list-style: none;
			float: left;
			margin: 0;
			padding: 0;
		}
		
		div.content-navigation span
		{
			visibility: hidden;
			font-size: 0px;
		}
			
			/* Navigation black */
			
			div.content-navigation-first1
			{
				float: left;
				width: 50px;
				height: 40px;
				margin: 0 122px 0 0px;
				padding: 0;
				background-image: url(images/if/first1.png);
			}
			
			div.content-navigation-prev1
			{
				float: left;
				width: 39px;
				height: 40px;
				margin: 0 122px 0 0px;
				padding: 0;
				background-image: url(images/if/back1.png);
			}
			
			div.content-navigation-last1
			{
				float: left;
				width: 56px;
				height: 40px;
				margin: 0 123px 0 0px;
				padding: 0;
				background-image: url(images/if/last1.png);
			}
			
			div.content-navigation-next1
			{
				float: left;
				width: 42px;
				height: 40px;
				margin: 0;
				padding: 0;
				background-image: url(images/if/next1.png);
			}
			
			/* Navigation yellow */
			
			div.content-navigation-first2
			{
				float: left;
				width: 50px;
				height: 40px;
				margin: 0 122px 0 0px;
				padding: 0;
				background-image: url(images/if/first2.png);
			}
			
			div.content-navigation-prev2
			{
				float: left;
				width: 39px;
				height: 40px;
				margin: 0 122px 0 0px;
				padding: 0;
				background-image: url(images/if/back2.png);
			}
			
			div.content-navigation-last2
			{
				float: left;
				width: 56px;
				height: 40px;
				margin: 0 123px 0 0px;
				padding: 0;
				background-image: url(images/if/last2.png);
			}
			
			div.content-navigation-next2
			{
				float: left;
				width: 42px;
				height: 40px;
				margin: 0;
				padding: 0;
				background-image: url(images/if/next2.png);
			}

	/* Comic page */
	
	div.content-comic-page 
	{
		float: left;
		width: 555px;
		margin: 5px 0 5px 0;
		text-align: center;
	}
	
	/*Text*/
	
	div.content-header
	{
		float: left;
		width: 500px;
		height: 37px;
		margin: 15px 0 0 0;
		padding: 14px 35px 4px 20px;
		background-image: url(images/if/text-header-bg.png);
	}
	
	div.content-text
	{
		float: left;
		width: 515px;
		margin: 0;
		padding: 0px 20px 10px 20px;
		background-image: url(images/if/text-bg.png);
		font-family: corbel, arial, helvetica;
		color: #241e1d;
	}
	
		/*Okay, what follows is kind of important 'cuz it defines most text on the site. Don't screw this up! */
		
		div.content-text h3
		{
			margin: 2px 0 0 0;
			font-size: 1.2em;
			font-weight: bold;
		}
		
		div.content-text p
		{
			margin: 7px 0 0 0;
			font-size: 1.0em;
		}
		
		div.content-text p.content-text-annotation
		{
			margin: 3px 0 0 0;
			font-size: 0.7em;
			font-style: italic;
		}
		
		div.content-text p.content-text-blogcat
		{
			margin: 15px 0 0 0;
			text-align: right;
			font-size: 0.7em;
			font-weight: bold;
		}
			
		div.content-text a
		{
			font-weight: bold;
		}
		
		div.content-text a:link
		{
			color: #000000;
			text-decoration: none;
		}
		
		div.content-text a:visited
		{
			color: #000000;
			text-decoration: none;
		}
		
		div.content-text a:hover
		{
			color: #c0622a;
			text-decoration: underline overline;
		}
		
		
div.gadgetbar
{
	float: left;
	width: 230px;
	height: 100%;
	margin: 0;
	padding: 0;
}
	
	/* Gadgetbar */
	div.gadget-info
	{
		float: left;
		width: 170px;
		height: 85px;
		margin: 0;
		padding: 0 20px 10px 30px;
		color: #241e1d;
	}
		
		/* Info */
		div.gadget-info h2
		{
			float: left;
			width: 170px;
			margin: 0 0 3px 0;
			font-family: corbel, arial, helvetica;
			font-size: 1em;
			font-weight: bold;
		}
		
		div.gadget-info p
		{
			float: left;
			width: 170px;
			margin: 0 0 5px 0;
			font-family: corbel, arial, helvetica;
			font-size: 0.9em;
			font-weight: normal;
		}
		
		div.gadget-info ul
		{
			float: right;
			width: 145px;
			margin: 0;
			padding: 0;
		}
		
		div.gadget-info li.gadget-info-comments
		{
			float: left;
			width: 150px;
			margin: 0 0 2px 0;
			padding: 0;
			font-family: corbel, arial, helvetica;
			font-size: 0.9em;
			font-weight: normal;
			list-style-image: url(images/if/comment-icon.png);
		}
		
		div.gadget-info li.gadget-info-archive
		{
			float: left;
			width: 150px;
			margin: 0 0 2px 0;
			padding: 0;;
			font-family: corbel, arial, helvetica;
			font-size: 0.9em;
			font-weight: normal;
			list-style-image: url(images/if/comic-archive.png);
		}
	
	div.gadget-rss
	{
		float: left;
		width: 170px;
		height: 72px;
		margin: 0 0 0 4px;
		padding: 50px 26px 20px 30px;
		background-image: url(images/if/gbar-rss-bg.png);
	}
	
		/* RSS*/
		
		div.gadget-rss h2
		{
			visibility: hidden;
			font-size: 0px;
			margin: 0;
			padding: 0;
		}
		
		div.gadget-rss ul
		{
			float: left;
			width: 145px;
			margin: 0 0 2px 0;
			padding: 0 0 0 25px;
			font-family: corbel, arial, helvetica;
			font-size: 0.9em;
			font-weight: normal;
			list-style: none;
			list-style-image: url(images/if/gbar-rss.png);
		}
		
		div.gadget-rss li
		{
			padding: 0 0 0 0;
		}
		
		div.gadget-rss a:link
		{
			font-weight: bold;
			color: #241e1d;
			text-decoration: none;
		}
		
		div.gadget-rss a:visited
		{
			font-weight: bold;
			color: #241e1d;
			text-decoration: none;
		}
		
		div.gadget-rss a:hover
		{
			font-weight: bold;
			color: #c0622a;
			text-decoration: underline overline;
		}
	
	div.gadget-link
	{
		float: left;
		width: 88px;
		height: 62px;
		margin: 0;
		padding: 68px 77px 53px 64px;
		background-image: url(images/if/gbar-link-bg.png);
	}
	
	/* Links*/
		
		div.gadget-link h2
		{
			visibility: hidden;
			font-size: 0px;
			margin: 0;
			padding: 0;
		}
	
	div.gadget-recent
	{
		float: left;
		width: 170px;
		margin: 0;
		padding: 10px 10px 10px 30px;
		color: #e7e8e9;
	}
		
		/* Recent */
		
		div.gadget-recent h2
		{
			float: left;
			width: 170px;
			margin: 0 0 3px 0;
			font-family: corbel, arial, helvetica;
			font-size: 1em;
			font-weight: bold;
			
		}

div.footer
{
	float: left;
	width: 555px;
	padding: 0;
	margin: 15px 0 0 0;
	font-family: corbel, arial, helvetica;
	font-size: 0.6em;
	text-align: center;
	color: #666666;
}

	div.footer a:link
	{
		font-weight: bold;
		color: #666666;
	}
	
	div.footer a:hover
	{
		color: #CCCCCC;
	}

/* Redefine some common tags */
h1
{
	visibility: hidden;
	margin: 0;
	font-size: 0px;
}