body
{
	font-family: sans-serif, helvetica, tahoma, arial, verdana;
	font-size: small;
	background-color: #fff;
	margin: 0px;
	color: #000;
	text-align: center;
}

div.nav
{
	font-size: 14pt;
}

ul.nav
{
	margin: 0px; 
	padding: 8px; 
}

li.nav
{
	padding: 4px;
	list-style: none;
}

a
{
	color: #333;
}

.nav a
{
	font-weight: bold;
	text-decoration: none;
}
.nav a:hover
{
	color: #f60;
}

h1.title, h2.title, h3.title, h4.title, h5.title
{
	color: #016701;
}


h1.title
{
	font-size: 24pt;
	letter-spacing: -1pt;
	margin: 0px;
}

h1.title a
{
	font-size: 32pt;
	color: #666;
	text-decoration: none;
}

.navitem a
{
	font-weight: bold;
	text-decoration: none;
}

div.navitem
{

}

ul.navitem
{
	padding: 0px;
	margin: 0px;
}

li.navitem
{
	list-style: none;
	padding: 4px;
	text-align: left;
}

div.sidenav
{
	width: 190px;
	overflow: hidden;
	float: right;
	padding: 8px;
}

div.content
{
	padding: 0px 16px 16px 16px;
	overflow: hidden;
	background-color: #fff;
	text-align: left;
	/* 
	border: 1px solid black;
	margin: 0px 5% 0px 5%; 
	*/
}

.container
{
	overflow: hidden;
	background-color: #fff;
	text-align: left;
	padding: 16px;
	/* 
	width: 800px;
	margin: 0px 5% 0px 5%; 
	*/
}

.rightnav
{
	float: right;
	width: 180px;
	visibility: visible;
	overflow: hidden;
	background-color: #fff;
	padding: 12px;
}	

.code
{
	overflow: auto;
	padding: 12px;
	background-color: #f9f9f9;
	border: 1px dotted #999;
	
}

.blogtitle
{
	font-size: 20pt;
	font-weight: bold;
	color: #666;
}

.blogtitle a
{
	color: #666;
	text-decoration: none;
}

.blogtitle a:hover
{
	color: #f90;
}

.widget
{
	border: 1px dotted #e3e3e3; 
	background-color: #f9f9f9; 
	padding: 12px; 
	overflow: hidden; 
	margin: 8px;
	-moz-border-radius: 12px; 
}

.sigrow
{
	background-image: url(../images/sod_gradient_green.jpg);
	background-color: #016701;
	overflow: hidden;
	color: #fff;
	border-bottom: 1px solid #000;
	padding: 8px;
	font-weight: bold;
}

.signav
{
	overflow: hidden;
}

.sigtitle
{
	background-image: url(../images/sod_gradient_green.jpg);
	background-color: #016701;
	border-bottom: 1px solid #000;
	overflow: hidden;
	color: #fff;
	padding: 8px;
	font-weight: bold;
}

.sigtitle a
{
	font-size: 24pt;
	letter-spacing: -1pt;
}

.sigtitle a, .sigrow a
{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

h1
{
	font-size: 24pt;
	letter-spacing: -1pt;
}

.sigrow h1 a
{
	color: #fff;
}

.footsig
{
	background-color: #fff;
	padding: 8px;
	overflow: hidden;
	color: #666;
	font-weight: bold;
	text-align: center;
}

.footsig a
{
	text-decoration: none;
	font-weight: bold;
}


.header
{
	overflow: hidden;
}

.header a
{
	color: #666;
}

.blogcontent
{
	overflow: hidden;
}

div.blognav
{
	width: 25%;
	float: right;
	overflow: hidden;
	background-color: #fff;
	padding: 12px;
}

ul.blognav
{
	list-style-image: url("../images/icons/blog.png");
}

li.blognav
{
	margin: 0px; 
	padding: 8px;
	
}

li.blognav a
{
	font-weight: bold;
	text-decoration: none;
}

ul.twitnav
{
	list-style-image: url("../images/twitter_logo.gif");
}

li.twitnav
{
	margin: 0px; 
	padding: 8px;
}

ul.codenav
{
	margin: 0px; 
	padding: 0px;
	list-style: none;
}

li.codenav
{
	margin: 0px; 
	padding: 8px;
}

li.codenav a
{
	text-decoration: none;
}

ul.bookmarknav
{

	list-style-image: url("../images/icons/delicious.gif");
}

li.bookmarknav
{
	margin: 0px; 
	padding: 8px;
}

li.bookmarknav a
{
	text-decoration: none;
}

label
{
	font-weight: bold;
}

.inputText
{
	width: 100%;
	padding: 4px;
}

.wrapper
{
	background-color: #f3f3f3;
	border: 1px solid black;
	margin: 8px;
	padding: 12px;
	overflow: hidden;
}

.contentwrapper
{
	overflow: hidden;
}

div.codelist
{
	padding: 8px;
	margin: 8px;
	border-left: 4px solid green;
	overflow: hidden;
}

div.codelist:hover
{
	background-color: #f3f3f3;
}

.codelist a
{
    font-size: 10pt;
    font-weight: normal;
    color: #000;
	text-decoration: none;
}

div.codelist:hover a
{
 	color: #016701;
}

.codetitle
{
	font-size: 16pt;
	font-weight: bold;
	color: #016701;
}

.codetitle a
{
	color: #016701;
	text-decoration: none;
}

.codetitle a:hover
{
	color: #f90;
}

div.topnav
{
	padding: 8px;
}

ul.topnav
{
	padding: 0px;
	margin: 0px;
}

li.topnav
{
	list-style: none;
	padding: 8px;
	text-align: center;
	list-style: none;
	display: inline;
	border: 1px solid #016701;
	overflow: hidden;
	visibility: visible;
	float: left;
	margin: 4px;
}

li.topnav:hover
{
	background-color: #f3f3f3;
}

li.topnav a
{
	text-decoration: none;
	font-weight: bold;
}

div.tags
{
	padding: 8px;
}

ul.tags
{
	padding: 0px;
	margin: 0px;}

li.tags
{
	list-style: none;
	padding: 4px;
	text-align: center;
	display: inline;
	border: 1px solid #016701;
}

.codetitle2 a
{
	text-decoration: none;
}

ul.codetitle2
{
	margin: 0px;
	padding: 0px;
}

li.codetitle2
{
	padding: 8px;
	list-style: none;
}

/** flickr photo gallery styles */
.photothumb
{
	border: 1px solid #000; width: 75px; height: 75px; float: left; padding: 0px; margin: 1px;
}

.photoframe
{
	background-color: white; padding: 8px; overflow: hidden; padding: 8px; vertical-align: middle; text-align: center; border: 1px solid white;
}

.photothumbnav
{
	overflow: hidden;
}

.phototitle
{
        padding: 8px; background-color: #fff; color: #000; border: 1px solid #fff; font-size: 24pt;
	font-weight: bold;
}

.photodesc
{
	padding: 8px; background-color: #fff; color: #000; border: 1px solid #fff; 
}