@charset "UTF-8";
/* CSS Document */

/*-----------------------------------------------------------------------------
date:      01/10/09
author:    Matthew Ravenhall
email:     matt@ravenhall.co.nz
website:   www.ravenhall.co.nz
-----------------------------------------------------------------------------*/

/* Import other stylesheets
-----------------------------------------------------------------------------*/

@import url("reset.css"); /* Clear default styles */

/* Fundamental styles
-----------------------------------------------------------------------------*/	
body					    {font: 62.5%/1.5em  Verdana, sans-serif; background: #080808 url('../images/bg-body.gif') top center repeat-x; color: #fff; text-align:center;}	
	
div#wrapper				{background: url('../images/bg.gif') -8px 0 no-repeat; font-size: 1.2em; text-align: left; /*width: 920px;*/ width: 942px; margin: 0 auto; overflow: hidden;}
div#header				{display:block; position:relative; margin: 20px 0; width: 750px}
div#header h1			{position: absolute; left: -9999px; top: -9999px;}
div#header a			{margin: 58px 0 0 0; display: block;}
div#article				{float: right; width: 750px}
div#content       {min-height: 330px;}
div#article div.section	{width: 720px; padding: 0 0 10px 0; float: left; margin: 0 0 5px 0; /*border-bottom: 1px dotted #333;*/}
div#footer				{border-bottom: none !important; border-top:1px solid #333; padding: 5px 0 0 0; margin: 10px 0; font-size: 0.9em; clear: both}
div#sponsors			{border-bottom: none !important; border-top:1px solid #333; padding: 5px 0 0 0; margin: 10px 0; font-size: 0.9em; clear: both}
div#sponsors a		{margin: 0 40px 0 0;}
div#side				  {background: url('../images/nzpl.jpg') 40px 27px no-repeat; float: left; /*width: 150px;*/ width: 172px; padding: 150px 0 0}

ul#nav					  {}
ul#nav a				  {display:block; text-indent: -9999px; height:12px; margin: 0 0 10px; /*width: 108px;*/ width: 130px; background-image: url('../images/menu.gif');}

a#nav-home				    {background-position: 0 0;}
a#nav-gallery			    {background-position: 0 -26px;}
a#nav-forum				    {background-position: 0 -53px;}
a#nav-calendar		    {background-position: 0 -79px;}
a#nav-contact			    {background-position: 0 -105px;}
a#nav-join				    {background-position: 0 -131px;}
a#nav-links				    {background-position: 0 -158px;}
a#nav-newsletters	    {background-position: 0 -182px;}
a#nav-classifications	{background-position: 0 -208px;}
a#nav-rankings		    {background-position: 0 -234px;}
a#nav-records			    {background-position: 0 -260px;}
a#nav-referees		    {background-position: 0 -286px;}
a#nav-results			    {background-position: 0 -312px;}
a#nav-rules				    {background-position: 0 -338px;}

a:hover#nav-home		 {background-position: right 0;}
a:hover#nav-gallery	 {background-position: right -26px;}
a:hover#nav-forum		 {background-position: right -53px;}
a:hover#nav-calendar {background-position: right -79px;}
a:hover#nav-contact	 {background-position: right -105px;}
a:hover#nav-join		 {background-position: right -131px;}
a:hover#nav-links		 {background-position: right -158px;}
a:hover#nav-newsletters     {background-position: right -182px;}
a:hover#nav-classifications {background-position: right -208px;}
a:hover#nav-rankings	      {background-position: right -234px;}
a:hover#nav-records		      {background-position: right -260px;}
a:hover#nav-referees	      {background-position: right -286px;}
a:hover#nav-results		      {background-position: right -312px;}
a:hover#nav-rules		        {background-position: right -338px;}


/* Typography
-----------------------------------------------------------------------------*/	
h1, h2, h3, h4, h5, h6	{color: #fc0; font-family: EuroseWideHeavy, Arial, Helvetica, sans-serif}
h1						{font-size: 2.0em; line-height: 1.0em; margin: 0 0 15px 0;}	
h2						{font-size: 1.8em; line-height: 1.6em; margin: 15px 0 5px 0;}
h3						{font-size: 1.6em; line-height: 1.4em; margin: 10px 0 5px 0;}
h4  					{font-size: 1.4em; line-height: 1.2em; margin: 15px 0 10px 0;}
h5						{font-size: 1.2em; line-height: 1.0em;}
p						  {margin: 5px 0; line-height: 1.4em;}	
ul						{margin: 10px 0 10px 30px;}
a, a:active, a:visited	{color: #c00;}
a:hover				{color: #fff; text-decoration: underline;}


/* Miscellaneous
-----------------------------------------------------------------------------*/	

.transparent_class		{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}



