/* CSS Document */

body {
	margin-top: 35px;
        margin-bottom: 20px;
	background-color: #666;
	text-align: center;
	scrollbar-base-color: #900;
	scrollbar-track-color: #900;
	scrollbar-face-color: #900;
	scrollbar-highlight-color: #FFF;
	scrollbar-3dlight-color: #FFF;
	scrollbar-darkshadow-color: #FFF;
	scrollbar-shadow-color: #FFF;
	scrollbar-arrow-color: #FFF;	 }



/* LINKS */

a { text-decoration: none; }
a:link { color:#900; }
a:visited { color:#900; }
a:active { color:#F60; }
a:hover { color:#F60; }



/* LAYOUT */

#container {
	line-height: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	background-color: #FFF;
	background-image: url(http://www.mechadesonoma.org/picts/background-main.gif);
	border: 10px solid #000;
	width: 800px; }

#banner {
	background-color: #900;
	height: 150px;
	width: 800px;
	padding: 0px;
	margin: 0px;
	text-align: center; }

#banner h1 { display: none; }



#columnMain {
	width: 600px;
	float: left;
	background-color: transparent; }


	#columnLeft {
		width: 160px;
		background-color: transparent;
		float: left; }
	
	#content {
		width: 420px;
		float: right;
		background-color: #FFF;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 20px;
		overflow: hidden;
		font-family: "Lucida Grande", Verdana, Arial, sans-serif;
		font-size: x-small;
		color: #000; }



#columnRight {
	width: 199px;
	float: right;
	background-color: #fff;
	border-left: 1px dotted #999;
	overflow: hidden; }



#footer {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: xx-small;
	padding: 15px;
	line-height: 200%;
	text-align: center;
	clear: both; }

#date { 
        background-color: #000;
        color: #fff;
        font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: xx-small;
        width: 800px; }

/* DEFAULT FONT SIZE */

	
#content pre { font-size: larger; }
#content b { font-weight: bold; }

#content p {
	color: #000;
        text-align: justify;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: x-small;
	font-weight: normal;
	line-height: 150%;
	margin-bottom: 10px; }

#content blockquote { line-height: 150%; }
#content li { line-height: 150%; }

#content h1 { 
	COLOR: #900;
	FONT: 18px "Lucida Grande", Verdana, Arial, sans-serif; 
    font-weight: bold; 
    margin-bottom: 0px; }

#content h2 {
	color: #666;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: x-small;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px; }

#content h3 {
	color: #900;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: small;
	border-bottom: 1px dotted #999;
	text-align: left;
	font-weight: bold;
	margin-bottom: 2px; }

#content p.posted {
	color: #999;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: xx-small;
	text-align: left;
	margin-bottom: 25px;
	line-height: normal;
	padding: 0px; }

#content .navigation p {
	font-size: xx-small;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	color: #000; }


/* SIDE ITEMS */

.sidebar { padding: 15px; }

#options {
	color: #666;
	font-size: x-small;
        vertical-align: sub;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
        text-align: right;  }
	
#options img { vertical-align: middle; } 

	
#calendar {
  	line-height: 140%;
	color: #666;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: x-small;
  	padding: 2px;
	text-align: center;
	margin-bottom: 30px; }

#calendar table {
	padding: 2px;
	border-collapse: collapse;
	border: 0px;
	width: 100%; }

#calendar caption {
	color: #666;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: x-small;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .3em; }

#calendar th {
	text-align: center;
	font-weight: normal; }

#calendar td { text-align: center; }


.sidebar h2 {
	color: #666;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: x-small;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .3em; }

.sidebar ul {
	padding-left: 0px;
	margin: 0px;
	margin-bottom: 30px; }

.sidebar ul ul { margin-bottom: 0px; }

.sidebar #categories ul { padding-left: 15px; }

.sidebar li {
	color: #666;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: x-small;
	text-align: left;
	line-height: 150%;
	margin-top: 10px;
	list-style-type: none; }

.sidebar #categories li { list-style-type: circle; }

.sidebar img { border: 3px solid #FFF; }

.photo {
	text-align: left;
	margin-bottom: 20px; }

.link-note {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: 150%;
	text-align: left;
	padding: 2px;
	margin-bottom: 15px; }

#powered {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: 150%;
	text-align: left;
	color: #666;
	margin-bottom: 15px; }

#comment-data {
	float: left;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #BBB; }

textarea[id="comment-text"] { width: 80%; }

.commenter-profile img {
	vertical-align: middle;
	border-width: 0; }
	
	.menu		{ font-family: "Lucida Grande", Verdana, Arial, sans-serif;
		  font-size: 9pt;
		  height: 25px;
		  width: 125px;
		  cursor:hand;
		  font-weight: bold;
		  text-indent: 8px;
		  line-height: 16pt;
		  text-align: left;
		  display: block;
		  border: #FFF 0px solid; }


a.menu:link 	{ color: #FFFFFF;
		  background:#900;
		  background-image: url("http://www.mechadesonoma.org/picts/menu.png");}


a.menu:visited 	{ color: #FFFFFF;
		  background:#900;
		  background-image: url("http://www.mechadesonoma.org/picts/menu.png");}


a.menu:active 	{ background:#900;
		  background-image: url("http://www.mechadesonoma.org/picts/menu.png");
		  color: #FFF; }


a.menu:hover 	{ background:#FFF;
		  background-image: url("http://www.mechadesonoma.org/picts/menuon.png");
		  color: #000; }
		  
		  
		  
.sidetexttitle 	{ COLOR: #000; FONT: 11px "Lucida Grande", Verdana, Arial, sans-serif; font-weight: bold }

.sidetext	{ color: #FFF; FONT: 12px arial, verdana, sans-serif;
		  font-weight: normal;
		  border: #FFF 1px solid }

.sidetextbold	{ color: #FFF; FONT: 12px "Lucida Grande", Verdana, Arial, sans-serif;
		  font-weight: bold;
		  border: #FFF 1px solid }