html,body {
	background: #424242;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #fff;
	padding: 0;
	margin: 0;
	height: 100%;
}
img
	{
		border: none;
	}
img a
	{
		border: none;
	}	
#page-container
	{
		margin: 2em 10% 1em 10%;
		background: none;
		padding: 0;
		min-height: 100%;
		height: 100%;
		margin-bottom: 5em;
	}

a
	{
		color: #fff;
		text-decoration: none;
	}	
a:hover
	{
		border-bottom: 1px dotted #fff;
	}	
	
/* header styles */

#header-container
	{
		background: #701112;
		color: #fff;
		height: 10em;

	}

#header-container h1
	{
		position: relative;
		top: 2em;
		left: 1em;
		font-size: 3em;
		padding: 0;
		margin: 0;
		width: 90%;

	}

#header-container h2
	{
		position: relative;
		font-size: 1em;
		left: 26em;
		top: 2.5em;
		width: 50%;
	}

#navigation
	{
		background: #353535;
		width: 100%;
		height: 2em;
		color: #ccc;
		position: relative;
		top: 0.5em;
	}	

#navigation ul	
	{
		list-style: none;
		margin: 0 0 0 1em;
		padding: 0;
	}	

#navigation ul li
	{
		float: left;
		margin: 0 1em 0 0;
		line-height: 2em;
		text-transform: lowercase;
	}	

#navigation ul li a
	{
		color: #ccc;
		text-decoration: none;
		padding: 0.5em;
		
		
	}

#navigation ul li a:hover
	{
		background: #424242;
		text-decoration: none;
		padding: 0.5em;
		border-bottom: none;
	}

#navigation a
	{
		border: none;
	}
#navigation a:hover
		{
			border: none;
		}

#rss
	{
		float: right;
		position: relative;
		top: 0.4em;
		right: 1em;
	}

#rss a
	{
		border: none;
	}

#rss a:hover
		{
			border: none;
		}
	
/* main body styles */
#wrapper
	{
		width: 100%;
		position: relative;
		top: 1em;
		min-height: 100%;
		height: 100%;
		background: none;
	}	
#wrapper img
	{
		border: 1px solid #696969;
	}	
	

#leftCol
	{
		float: left;
		background: #808080;
		width: 70%;
	}	
#post-wrapper
	{
		margin: 1em 2% 1% 2%;
	}

#content-wrapper label
	{
		display: -moz-inline-block;
		display: inline-block;
		width: 5.5em;
		vertical-align: top;
	}

#content-wrapper
	{
		line-height: 2em;
	}
	
#advertisement
	{
		border: 1px solid #454545;
		background: #696969;
		clear: both;
		text-align: center;
	}	
#postinfo
	{
		position: relative;
		top: 0.5em;
		border: 1px solid #454545;
		background: #696969;
		font-size: 0.8em;
		margin: 0 0 2em 0;
	}
#postinfo p
	{
		margin: 0;
		padding: 0.5em;;
	}

#postinfo a
	{
		text-decoration: none;
		color: #701112;
	}	
#postinfo a:hover
	{
		border-bottom: 1px dotted #701112;
	}	
#add-comment
	{
		clear: both;
	}	

#add-comment label
	{
		display: -moz-inline-block;
		display: inline-block;
		width: 5.5em;
		padding: 0;
		vertical-align: top;
	}	
#add-comment input
	{
		border: 1px solid #454545;
		background: #696969;
		color: #fff;
	}	
#add-comment textarea
	{
		border: 1px solid #454545;
		background: #696969;
		color: #fff;
	}	
#rightCol
	{
		float: right;
		width: 29%;
		background: #808080;
	}	
#rightCol-container
	{
		margin: 0 2% 1% 2%;
	}	

#rightCol-container h1
	{
		border-bottom: 1px dotted #454545;
		margin: 0 0 1em 0;
	}	
#rightCol-container h2
	{
		border-bottom: 1px dotted #454545;
		margin: 0.5em 0 1em 0;
	}
#rightCol-container ul
	{
		list-style-type: none;
	}
#rightCol-container a
	{
		text-decoration: none;
		color: #fff;
	}
#rightCol-container a:hover
	{
		border-bottom: 1px dotted #ccc;
	}	

#date
	{
		float: left;
		background: #353535;
		padding: 0.5em 1em 0.5em 1em;
		text-align: center;
		font-size: 0.8em;
	}	
#body
	{
		float: left;
		width: 91.5%;
		position: relative;
		left: 0.5em;
		line-height: 1.5em;
	}	
.day
	{
		font-weight: bolder;
		font-size: 1.5em;
	}
/* footer styles  */

#footer-container
	{
		background: #353535;
		width: 100%;
		height: 5em;
		color: #ccc;
		font-size: 0.8em;
		clear: both;
		position: relative;
		bottom: 0;
		top: 1em;
	}

#copyright
	{
		position: relative;
		top: 0.5em;
		left: 1em;
	}	

#copyright p
	{
		line-height: 2em;
	}	

#copyright a
	{
		color: #ccc;
		text-decoration: none;
	}	

#copyright a:hover
	{
		border-bottom: 1px dotted #ccc;
	}