/* site wide elements and layout */
* { padding: 0; margin: 0;  border: 0px solid #ccc; }

body { font-size: 62.5% text-align: center; background: #fff url(pat_7.gif) repeat; width: 100%; font-family: Verdana, arial, sans-serif; } 


#mainContainer { width: 760px; margin: 0 auto; text-align: left; background: #fff; border-left: 6px solid #FAE7A2; border-right: 4px solid #FAE7A2; }
#centreContainer { width: 475px; margin: 0 auto; text-align: left; background: #fff; border-left: 6px solid #FAE7A2; border-right: 4px solid #FAE7A2; }

	a { color: #0070E0; text-decoration: none; }
	a:link { color: #0070E0; text-decoration: none; }
	a:visited { color: #660033; }
	a:active { color: #E07000; }
	a:hover	{ color: #A35200; border-bottom: 1px solid #E07000; }

	h1, h2, h3 { margin: 0px; padding: 0px; }
	
	a.img { border: 0px; text-decoration: none; }
	a:hover.img { border: 0px; text-decoration: none; }

	em { font-style: italic; }


/* area specific elements - order by presentation (for a change) */

	#banner { background: ; text-align: center; padding-top: 16px; border: 0px solid #000; padding: 0px; margin-bottom: 2px; }
		#banner a, #banner a:link, #banner a:visited, #banner a:active, #banner a:hover { font-weight: bold; font-size: 3em; color: #fff; text-decoration: none; }

	#contentwrap { background: #fff; }	
	#content { float: left; width: 530px; background: #fff; border-right: 1px dotted #C0D06C; }
	#commentcontent { width: 460px; background: #fff; }
	#centrecontent { width: 740px; background: #fff; }
		.blog { padding: 15px; }
			.date { font-size: 0.6em; color: #666; padding: 5px 3px 5px 1px; margin: 0; text-transform: uppercase; }
			.title	{ font: normal 1.6em Arial, Helvetica, sans-serif; color: #036; }	
			.blogbody { color: #555; font-size: 0.9em; padding: 5px; }
				.blogbody p { line-height: 1.6em; margin-top: 16px; }
				
				ol { margin-left: 30px; padding-left: 10px; }
				ul { margin-left: 30px; padding-left: 10px; }
				blockquote { margin: 26px; font-size: 0.96em; padding: 16px; font-style: italic; background: #f5f5f5; }
				blockquote p { font-style: italic; }
				.posted	{ font-size: 0.75em; color: #CCC; margin-bottom: 45px; margin-top: 12px; border-top: 1px dotted #dcdcdc; padding: 4px; background: #f5f5f5; }
		
				.comments { padding: 15px; width: 440px; }
				.comments-head { font-size: 0.85em;  color: #036; border-bottom: 1px solid #999; padding-left: 5px; margin-top: 20px; font-weight: bold; }		
				.comments-body { font-size: 0.8em; padding: 6px; }	
				.comments-post { background-color: #F5F5F5; font-size: 0.85em; margin-top: 8px; margin-bottom: 14px; border-top: 1px dotted #ccc; }
				.comments-details { float: left; width: 284px; padding: 6px 18px 6px 0px; margin-right: 15px; text-align: left; border-right: 1px dotted #ccc; }						
				
				input, textarea { border: 1px solid #999; padding: 4px; }

	p.content-nav { font-size: 0.8em; }			

	#sidebar { float: right; width: 215px; margin-top: 20px; font-size: 0.7em; color: #666; padding-left: 0px; padding-right: 4px; background: #fff; }
		.sidetitle { font-weight: bold; border-bottom: 1px dotted #999; margin: 30px 0 4px 0; font-family: Arial, Helvetica, sans-serif; }		
		.side { line-height: 140%; font-family: Arial, Helvetica, sans-serif; padding-left: 6px; }	
		.syndicate { line-height: 140%; padding: 2px; margin-top: 15px; }
		.powered { font-family: palatino, georgia, times new roman, serif; color: #666; line-height: 140%; text-transform: uppercase; padding: 2px; margin-top: 50px; letter-spacing: .2em; }	
		a { font-family: Arial, Helvetica, sans-serif; color: #369; }
			
	#footer { clear: left; background: #f5f5f5; border-top: 1px solid #dcdcdc; padding: 6px; font-size: 0.7em; }



/* twitter stuff */
#twitter_div { margin: 3px; font-size: 0.96em; padding: 0px; background: #f5f5f5; }
.twitter-title { font-weight: bold; border-bottom: 1px dotted #999; margin: 30px 0 4px 0; font-family: Arial, Helvetica, sans-serif;}
ul#twitter_update_list { margin-left: 0px; padding-bottom: 10px; }
ul#twitter_update_list.li { padding-bottom: 4px; }



	
/* misc and unused (legacy) elements */

	#menu { margin-bottom:15px; text-align:center; }		
				
	#links { padding:5px; border:1px solid #FFF; border-left:1px #999; }
		
	.calendar { color:#666; font-size: 0.7em; line-height: 140%; padding: 2px; text-align: left; }
	
	.calendarhead {	color:#666; font-size:0.8em; font-weight:bold; padding:2px;  text-align:left; }	
	
	

	.floatpicleft { float: left; margin-top:10px; margin-right:10px; margin-bottom:10px; }