/* Welcome to my garage where my layout gets pimped up. It's written by me, Razor ©. Feel free to get come ideas from it but DO NOT RIP! ILL BREAK YOU BONES IF YOU DO! so play nice =] */

/*-----------------------------------------------------*/  
/* Body styles - background image and font size sorted */
/*-----------------------------------------------------*/  

body {background-color:#000000; font-family:Verdana, Arial; color:#999999; font-size:11px; line-height:20px; margin:0 auto;}

/*----------------------------------------------------------------*/
/* "container" div style - width set to 900px and centered layout */
/*----------------------------------------------------------------*/

#container {width:800px; margin:0 auto; position:relative;}

/*-------------------------------------------------------*/
/* "header" and "logo" div style - background logo added */
/*-------------------------------------------------------*/

#header {margin-bottom:20px;}
#logo {background-image:url('images/logo.png'); background-repeat:no-repeat; background-position:center; border:1px solid #333333; width:800px; height:185px;}

/*-----------------------------------------------------------*/
/* "navbar" and "menu" div style - menu aligned horizontally */
/*-----------------------------------------------------------*/

#navbar {margin-bottom:10px;}
ul#menu {margin-top:15px; display:block; text-align:center; border:1px solid #333333; background:#101010 repeat-x; padding:10px; overflow:auto;}
ul#menu li {display:inline; margin-left:20px;}
ul#menu li a {text-decoration:none; color:#c9c9c9; font-size:10px; font-weight:bold; text-transform:uppercase;}
ul#menu li a.active {color:#c40100;}
ul#menu li a:hover {color:#c40100;}

/*---------------------------------------------------------------*/
/* "contentbox" div style - light background colour and outlined */
/*---------------------------------------------------------------*/

#contentbox {margin-top:15px; margin-bottom:15px; display:block; border:1px solid #333333; background:#101010 repeat-x; padding:30px; overflow:auto;}

/*-------------------------------------------------*/  
/* "affilates" div style - small text and centered */
/*-------------------------------------------------*/  

#affiliates {margin-bottom:15px; padding:30px; background:#101010; border:1px solid #333333;}
/*----------------------------------------------*/  
/* "footer" div style - small text and centered */
/*----------------------------------------------*/  

#footer {font-size:9px; text-align:center; background:#101010; border:1px solid #333333;}

/*------------------------------------------------------------------*/  
/* Text styles - h1, h2, h3, footer, p, hr and links pimped up here */
/*------------------------------------------------------------------*/

h1 {color:#c40100; font-size:14px; font-weight:bold;}
h2 {color:#999999; font-size:11px; font-weight:bold; margin:0px 0px 10px 0px;}
p {margin:0px 0px 10px 0px;}
hr {height:1px; border:0; color:#333333;}
a {color:#c40100; text-decoration:none;}
a:hover {text-decoration:underline;}
table.thinBorder, table.thinBorder tr td {background:#1f1f1f; border: 1px solid #333333;}

/*---------------------------------------------------*/
/* Images - Aligned left so the text wraps around it */
/*---------------------------------------------------*/

#avatar {margin-right:20px; float:left; border:1px solid #333333;}