/* CSS Document */

body {
	background-color: #2c2d2d;
	/* primary foreground color */
	color: #a3bfc2;
	/* primary font family */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

a
{
	color: #aee2af;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}

#hd {
	margin: 0px;
	padding-top: 65px;
	padding-left: 2em;
	background-color: #1e1e1e;
}

#bd {
	background-color: #1e1e1e;
}

#sidebar
{
	background-color: #2c2d2d;
	margin-left: 0px;
}

/*
#nav {
	min-width: 300px;
}
#nav ul {
	float: left;
	margin: 15px 1em;
}


.pod {
	background-image: url(../images/structure/pod_bkg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	padding: 1em;
	border: 6px solid #213639;
	margin: 2em 0 2em 1em;
	font-size: 80%;
	text-transform: uppercase;
}

.pod h2 {
	margin: 0 0 1.5em 0;
}
*/

#post, #comment
{
	margin: 0px;
}

.commentblock
{
	margin: 1em 0;
	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;
}

#comment h1
{
	font-size: 125%;
}

.messageblock
{
	margin: 1em 0;
	padding: 5px 5px 5px 55px;
	background-color: #162022;
	border-top: 2px solid #402420;  /* a3bfc2 */
	border-left: 2px solid #402420;
	border-right: 1px solid #401410; /* 505e5f */
	border-bottom: 1px solid #401410;
	min-height: 30px;
	vertical-align: middle;
	color: #ffffff;
}

.messageblockerror
{
	background-image: url(../images/structure/error_icon.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	min-height: 45px;
}

.footpod {
	margin: 5em 0 2em 1em;
	border-left: 1px dotted #afc7d1;
	padding: 0 0 0 2em;
}

#extra {
	background-image: url(../images/structure/foot_bkg.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #223235;
	min-width: 600px;
}

#ft {
	height: 4em;
	background-color: #223235;
	border-top: 6px solid #60777a;
	padding: 1em 2em;
}

.divider {
	border-bottom: 1px dotted #afc7d1;
	height:0px;
	width: 100%;
	margin: 0 0 0 1em;
}

/* TEXT */

h1,h2,h3,h4,h5,
p, ul li, blockquote {
	line-height: 1.8em;
}

h2 {
	margin: 0 0 1.5em 0;
}

h1
{
	font-size: 150%;
	font-weight: bold;
	margin: 0em 0em .5em 0em;
	text-decoration: none;
	color: #aee2af;
}


#post
{
	color: #FFFFFF;
}

/* TODO: on the home page these interfere with the dates - which do you want to keep? */
.authorImage
{
	border: solid 1px #666666;
	width: 48px;
	height: 48px;
	margin: .5em 1.1em .5em 0;
	float: left;
}



#post p {
	margin: 0 0 1.5em 0;
}

#post h2
{
	font-size: 1.1em;
	font-weight: bold;
	margin: 0em 0em .5em 0em;
	text-decoration: none;
	color: #F3B1B1;
}

#post ul li
{
	list-style-type: disc;
	margin-left: 2em;
	margin-bottom: 1em;
}

#post strong
{
	font-weight: bold;
}

#post table
{
	background: #2c2d2d;
}
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: top left;
	background-color: #343c3d;
	padding-left: 2em;
	width: auto;
}

blockquote blockquote,
blockquote blockquote blockquote {
	background-image: none;
	border: none;
	margin: 1em 0 1em inherit;
}

/* TODO: the header above each post - author name, # of comments, etc needs to be marked up as h4 */
#post h4 {
	font-weight: normal;
	font-size: .85em;
	margin: 0 0 1em 0;
}

code {
	font-family: "Courier New", Courier, monospace;
	color: #99c39a;
	padding: 1em;
	margin: 1em 1em 1em 2em;
	background-color: #1f2e31;
	border-top: 3px solid #2d4248;
	border-bottom: 3px solid #2d4248;	
}

/*this style is duplicated above in the #post definition
	color: #FFFFFF;
*/

/* LIST IMAGES */ 

ul.tags {
	list-style-image: url(../images/icons/tag_blue_16.gif);
}


ul.cf {
	list-style-image: url(../images/icons/cf_blue_16.gif);
}

ul.bookmark {
	list-style-image: url(../images/icons/website_blue_16.gif);
}
.footpod h3
{
	font-size: 110%;
	margin: .5em 0;
}

ul.tags li,
ul.cf li,
ul.bookmark li {
	margin-left: 2em;
	padding-left: .5em;
}

/* graphic dates */
/*
dl.date {
	margin: 0 0 1em 0;
	height: 50px;
	clear: both;
}
*/
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;
}

dl.preso dt {
	float: left;
	clear: left;
	margin: 0 1em 0 0;
}

dl.preso dd {
	clear: right;
}

#logo {
	float: right;
}
#logo img
{
	margin: 0 .2em;
}

/* EXT dialog / cf window styles (comment window) */
.x-dlg-bd
{
	background-color: #d4e2d0;
	background-image: url(../images/structure/comment_bkg.png);
	background-repeat: no-repeat;
	background-position: top right;
	/* primary foreground color */
	/*color: #a3bfc2;*/
	color: #213639;
	/* primary font family */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	border: none;
}

.x-dlg-bd h2 {
	font-size: 1.3em;
	font-weight: bold;
	color:  #FFF;
}	

.x-dlg-bd p
{
	margin: 0 0 1em 0;
	color: #213639;
}

.x-dlg-bd form {
	margin: 1em;
}

.x-dlg-bd input.button {
	margin: 1em 0;
	padding: .5em;
	background-color: #213639;
	border: 2px outset #a3bfc2; 
	color: #a3bfc2;
	font-size: 1.2em;
	cursor: pointer;
}

form .note {
	font-size: .8em;
}

a.reply {
	background-image: url(../images/nav/button_action_bkg.jpg);
	background-repeat: repeat-x;
	background-color: #8d2012;
	border: 2px solid #2a3f44;
	padding: 5px 1em;
	font-size: .85em;
	text-transform: uppercase;
	display: block;
	width: 8em;
	text-align: center;
}
a.reply:hover {
	text-decoration: none;
	background-image: url(../images/nav/button_action_bkg_hover.jpg);
	background-repeat: repeat-x;
	background-color: #be371f;
	border: 2px solid #405f66;
}

/********

POD

*********/

table.pod_alt
{
	width: 294px;
	padding: 0em;
	margin: 0em 0px 0em 30px;
}

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 li
	{
		line-height: 1em;
		margin: .75em 0em;
	}

	
	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;
	}