html {
	/* http://www.hicksdesign.co.uk/journal/535/ */
	height: 100%;
	}
	
body {
	background: #FFFFFF;
	color: #333333;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size:16px;
	}
	
a:link, a:visited {
	color: #823A0E;
	text-decoration: none;
}

a:hover, a:active {
	border-bottom: dotted 1px #823A0E;
	}
	
h1 {
	color: #333333;
	font-weight: normal;
	margin: 0;
	font-size: x-large;
	background: transparent;
	text-shadow: 0.2em 0.2em 0.2em #999999;
	}
	
h2 {
	color: #333333;
	font-weight: normal;
	margin: 1em 0 0 0;
	font-size: large;
	background: transparent;
	text-shadow: 0.2em 0.2em 0.2em #999999;
/*	border-bottom: dotted 1px #CCCCCC; */
}

h3 {
	color: #333333;
	font-weight: normal;
	margin: 0 0 0 0;
	font-size: medium;
	font-weight: bold;
	background: transparent;
	}

h4 {
	color: #333333;
	font-weight: normal;
	margin: 0 0 0 0;
	font-size: small;
	font-weight: bold;
	background: transparent;
	}

.left {
	float: left;
	}

.right {
	float: right;
	}
	
img {
	display: block;
	border: 0;
	}
	
#frame {
	margin: 0 auto 0 auto;
	background: #FFFFFF none repeat-y top right;
	width: 41em;
	padding: 0 4px 0 0;
	}

#frame_shadow {
	margin: 0 auto 0 auto;
	background: none repeat-y top left;
	width: 41em;
	padding: 0 0 0 4px;
	}

	
#header {
	padding: 1em;
	position: relative;
	}
	
#header img {
	display: inline;
	float: left;
	}

#header h1 {
/*	margin: -0.2em 0 0 1.6em; */
	margin: 0;
	padding: 0;
	color: #666666;
	font-weight: normal;
	text-align: right;
	font-size: xx-large;
	background: transparent;
	text-shadow: none;
	}
	
#navigation {
	display: none;
	}

#navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}
	
#navigation li {
	list-style: none;
	display: inline;
	padding: 0;
	margin: 0;
	font-size: small;
	}

#navigation .homelink {
	float: left;
	padding: 0 1.5em 0 0;
	font-size: small;
	}	
	

/* 

#home #navigation .worklink,
#resume #navigation .worklink,
#portfolio #navigation .worklink
{
	float: left;
	}
	
#home #navigation .playlink,
#resume #navigation .playlink,
#portfolio #navigation .playlink
{
	float: right;
	}
	
#blog #navigation .worklink,
#gallery #navigation .worklink,
#wallpaper #navigation .worklink,
#palm #navigation .worklink
{
	float: right;
	}
	
#blog #navigation .playlink,
#gallery #navigation .playlink,
#wallpaper #navigation .playlink,
#palm #navigation .playlink
{
	float: left;
	}


#home #navigation .worklink li,
#resume #navigation .worklink li,
#portfolio #navigation .worklink li
{
	padding: 0 0.8em 0 0;
	}
	
#home #navigation .playlink li,
#resume #navigation .playlink li,
#portfolio #navigation .playlink li
{
	padding: 0 0 0 0.8em;

	}
	
#blog #navigation .worklink li,
#gallery #navigation .worklink li,
#wallpaper #navigation .worklink li,
#palm #navigation .worklink li
{
	padding: 0 0 0 0.8em;

	}
	
#blog #navigation .playlink li,
#gallery #navigation .playlink li,
#wallpaper #navigation .playlink li,
#palm #navigation .playlink li
{
	padding: 0 0.8em 0 0;
	}
	
*/

#navigation .worklink
{
	float: left;
	}
	
#navigation .playlink
{
	float: right;
	}

#navigation .worklink li
{
	padding: 0 0.8em 0 0;
	}
	
#navigation .playlink li
{
	padding: 0 0 0 0.8em;
	}

	
#navigation a:link, #navigation a:visited {
	color: #666666;
	text-decoration: none;
	border: none;
}

#navigation a:hover, #navigation a:active {
	color: #823A0E;
	border: none;
	}
	
#content {
	position: relative;
	margin: 0 auto;
	padding: 0 1em 2em 1em;
	}

#content p {
	font-size: small;
	}
	
#indexcol01 {
	width: 19em;
	padding: 1em 0;
	float: left;
	}
	
#indexcol02 {
	width: 19em;
	padding: 1em 0 1em 1em;
	float: right;
	}
	
br.clear {
	clear: both;
	}
	
#footer {
	display: none;
	background: none no-repeat top right;
	margin: 0 auto 0 auto;
	width: 41em;
	padding: 0.3em 0 0 4px;
	}
	
#footer_shadow {
	background: none no-repeat top left;
	margin: 0 auto 0 auto;
	width: 41em;
	padding: 0 0 0 4px;
	}
	
