/* --- Do NOT remove this copyright! --- /*

	NRacers2 ClanTemplate Developed for ClanTemplates.com - Cascading Style Sheet
	------------------------------------------------------------------------------------------------
	Designed by:	Maurits den Held - www.subleme.net
	Coded by:	Lee Tomblin - http: //www.strictcoding.net

	Table of Contents:
		import navigation - see nav.css for the actual css
		layout
		side lists
		colours, typography & links
		misc
*/

/* import navigation
----------------------------------------------- */

@import 'nav.css'; /* This imports the navigation for the top of the template, DO NOT remove this! /*

/* layout
----------------------------------------------- */

body
{
	font-family: Trebuchet MS, sans-serif;
	font-size: 12px;
	color: #000;
	background: #1e292d url(imgs/bg.gif) repeat-x;
	margin: 0; padding: 15px 0 0 0;
}
div#container
{
	width: 964px;
	margin: 0 auto;
	background: #fff;
	overflow: auto;
}
h1#banner
{
	width: 954px;
	height: 235px;
	text-indent: -9999px;
	background: url(imgs/banner.jpg) no-repeat;
	margin: 0 auto;
	clear: both;
}
div#content
{
	width: 954px;
	margin: 0 auto;
	padding: 5px 0 0 0;
	clear: both;
}
	div#left
	{
		width: 202px;
		float: left;
	}
	div#center
	{
		width: 540px;
		float: left;
		margin: 0 0 0 5px;
	}
	div#right
	{
		width: 202px;
		float: right;
	}
.side_header
{
	font-size: 13px;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	width: 192px;
	height: 42px;
	line-height: 42px;
	padding: 0 0 0 10px;
	background: url(imgs/side_header_bg.gif) no-repeat;
}
.side_content_menu
{
	width: 200px;
	border-left: 1px solid #769dae;
	border-right: 1px solid #769dae;
	border-top: 1px solid #769dae;
	background: #dde6eb;
	margin: 0 0 10px 0;
}
	.side_content_menu img
	{
		display: block;
	}
.side_content
{
	width: 180px;
	padding: 10px;
	border: 1px solid #769dae;
	background: #dde6eb;
	margin: 0 0 10px 0;
	overflow: auto;
}
.search_input_left
{
	width: 4px;
	height: 25px;
	background: url(imgs/search_input_left.gif) no-repeat;
	float: left;
}
	.search_input
	{
		font-family: Trebuchet MS, sans-serif;
		width: 107px;
		height: 21px;
		padding: 4px 3px 0 0;
		background: url(imgs/search_input.gif) repeat-x;
		border: 0;
		float: left;
	}
		.search_submit
		{
			cursor: pointer;
			width: 50px;
			height: 25px;
			background: url(imgs/search_button.gif) no-repeat;
			border: 0;
			float: left;
		}
.center_header
{
	font-size: 13px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	width: 530px;
	height: 42px;
	line-height: 42px;
	padding: 0 0 0 10px;
	background: url(imgs/center_header_bg.gif) no-repeat;
}
	.center_content
	{
		width: 538px;
		background: #dde6eb;
		border: 1px solid #749eae;
		margin: 0 0 10px 0;
	}
	.center_post_img
	{
		width: 533px;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #749eae;
		padding: 4px 0 4px 5px;
	}
		.center_post_img img
		{
			display: block;
		}
	.news_post
	{
		width: 531px;
		padding: 7px 0 0 7px;
		background: url(imgs/content_post_bg.gif) top repeat-x;
		line-height: 14px;
	}
	.news_post2
	{
		width: 538px;
		padding: 0 0 0 0;
		background: url(imgs/content_post_bg.gif) top repeat-x;
		line-height: 14px;
	}
		.news_post p
		{
			margin: 0; padding: 8px 0 8px 0;
		}
div#site_footer
{
	text-align: right;
	width: 954px;
	height: 20px;
	padding: 0 10px 0 0;
	background: url(imgs/site_footer.gif) no-repeat;
	clear: both;
}
	div#site_footer a
	{
		text-decoration: underline;
	}
	div#site_footer a:hover
	{
		text-decoration: none;
	}
