/* Coding and design by Hambo Development


Add colours here -

background:	#000;
dark grey:	#333;
light grey:	#666;

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


body 				{ background: #000; }




/* DIV Classes
-------------------------------------------------------------*/

.section			{ background: #333; overflow: auto; margin-bottom: 10px; padding: 20px 0; position: relative; width: 960px; }
	.home .section	{ padding-bottom: 30px; }
	.no_header		{ padding-left: 310px; width: 650px; }
	
.column				{ float: left; margin: 0 20px 10px 0; }
	.narrow			{ width: 300px; }
	.wide			{ margin-right: 0; width: 640px }
	.header			{ padding-left: 20px; width: 280px; }


	.wide .media	{ float: left; padding-right: 20px; width: 450px; }
	.narrow .media	{ float: left; padding-right: 10px; width: 140px; }
	
.media_info			{ float: left; width: 150px; }

p.more				{ position: absolute; bottom: 10px; right: 10px; }



/* Navigation Area
-------------------------------------------------------------*/

ul.nav				{ background: #000; list-style-type: none; padding: 10px 0; text-align: center; width: 960px; }
	ul.nav li		{ display: inline; padding: 0 5px; }
	



/* List Styling
-------------------------------------------------------------*/

ul.entries			{ list-style-type: none; }
	ul.entries li	{ border-bottom: 1px solid #666; margin-bottom: 2px; padding-bottom: 2px; }



/* Buttons
-------------------------------------------------------------*/

.button				{ display: block; text-indent: -9999px; }
a.rss				{ background: url(/assets/images/icons/rss.gif) no-repeat; float: right; height: 18px; width: 17px; }



/* DIV Areas
-------------------------------------------------------------*/


#container 			{ margin: 0 auto; position: relative; text-align: left; width: 960px; }
#banner				{ margin-bottom: 0; }

#leaderboard			{margin-right: auto; margin-top: 0px; margin-bottom: 0px; text-align:center; width:100%; margin-left: auto; padding:0px;}


/* Masthead Area
-------------------------------------------------------------*/

#masthead			{ padding-top: 40px; }
h1 a				{ background: #000 url(/assets/images/layout/logo.png) no-repeat; display: block; height: 23px; margin: 0 auto; text-indent: -9999px; width: 170px; }
#animation			{ height: 160px; margin: 0 auto; overflow: hidden; }



/* User Area
-------------------------------------------------------------*/

#user_area			{ height: 60px; width: 960px; }



/* Content Area
-------------------------------------------------------------*/

#content			{ width: 960px; }



/* Footer Area
-------------------------------------------------------------*/

#footer				{ clear: both; padding: 30px 0 20px; text-align:center; width: 960px; }
#footerlinks			{ text-align:center; }
/*#footer img			{ display: block; margin: 0 auto 20px; }*/




/* Form Styling
-------------------------------------------------------------*/

form#join_form					{ font-family: inherit; font-size: 11px; margin-bottom: 30px; }
form#join_form .form_field		{ clear: left; margin-bottom: 10px; height: 30px; width: 300px; }

form#join_form label			{ clear: left; color: #fff; float: left; font-size: 10px; padding-top: 8px; width: 100px; }

form#join_form input,
form#join_form select			{ background-color: #666; border: none; color: #fff; }

form#join_form input.text,
form#join_form select			{ float: left; margin-bottom: 5px; padding: 6px; width: 180px; }

form#join_form #slctDay,
form#join_form #slctMonth,
form#join_form #slctYear		{ margin-right: 4px; width: 60px; }

form#join_form input.button		{ float: right; }