/* global */

/* 780 */

html{height: 100%;}



body

{ font-family: Verdana, Arial, Helvetica, sans-serif;

  padding: 0px;

  margin: 0px;

  font-size: 14px;

  color: #FFFFFF;
  
  background-color: #000000;

}


#singlebanner160
{
	border-color:#DDDDDD;
	border-width: 1px;
	border-style: solid;
	padding: 0px;
	width: 160px;
	height: 600px;
	margin-bottom: 10px;
	text-align: center; 
} 

.image {
	position:relative;
	float:left; /* optional */
}
.image .text {
	position:absolute;
	top:251px; /* in conjunction with left property, decides the text position */
	left:0px;
	width:300px; /* optional, though better have one */
	}
.image .textpetit {
	position:absolute;
	top:58px; /* in conjunction with left property, decides the text position */
	left:0px;
	width:300px; /* optional, though better have one */
	}

.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.black { background: #FF6600; }
.btn:hover { background-color: #FF9933; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.black { border-color: #FF6600; }
* html .btn:hover { border-color: #FF9933; }

p { clear: both; padding-bottom: 2em; }
form { margin-top: 2em; }
form p .btn { margin-right: 1em; }
textarea { margin: 1em 0;}



.floatstop {

clear:both;

} 



p

{ margin: 0px;

  padding: 0px 0px 16px 0px;

  line-height: 1.7em;

}



h1

{ font-family: arial, sans-serif;

  letter-spacing: .1em;

}



h2

{ margin: 0px;

  padding: 0px 0px 4px 0px;

  font-size: 100%;

}



img{
	border-color:#000000; 
	border-width: 0px; 
	border-style: solid;
}



a{
outline: none;
color: #FF6600;
}



/* image positioning - left, right and center */

.left

{ float: left; 

  padding: 0px 8px 0px 0px;

}



.right

{ float: right; 

  padding: 0px 0px 0px 8px;

}



.center

{ display: block;

  text-align: center;

  margin: 0 auto;

}



img.almitg {vertical-align:middle}



/* block quote */

blockquote

{ margin: 20px 0px 20px 0px; 

  padding: 10px 20px 0px 20px;

  border-left: 10px solid;

}



/* unordered list */

ul

{ margin: 8px 0px 0px 16px;

  padding: 0px;

}



ul li

{ list-style-type: square;

  margin: 0px 0px 11px 0px; 

  padding: 0px;

}



/* ordered list */

ol

{ margin: 8px 0px 0px 24px;

  padding: 0px;

}



ol li

{ margin: 0px 0px 11px 0px; 

  padding: 0px;

}



/* margin lefts / margin rights - to centre content */

#main, #logoss, #footer, #logo, #menu, #content

{ margin-left: auto; 

  margin-right: auto;

}



/* main container */

#main{width: 1000px;}



/* links above the logo / footer */

#logoss, #footer

{ padding: 10px 21px 0px 19px;

  width: 958px;

  height: 26px;

  font-size: 94%;

  text-transform: uppercase;
  

} 



#logoss{
text-align: left;
font-size: 22px;
}
#logoss22{
font-size: 12px;
}


#footer{text-align: center;}



#logoss a, #footer a{text-decoration: none;}



#logoss a:hover, #footer a:hover{text-decoration: underline;}



/* logo */

#logo

{ text-align:center;
	 
  width: 1000px;

  height: 150px;

  text-align: left;

}



#logo h1

{ margin: 0px;

  padding: 41px 0px 0px 19px;

  font-size: 150%;

  letter-spacing: .2em;

}



/* navigation menu */

#menu

{ height: 20px;

   width: 998px;
   
   border-color: black; 

	border-width: 1px; 

	border-style: solid;
	
	border-bottom-width: 0px;

}



#menu ul{margin: 0px auto;} 



#menu li

{ float: left; 

  margin: 0px; 

  padding: 0px;

  list-style: none;

} 



#menu li a 

{ display: block; 

  float: left; 

  height: 15px;

  text-decoration: none; 

  padding: 3px 10px 2px 10px;

  text-transform: uppercase;
 
} 



/* main content */

#content

{
	width: 1000px;
	height: auto;
	padding: 3px;
	overflow: hidden;
	text-align:center;
	background-color: #000000;
	color:#DDDDDD;
} 

#clientdownload{
	float:left;
	width: 634px;
	padding: 25px;
	background-color: #000000;
	color:#DDDDDD;
}

#clientdownload h1{
	text-align: center;
	color: #FF6600;
	text-shadow: 0.05em 0.05em 0.1em  white;
	font-size: 24px;
}

#gameslist{
	text-align: left;
	float:left;
	width: 644px;
	padding: 20px;
	background-color: #000000;
	color:#DDDDDD;
}

