foo
{
/* Normal */
    color:    #000000;  /*Black*/
    color:    #FFFFFF;  /*White*/
    color:    #959A93;  /*Grey*/
    color:    #547546;  /*Dark Green*/
    color:    #82A259;  /*Med Green*/
    color:    #AFC687;  /*Light Green*/
    color:    #B72A0E;  /*Red*/
  
/* Shadow */
    color:    #000000;  /*Black (Shadow)*/
    color:    #DADADA;  /*White (Shadow)*/
    color:    #81867F;  /*Grey (Shadow)*/
    color:    #496A3B;  /*Dark Green (Shadow)*/
    color:    #6F8F46;  /*Med Green (Shadow)*/
    color:    #96AD6E;  /*Light Green (Shadow)*/
    color:    #AF2206;  /*Red  (Shadow)*/
    
/* Highlights */
    color:    #FFE575;  /*Yellow Highlight*/
    color:    #BFFFFF;  /*Cyan Highlight*/
    
/* Text */
    color:    #425A96;  /*Blue Text*/
}


body
{
	font:				normal 90%/1.5 Georgia, Liberation Serif, Times New Roman, serif;
	_text-align:		center;	/*center outer div in ie5.x */
  
	background-color:    #AFC687;  /*Light Green*/
}

#outer
{
	width:				980px;
	margin:				0 auto;
	text-align:			left;
}

div#content
{
	border:				5px solid #547546;  /*Dark Green*/
	padding:			9px;
	margin-bottom:		30px;
	background-color:	#fff;
}

div#head
{
	/*background-color:	#fef;*/
}

/*
		Site map links on most pages in header, bump it up to sit
		alongside the site title
*/
div#head span
{
	float:				right;
	margin-top:			-3.00em;
  font-size:    1.25em;
  font-weight: bold;
}


#nav
{
	/*background-color:	#eff;*/
}

#side
{
	/*background-color:	#fee;*/
}

/*
	force the border of the content div to surround any floats, this
	BR is the last tag before the closing tag of that div
*/
br#clear,
div.clear
{
	clear:	both;
}

/*	defaults 
these prevent cascading and dodgy sizing, specifically in IE5.x

table, input, select, th, td { font-size: 100.01%; }
*/

ul,ol
{
	padding-left:		1em;
	margin-bottom:		1em;
}

li
{
	list-style: disc;
}

img
{
	/*display: -moz-inline-box;
	display: inline-block;*/
	border-style:	none;
}

a
{
	color:		#547546;  /*Dark Green*/
}


a:focus,
a:active		/* IE! */
{
	background-color:		#547546;  /*Dark Green*/
	color:		#FFF;
}

a.CC_Image:focus,
a.CC_Image:active		/* IE! */
{
	background-color:		transparent;
	color:		inherit;
}


	
a img
{
	border: 2px solid #CCC;
	padding: 2px;
}

a:hover img,
img.AutoThumb:hover
{
	border: 3px solid #99C;
	padding: 2px;
}
	
	
/*
	big cyclomedia at top, may also be a link home
*/
h1
{
	font-family:		Garamond,Liberation Sans,Times New Roman,Serif;
	font-size:			2.5em;
	margin:				0.066em 0;
	letter-spacing:		1.0em;
}

h1 a
{
	text-decoration:	none;
	color:				black;
}



/*
	page titles
*/
h2
{
	font-size:			1.5em;
	margin-bottom:		0.66em;
	/*letter-spacing:		0.25em;*/
	color: 		#B72A0E;  /*Red*/
}

/*
	article titles
*/
h3
{
	font-size:			1.33em;
	margin-bottom:		0.75em;
}


/*
  article subtitles
*/
h4
{
	font-size:	1.25em;
	margin-bottom:		0.8em;
}

/*
  date / link items
*/
h5
{
	font-size:	1.0em;
	margin:		0;
	font-weight: bold;
	color: 		#82A259;  /*Med Green*/
}

/*
	Code blocks
*/
pre
{
	/*margin: 1em 2em;*/
	font:		normal 0.8em lucida sans typewriter, lucida console, monospace, courier;
	color:	#B72A0E;  /*Red*/
  padding:  1em;
}

pre em
{
	text-decoration: none;
	font-weight:	normal;
	color:		#425A96;  /*Blue Text*/
}

p
{
	margin-bottom: 1em;
}

table
{
	border-collapse:	collapse;
}

td
{
	vertical-align:	top;
	text-align:	left;
	padding:	2px;
}

th
{
	vertical-align:	top;
	text-align:	right;
	padding:	2px;
}



/*
	centered div on manual / howto pages usually containing example code or a table
*/
div.figure
{
	 width: 90%;
	 margin: 1em auto; 
	 overflow: auto;		/*for wide fixed-width code*/
}

/*
	as figure but with a centered image
*/
div.screenshot
{
	width: 90%;
	margin: 1em auto;
	text-align: center;
	overflow: auto;		/*for wide fixed-width code*/
}

