HTML, BODY { 
	margin: 0; 
	padding: 0; 
	text-align: center; 
	background: #666 url(../img/bg.gif) repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.84em;
	line-height: 1.4em;
	color: #222102;
	} 
	
A 			{ color: #666; text-decoration: underline; }
A:link		{ color: #CD4036; text-decoration: underline; }
A:visited	{ color: #C96; text-decoration: underline; }
A:active	{ color: #F00; }
A:hover		{ color: #C96; }

PRE {
	font-family: monospace;
	font-size: 120%;
	}

/* ----------- page ---------- */

#bg { 
	background: transparent url(../img/bg-shadow.gif) center repeat-y;
	}
	
#pagewidth { 
	width: 758px; 
	text-align: left; 
	min-width: 500px;
	margin-left: auto; 
	margin-right: auto;
	} 

/* ----------- header ---------- */

#header { 
	height: 188px; 
	width: 100%; 
	background-color: #933; 
	} 
 
#header-left { 
	float: left;
	width: 380px;
	background-color: #CCC;
	} 
	
#header-right { 
	float: right;
	width: 378px;
	} 
	
/* ----------- menu ---------- */

#menu {
	background-color: #933; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	text-align: left;
	padding-bottom: 5px;
	}
	
#menu SPAN {
	padding: 0 .7em 0 .7em;
	}
	
#menu .on {
	color: #222102;
	background-color: #FFF; 
	}
	
#menu A:link, #menu A:visited {
	text-decoration: none;
	color: #FFF;
	}

#menu A:active, #menu A:hover {
	text-decoration: none; 
	color: #C96;
	}
	
/* ----------- nav = breadcrumbs + search ---------- */

#nav {
	width: 100%;
	background-color: #FFF;
	}
	
/* ----------- breadcrumbs ---------- */

#breadcrumbs {
	padding: 4px 0 4px 0;
	font-size: 0.85em;
	color: #999;
	width: 558px;
	float: left;
	}
	
#breadcrumbs SPAN {
	color: #000;
	font-weight: bold;
	}
	
#breadcrumbs A:link, #breadcrumbs A:visited {
	text-decoration: underline;
	color: #666;
	}
	
#breadcrumbs A:active, #breadcrumbs A:hover {
	text-decoration: underline;
	color: #F00;
	}

/* ----------- search ---------- */

#searchsite {
	width: 200px;
	float: right;
	padding: 4px 0 4px 0;
	text-align: left;
	}
	
#searchsite FORM {
	margin: 0 0 10px 0;
	}
	
#searchsite LABEL {
	font-size: 0.85em;
	color: #999;
	float: none;
	}
	
#searchsite .keywords {
	border: 1px solid #999;
	width: 90px;
	padding: 1px;
	float: none;
	border-top: 1px solid #666;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #666;
	}

.searchbutton {
	width: 40px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #222102;
	text-transform: uppercase;
	float: none;
	border-top: 1px solid #CCC;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #CCC;
	}
	
/* ----------- layout columns ---------- */

.outer { 
	border: solid white 0px; 
	/*/*/ border-left-width: 180px; /* left column width. NN4 hack to hide borders */ 
	border-left-color: #FFF; /* left column colour */ 
	border-left-style: solid; 
	background-color: #FFF; /* center column colour */ 
	width: auto; 
	} 
 
.inner {
	margin: 0; 
	width: 100%;
	}
 
.outer>.inner { border-bottom: 1px solid #FFF; }

.leftcol {
	width: 180px; 
	float: left; 
	position: relative; 
	margin-left: -180px; 
	margin-right: 3px; 
	}

.maincol { 
	float: left; 
	width: 100%; 
	position: relative; 
	margin: 0 -8px 0 -2px; 
	}
	
/* ----------- layout maincol ---------- */

.maincolleft { 
	float: left; 
	width: 360px; 
	position: relative; 
	}

.maincolright { 
	float: right; 
	width: 200px; 
	position: relative; 
	border-left: 1px solid #CCC;
	}
	
/* ----------- footer ---------- */

#footer {
	border-top: 1px solid #CCC;
	width: 100%; 
	font-size: 0.95em;
	line-height: 3em;
	color: #999; 
	background-color: #FFF; 
	text-align: center;
	margin-top: 2em;
	} 

