body
{
	background-color: #1e1e1e;
	color: #a3bfc2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin: 0px;
	padding: 0px;
}

img
{
	border: none;
}


/********

DEBUG STYLES


div { border:1px solid yellow}
div div { border:1px solid green}
div div div { border:1px solid blue}
div div div div { border:1px solid fuschia}
ul, ol {border: 1px solid red}

*********/

/********

TEXT

*********/

	h1,h2,h3,h4,h5,
	p, ul li, blockquote {
		line-height: 1.6em;
	}
	
	h1
	{
		font-size: 1.6em;
		font-weight: bold;
		margin: 0em 0em .5em 0em;
		text-decoration: none;
		color: #ff2442;
	}
	
	h2 {
		font-size: 1.5em;
		margin: 1.2em 0 .8em 0;
		font-family: Consolas, Lucida Console, Monaco, Courier New;
		color: #ff2442;
	}
	
	h3 {
		font-size: 1.2em;
		margin: 1.2em 0 .8em 0;
		font-family: Consolas, Lucida Console, Monaco, Courier New;
	}
	
	a, a:visited, a:link
	{
		color: #aee2af;
		text-decoration: none;
	}
	a:hover
	{
		text-decoration: underline;
	}
	
	/* just a color... changed instances of "alt" for post date, time etc to use "postinfo" */
	.alt
	{
		color: #c4b9b0;
	}
	/* use for post dates, times, author etc */
	.postinfo {
		color: #c4b9b0;
		font-size: .85em;
	}

/***********

TABLE-BASED LAYOUT

************/

	#layout-table
	{
		width: 100%;
		border: none;
	}
	
	#header
	{
		padding-top: 65px;
		padding-left: 50px;
	}
	
	#content
	{
		vertical-align: top;
	}
	
	#sidebar
	{
		width: 100%;
		vertical-align: top;
		background-color: #2e2d2d;
		padding: 0;
	}
	
	#footer
	{
		background-color: #1d2224;
		background-image: url(../images/structure/ft_bkg.gif);
		background-position: top left;
		background-repeat: repeat-x;
		/* temp to enforce min-height */
		height: 275px;
	}
	
	#footer-layout
	{
		width: 965px;
	}
	
	#footer-layout td
	{
		width: 33%;
		padding: .5em 25px;
		vertical-align: top;
	}
	
	#footer-bottom
	{
		background-color: #1d2224;
		background-image: url(../images/structure/ft_bottom-bkg.gif);
		background-position: top left;
		background-repeat: repeat-x;
		padding-left: 25px;
		/* temp to enforce min-height */
		height: 70px;
	}

/***********

POST

************/

	#post
	{
		width: 640px;
	}
	
	/* rather than individually adding padding to children of #post (doing so causes problems when elements are nested), we'll just add a div called postbody around its children*/
	/*
	#post div, #post p, #post h2, #post h3, #post h4
	{
		padding-left: 25px;
		padding-right: 25px;
	}
	*/
	
	/* body of post, no header/title/image */
	.postbody {
		margin: 0 50px; /* left and right margin of 50 aligns with post titles*/
	}
	
	#post blockquote
	{
		margin-left: 2em;
		margin-bottom: 2em;
		border-left: 6px solid #402420; 
	
		background-image: url(../images/structure/quote_bkg.gif);
		background-repeat: no-repeat;
		background-position: 10px 10px;
		background-color: #343c3d;
		
		padding: .2em 1em .2em 2em;
		
		width: auto;
	}
	
	#post ul, #post ol
	{
		margin-left: 2em;
		padding-right: 25px;
	}
	
	#post li
	{
		list-style-image: url(../images/structure/bullet.gif);
		padding-left: 1.2em;
		margin: 1.2em 0px;
	}
	
	#comment
	{
		margin: 4em 50px 0em 50px;
	}
	
	#comment .commentblock
	{
		margin: 1em 0px;
		padding: 1em;
		background-color: #162022;
		background-image: url(../images/structure/comment_bkg.gif);
		background-repeat: no-repeat;
		border-top: 2px solid #402420;  /* a3bfc2 */
		border-left: 2px solid #402420;
		border-right: 1px solid #401410; /* 505e5f */
		border-bottom: 1px solid #401410;
		min-height: 60px;
	}
	
	.commentblock .authorImage
	{
		border: solid 1px #666666;
		width: 48px;
		height: 48px;
		margin: .5em 1.1em .5em 0;
		float: left;
	}


	blockquote blockquote,
	blockquote blockquote blockquote
	{
		background-image: none;
		border: none;
		margin: 1em 0 1em inherit;
	}
	
	.postaction {
		display: block;
		padding: 5px 1em;
		margin: 1em 0;
		border-left: 1px solid #e33149;
	}
	
	.postaction:hover,
	.next:hover,
	.previous:hover {
		background-color: #2e2d2d;
	}
	
	.next, .previous {
		padding: 5px 1em;
		margin: 1em 0;
		display: block;
		width: 120px;
	}
	
	.next {
		float: right;
		text-align: right;
	}
	
	.previous {
		float: left;
		text-align: left;
	}
	
