body
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}

#header
{
color:#FFFFFF;
background-image:url("/native_suburbia/images/header_background_faded.jpg");
background-color: #339900;
font-size:4.0em;
font-weight:bold;
height: 1.8em;
}

.header_title
{
color:#FFFFFF;
font-size:.8em;
font-weight:bold;
 line-height: .6em;
padding-top: .5em;
}

.header_subtitle
{
	font-size:.4em;
	font-weight:bold;
	font-style: italic;
	
}

.searchbar 
{
	float: right;
}

.searchbar input,select
{
	font-size: 0.8em;
	border-color: #339900;
}


#bodycontainer
{
position: absolute;
width: 100%;
background-color:#FFCC33;
}

#centercontent
{
background-color:#FFFFFF;
margin-left:10em; 
padding:0.5em;
overflow:auto;
}

#leftarea
{
font-size:0.9em;
position: absolute;
left:0;
width: 11em; /* this value coordinates with margin-left of centercontent */
}

#footer
{
color:#FFFFFF;
background-color: #339900;
font-size:0.7em;
height:1.0em;
padding:0.5em;
}

.footer_left
{
	float:left;
}

.footer_right
{
	display:inline;
	float:right;
}



.menu
{
margin: 0;
padding:0;
}

.menu li
{
list-style-type:disc;
margin-bottom: 5px;
}


.menu a
{
margin: 0 2px;
color: #003300;
background-color:#FFCC33;
text-decoration: none;
}

.menu a:hover
{ 
font-weight:bold;
color:#006600;
/*color:#FFCC33;
background-color:#003300;*/
}

#centercontent a:link
{
	color:#339900;
	text-decoration: none;
}

#centercontent a:visited
{
	color:#336600;
	text-decoration: none;
}


p
{
margin: 0 0 10px 0;
}

.li_description
{
	margin-left:1em;
}

h2
{
	font-size:1.5em;
	text-decoration: underline;
}

h3
{
	font-size:1.0em;
}

hr
{
	color:#339900;
	background-color:#00CC00;
}

img.header_logo
{
  width: 1.23em;
  height: 1.75em;
	display:inline;
	float:left;
}
  
 
img.blog_pic
{
	width: 15.0em;
	height:11.25em;
	border:3px solid #339900;
	margin:0px 10px 10px 0px;
	float:left;
}
 
  
img.inline_pics
{
	border:3px solid #339900;
	margin:10px;
}

img.para_start_pic
{
	float:left;
	margin:0px 10px 10px 0px;
}

img.pic_left
{
	float:left;
	border:3px solid #339900;
	margin:0px 20px 15px 0px;
}

img.pic_right
{
	float:right;
	border:3px solid #339900;
	margin:0px 0px 15px 20px;
}

#don_flip
{
	height: 100px;
	width: 100px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../about/images/don_flip.jpg) top left no-repeat;
	display: block;
}

#benia_flip
{
	height: 100px;
	width: 100px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../about/images/benia_flip.jpg) top left no-repeat;
	display: block;
}


#benia_flip:hover, #don_flip:hover
{
	background-position: bottom left;
}

#navcontainer { margin-left: 30px; }

/*Fat Erik's Pipelist*/
#navlist
{
list-style: none;
padding: 0;
margin: 0;
}

#navlist li
{
display: inline;
padding: 0;
margin: 0;
}

#navlist li:before { content: "| "; }
#navlist li:first-child:before { content: ""; }

/* Blosxom blog related */
.blogdate
{
	font-size:1.3em;
	font-weight:bold;
}

.story_title
{
	font-size:1.1em;
	color:#663401;
	font-weight:bold;
}

.comment blockquote {
  font-size: 90%;
}

.comment-response {
  border-style: solid;
  border-width: 1px;
  padding: 1em;
  font-weight: bold;
  font-size: 1.0em;
}

.commentform
{
	background-color: #FFFF99;
}