/* ----------------------------------------------------------------

Filename: 	crebheads.css
Title:		Primary CSS file for crebheadcomics.com
Author: 	Tariq De Vore
URL: 		http://crebheadstudios.net
License:	Copyright 2007, 2008, 2009 Tariq De Vore, All Rights Reserved
Description:	base style for the site layout and the site content 
		( webcomic, blog and extra column )

------------------------------------------------------------------- */


html
{
	background-color: #CCCC99;
	color: #000; 
	font-family: verdana;
	font-size: 12px; 
	margin-left: 0px; 
	padding-left: 0px; 
	padding-right: 0px; 
	padding-top: 0px; 
	padding-bottom: 0px; 
	width: auto; 

}


#wrapper
{
	background-color: #CCCC99;
	margin:0 auto;
}


#header
{
	width: 960px;
}
	
#navigation
{
	background-color: #009933;
	border: 5px solid #996633;
	font-family: verdana;
	font-size: 12px; 
	font-weight: bold;
	text-align: right;
	width: 895px;
	padding: 3px;
}

#navigation a
{
	padding: 5px 10px;
}

#tab_links a:link, #tab_links a:visited, #tab_links a:hover, #tab_links a:active
{
	color: white;
	text-decoration: none;
}

#content
{
	background-color: #CCCC99;
	width: 960px;
}

#blog
{
	background-color: #CCCC99;
	width: 970px;
}

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

#footer
{
	background: url( images/site/crebheads_footer.gif ) no-repeat;
	height: 200px;
	clear: both;  
	color: #EEE;
	text-align: center; 
	padding: 10px;
}

<!--
#webcomic
{
	background: url( images/site/crebheads_body_right.gif ) no-repeat right top;
}

#webcomic h2
{
	background: url( images/site/crebheads_body_left.gif ) no-repeat left top;
	margin: 0;
	padding: 10px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

#webcomic ul
{
	background: url( images/site/crebheads_body_left.gif ) no-repeat left bottom;
	margin: 0;
	padding-bottom: 10px;
}

#webcomic ul li
{
	color: #000;
	list-style: none;
	margin-left: 10px;
	margin-right: 10px;
	padding: 3px;
}

#webcomic div
{
	background: url( images/site/crebheads_body_right.gif ) no-repeat right bottom;
}


#blogColumn 
{
	float: left; 
	margin-left: 17px;
	width: 590px;
}

#blogColumn h2
{
	border-bottom: 5px solid #996633;
	background-color: 996633;
	color: #FFF;
	font-family: 'Arial';
	font-size: 36px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#extrasColumn
{
	float: left;
	margin-right: 20px;
	overflow: hidden;
	width: 255px;
}

#extrasColumn h2
{
	background-color: 996633;
	color: #FFF;
	font-family: 'Arial';
	font-size: 36px;
	font-weight: bold;	
	border-bottom: 5px solid #996633;
	margin: 0;
	padding: 0;
}

.container
{
	background-color: #FFF;
	border: 10px solid #996633;
	margin-left: 18px;
	margin-right: 20px;
}


.container img
{
	padding: 10px;
	border: 0px solid #000;
}


.container ul li
{
	list-style: none;
}


.blogPost
{
	padding-bottom: 15px;
	border-bottom: 1px dotted #996633;
}


.blogCaption
{
	color: #449;
	font-family: 'Arial';
	font-size: 24px;
	text-align: left; 
	padding-top: 5px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
}


.blogArticle
{
	font-family: 'Arial';
	font-size: 14px;
	text-align: left; 
	padding-top: 10px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
}


.blogTimeStamp 
{ 
	color: #37b; 
	font-family: 'Arial'; 
	font-size: 17px;
	margin: 15px; 
	padding: 0px; 
	text-align: left;
}


.blogComments
{
	text-align: right;
	color: #37b; 
	font-family: 'Arial'; 
	font-size: 17px;
}


.siteText
{
	font-family: 'Arial';
	font-size: 12px;
}
	
	
#catalogTitle
{
	font-family: 'Verdana';
	font-size: 16px;
	font-weight: bold;
}


#catalogNavigation
{
	padding: 10px;
}

.catalogGroup
{
	width: 100px;
}

.siteheading
{
	background-color: #996633;
	color: #FFF;
	font-family: 'Arial';
	font-size: 16px;
	font-weight: bold;	
	border-bottom: 5px solid #996633;
	margin: 0;
	padding: 0;
}

.sitetext
{
	color: #000;
	font-family: 'Arial';
	font-size: 14px;
	margin: 0;
	padding: 5px;
	text-align: left;
}