body {
	background-color:#202020;
	color:#FFF;
	text-align:center;
	font-family:"Lucida Sans Unicode","Trebuchet MS", Verdana, Arial, Helvectica;
	font-size:10pt;
	margin:0;
	background-image: url(/gfx/bg-fade.gif);
	background-repeat: repeat-x;
	background-position: top;
}
#wrapper {margin-left:auto;margin-right:auto;width:900px;text-align:left;
background-image: url(/gfx/bg.png);
	background-repeat: repeat;padding:5px 30px;
border-left:2px #000 solid;
border-right:2px #000 solid;
border-bottom:5px #000 solid;	
position:relative;
	}
h1, h2, h3 {
	font-family: "Georgia", Times New Roman, Times, serif;
	}

h1 {margin:0;width:275px}
h1 a {
 display: block;
 background-image: url(/gfx/title.png);
 background-repeat: no-repeat;
 padding-top: 25px; height: 0 !important;
 height /**/: 25px; overflow: hidden;
}

p {line-height:150%}

a img{border: 1px solid #333;padding:2px;margin:3px}
a:hover img{border: 1px solid #666;padding:2px;}
a:hover{color: #666;border: 0px ;} /* Dummy definition to overcome IE bug */

a:link { color:#CCC;}
a:visited { color:#CCC;}
a:hover { color:#C96;}
a:active { color:#CCC;}


/* --- Nav & Uberlinks --- */

ul#nav 	{
width: 216px;
height: 23px;
background: url(/gfx/nav.png) no-repeat;
margin: 10px 0;
padding: 0;
position:relative;
}

ul#nav li {
margin: 0;
padding: 0;
list-style: none;
position:absolute;
}

ul#nav  li, ul#nav a{
height: 23px;
display: block;
}

ul#nav  li a {
text-indent: -9999px; 
text-decoration: none;
}

#nav1 {left: 0; width: 60px;}
#nav2 {left: 76px; width: 60px;}
#nav3 {left: 152px; width: 63px;}

#nav1 a:hover,
body#gallery a#gallerynav
{background: transparent url(/gfx/nav.png) 0 -23px no-repeat;}

#nav2 a:hover,
body#blog a#blognav
{background: transparent url(/gfx/nav.png) -76px -23px no-repeat;}
#nav3 a:hover,
body#contact a#contactnav
{background: transparent url(/gfx/nav.png) -152px -23px no-repeat;}

/* -- end nav -- */

.clear{clear:both}
#content {
position:relative;
/*
My transparent png screwed up	 IE7 and made it run reeeeeal slow
	background-image: url(/gfx/bg-dark.png);
*/
}
#header {padding-bottom:5px;margin-bottom:5px;border-bottom:1px #333 solid}
#col1{float:left;margin-bottom:30px;}
#col2 {width:290px;float:right;margin-top:35px;padding:25px;background-color:
#000;position:relative;}

body#contact #col1 img {border:10px #000 solid}

#col1 p.note {color:#999}
#col1 p.note a {text-decoration:none;color:#CCC}

#twitter h5 {margin-bottom:4px;padding-bottom:4px;border-bottom:1px #333 solid}
#twitter_update_list {list-style:none;margin-left:0;padding-left:0}
#twitter_update_list li {font-size:8pt;margin-bottom:8px;padding-bottom:4px;border-bottom:1px #333 dashed;}

#footer p {margin:6px;padding:0;}
#footer {clear:both;padding:2px 10px 5px 10px;background:#000;width:30%;margin-top:10px}
#footer p.me {color:#666}
#footer a {text-decoration:none}
#footer p.me a {color:#999;text-decoration:none}
.button{font-size:10pt;color:#FFF;padding:2px;background:#333;border:1px #666 solid;cursor:pointer;margin-top:5px;}
.box{font-size:10pt;color:#333;border:1px #333 solid;background-color:#FFF;padding:2px;}

.note {font-size:8pt}