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

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

#shopcats {margin:18px 0 8px 0;font-weight:bold;border-bottom:1px #EEE dashed;padding-bottom:15px;}
#shopcats a {padding:6px 9px 6px 9px;text-decoration:none;position:relative;}
#shopcats a:link {color:#333;background-color:transparent}
#shopcats a:visited {color:#333;background-color:transparent}
#shopcats a:hover {color:#FFF;background-color:#C00}
#shopcats a:active {color:#333;background-color:transparent}

a.glow:link { color:#FFF; text-decoration:none; background:#333;padding:5px 10px 5px 10px;border:1px #000 solid;}
a.glow:visited { color:#FFF; text-decoration:none; background:#333;padding:5px 10px 5px 10px;border:1px #000 solid;}
a.glow:hover { color:#FFF; background:#C00;padding:5px 10px 5px 10px;border:1px #333 solid;}
a.glow:active { color:#CCC; text-decoration:none; background:#999;padding:5px 10px 5px 10px;border:1px #000 solid;}

blockquote a:link {color:#EEE}
blockquote a:visited { color:#EEE;}
blockquote a:hover { color:#CCC;}
blockquote a:active { color:#FFF;}

blockquote {padding:10px; width:275px;border-top:1px #CCC solid;border-right:1px #CCC solid;border-bottom:1px #CCC solid;border-left:6px #CCC solid;color:#CCC;background-color:#333}

body {
	color:#333;
	font-family:"Verdana", Arial, Helvectica;
	margin: 0px 50px 15px 10px;
	font-size:9pt;
	text-align:center;
	background: #000 url(/gfx/body-bg-texture.jpg) no-repeat center top;
}

#container {position:relative;width:960px;margin-left:auto;margin-right:auto;text-align:left;border-left:3px #000 solid;border-right:3px #000 solid;left:20px}

#content {margin-top:0;padding:40px 15px 50px 15px;position:relative;overflow:hidden;background:#FFF}
p {line-height:170%}
/* -- Headers */

#header h1 {margin:0;width:271px}
#header h1 a {
 display: block;

 padding-top: 110px; height: 0 !important;
 height /**/: 110px; overflow: hidden;
}

h1, h2, h3, h4, h5, h6 {
font-family: "Helvetica", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, sans-serif;
letter-spacing: -1px;
margin: 4px 0 4px 0;
padding: 4px 0 4px 0;
color: #333;
}

h1, h2 {font-size: 14pt;}
h3 {font-size: 12pt}
h4 { font-size: 12pt;}
h5{ font-size: 10pt;}
h6{font-size: 10pt;}

span.note {letter-spacing: normal}

/* ------- NAV -------------- */
#nav {
	border-bottom:6px #333 solid;
	background-color:#AF2429;
	background-image: url(/gfx/nav_bg.png);
	background-repeat: repeat-x;
}

#nav ul	{
width: 411px;
height: 27px;
background: url(/gfx/nav.png) no-repeat;
margin: 0;
padding: 0;
position: relative;
left:500px;
border-left:2px #900 solid;
}

#nav ul li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
border-right:2px #900 solid;
}

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

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

#nav1 {left: 0; width: 57px;}
#nav2 {left: 56px; width: 85px;}
#nav3 {left: 139px; width: 83px;}
#nav4 {left: 221px; width: 53px;}
#nav5 {left: 273px; width: 57px;}
#nav6 {left: 329px; width: 74px;}

#nav1 a:hover {background: transparent url(/gfx/nav.png) 0 -30px no-repeat;}
#nav2 a:hover {background: transparent url(/gfx/nav.png) -56px -30px no-repeat;}
#nav3 a:hover {background: transparent url(/gfx/nav.png) -139px -30px no-repeat;}
#nav4 a:hover {background: transparent url(/gfx/nav.png) -221px -30px no-repeat;}
#nav5 a:hover {background: transparent url(/gfx/nav.png) -273px -30px no-repeat;}
#nav6 a:hover {background: transparent url(/gfx/nav.png) -329px -30px no-repeat;}

/* UBERLINKS 
body#news a#newsnav {color:#CCC;background-color:#333}
body#gallery a#gallerynav {color:#CCC;background-color:#333}
body#projects a#projectsnav {color:#CCC;background-color:#333}
body#shop a#shopnav {color:#CCC;background-color:#333}
body#links a#linksnav {color:#CCC;background-color:#333}
body#contact a#contactnav{color:#CCC;background-color:#333}
*/
/* ------- END NAV -------------- */
/*  front cols */

#frontCol1 {float:left;width:500px;margin-left:30px}
#frontCol1 p.note {padding-bottom:8px;border-bottom:1px #CCC dashed;}

#frontCol2 {float:right;width:185px;margin-right:50px}

/* Shop */
.shoplist {padding:10px;width:70%;float:left;background-color:#FFF;border-top:1px #CCC dashed;margin-bottom:12px}
.shoplist img {float:right;}
.shoptext h3 {margin:0 0 15px 0;padding:0;font-size:10pt;font-family:Verdana, Arial, Helvetica, sans-serif}	
.shoptext a {text-decoration:none}
.shoptext p {margin:0;}
.shoptext {float:left;width:325px}
.shoplist p.price a {font-weight:normal}

#cart {width:230px;position:absolute;top:40px;right:0;border-bottom:1px #CCC dashed}
h2 {border-bottom:1px #CCC dotted}
h2 span {color:#666}
body#shop #pagenav {clear:both}
form#ukcartform, form#worldcartform  {margin:0 0 5px 0}
form#checkout {margin-top:25px}
.cartbutton_light{width:220px;text-align:left;background-color:#EEE;font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;font-size:8pt;font-weight:bold;color:#333;border:1px #CCC solid;margin-bottom:0 0 8px 0; cursor:pointer;font-size:12pt;padding:5px;background-image: url(/shop/gfx/cart_add.png);
	background-repeat: no-repeat;
	background-position: 90% center;}
.cartbutton_dark{width:220px;text-align:left;background-color:#FFF;font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;font-size:8pt;font-weight:bold;color:#333;border:1px #61A245 solid;margin-bottom:0 0 8px 0; cursor:pointer;font-size:12pt;padding:5px;	background-image: url(/shop/gfx/cart_go.png);
	background-repeat: no-repeat;
	background-position: 90% center;}

input.cartbutton_light:hover { background-color:#333;color:#FFF;border:1px #61A245 solid;cursor:pointer;font-size:12pt;padding:5px; }
input.cartbutton_dark:hover {
	background-color:#CCC;
	color:#333;
	border:1px #61A245 solid;
	cursor:pointer;
	font-size:12pt;
	padding:5px;

}

input.checkout {
	padding-left:20px;
	background-image: url(/shop/gfx/action_go.gif);
	background-repeat: no-repeat;
	background-position: 4px center;
}

/* -- Wallpaper */
#wallpaper ul {border-bottom:1px #CCC dashed;margin-bottom:16px;padding-bottom:8px}

/* - Links - */
body#links #friends {width:250px;float:left}
body#links #stickers {float:left;}
body#links li{font-size:10pt;margin-bottom:1em}
body#links #content img.left {position:relative;bottom:35px}

/* - Page nav - */
#pagenav {font-size:10pt;clear:both;margin:10px 0 25px 0;border-top:1px #CCC dashed}
#pagenav a:link { color:#333; text-decoration:none; background:#FFF;padding:4px 6px 4px 6px;border:1px #FFF solid;}
#pagenav a:visited { color:#333; text-decoration:none; background:#FFF;padding:4px 6px 4px 6px;border:1px #FFF solid;}
#pagenav a:hover  { color:#FFF; text-decoration:none; background:#C00;padding:4px 6px 4px 6px;border:1px #C00 solid;}
#pagenav a:active  { color:#333; text-decoration:none; background:#EEE;padding:4px 6px 4px 6px;border:1px #FFF solid;}


#footer {border-top:1px #CCC dashed;font-size:8pt;clear:both;text-align:right;padding:20px 20px 120px 20px;border-bottom:12px #000 solid;
background-image: url(/gfx/footer_logo.png);
	background-repeat: no-repeat;
	background-position:20px 90%;
	background-color:#FFF;
	}

#footer p.note a {text-decoration:none}

/* -- RSS */

.feed {padding-left:15px;list-style:none;
background-repeat: no-repeat;
background-position: left center;
}
.news {background-image: url(/gfx/rss.png);}
/* --- */

.right{float:right}
.left{float:left}
img.right {margin-bottom:15px;margin-left:15px}

.red {color:#F00}
.clear{clear:both}
img.rightpad {margin: 5px 0 15px 15px}
img.leftpad {margin: 5px 15px 0 15px}
.button{font-family:"Lucida Sans Unicode","Trebuchet MS", Verdana, Arial, Helvectica;font-size:12pt;color:#FFF;padding:5px;background:#666;border:1px #333 solid;cursor:pointer}
.box{font-family:"Lucida Sans Unicode","Trebuchet MS", Verdana, Arial, Helvectica;font-size:10pt;color:#333;border:1px #333 solid;background-color:#EEE; solid;padding:2px;}
.note {font-size:8pt}
#footer p.note {font-size:7pt;color:#999}
#footer p.note a {color:#666}
.light {color:#999}
