/* Body and box-like elements */
html, body { padding: 0; margin: 0; }

body {
	background: #555 url(images/body_bg.gif) top center repeat-y;
	font: normal 12px/1.5em "Lucida Grande", "Verdana", sans-serif;
	color: #333; }
	
#frame {
	width: 820px;
	background: #222;
	padding: 0;
        border-right: 10px solid #222;
        border-left: 10px solid #222;
	margin: 0 auto; }
	
	#header {
		width: 820px;
		height: 107px;
                background: transparent url(images/header.jpg) top left no-repeat;
                border-bottom: 2px solid #222;
		padding: 0;
		margin: 0; }
		
	#contentcontainer {
		width: 820px;
		background: #fff;
		padding: 0;
		margin: 0; }
		
		#maincontent {
			width: 450px;
			float: left;
			padding: 0;
			margin: 22px 0px 0 25px;
                        _margin-left: 10px; }
			
			#maincontent .eachpost { padding-bottom: 25px; }
			

		#sidecontent {
			width: 270px;
			float: right;
                        background: #f3f3f3 url(images/sidebar.gif) top left no-repeat;
                        border-bottom: double #ddd;
			padding: 3px 10px 10px 10px;
			margin: 10px 12px 0 0; }
			
		#footer {
			padding: 6px 10px;
			background: #222;
			margin: 0;
			color: #ccc;
			clear: both; }
			
			#footer a {
				font-weight: normal;
				color: #444;
				text-decoration: none; }
				
				#footer a:hover {
					text-decoration: underline;
					color: #fff; }
			
			
			
			
			
/* Headings H1-H6 */
h1 {
	padding: 0;
	width: 820px;
	height: 75px;
	text-indent: -9000px;
	font-size: 8px;
	background: transparent;
	margin: 0; }
	
	h1 a {
		display: block;
		width: 820px;
		height: 75px;
		overflow: hidden;
		-moz-outline-style: none;
		text-decoration: none; }
		
h2 { }

	#header h2 {
		padding: 0 0 0 11px;
		margin: 10px 0 0 0;
		color: #c0d2e7;
		font: normal 12px "Lucida Grande", "Verdana", sans-serif; }
		
		#header h2 a {
			color: #c0d2e7;
                        font-weight: bold;
			text-decoration: none; }

                #header h2 a.rsslink {
                        background: transparent url(images/rss.gif) center left no-repeat;
                        padding-left: 15px; }

                       #header h2 a:hover { color: #fff; }
	
	#maincontent .eachpost h2 {
		padding: 5px 0 0 0;
		margin: 0;
		color: #000;
		font: bold 24px/1.2em "Trebuchet MS", "Tahoma", serif; }
		
		#maincontent .eachpost h2 a {
			color: #006d08;
			text-decoration: none; }
			
			#maincontent .eachpost h2 a:hover {
				color: #f00;
				text-decoration: underline; }
			
h3 { }

	#maincontent .eachpost h3 {
		padding: 3px 0 5px 0;
		color: #555;
		border-bottom: 1px dotted #ccc;
		font: normal 10px "Lucida Grande", "Verdana", sans-serif;
		margin: 0 0 15px 0; }
		
		#maincontent .eachpost h3 a {
			color: #333;
			font-weight: bold;
			text-decoration: none; }
			
			#maincontent .eachpost h3 a:hover {
				color: #000;
				text-decoration: underline;
				background: #fff; }
				
h4 { }

	#maincontent .eachpost h4 {
		margin: 0 10px 5px 10px;
		padding: 25px 0 3px 0;
		font: bold 16px "Trebuchet MS", "Tahoma", sans-serif;
		color: #666;
		border-bottom: 1px dotted #ccc; }
		
	#sidecontent h4 {
		margin: 15px 0 4px 0;
		padding: 0 0 3px 0;
		font: bold 14px "Trebuchet MS", "Tahoma", sans-serif;
		color: #333;
		border-bottom: 1px dotted #ccc; }
		
h5 { }

	#maincontent .eachpost h5 {
		margin: 0 10px 5px 10px;
		padding: 15px 0 0 0;
		font: bold 12px "Trebuchet MS", "Tahoma", sans-serif;
		color: #aaa;
		text-transform: uppercase; }
		
h6 { }

	#maincontent .eachpost h6 {
		margin: 0 10px;
		padding: 4px;
		font: normal 10px "Lucida Grande", "Verdana", sans-serif;
		background: #888;
		border-top: 5px solid #eee;
		color: #ccc; }
		
		#maincontent .eachpost h6 a {
			font-weight: bold;
			text-shadow: #333 2px 2px 0;
			color: #fff;
			text-decoration: none; }
			
			#maincontent .eachpost h6 a:hover {
				color: #fff;
				text-decoration: underline; }
								
				
				
				
				
/* Paragraphs and Links */
.eachpost p {
	padding: 0 0 1.6em 0;
	margin: 0;
	font: normal 12px/1.5em "Lucida Grande", "Verdana", sans-serif;
	color: #333; }
	
	p a {
		font-weight: bold;
		color: #1a69ba;
		text-decoration: none; }
		
		p a:hover {
			color: #f00;
			text-decoration: underline; }

         blockquote p {
             font: normal 13px "Palatino", "Times New Roman", serif;
             margin-right: 15px;
             margin-left: 15px; }
			
#sidecontent p {
	padding: 0 0 1.5em 0;
	margin: 0;
	font: normal 12px/1.5em "Lucida Grande", "Verdana", sans-serif;
	color: #333; }
			
		
		
		
		
/* Lists & Navigation */
#maincontent ul, #sidecontent ul {
	list-style: none;
	padding: 0;
	margin: 5px 0 1.6em 0; }
	
#maincontent ul li {
                margin: 0 20px 5px 20px;
		background: transparent url(images/li.gif) center left no-repeat;
		padding: 0 0 0 10px;
		font: normal 12px "Lucida Grande", "Verdana", sans-serif; }
	
	 #sidecontent ul li {
		margin: 0 20px 5px 20px;
		background: transparent url(images/li.gif) center left no-repeat;
		padding: 0 0 0 10px;
		font: normal 11px "Lucida Grande", "Verdana", sans-serif; }
		
	#sidecontent ul li { margin-left: 10px; }
		
		#maincontent ul li a, #sidecontent ul li a {
			font-weight: bold;
			color: #000;
			text-decoration: none; }




/* Comment Styles */
.eachcomment { padding-bottom: 20px; }
.eachcomment .authorarea { padding-bottom: 3px; border-bottom: 1px dotted #ccc; margin: 0 0 3px 0; }
.eachcomment .authorarea a {
                              font-size: 10px; text-decoration: none; color: #888; }
.eachcomment .authorarea a.authorlink {
                              font-size: 12px; text-decoration: none; font-weight: bold; color: #f00; }