#footer p {
	font-size: x-small;
	margin: 0.5em 1em;
	color: #999999;
	}
	
/* Portfolio styles */

#portfolioselector ul {
	list-style: none;
	padding: 0;
	margin: 0 0em 0 0;
	width: 8.8em;
	float: left;
	}
	
#portfolioselector li {
	list-style: none;
	text-align: right;
	font-size: 70%;
	padding: 0.3em 0;
	margin:0;
	}
	
#portfolioselector a:link, #portfolioselector a:visited {
	color: #823A0E;
	text-decoration: none;
	padding: 0.3em 0.5em 0.3em 0.5em;
	margin: 0;
	}

#portfolioselector a:hover, #portfolioselector a:active {
	border-bottom: none;
	background: #CCCCCC !important;
	color: #333333;
	}

#portfolioscreenshot {
	float: left;
	width: 482px;
	}
	
#portfolioscreenshot img {
	border: solid 1px #CCCCCC;
	padding: 0;
	margin: 0;
	float: right;
	}

#portfolioscreenshot img {
	display: block;
	}
	
.portfoliodescription {
	clear: right;
	display: none;
	padding: 0;
/*	margin: 0 0 0 8.8em; */
	}

.portfoliodescription p.firstpara {
	font-weight: bold;
	padding-top: 1em;
	clear: right;
	}
	
.portfoliodescription p {
	font-size: small;
	padding: 0 0 0 0;
	}
	
.screenshotpagelist {
	float: right;
	font-size: x-small;
	background: #DDDDDD;
	padding: 0.5em;
	}
	
.screenshotpagelist ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline;
	}
	
.screenshotpagelist li {
	list-style: none;
	text-align: right;
	font-size: x-small;
	padding: 0;
	margin: 0;
	display: inline;
	}
	
.screenshotpagelist a:link, .screenshotpagelist a:visited {
	padding: 0 0.3em;
	border: solid 1px #999999;
	color: #333333;
	}
	
.screenshotpagelist a:hover, .screenshotpagelist a:active {
	background: #999999;
	}
	
/* Resume Styles */

#resume h3, #resume h4 {
	color: #333333;
	font-weight: normal;
	margin: 0 0 0 0;
	font-size: small;
	font-weight: bold;
	background: transparent;
	margin: 0.5em 0 0 0;
	}

	
#resume h4 {
	color: #999999;
	}
	
#resume h3 {
	border-top: solid 1px #DDDDDD;
	padding-top: 0.3em;
	margin-bottom: 0.5em;
	}

#resume h3 small {
	color: #999999;
	}
	
#resume h3+p, #resume h4+p {
	margin: 0 0 1em 0;
	}
	
/* blog styles */
#blogcontent {
	width: 27em;
	float: left;
	margin: 0 1em 0 0;
	}
	
#blogcontent h2 {
	text-shadow: 0.2em 0.2em 0.2em #999999;
	font-size: medium;
	font-weight: bold;
	margin: 0.5em 0 0 0;
	padding: 0;
	}
	
	
#blogcontent h3 {
	text-shadow: none;
	font-size: small;
	font-weight: bold;
	padding: 0;
	border-top: solid 1px #DDDDDD;
	margin-bottom: 0.5em;
	
	}
	
#blogcontent .blog-body {
	margin: 0 0 1em 0;
	padding: 0;
	}
	
#blogcontent p {
	margin: 0 0 1em 0;
	padding: 0;
	}

#blogcontent .posted {
	clear: both;
	font-size: x-small;
	margin: 0 0 1em 0;
	}
	
/* #blogcontent #blogtrackbacks, #blogcontent #blogcomments, #blogcontent #blogcommentspost {
	border-top: solid 1px #CCCCCC;
	}
*/

#blogcomments img {
	display: inline;
	}
	
#blogsidebar {
	width: 11em;
	float: left;
	}
	
#blogsidebar h3 {
	font-size: small;
	font-weight: bold;
	margin: 1em 0 0 0;
	}
	
#blogsidebar ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}

#blogsidebar li {
	list-style: none;
	padding: 0;
	margin: 0 0 0.5em 0;
	font-size: 0.7em;
	}
	
#blogsidebar img {
	border: solid 1px #CCCCCC;
	margin: 0 0.4em 0.4em 0;
	}

#blogsidebar p {
	margin: 0 0 1em 0;
	font-size: 0.7em;
	}
	
p.powered {
	font-size: 0.5em;
	color: #999999;
	}
	
/* wallpaper styles */

#wallpaper td p {
	font-size: x-small;
	}
	
#googleads {
	margin: 1em auto 0 auto;
	}
	
/*search styles */

#search form {
	margin: 1.5em 0 0 0;
	}
	
#search h2 {
	margin: 1em 0 1em 0;
	}
	
#search h3 {
	border: none;
	}

#search p {
	margin: 0 0 0.5em 0;
	}
	
#search p.posted {
	margin: 0.5em 0 2em 0;
	}