body {
	margin:150px 0px 0px 0px;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	background-image:  url("images/technohippy.jpg");
	background-color:#2B8B27;
	background-repeat: no-repeat;
	background-position:0px 0px;
	max-width:1100px;
}

h1, 
h2, 
h3, 
h4, 
p {
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 215px;
}

ul {
	margin: 10px;
	padding: 0px 5px 0px 215px;
}

li {
	margin-left:10px;
	font-size:12px;
}

h1 {
	font-size:18px;
}

h2 {
	font-size:15px;
}

h3 {
	font-size:13px;
}

h4 {
	font-size:12px;
}

p {
	font-size:12px;
	margin: 0px 0px 10px 0px;
}

h1 + p {
	font-weight:bold;
}

.code {
	font-size:12px;
	color:#006666;
	font-family:"Courier New", Courier, mono;
	display: block;
	border: 3px inset #FFFFCC;
	background-color:#FFFFCC;
	margin: 0px 10px 10px 220px;
	padding: 5px;
	white-space: pre;
}

p.code strong {
	color:#000000;
}

a, 
a:visited {
	color: #ffff93;
	text-decoration: underline;
}

a:hover, 
a:active, 
a:focus {
	color: #FFFF00;
}

#header {
	color:#ffffff;
	display: block;
	font-size:60px;
	font-weight:bold;
	right: 30px;
	margin:0px;
	padding: 0px;
	position: absolute;
	top: 25px;
}

#styleswitcher, 
#styleswitcher ul, 
#styleswitcher li {
	border:0px;
	margin:0px;
	padding: 0px;
}

#styleswitcher {
	left: 140px;
	position: absolute;
	top: 102px;
}

#styleswitcher ul {
	display: inline;
	border-top: 1px solid #ffffff;
}

#styleswitcher li {
	display: inline;
	padding-right:20px;
}

#styleswitcher a {
	color:#ffffff;
	font-size:14px;
	font-weight: bold;
	text-decoration: none;
}

#styleswitcher a:hover, 
#styleswitcher a:focus {
	color:#663399;
}

#styleswitcher h3 {
	color:#ffffff;
	display: block;
	font-size:14px;
	font-weight:bold;
	padding: 0px 20px 0px 0px;
	margin: 0px;
}

#navigation {
	left: 5px;
	position: absolute;
	top: 230px;
	width: 184px;
}

#navigation,
#navigation ul, 
#navigation li
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.contents {
	font-size: 14px;
	border:0px;
	margin:0px;
	padding: 0px 0px 10px 0px;
	background-image: url("images/technohippy_screen_bg.gif");
}

.contents li {
	display: inline;
	list-style-type: none;
}

.contents a, 
.contents a:visited {
	width: 179px;
	border-bottom: 1px dashed #FFFF99;
	color: #FFFF99;
	display: block;
	font-weight:bold;
	margin: 0px;
	padding: 5px 0px 5px 5px;
	text-decoration: none;
}

.contents a:hover, 
.contents a:active, 
.contents a:focus {
	color: #FFFFFF;
	border-bottom: 1px dashed #FFff00;
}

.contents h1 {
	color:#ffffff;
	display: block;
	font-size:18px;
	font-weight:bold;
	padding: 0px 0px 0px 5px;
	margin: 0px;
	width:170px;
}

.menufooter {
	background-image: url("images/technohippy_menu_foot.jpg");
	background-repeat:no-repeat;
	background-position:0px 0px;
	width: 184px;
	height: 20px;
}
.menufooter p {
	border:0px;
	margin:0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	color:#000000;
	font-size:9px;
	text-indent:5px;
}

p.sidenote {
	float:right;
	margin:0px 10px 0px 5px;
	padding: 0px;
	border: 1px solid #000000;
	display:block;
	font-size:11px;
	font-weight:bold;
}
.sidenote img, .sidenote a {
	display:block;
	padding: 5px;
}
.screenshot {
	width: 200px;
	height:166px;
}
.screenshot:active {
	width: 400px;
	height:332px;
}