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

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

a.glow:link { color:#FFF; text-decoration:none; background:#666;padding:5px 10px 5px 10px;border:1px #333 solid;}
a.glow:visited { color:#FFF; text-decoration:none; background:#666;padding:5px 10px 5px 10px;border:1px #333 solid;}
a.glow:hover { color:#000; background:#CCC;padding:5px 10px 5px 10px;border:1px #999 solid;}
a.glow:active { color:#CCC; text-decoration:none; background:#999;padding:5px 10px 5px 10px;border:1px #333 solid;}
body#shop a.glow {font-size:16pt;}


#pagenav a:link { color:#333; text-decoration:none; background:#EEE;padding:2px 4px 2px 4px;border:1px #CCC solid;}
#pagenav a:visited { color:#333; text-decoration:none; background:#EEE;padding:2px 4px 2px 4px;border:1px #CCC solid;}
#pagenav a:hover  { color:#000; text-decoration:none; background:#CCC;padding:2px 4px 2px 4px;border:1px #000 solid;}
#pagenav a:active  { color:#333; text-decoration:none; background:#CCC;padding:2px 4px 2px 4px;border:1px #CCC solid;}



#pagenav {margin-top:15px;padding-top:15px;border-top:1px #CCC dashed}

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


h1, h2, h3, h4, h5, h6 {font-family: "Georgia", "Times New Roman", Times, serif}

body{
	text-align:center;
	margin:0;
	font-family:"Lucida Sans Unicode","Trebuchet MS", Verdana, Arial, Helvectica;
	background-image: url(/gfx/bgrough.jpg);
	background-repeat: no-repeat;
	background-color: #000;
	background-position: center top;
}

p{margin: 4px 0 8px 0;font-size:10pt}
ul#links {font-size:10pt}

.item p.note {text-align:right;border-top:1px #EEE dashed;border-bottom:1px #CCC dashed;padding:6px 0 6px 0;}
.item img {border:1px #CCC solid;padding:2px;}

#header{
	height:185px;
	background-image: url(/gfx/title.png);
	background-repeat: no-repeat;
	
}

#header h1 {margin:0;width:320px}
#header h1 a {
 display: block;
 padding-top: 160px; height: 0 !important;
 height /**/: 160px; overflow: hidden;
}

#mainheader{
	height:406px;
	background-image: url(/gfx/maintitle.png);
	background-repeat: no-repeat;
	background-position:center -5px;
}
#mainheader h1 {
margin:0;width:320px;
 display: block;
 padding-top: 0; height: 0 !important;
 height /**/: 0; overflow: hidden;
}
/* ---------- TITLES ---------- */
.newstitle{position:absolute;left:385px;top:-80px;}
.title{position:absolute;left:290px;top:-80px;}
h1 span, h2 span {display:none}
#content h2 {
	width:310px;
	height:69px;
	background-repeat: no-repeat;
	margin:0;
	}
body#canvas h2{background-image: url(/gfx/title_canvas.png);}
body#contact h2{background-image: url(/gfx/title_contact.png);}
body#illustration h2{background-image: url(/gfx/title_illustration.png);}
body#links h2{background-image: url(/gfx/title_links.png);}
body#news h2{background-image: url(/gfx/title_news.png);}
body#music h2{background-image: url(/gfx/headers/music.gif);}
body#shop h2{background-image: url(/gfx/title_shop.png);}
body#sketchbook h2{background-image: url(/gfx/title_sketchbook.png);}

h3 {margin:5px 0 5px 0;}

/* ---------- NAV ---------- */

#nav {width:125px;float:left;}

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

#nav ul li {margin: 0 0 5px 0;padding: 0;list-style: none;
position:absolute;}
#nav ul li, #nav ul a {
height: 25px;
display: block;}

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

#nav1 {top: 0px;}
#nav2 {top: 27px;}
#nav3 {top: 54px;}
#nav4 {top: 80px;}
#nav5 {top: 107px;}
#nav6 {top: 133px;}
#nav7 {top: 160px;}
#nav1 a:hover {background: transparent url(/gfx/nav.png) -145px 0px no-repeat;}
#nav2 a:hover {background: transparent url(/gfx/nav.png) -145px -27px no-repeat;}
#nav3 a:hover {background: transparent url(/gfx/nav.png) -145px -54px no-repeat;}
#nav4 a:hover {background: transparent url(/gfx/nav.png) -145px -80px no-repeat;}
#nav5 a:hover {background: transparent url(/gfx/nav.png) -145px -107px no-repeat;}
#nav6 a:hover {background: transparent url(/gfx/nav.png) -145px -133px no-repeat;}
#nav7 a:hover {background: transparent url(/gfx/nav.png) -145px -160px no-repeat;}


/* UBERLINKS */
body#news a#newsnav {background: transparent url(/gfx/nav.png) -145px 0px no-repeat;}
body#illustration a#illustrationnav {background: transparent url(/gfx/nav.png) -145px -27px no-repeat;}
body#canvas a#canvasnav {background: transparent url(/gfx/nav.png) -145px -54px no-repeat;}
body#sketchbook a#sketchbooknav {background: transparent url(/gfx/nav.png) -145px -80px no-repeat;}
body#shop a#shopnav {background: transparent url(/gfx/nav.png) -145px -107px no-repeat;}
body#links a#shoplinks {background: transparent url(/gfx/nav.png) -145px -133px no-repeat;}
body#contact a#contactnav{background: transparent url(/gfx/nav.png) -145px -160px no-repeat;}

/* END NAV */
#wrapper{text-align:left; background-image:url(/gfx/rough-bg.jpg); background-repeat:repeat-y;width:750px;
border-right:1px #333 solid;border-left:1px #333 solid;margin-left:auto;margin-right:auto;background-color:#FFF}

#content {margin-left:150px;position:relative;padding-right:10px;}

#latest {width:100px;border-top:1px #CCC dashed;float:left;clear:left;margin:15px 0 0 15px;text-align:center}
#latest h3 {font-size:9pt}

div.shoplist{width:95%;border-bottom:1px #CCC solid;border-top:1px #CCC solid;margin-bottom:1.5em;padding:8px;background-color:#EEE;min-height:150px;}
div.shoplist img {float:right;border:1px #CCC solid;padding:2px;}
div.shoptext p{margin:5px 0 20px 0;}
div.shoptext{float:left;width: 325px}
div.shoplist h3, div.shopitem h3 {font-size:22pt;margin:0;}

div.shopitem{margin-bottom:1.5em;padding:4px; text-align:left;}
div.shopitem img {border:1px #CCC solid;padding:2px;}
div.shopitem p {margin:2px 0 2px 0;padding:0;}

#footer{
	text-align:center;
	clear:both;
	padding-bottom:50px;
}
/* 
#footer {_ padding:55px 0 50px 0;_ } /* IE HACK */

#footer p {margin:0 0 20px 0;padding:0;font-size:8pt}

.note{font-size:8pt;}
.button{font-family:"Lucida Sans Unicode","Trebuchet MS", Verdana, Arial, Helvectica;font-size:12pt;color:#FFF;padding:5px;background:#333;border:1px #CCC solid;cursor:pointer}
.box{font-family:"Lucida Sans Unicode","Trebuchet MS", Verdana, Arial, Helvectica;font-size:10pt;color:#333;border:2px #CCC solid;padding:2px;}
img.icon{border:0;position:relative;top:2px}
/* -- Image fade -- */

.fade img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1;}
.fade:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);-moz-opacity: 0.75;}
.fade img {border:0}

/* -------------------------------- */