/*
		OTTENS & TUCKER
		 
		Template © D.J.C. Tucker & N. Ottens
		Authour:  professor.delphinius.tucker@gmail.com
		All unauthorised use is strictly prohibited		*/


/* Basics */
body {background-color:#330022; margin:15px 0 15px 0px; font-family:Times New Roman; color:#FAE7BD; font-size:10pt; text-align:justify;}

/* Images */
img {border:1px solid #A3967B;}
.noborder {border:0;}
.hidden {display:none;}


/* Links */
p a:link {text-decoration:none; color:#fff;}
p a:visited {text-decoration:none; color:#fff;}
p a:hover {color:#FAE5CF;}


/* Body */
#red {background-color:#550011; border:solid 1px #771144; padding-left:53px;}

#black { float:left; width:603px; max-width:603px; margin-right:0; background-color:#131313; border-left:solid 1px #990011; border-right:solid 1px #990011;}

#black p {margin:10px;}
#black a:hover {text-decoration:underline;}

#news {width:568px; background-color:#161616; border:solid 1px #990011; margin:17px;}
#news img {float:left; width:145px; margin:0 10px 0 0;}

#contact {width:574px; border:solid 2px #990011; margin-left:12px;}

/*content*/
#content {text-align:left;}

/* Menu */
#menu {height:12px; background-color:#990011; margin-bottom:10px; border-bottom:solid 1px #990011; font-size:10px;}
#menuGate {height:12px; background-color:#131313; border-bottom:solid 1px #990011; font-size:10px;}
#submenu {height:12px; background-color:#131313; margin-top:10px; border-top:solid 1px #990011; font-size:10px;}

#menu a, #menuGate a, #submenu a {border-right:1px solid #993300;}

#menu a:link, #menu a:visited,
#menuGate a:link, #menuGate a:visited,
#submenu a:link, #submenu a:visited {text-decoration:none; color:#FAE7BD; padding:0 6px;}

#menu a:hover, #menuGate a:hover, #submenu a:hover {text-decoration:none; color:#000000; padding:0 6px; background-color:#FAE7BD;}

#menu a.current, #menuGate a.current, #submenu a.current, current {color:#000000; padding:0 6px; background-color:#FAE7BD; border-right:1px solid #993300;}


/* Photo 
   Copyright © Stu Nicholls
   original version available at http://www.cssplay.co.uk/menu/lightbox.html */
.photo {width:603px; height:431px; text-align:right; position:relative; margin:0 auto;}

.photo p {font-family:Times New Roman; color:#FAE7BD; font-size:10pt; text-align:justify;}

.photo ul.topic {padding:0; margin:0; list-style:none; width:535px; height:auto; position:relative; z-index:10;}

.photo ul.topic p
{width:515px;}

.photo ul.topic li {display:inline; height:12px; padding:0; float:left; font-size:10px;}
.photo ul.topic li a.set {display:inline; height:12px; line-height:12px; font-size:10px; text-align:center; color:#FAE7BD; text-decoration:none; padding:0 6px; border-right:1px solid #993300; background:#131313; font-family:Times New Roman;}
.photo ul.topic li a:hover {border-bottom:1px solid #FAE7BD;}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li.active a,
.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#000; background:#FAE7BD;}

.photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:12px; list-style:none; padding:0; margin:0; height:208px; border:1px solid #993300; border-width:1px 0 0 0; background:#131313; width:548px; padding:24px 27px; z-index:1;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:12px; list-style:none; padding:0; margin:0; height:208px; border:1px solid #993300; border-width:1px 0 0 0; background:#131313; width:548px; padding:24px 27px; z-index:100;}

.photo ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:3px;}

.photo ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#131313; border:1px solid #A3967B;}

.photo ul.topic li ul li a img
{display:block; width:100px; height:75px; background:#161616; border:5px solid #161616;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border:1px solid #FAE7BD;}


/* Node */
.node_hide {visibility:hidden; display:none;}
.node_show {visibility:visible; display:block;}


/* Right */
#right {float:left; position:relative; width:147px; background-color:#131313; padding:0 10px 0 10px; }

/* Steam submenu */
.steamItems {position:relative; width:140px; height:140px; margin:0 auto;}
.steamItems a {position:absolute; cursor:pointer; display:block;}
#steamText {font-family:Times New Roman; color:#FAE7BD; text-align:center; font-size:8pt; padding-top:14px;}
#steamText div {display:none;}
#steam_submenu {height: 150px;}



/* Necessary */
#contain { width:780px; background-color:#131313; border-right:solid 1px #993300;}
.clear {clear: both;}