/* Begin Typography & Colors */

body {

	font-size: 55.5%; /* Resets 1em to 10px */

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

	background-color: white;

	color: #333;

	text-align: left;

	margin-top:0;

	}



#page {

	background-color: white;

	text-align: left;

	text-align: left;

	margin-top:0;

	}



#content {

	font-size: 1.2em

	}









.alt {

	background-color: white;

	border-top: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

	}











h1, h2, h3 {

	font-family: 'Verdana', 'Lucida Grande', Verdana, Arial, Sans-Serif;

	font-weight: bold;

	}



h1 {

	font-size: 4em;

	text-align: left;

	color:#FF9966;

	}







h2 {

	font-size: 1.0em;

	color:#a90041;

	}



h2.pagetitle {

	font-size: 1.6em;

	color:#0099FF ;

	}





h3 {

	font-size: 1.3em;

	color:#FF0000

	}









acronym, abbr, span.caps

{

	font-size: 0.9em;

	letter-spacing: .07em;

	}



a, h2 a:hover, h3 a:hover {

	color: #a90041;

	text-decoration: none;

	}



a:hover {

	color: #000000;

	text-decoration: underline;

	}

	











/* Begin Structure */

body {

	margin: 0;

	margin-top: 0;

	}



#page {

	background-color: white;

	width: 350px;

	margin-top: 0;

	}

	

#header {

	padding: 0;

	margin: 0 auto;

	width: 350px;

	background-color: white;

	}









	

.post {

	text-align: left;

	}



.widecolumn .post {

	margin: 0;

	margin-top: 0;

	}



	

/* End Structure */







/*	Begin Headers */

h1 {

	padding-top: 0px;

	margin: 0;

	}



.description {

	text-align: left;

	}



h2 {

	margin: 0px 0 0;

	}



h2.pagetitle {

	margin-top: 0px;

	text-align: left;

}







h3 {

	padding: 0;

	margin: 0px 0 0;

	}



h3.comments {

	padding: 0;

	margin: 0px auto 0px ;

	}

/* End Headers */







/* Begin Images */

p img {

	padding: 0;

	max-width: 550px;

	}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */

	

img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}

	

img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}

	

.alignleft {

	float: left

	}

/* End Images */







/* Begin Lists



	Special stylized non-IE bullets

	Do not work in Internet Explorer, which merely default to normal bullets. */



html>body .entry ul {

	margin-left: 0px;

	padding: 0 0 0 30px;

	list-style: none;

	padding-left: 10px;

	text-indent: -10px;

	} 



html>body .entry li {

	margin: 7px 0 8px 10px;

	}













/* End Entry Lists */





















/* Begin Various Tags & Classes */

acronym, abbr, span.caps {

	cursor: help;

	}



acronym, abbr {

	border-bottom: 1px dashed #999;

	}





.center {

	text-align: left;

	}



hr {

	display: none;

	}



a img {

	border: none;

	}



/* End Various Tags & Classes*/







/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.

	It won't be a stylish marriage, I can't afford a carriage.

	But you'll look sweet upon the seat of a bicycle built for two." */