div#footer
{
	width: 880px;
	height: 47px;
	padding: 0 0 0 80px;
	margin: 0 auto;
}
	div#footer a
	{
		margin: 0 75px 0 0;
		float: left;
	}
.heightfix
{
	height: 1%;
	width: 1%;
	display: none;
}

/* side lists
----------------------------------------------- */

.list_side
{
	list-style: none;
	margin: 0; padding: 0;
}
.list_side li
{
	border-bottom: 1px solid #769dae;
	background: url(imgs/side_list_bg.gif) repeat-x;
	line-height: 22px;
}
.list_side a
{
	color: #161e21;
	padding: 0 0 0 6px;
	text-decoration: none;
}
	.list_side a:hover
	{
		color: #161e21;
		text-decoration: underline;
	}

/* colours, typography & links
----------------------------------------------- */

a
{
	color: #000;
	text-decoration: none;
}
a:hover
{
	color: #000;
	text-decoration: underline;
}
span.posted
{
	font-size: 11px;
}

/* misc
----------------------------------------------- */

form, input, textarea, h1
{
	margin: 0; padding: 0;
}
a img
{
	border: 0;
}

.demoTable { 
	border-spacing:1px;
	background-color:#E7E7E7;
	width:100%;
	margin:auto;
}
.demoTable td, .demoTable tr, .demoTable th{
	border-collapse: separate;
	border-collapse: collapse;
	border-spacing: 0;
}
.demoTable caption {
	font-weight: bold;
	background: #F9F9F9 url(imgs/corner.gif) no-repeat right top;
	
	color: #000;
	text-transform:uppercase;
	padding:10px;
	margin:auto;
}

.demoTable td, .demoTable th {
	padding: 4px;
}

.demoTable thead th {
	text-align: center;
	background: #F5F5F5;
	color: #666;
	border: 1px solid #FFF;
	text-transform:capitalize;
}


.demoTable tbody th {
	font-weight: bold;
}

.demoTable tbody tr		{
	background-color:#FFF; 
	text-align:left;
	}
.demoTable tbody tr.odd 	{
	background: #f9f9f9;
	border-top:1px solid #FFF;
}

.demoTable tbody tr td { 
	height:50px;
	background: #FFF;
	border: 1px solid #FFF;
	}

.demoTable tbody tr.odd td{ 
	background: #f9f9f9;
	border-top:1px solid #FFF;
	}



.demoTable tfoot th, .demoTable tfoot td {
	background-color:#E7E7E7; padding:10px;
	text-align:center; 

	
	border-bottom:3px solid #CCC;
	border-top:1px solid #DFDFDF;
}


      .demoTable tbody td a[href="http://www.clanfee.es"] {
 
          margin: 0 auto;
  
          height: 15px;
 
          background: url(imgs/icon_ok.gif) no-repeat;
 
          border-bottom: 0;
  
          padding:3px 0px 0px 18px;
  
          font-weight:bold;
 
          color:#FF8601;
  
      }
 
       
 
      .demoTable a[href^="mailto"] {

          background: url(imgs/icon_email.gif) no-repeat;

          padding:1px 0px 0px 18px;

      }
	  
.myForm {  
  width: 100%;
  margin:auto;
  font-size:11px;
}

.myForm fieldset {
  background-color:#F9F9F9;
  border:1px solid #CCC;
  padding: 10px;
  margin: 0;
}

.myForm fieldset legend {
	color:#666;
}

.myForm label { 
	display: block; 
	float: left;  
	padding: 0;
	margin:0px 0px 5px 0px;
}

.myForm fieldset label:first-letter {
	color:#999;
}
.myForm input, .myForm textarea {
	width:95%;     
}

.myForm input.button {
	width:95%;
	background-color:#C2C7C0;
	border:1px solid #A0A0A0;
	padding:3px;
	color:#FFF;
}

textarea {
	height:150px;
	}

.myForm small {
	color:#CCC;
}