﻿html {
	background-color:	#eeeeee;
}

body {
	background-color:	#eeeeee;
	text-align:			center;
	width:				100%;
	font-family:		Verdana, Arial, Serif;
	font-size:			62.5%;
	color:				#717171;
}

/* Basic Defaults */

h1 {
	display:		block;
	width:			560px;
	height:			140px;
	text-indent:	-9999px;
	background-image:	url(/content/images/logo.png);
	background-repeat:	no-repeat;
	margin:			20px 0 0 0;
}

h2 {
	font-size:		1.4em;
	font-weight:	bold;
	text-transform:	uppercase;
	padding:		0 0 10px 0;
}

h3 {
	font-size:		1.2em;
	font-weight:	bold;
	text-transform:	uppercase;
	padding:		0 0 10px 0;
}

p {
	font-size:		1.2em;
	padding:		0 30px 10px 30px;
}

a {
	color:	#ff0090;
}

a.tweetme {
	padding-left:	20px;
	background-image:	url(/content/images/icon_twittertiny.png);
	background-repeat:	no-repeat;
	background-position:	5px 0px;
}	

strong {
	font-weight:		bold;
}

/* End Basic Defaults */

#container {
	width:			560px;
	margin:			0 auto;
	text-align:		left;
}

#content {
	width:			560px;
	float:			left;
	background-color:	#ffffff;
}

	#content #header {
		width:			500px;
		margin:			0 30px 30px 30px;
		border-top:		1px solid #dddddd;
		border-bottom:	1px solid #dddddd;
		padding:		10px 0 10px 0;
	}
	
	#content #header p {
		padding:		0;
		font-size:		1.1em;
		text-align:		center;
		font-family:	Verdana, Arial, Serif;
	}

	#content div.posterous {
		padding:		0 30px 20px 30px;
		font-size:		1.0em;
		background-color:	#f7f7f7;
	}
	
	#content div.posterous:hover {
		background-color:	#ffffff;
	}
	
	#content div.posterous h2 {
		padding:		20px 0 0 0;
		font-size:		1.6em;
		text-transform:	uppercase;
	}
	
	#content div.posterous h3 {
		padding:		20px 0 0 0;
		text-transform:	uppercase;
	}
	
	#content div.posterous h4 {
		padding:		20px 0 0 0;
		text-transform:	uppercase;
		font-weight:	bold;
	}
	
	#content div.posterous p {
		padding:		0 0 10px 0;
		font-size:		1.1em;
	}
	
	#content div.posterous p.timestamp {
		padding:		5px 0 10px 0;
		font-size:		1.0em;
		color:			#aaaaaa;
	}
	
	#content div.posterous ul.metasummary {
	
	}
	
	#content div.posterous ul.metasummary li {
		list-style-type:	none;
		display:		inline;
		padding:		0 15px 0 0;
	}
	
	#content div.posterous label {
		float:			left;
		padding:		5px;
		font-size:		1.1em;
		width:			80px;
	}
	
	#content div.posterous input[type="text"] {
		padding:		5px;
		float:			left;
		font-size:		1.1em;
		width:			200px;
		margin-bottom:	5px;
	}
	
	#content div.posterous input[type="submit"] {
		padding:		5px;
		float:			left;
		font-size:		1.0em;
		margin:			0 0 20px 90px;
		background-color:	#ff0090;
		border:			0;
		color:			#ffffff;
	}
	
	#content div.posterous textarea {
		padding:		5px;
		float:			left;
		font-size:		1.1em;
		width:			380px;
		height:			120px;
		font-family:	Verdana, Arial, Serif;
		margin-bottom:	5px;
	}
	
	#content hr {
		border:			0;
		display:		block;
		width:			560px;
		background-color:	#eeeeee;
		padding:		10px 0 10px 0;
		margin:			0;
	}

	
	#footer {
		margin:			30px 0 25px 0;
	}

	#footer p {
		font-size:		1.0em;
		padding:		0 30px 5px 30px;
	}
	
	#footer img {
		float:			right;
		margin-left:	5px;
	}
	
	#footer img.shifty {
		margin-top:	-3px;
	}


.clearFix {
	clear:			both;
}