#footer DIV {
	padding: 2px;
	}

#footer A, #footer A:link, #footer A:visited {
	color: #666;
	text-decoration: none;
	border-bottom: 1px solid #CCC;
	}

#footer A:active, #footer A:hover {
	color: #333;
	border-bottom: 1px solid #333;
	}
			
/* ----------- common styles ---------- */

.clr { clear: both; }

.content { padding: 0 8px 0 8px; }

H1 { /* page titles (category, entry) */
	font-family: 'Times New Roman', Times, serif;
	font-size: 2.2em;
	line-height: 1.1em;
	margin-top: 0;
	font-weight: normal;
	color: #933;
	letter-spacing: .05em;
	}

H1.title { /* page titles (category, entry) */
	font-family: 'Times New Roman', Times, serif;
	font-size: 2.2em;
	line-height: 1.1em;
	margin-top: 0;
	font-weight: normal;
	color: #933;
	letter-spacing: .05em;
	}

H2 A:link, H2 A:visited {
	text-decoration: underline;
	color: #933;
	}
	
H2 A:active, H2 A:hover {
	text-decoration: underline;
	color: #C00;
	}

H2 { /* headlines listing */
	font-family: 'Times New Roman', Times, serif;
	font-size: 1.6em;
	line-height: 1.1em;
	font-weight: normal;
	color: #933;
	letter-spacing: .05em;
	margin: 0;
	padding: 0;
	}

.headline A, .headline A:link, .headline A:visited {
	color: #933;
	text-decoration: underline;
   }
   
.headline A:active, .headline A:hover {
	color: #C00;
	text-decoration: underline;
	}
	
H3 {
	color: #933;
	font-size: 1.1em;
	font-weight: bold;
	}
		
/* ----------- forms ----------- */

FORM { 
	margin: 0;
	}
	
.commenting {
	border: 1px solid #666;
	margin-bottom: 3px;
	}
	
/* ----------- list icons ----------- */

.ls-category LI	{
	list-style-image: url(http://www.smithstreet.org/img/icon_category.gif);
	margin: 0px 0px .5em -1.3em;
	}
.ls-comment LI	{
	list-style-image: url(http://www.smithstreet.org/img/icon_comment.gif);
	margin: 0px 0px .5em -1.3em;
	}
.ls-entry LI	{
	list-style-image: url(http://www.smithstreet.org/img/icon_entry.gif);
	margin: 0px 0px .5em -1.3em;
	}
.ls-extlink LI	{
	list-style-image: url(http://www.smithstreet.org/img/icon_extlink.gif);
	margin: 0px 0px .5em -1.3em;
	}
	
/* ----------- boxfeature ----------- */

.boxfeature {
	padding: 5px;
	margin-bottom: 5px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-top: 1px solid #EEE;
	border-left: 1px solid #EEE;
	}
	
.boxfeature A, .boxfeature A:link, .boxfeature A:visited {
	text-decoration: none;
	color: #000;
	}
	
.boxfeature A:active, .boxfeature A:hover {
	text-decoration: underline;
	color: #C00;
	}
	
/* ----------- indexes ----------- */

.date { 
	color: #666; 
	font-size: .8em;
	}	

.maincolright .posted {
	font-size: .9em;
	}
	
.posted	{ 
	font-size: .9em;
	line-height: 1.8em;
	color: #999; 
	margin-bottom: 2em;
	}
	
.posted A, .posted A:link, .posted A:visited {
	color: #666;
	text-decoration: none;
	border-bottom: 1px solid #CCC;
	}

.posted A:active, .posted A:hover {
	color: #C00;
	text-decoration: none;
	border-bottom: 1px solid #C00;
	}

P {
	margin-top:0;
	}
	
.comments-post {
	margin-top: 2em;
	}	
	
.comments-body {
	background-color: #FC9;
	padding: 1em;
	margin: 1em 5em 1em 0;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;		
	border-top: 1px solid #EEE;
	border-left: 1px solid #EEE;	
	}		

#popup { /*page body on pop-up screens */
	margin: 1em;
	}