body {
	color: #047823;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.7em;
	margin: 0px 15px 0px 15px;
	padding: 0px;
	background: #E6E9DC url(img/back2.gif) repeat-y center;
}	
a:link {
	color: #336600;
}
a:visited {
	color: #33CC00;
}
a:hover {
background-color:#FCFFF1;
}

p {
	margin:0px 0px 18px 0px;
	line-height: 1.4;
	text-indent: 10px;
}

h3 {
font-size: 1.2em;
font-weight:bold;
}
/*this is for the crosshair to appear on images that are photos, so they have imag and imagwide property */
#content img.imag, #content img.imagwide {
cursor:crosshair;
}

#wrapper {
width:900px;
margin:auto;
position:relative;
}
#main {
width:740px;
margin-bottom:5px;
padding: 0 11px 20px 0;
border-right: 1px dashed #CFD2C6;
overflow:auto;
}
#nav {
	width:138px;
	position:absolute;
	right:0px;
	top:112px;
	padding:0px;
}

.subnav div {
	background: url(img/menu_left.gif) repeat-y left;
}
.subnav div div {
	background: url(img/menu_down.gif) no-repeat bottom;
}
.subnav div div div {
	background: url(img/menu_up.gif) no-repeat;
}
.subnav {
	margin: 0 0 20px 0;
	background: #E5E9DB url(img/menu_right.gif) repeat-y right;
}
.subnav div, .subnav div div, .subnav div div div	{
	width:138px;
	height:inherit;
}
.subnav h1 {
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	text-align: center;
	padding-top:8px;
}
.subnav ul {
list-style-type:none;
padding-left: 0;
margin: 22px 0 0 16px;
}

.subnav ul li a{
display:block;
background: url(img/bullet.gif) no-repeat left center;
padding:5px 0px 5px 20px;
margin:0;
text-decoration:none;
}
.subnav ul li a:hover{
background-image:url(img/bullet_hover.gif);
background-color:transparent;
}

#header {
	width:900px;
	height:100px;
	margin:20px 0 20px 0;
	background: url(img/banner2.gif) no-repeat;
}
#footer {
width:900px;
margin: 0px 0px 20px 0px;
padding-top:5px;
border-top: 1px dashed #047823;
font-size:0.8em;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:0.1em;
}
.post {
width:740px;
margin-bottom:20px;
background-color:#E6E9DC;
}

.h1 {
font-family:Helvetica, Arial, sans-serif;
font-size:18px;
font-weight:bold;
}
.date {
	height:12px;
	width:108px;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	padding-bottom:14px;
	padding-top:4px;
	margin:0px;
	margin-left:632px;
	margin-bottom:5px;
	letter-spacing: 0.07em;
	text-align: center;
	background-image:url(img/date.gif);
	background-repeat:no-repeat;
}
.pictureframe {
	width:740px;
	margin: 0 0 20px 0;
}
.pictureframe:after {
	    content: ".";
	    display: block;
	    height: 0;
	    font-size: 0;
	    clear: both;
	    visibility: hidden;
	}
.pictureframe img {
float:left;
border: medium double #047823;
margin: 0 20px 0 0;
cursor:crosshair;
}
.pictureframe img.bigimage {
margin: 0;
float: none;
}
.bigimage {
border: medium double #047823;
cursor:crosshair;
margin:5px 0 5px 0;
}
.floatimage {
float:right;
border: medium double #047823;
margin: 0 0 0 10px;
cursor:crosshair;
}
.code {
	border: solid 2px #5E5903;
	border-left-width:10px;
	color:#5E5903;
	background-color:#EFF0D5;
	margin: 30px 40px;
	padding:10px 20px;
	font-family:"Courier New", Courier, monospace;
	font-size:1.1em;
	white-space: pre;
	overflow:auto;
}
#preloadedImages {
	width: 0px;
	height: 0px;
	display: inline;
	background: url(img/bullet_hover.gif);
}
.youtube {
width:520px;
margin:0 auto 20px auto;
}

.sig {
	height:7px;
	width:7px;
	background-image:url(img/sig.gif);
	display: inline;
}


/*this things are to make selected text change color*/

::-moz-selection{
	background:#047823;
	color:#E6E9DC;
}

::selection {
	background:#047823;
	color:#E6E9DC;
}