#post table
{
	background: #2c2d2d;
	border: 1px solid #e33149;
}

#post table tr td
{
	vertical-align: top;
	padding: .5em;
	border: 1px dashed #1e1e1e;  	
}

/***********

POD

************/

	table.pod_alt
	{
		width: 294px;
		padding: 0em;
		margin: 1em 2em;
	}
	
	table.pod_alt tr
	{
		padding: 0em;
		margin: 0em;	
	}
	
	/** ROW 1 **/
	
	table.pod_alt .cell_1x1
	{
		width: 19px;
	}
	
	table.pod_alt .cell_1x2
	{
		width: 266px;
	}
	
	table.pod_alt .cell_1x3
	{
		width: 9px;
	}
		
	/** ROW 2 **/

	table.pod_alt .cell_2x1
	{
		background-image: url(../images/pod/grid_2x1_frame.gif);
		background-position: top left;
		background-repeat: repeat-y;
	}
	
	table.pod_alt .cell_2x2
	{
		background-image: url(../images/pod/grid_2x2_background.gif);
		background-position: top left;
		background-repeat: repeat;
		background-color: #bbc3c9;
		min-height: 100px;
		padding: .5em .75em .5em .25em;
		
	}
	
	table.pod_alt .content
	{
		font-size: 1em;
		color: #393939;
		font-family: Consolas, Lucida Console, Monaco, Courier New;
		font-weight: 500;
		vertical-align: top;
	}
	
	table.pod_alt .content a
	{
		color: #393939;
		text-decoration: none;
	}
	
	table.pod_alt .content a:hover
	{
		text-decoration: underline;
	}
	
	table.pod_alt .content ul
	{
		margin: 0em .5em;
		padding: 0em;
	}
	
	table.pod_alt .content li
	{
		line-height: 1em;
		margin: .75em 0em;
		list-style-type: none;
	}
	
	table.pod_alt .cell_2x3
	{
		background-image: url(../images/pod/grid_2x3_frame.gif);
		background-position: top left;
		background-repeat: repeat-y;
	}
	
	/** ROW 3 **/
	
	table.pod_alt .cell_3x1
	{
		width: 294px;
		height: 10px;
	}

/***********

DATES

************/

	dl.date dt
	{
		float: left;
		margin: 0 .5em 0 0;
		background-image: url(../images/icons/dateBkg.gif);
		/*background-color: #aee2af;  remove this color when the image is added */
		background-repeat: no-repeat;
		width: 50px;
		height: 45px;
		font-size: 11px;
		padding-top: 6px;
		color: #324a53!important;
	}
	
	dl.date dt span
	{
		color: #324a53;
		text-align:center;
		text-transform: uppercase;
		display: block;
		line-height: 1em;
	}
	
	dl.date dt span.month, dl.date dt span.year
	{
		font-size: 10px;
	}
		
	dl.date dt span.day
	{
		font-size: 14px;
		font-weight: bold;
	}
	
	dl.date dd
	{
		height: 50px;
		margin: 0 0 .5em 60px; /* 2/29/08 rm added 60px right margin for correct display in safari*/
	}
	
	dl.date dd div.title
	{
		text-transform: uppercase;
	}
	
/***********

TWITTER POD

************/

	/* Output: <h2 class="twitterUpdates">Twitter Updates</h2> */
	h2.twitterUpdates {}
	
	/* Wrapper around twitter data */
	#twitter_div {}
	
	/* Most people will want to set the list style to none */
	ul#twitter_update_list {}
	
	/* Twitter post is in the li */
	#twitter_div li
	{
		font-size: 1.2em;
		line-height: 1.2em;
	}
	
	/* Follow me link can be turned off or displayed above or below list items */
	#followMe {}
	
	/* I added support for auto linking usernames and hyperlinks with entry */
	#twitter_div a {}
	
	/* time block can be treated seperatly */
	.fuzzyTime
	{
		display: block;
		font-size: .7em;
	}