@charset "utf-8";
*/see no evil */

* { margin:0px; padding:0px; } 
html { height:100%; }
body {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	background: url(/include/icons/labcoat.gif) fixed #666666 repeat;
	margin: 0px; 
	padding: 0px;
	text-align: center;
	color: #dddddd;
	min-height:100%;
	height:100%;
}
hr{display: none;}

.spam {position:relative;margin:0px 420px 0px 20px;padding:0px;font-size:10px;}

a:not([rel~="external"]) {
	text-decoration: none; border-bottom: dotted 1px;
}
/* set the default external-link icon (this icon taken from Wikipedia) */
a[rel~="external"]:not([type]) {
	background: url('/include/icons/external.png') no-repeat 0 50%;
}
/* hide the icon when not hovering on the link (whilst keeping the icon on standby)
   `:not([type])` is needed to not break the file-links which already have an image */
a[rel~="external"]:not([type]):not(:hover) {
	background-image: none;
}
/* when you hover over the link, jut the favicon over the left side */
a[rel~="external"]:not([type]):hover {
	/* `background-color` is set to prevent text clashing with heavily transparent favicons, like Google’s */
	margin-left: -18px; padding-left: 18px; background-color: #fcfcfc;
}
.clear{clear:both;}

* html #container	 { height: 100%; }
#container {
	width: 900px;
	margin: 0px auto; 
	border: 1px solid #000000;
	background: #666666;
	text-align: left; 
	height:100%;
}
#header {
	background-color: #DDDDDD; 
	color: #666666;
	padding-left: 20px;
	height:42px;
}
#header #artist{
	float: right;
	clear: none;
	margin-top: 5px;
}
#navlist{
	margin-top: auto;
	margin-bottom: auto;
	font-weight: bold;
	padding: 20px 1px 0px 1px;
}
#navlist li{
	list-style: none;
	margin: 2px;
	border-top: 1px solid gray;
	display: inline;
	height: 50px;
}
#navlist li a{
	padding: 0.25em 0.5em 0.25em 0.75em;
	text-decoration: none;
	background-color: #CC6600;
	border-left-width: 1em;
	border-left-style: solid;
	border-left-color: #666666;
}
#navlist li a:link {
	color: #FFFFFF;
}
#navlist li a:visited {
	color: #FFFFCC;
}
#navlist li a:hover{
	border-color: #CC6600;
	color: #FFF;
	background-color: #333322;
}

/* Highlight the current page */
#home #navlist a#homebutton, #gallery #navlist a#gallerybutton, #blog #navlist a#blogbutton, #resume #navlist a#resumebutton, #contact #navlist a#contactbutton  {
	color: #FFFFFF;
	background-color: #333322;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #666666;
}

#mainContent {
	position: relative;
	width: 100%;
	padding: 0px;
	margin: 0px auto;
}
#footer {
	position: relative; 
	margin: -25px auto 0px auto;
	height: 20px;
	background:#DDDDDD;
	color: #666666;
	padding: 0px;
} 
/* A CSS hack that only applies to IE -- specifies a different offset for the footer */
* html #footer	{		margin-top: -20px;	}

#footer p {
	margin: 0px;
	padding: 0px;
	clear: none;
}
#colours {
display: none;
	position: relative;
	float: right;
	height: 20px;
	color: #DDDDDD;
	top: -30px;
}
.pbi {
	position:relative;
	height: 10px;
	width: 10px;
	float: left;
	margin: 2px;
}
.pbi-ip {
	font-size: 9px;
	text-indent: 12px;
	color: #FFFFFF;
	position:relative;
	top: 10px;
	height: 10px;
	width: 10px;
	float: left;
}
#displayFlash	{
	width: 400px !important;
	height: 300px !important;
	margin: 0 auto;
	background-color:#000000;
}
#displayInfo	{
	background-color:#333333;
	text-align: left;
	padding-top: 5px;
	padding-right: auto;
	padding-bottom: 5px;
	padding-left: 10px;
}

#myGallery	{
	width: 800px !important;
	height: 500px !important;
	text-align: left;
	margin: 0 auto;
}
.err {
	position: relative;
	margin: 10px;
	float: left;
	height: 250px;
	width: 200px;
}
#left {
	position: relative;
	width: 140px;
	float: left;
	clear: left;
	border-right: 1px dotted #999999;
	padding: 10px;
	margin-right: 20px;
}
#left #section {
	color: #999999;
	font-weight: bold;
	padding: inherit;
}
a:link{
	color: #ffffff;
}
a:visited{
	color: #ffffcc;
}
a:hover{
	color: #000000;
}
#right {
	position: relative;
	float: left;
	width: 600px;
	text-align: left;
	clear: right;
	margin-right: 20px;
}
#namaste {
	white-space:pre;
	font-weight:bold;
	font-size:smaller;
	font-style: oblique;
	color: #333333;
	margin: 100px;
}
.oneColLiqCtrHdr #mainContent li{
	list-style-type: square;
}

.flashnavlist{
	margin-top: auto;
	margin-bottom: auto;
	padding-top: 10px;
	padding-right: 1px;
	padding-bottom: 0px;
	padding-left: 1px;
}
.flashnavlist li{
	list-style: none;
	margin: 2px;
	display: inline;
	height: 10px;
}
.flashnavlist li a{
	padding: 0.25em 0.5em 0.25em 0.75em;
	background-color: #CC6600;
	border-left-width: 1em;
	border-left-style: solid;
	border-left-color: #666666;
}
.flashnavlist li a:link {
	color: #FFFFFF;
}
.flashnavlist li a:visited {
	color: #FFFFCC;
}
.flashnavlist li a:hover{
	border-color: #CC6600;
	color: #FFF;
	background-color: #333322;
}