/* SECTION: RESET */
/* See <http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/> */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body
{
	line-height: 1;
}
ol,ul
{
	list-style: none;
}
blockquote,q
{
	quotes: none;
}
:focus
{ /* remember to define focus styles! */
	outline: 0;
}
ins
{ /* remember to highlight inserts somehow! */
	text-decoration: none;
}
del
{
	text-decoration: line-through;
}
table
{ /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: collapse;
	border-spacing: 0;
}

/* SECTION: TYPE */
/* See <http://www.webtypography.net/Harmony_and_Counterpoint/Size/3.1.1/> */
/* 16x2.25 = 36px
   16x1.5 = 24px
   16x1.125 = 18px
   16x0.875 = 14px
   16x0.75 = 12px
   16x0.6875 = 11px
   16x0.625 = 10px */
body
{
	color: #444;
	font-family: Verdana,Helvetica,Arial,sans-serif;
}
h1,h2
{
	font-family: Helvetica,Arial,sans-serif;
}
h1
{
	font-size: 1.375em;
	font-weight: normal;
	line-height: 115%;
}
h2
{
	font-size: 1.0625em;
	font-weight: normal;
	line-height: 115%;
}
h3
{
	font-size: 0.875em;
	line-height: 145%;
}
h4
{
	font-size: 0.75em;
	line-height: 145%;
}
p,ul,ol,th,td
{
	font-size: 0.75em;
	line-height: 165%;
}
ul p,ul ul,ul ol,ol p,ol ul,ol ol
{
	font-size: 100%;
}
h1,h2,h3,h4,h5,h6,p,ul,ol,hr
{
	margin-top: 1.25em;
}
blockquote
{
	font-style: italic;
	padding-left: 1.75em;
	padding-right: 1em;
}
ul
{
	list-style: square;
	padding-left: 1.75em;
}
ol
{
	list-style-type: decimal;
	padding-left: 2.25em;
}
ul ul,ol ul,ul ol,ol ol
{
	margin-bottom: 1em;
	margin-right: 2em;
}
li
{
}
table
{
	margin-bottom: 1em;
	margin-top: 1em;
	width: 100%;
}
th
{
	padding-bottom: 0.75em;
	text-align: left;
}
td
{
	border-top: 1px solid #ccc;
	padding: 0.5em 1em 0.5em 0;
}
hr
{
	display: none;
}

/* SECTION: LINKS */
a:link,
a:visited,
a:hover,
a:active
{
	color: #39c;
	text-decoration: none;
}
a:hover
{
	color: #124187;
	text-decoration: underline;
}
.permlink a:link,
.permlink a:visited,
.permlink a:hover,
.permlink a:active
{
	color: #39c;
}
.permlink a:visited
{
	color: #999;
}
.permlink a:hover
{
	color: #124187;
}

/* SECTION: STRUCTURE */
body
{
	text-align: center;
}
#page
{
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 750px;
}
	#header
	{
		margin-top: 40px;
	}
	#content
	{
	}
		#leftside
		{
			float: left;
			padding: 15px 0;
			width: 200px;
		}
			#leftside #facebook
			{
				margin-top: 1em;
			}
			/*#leftside #blurbs
			{
			}*/
			#leftside #banners
			{
				margin-top: 1.75em;
			}
		#rightside
		{
			float: left;
			padding: 15px 0;
			padding-top: 0;
			padding-left: 50px;
			width: 500px; /* see HACK below */
		}
	#footer
	{
	}
		#footer p
		{
			border-top: 1px solid #ccc;
			clear: both;
			font-size: 0.6875em;
			height: 1%; /*haslayout*/
			margin-left: 250px;
			padding-bottom: 2em;
			padding-top: 1em;
		}

/* SECTION: SIDEBAR */
#leftside
{
	margin-top: 0.4em;
	line-height: 145%;
}
	#leftside h2
	{
		color: #124187;
		margin-top: 1em;
	}
	#leftside p
	{
		font-size: 0.6875em;
		margin-top: 0.5em;
	}
	#leftside ul
	{
		font-size: 0.6875em;
		line-height: 145%;
		margin-top: 0.5em;
	}
		#leftside li
		{
		}
		#leftside li a
		{
			display: block;
			height: 1%; /*haslayout*/
			padding-top: 0.2em;
			padding-bottom: 0.2em;
		}
		#leftside li .active
		{
			color: #124187;
			font-weight: bold;
		}