#gameslist h1{
	text-align: center;
	color: #FF6600;
	text-shadow: 0.05em 0.05em 0.1em  white;
	font-size: 24px;
}

#gameprofile{
	float:left;
	width: 634px;
	padding: 25px;
	background-color: #000000;
	color:#DDDDDD;
}

#gameprofile h1{
	text-align: center;
	color: #FF6600;
	text-shadow: 0.05em 0.05em 0.1em white;
	font-size: 24px;
}

#bannersright{
	width: 302px;
	float: right;
	background-color: #000000;
	color: #DDDDDD;
	position: relative;
	left: -9px;
	padding-top: 7px;

}

#listitemmain{
	margin-bottom: 20px;
	float:left;
	width: 644px;
	height: 122px;
	border-width: 3px;
	border-spacing: 0px;
	border-style: groove;
	border-color: gray;
	background-color: #000000;
	color:#DDDDDD;
}

#listitemimage
{	float:left;
	width: 170px;
	padding: 10px;
}

#listitemimage img
{	border-color:#DDDDDD; 
	border-width: 1px; 
	border-style: solid;
}

#listitemtext
{
	float:right;
	width: 452px;
	padding: 5px 0px;
	font-size:12px;
}

#listitemtext h1{
	text-align: left;
	color: #FF6600;
	text-shadow: -1px -1px #AAA, 1px 1px #555;
	font-size:14px;
}

#listitemtext a
{  text-transform: uppercase;
}

#profilepicture 
{
	text-align: center;
	width: 300px;
	float:left;
	border-color:#DDDDDD;
	border-width: 1px;
	border-style: solid;
	padding: 10px;
}

#profileinfo
{
	text-align: left;
	width: 272px;
	padding: 20px;
	float: right;
}

#profiledescription
{
	float:left;
	width: 634px;
	text-align: left;
	padding: 20px 0px;
}

#backtolist{
	float:left;
	width: 634px;
	text-align:center;
	vertical-align: center;
}

#singlebanner
{
	border-color:#DDDDDD;
	border-width: 1px;
	border-style: solid;
	padding: 0px;
	width: 300px;
	height: 250px;
	margin-bottom: 10px;
} 


#void{ 
	height:20px;
	float:left;
}

.sidebaritem a, #column2 a, .sidebaritem a:hover, #column2 a:hover

{ padding: 0px;

  text-decoration: none;

  padding-bottom: 2px;

  border-bottom: 1px dashed;

}



.sidebaritem a:hover, #column2 a:hover{border-bottom: 1px solid;}



/* additional colour scheme selections */

#colour{margin: 0px 0px 20px 0px;}



#colour a, #colour a:hover{border: 0px;}



.orange

{ background: #FFFFFF url(orange.png) no-repeat left center;

  color: #FF9C21;

  padding: 0px 40px 0px 20px;

}





blockquote{border-color: #000000;}



#main

{ background: #FFF url(orange-black-main.png) repeat-y;

  color: #70695A;

}



#logoss, #footer, #menu, #menu li a

{ background: #FFF url(orange-black-menu.png);
/*colorlogo*/
  color: #FFFFFF;

  font-weight: bold; 

  text-shadow: 0.1em 0.1em 0.2em black;

  border-color: #000000;

}



#footer, #menu, #menu li a

{ background: #FFD45D url(orange-black-menu2.png);

  color: #FFFFFF;

  font-weight: bold; 

  text-shadow: 0.1em 0.1em 0.2em black;

  border-color: #000000;

}



#logoss a, #footer a, #logoss a:hover, #footer a:hover

{ background: transparent;

  color: #FFFFFF;

  font-weight: bold; 

  text-shadow: 0.1em 0.1em 0.2em black;

}



#logo

{   color: #70695A;

}



h1

{ background: transparent;

  color: #000000;

  border-color: #CAAE90;

}



#menu li a:hover, #menu li a#selected, #menu li a#selected:hover

{ background: #FFD45D url(orange_menu.png);

  color: #FFFFFF;

  font-weight: bold;

  text-shadow: 0.1em 0.1em 0.2em black;

} 



#content, #column2 a, #column2 a:hover

{ background: transparent;

  color: #70695A;

}



.sidebaritem, .sidebaritem a, .sidebaritem a:hover

{ background: transparent;

  color: #DBD7D1;

}



.sbihead

{ background: #FFF url(orange_sbi.png);

  color: #70695A;

}



.sbihead h1

{ background: transparent;

  color: #70695A;

}



.sbilinks li a

{ background: #FFF url(link.png);

  color: #DBD7D1;

} 



.sbilinks li a:hover

{ background: #B7B7B7;

  color: #EA8916;

}