div.screenshot img
{

	border: 3px solid #82A259;  /*Med Green*/
	padding: 2px;
}

pre.code
{
	background-color:	#FFE575;  /*Yellow Highlight*/
}

pre.ascii
{
  background-color:    #BFFFFF;  /*Cyan Highlight*/
	color:	#425A96;  /*Blue Text*/
}





table.border,
table.border th
{
	border:		1px solid #959A93;  /*Grey*/
	text-align: left;
	vertical-align: top;
}

table.border td
{
	border:		1px solid #959A93;  /*Grey*/
	text-align: left;
	vertical-align: top;	
}

table.border
{
	margin: 0 auto;
}



table.formtable
{
	border:		none;
	margin: 0 auto;
}

table.formtable th
{
	border:		none;
	text-align: left;
	vertical-align: top;
}

table.formtable td
{
	border:		none;
	text-align: left;
	vertical-align: top;	
}


/*
	For Chan Reference Pages
*/
table.members
{
	border:		1px solid #DDD;
	margin: 0 auto;
}

table.members td,
table.members th
{
	border:		1px solid #DDD;
	text-align: left;
	vertical-align: top;	
}

/*
	each reference panel
*/
div#tp div.CC_Panel
{
	min-height: 400px;
	_height: 400px;
}




/* ---------------------------------------------- */

/* Blog */

/*
	Main content
*/
div#blog_content
{
	float: left;
	width:		690px;
}


div#blog_content div.article
{
  /* outline:  1px solid #000000; */
	border:		1px solid #959A93;  /*Grey*/
  /*border-left: 2px solid #959A93;  Grey*/
  /*border-top: 2px solid #DADADA;  White (Shadow)*/
  background-color: #FFFFFF;  /*White (Shadow)*/
	padding:	5px;
	margin-bottom: 10px;
}

div#blog_content div.article h3
{
	margin-bottom: 0;
  text-align: center;
}

div#blog_content div.article h5
{
  margin-bottom: 1em;
  text-align: center;
}



/*
	Category List
*/
div#blog_cats
{
	float: right;
	clear: right;
	border:		1px solid #959A93;  /*Grey*/
	width:		240px;
	padding:	5px;
	margin-bottom: 10px;
}

/*
	Most-Recent Article List
*/
div#blog_recent
{
	float: right;
	clear: right;
	border:		1px solid #959A93;  /*Grey*/
	width:		240px;
	padding:	5px;
	margin-bottom: 10px;
}

/*
	Twitter Feed
*/
div#twitter_div
{
	float: right;
	clear: right;
	border:		1px solid #959A93;  /*Grey*/
	width:		240px;
	padding:	5px;
	margin-bottom: 10px;
}


/* ---------------------------------------------- */
/*                     Discuss                    */
/* ---------------------------------------------- */

/*
	Main content
*/
div#discuss_content
{
  width: 640px;
  margin: 0 auto;
}


div#discuss_content div.comment
{
  border:		1px solid #959A93;  /*Grey*/	
	padding:	5px;
	margin-bottom: 10px;
}

div#discuss_content div.comment h5
{
	text-align: right;
}

div#discuss_content div.comment.cyclomedia
{
  border:		1px solid #B72A0E;  /*Red*/	
	padding:	5px;
	margin-bottom: 10px;
}

div#discuss_content div.comment.cyclomedia h5
{
	color: #B72A0E;  /*Red*/	
}
/*
	Post A Comment
*/
div#discuss_post
{
  width: 628px;
  margin: 0 auto;
  margin: 0 auto;
	border:		1px solid #959A93;  /*Grey*/
	padding:	5px;
	margin-bottom: 10px;
}

#recaptcha_widget_div,
#recaptcha_table,
#recaptcha_area
{
	margin: 0 auto;
}

/* ---------------------------------------------- */
/*                                                 */
/* ---------------------------------------------- */



div.center
{
	text-align: center;
}

table.center
{
	margin:	0 auto;
}


/*
	Chan Reference Live Demo Disclaimer
*/
p.disclaimer
{
	color: #959A93;  /*Grey*/
}


/*
	ADMIN
*/

/*
	horizontal row of buttons etc, usually a div or td
*/
/*
.toolbar
{
	vertical-align: middle;
}

.toolbar img,
.toolbar input,
.toolbar select
{
	vertical-align: middle;
}*/

.toolbar a img
{
	border: none;
	padding: 0;
}

#lnkPermalink, 
body#admin img
{
	padding: 0;
	border: none;
}


body#admin div.Chan_TabPanel
{
	width: 700px;
	margin: 0 auto;
}

body#admin div.Chan_Panel
{
	height: 400px;
}

body#admin table.formtable
{
	width: 650px;
}

body#admin textarea#txtContents
{
	width: 650px;
	height: 350px;
	font-family: lucida sans typewriter, lucida console, monospace, courier;
}