* {
	margin: 0;
	padding: 0;
}
#tag {
	position: absolute;
	top: 251px;
	visibility: hidden;
}
body {
	color: #316404;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 76%;
	background: url(../img/blue-strip.png) left 250px repeat-x;
}
a {
	color: #0b5a7e;
	text-decoration: none;
	border-bottom: 1px dotted gray;
}
a:hover, a:active {
	color: #4d9d06;
	border-bottom: 1px dotted black;
	background: url(../img/linkbg-blue.png) bottom repeat-x;
}
h1 {
	color: #4d9d06;
	font-size: 135%;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	margin-bottom:2px;
}
#leftnav h1 {
	color: #0b5a7e;
}
#leftnav h2 {
	font-size: 10px;
}
#container {
	text-align: center;
	width: 800px;
	padding: 275px 0 1em 0;
	margin: 0 auto;
	background: url(../img/tree.jpg) top center no-repeat;
}
#leftnav {
	background: url(../img/nav-head.png) top left no-repeat;
	padding-top: 45px;
	margin-left: -100px;
	margin-top: 12px;
	float: left;
	text-align: left;
	width: 200px;
}
#rightbar {
	background: url(../img/graphyx-head.png) top left no-repeat;
	padding-top: 51px;
	margin-right: -100px;
	margin-top: 12px;
	float: right;
	width: 200px;
}
#leftnav ul {
	list-style: none inside;
}
#leftnav li {
	display: block;
}
#leftnav a {
	border-bottom: none;
}
#content {
	width: 550px;
	text-align: left;
	margin: 0 auto;
}
.wap-head {
	height: 45px;
	background: url(../img/wap-head.png) top left no-repeat;
}
.longboard-head {
	height: 45px;
	background: url(../img/longboard-head.png) top left no-repeat;
}
.wap-head a, .wap-head a:hover, .longboard-head a, .longboard-head a:hover, .private-head a, .private-head a:hover {
	display: block;
	height: 45px;
	width: 100%;
	background: none;
	border: none;
}
.reguy-head {
	height: 45px;
	background: url(../img/aboutme-head.png) top left no-repeat;
}
.private-head {
	height: 45px;
	background: url(../img/private-head.png) top left no-repeat;
}
.lifesuit-head {
	height: 45px;
	background: url(../img/lifesuit-head.png) top left no-repeat;
}
.sep {
	background: white url(../img/divider-main-col.gif) center center no-repeat;
	margin: 0 auto;
	width: 275px;
	height:60px;
}
.navsep {
	background: white url(../img/divider-nav.jpg) left center no-repeat;
	margin: 0.5em 0;
}
.infoline {
	display: block;
	margin-top: 3px;
	text-align: left;
	font-size: 90%;
	color: #4d9d06;
}
.infoline .dot {
	background: white url(../img/dot.png) center center no-repeat;
}

/********************************front page crap******************************************/
	#wapcol {
		margin-top: 10px;
		padding-top: 18px;
		background: url(../img/wap-minicol-head.png) left top no-repeat;
		height: 40px;
		width: 284px;
	}
	#longboardcol {
		margin-top: 10px;
		padding-top: 18px;
		background: url(../img/longboard-minicol-head.png) left top no-repeat;
		height: 40px;
		float: right;
		width: 249px;
	}
	#longboardcol p, #wapcol p {
		background-color: #e4eef3;
		padding: 2px;
	}
	#longboardcol h1, #wapcol h1 {
		background-color: #e4eef3;
		padding: 2px;
		margin-bottom: 0;
	}
	#longboardcol h1:first-child, #wapcol h1:first-child {
		margin-top: 5px;
	}
	#longboardcol h1 a, #wapcol h1 a {
		text-decoration: none;
		color: #4D9D06;
		border: none;
	}
	#longboardcol h1 a:hover, #longboardcol h1 a:active,  #wapcol h1 a:hover, #wapcol h1 a:active {
		background: #B6DB95 url(../img/linkbg-blue.png) bottom repeat-x !important;
		color: #234506;
	}
	#longboardcol h1 a:visited, #wapcol h1 a:visited {
		background: #CEE7B7 url(../img/linkbg-green.png) bottom repeat-x;
	}
	.tinyslice {
		background: url(../img/divider-mini-col.png) center center no-repeat;
		width: 100%;
		height: 30px;
	}
	a.clickformore {
		display: block;
		font-size: 90%;
		margin-top:3px;
		color: #57A0C2;
		border-bottom: 1px dotted #e4eef3;
	}
	a.clickformore:active, a.clickformore:hover {
		border-bottom: 1px solid #6ab6e0;
	}
	.recentwritingdate {
		font-size: 90%;
		color: #57a0c2;
		background-color: #e4eef3;
		font-weight: normal;
	}
	
div.aboutme span{
	line-height: 200%;
	display: block;
}
div.aboutme .infoline, div.aboutme .dot { /* temporary; the aboutme span display:block kills the infoline */
	display: inline;
}
#footer {
	clear: both;
	margin-top: 50px;
	background-color: #6AB6E0;
}

/********************************comment crap****************************************/
div#comment-block {
	background: url(../img/comments-head.png) left 15px no-repeat;
	padding-top: 19px;
	width: 550px;
}
div.comment {
	border-top: 2px solid #B9D2DF;
	margin: 0.8em 0;
}
div.comment-body {
	color: #0B5A7E;
	width: 400px;
	height: 100px;
	float: right;
	padding: 2px;
	background-color: #DBECCB;
	border-left: 2px solid #B9D2DF;
}
div.comment-author {
	padding: 2px;
	width: 100px;
	height: 100px;
}
input.comment-author {
	padding: 1px;
	width: 133px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
textarea.comment-body {
	padding: 1px;
	margin-bottom: 2px;
	width: 380px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}