/* SECTION: NODE */
.postnodelist,
.postnodeexcerpt,
.postnode,
.staticnode
{
	margin-top: 1.5em;
}
	.postnodelist h1,
	.postnodeexcerpt h1,
	.postnode h1,
	.staticnode h1
	{
		color: #124187;
	}
.postnodelist
{
}
.postnodeexcerpt
{
}
.postnode
{
	padding-bottom: 3em;
}
	.title
	{
		margin-left: 55px;
		padding-bottom: 0.25em;
	}
	.postnodelist .title
	{
		padding-bottom: 0.5em;
	}
		.title h1,
		.title p.permlink
		{
			margin: 0;
		}
		.title h1 a
		{
			color: #124187;
			display: block;
		}
		.title p
		{
			line-height: 145%;
		}
		.title p.permlink a
		{
			display: block;
		}
		.title p.meta
		{
			color: #999;
			font-family: Verdana,Helvetica,Arial,sans-serif;
			font-size: 0.6875em;
			margin-top: 0.25em;
		}
	.date
	{
		background: url(../images/date.gif) no-repeat 0 0;
		float: left;
		height: 50px;
		text-align: center;
		width: 45px;
	}
		.date span
		{
			display: block;
			margin-right: 2px;
		}
		.date span.month
		{
			color: #fff;
			font-family: "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
			font-size: 10px;
			padding-top: 2px;
			text-transform: uppercase;
		}
		.date span.day
		{
			font-family: Helvetica,Arial,sans-serif;
			color: #aaa;
			font-size: 21px;
			padding-top: 6px;
		}
.staticnode
{
	padding-bottom: 2em;
}
.filenode
{
}
.linknode
{
}
	.linknode ul
	{
	}
		.linknode ul li
		{
		}
		.linknode ul p
		{
			margin-top: 0;
		}
		.linknode ul p.desc
		{
		}

/* SECTION: COMMENTS */
h2.comments_invite
{
	color: #ccc;
}
#comments
{
}
	ol.comments
	{
	}
		ol.comments li
		{
			padding-bottom: 1.25em;
		}
		ol.comments li .label
		{
			font-size: 0.83em;
			font-style: italic;
		}
		ol.comments li#cpreview
		{
			color: #39c;
		}
	#comments table
	{
		margin-top: 1.25em;
	}
		#comments td
		{
			vertical-align: top;
		}
		#comments td.right
		{
			text-align: right;
		}
			#comments td label
			{
				font-size: 0.83em;
			}
			#comments input,
			#comments textarea
			{
				width: 340px;
			}
			#comments textarea
			{
				height: 11em;
			}
			#comments #txpCommentPreview,
			#comments #txpCommentSubmit
			{
				float: none;
				width: auto;
			}
	#comments .error
	{
		color: #c00;
		list-style-type: none;
		padding-left: 0;
	}
		#comments .error li
		{
			background-color: #fff0f0;
			border: 1px solid #c00;
			margin-top: 0.5em;
			padding: 0.5em 1em;
		}

/* SECTION: HELPER */
.trail
{
	border-bottom: 1px solid #ccc;
	color: #ccc;
	font-size: 0.6875em;
	margin-top: 1.9em;
	padding-bottom: 0.5em;
}
	.trail a:link,
	.trail a:visited,
	.trail a:hover,
	.trail a:active
	{
		color: #124187;
		padding: 0.5em 0;
	}
	.trail a:hover
	{
		color: #124187;
	}
.back
{
	margin-top: 3em;
}
.download,
.hilite
{
	background-color: #e1f0f7;
	/*border: 1px solid #b3d9ec;*/
	display: block;
	padding: 0.75em 1em;
}
.go
{
	background-image: url(../images/go.gif);
	background-repeat: no-repeat;
	background-position: 0.75em 50%;
	padding-left: 2em;
}
.time
{
	background: #e1f0f7 url(../images/time.gif) no-repeat 3px 50%;
	/*border: 1px solid #b3d9ec;*/
	padding: 2px 5px;
	padding-left: 22px;
}
.imageborder
{
	border: 1px solid #ccc;
}
.imageleft
{
	float: left;
	padding-top: 0.35em;
	margin-right: 1em;
}
.imageright
{
	float: right;
	padding-top: 0.35em;
	margin-left: 1em;
}
.clear
{
	clear: both;
}

/* SECTION: HACK */
/* SBMH hack */
#rightside {  width: 500px; } /* browsers with no escapes at all */
#rightside { \width: 550px; } /* IE5/Win */
#rightside { w\idth: 500px; } /* nice browsers */

