/*
Theme Name: Independent Race Classes
Theme URI: http://wordpress.org/
Description: Custom wordpress theme for Independent Race Classes by <a href="web-o-matic.co.nz">Web-o-matic Ltd</a>.
Version: 1.0
Author: Morgan Dilks
Author URI: www.web-o-matic.co.nz
Tags: racing, clean, white, blue

	IRC 1.0
	 

	This theme was designed and built by Web-o-matic Ltd for Independent Race Classes,
	
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



html, body{
margin:0;
background-color:#CCC;
background-image:url(images/bg_tile.gif);
background-repeat:repeat;
width:100%;
height:100%;
}
#pagelayout{
margin:auto;
width:940px;
background-color:#FFFFFF;
}
#topnav_band{
margin:0;
background-color:#010a5f;
width:100%;
height:250px;
}
#topnav_content{
position:relative;
margin:auto;
padding:33px 0 5px 10px;
width:930px;
height:176px;
color:#000;
background-color:#FFFFFF;
font-family:Century Gothic, Arial, Verdana;
font-size:11px;
text-align:right;
font-weight:bold;
border-bottom:1px #000 dotted;
}
#topnav_content a{
color:#FFFFFF;
font-family:Tahoma, Arial, Verdana, Century Gothic;
font-size:14px;
text-decoration:none;
font-weight:bold;
}
#nav_bg{
position:absolute;
top:0px;
left:-10px;
height:41px;
width:920px;
padding-right:40px;
background-image:url(images/nav_bg.png);
background-repeat:no-repeat;
z-index:200;
}
/*
#newsletter_signup{
position:absolute;
top:5px;
left:-10px;
width:225px;
height:132px;
padding:5px 0;
background-image:url(images/signup_bg.png);
background-repeat:no-repeat;
z-index:100;
text-align:left;
}
*/
#newsletter_signup{
position:relative;
margin:5px 0 8px -10px;
width:225px;
padding:0 0 35px 0;
background-image:url(images/signup_bg.png);
background-repeat:no-repeat;
z-index:100;
text-align:left;
z-index:900;
}
#newsletter_signup input{
width:185px;
background-color:#CCCCCC;
border:none;
padding:4px;
margin:3px 5px 3px 15px;
font-size:12px;
}
#newsletter_signup input.newsletter_submit{
float:right;
width:86px;
height:24px;
padding:0px;
background-color:#0099CC;
border:none;
margin:3px 18px;
}
#newsletter_signup li{
padding:0;
margin:0;
}
#newsletter_signup #response{
position:absolute;
width:200px;
top:38px;
left:205px;
padding:5px;
background-color:#CC0000;
color:#FFFFFF;
font-weight:bold;
font-size:12px;
z-index:1000;
}
form{
margin:0;
}
#header_logo{
position:absolute;
top:40px;
left:15px;
}
#menulayout{
margin:0;
padding:0;
width:100%;
list-style:none;
}
#menulayout li{
float:right;
list-style:none;
}
#menulayout li a.menu_off {
padding:9px 7px 2px 7px;
color:#FFF;
font-family:Tahoma, Arial, Verdana, Century Gothic;
font-size:18px;
text-decoration:none;
text-transform:uppercase;
display:block;
}
#menulayout li a.menu_off:hover {
color:#0099cc;
}
#menulayout li a.menu_on {
padding:9px 7px 2px 7px;
color:#0099cc;
font-family:Tahoma, Arial, Verdana, Century Gothic;
font-size:18px;
text-decoration:none;
font-weight:bold;
display:block;
}
#menulayout li a.menu_on:hover {
color:#0099cc;
}
#header_band{
margin:0;
width:100%;
height:225px;
}
#header_content{
margin:auto;
padding:5px 10px 5px 10px;
width:920px;
height:225px;
font-family:Tahoma, Arial, Verdana, Century Gothic; 
font-size:10px;
color:#010a5f;
font-weight:normal;
line-height:2em;
}
#main_content{
position:relative;
margin:auto;
padding:0;
width:940px;
min-height:400px;
background-color:#FFF;
font-family:Tahoma, Arial, Verdana, Century Gothic; 
font-size:12px;
color:#010a5f;
font-weight:normal;
line-height:2em;
z-index:100;
}
#sidebar{
position:relative;
float:left;
margin-left:0px;
padding:0 0 10px 0;
width:220px;
height:100%;
border-right:1px #010a5f dotted;
background-color:#FFFFFF;
z-index:900;
}
#sidebar ul{
margin:0 0 0 10px;
padding:0;
}
#sidebar ul li{
list-style-type: none;
list-style-image: none;
margin-bottom: 15px;
}
#sidebar ul ul{
padding:0;
margin:0;
}
#sidebar ul li h2{
position:relative;
margin:0 0 0 -20px;
padding:6px 0 0 15px;
color:#ffffff;
height:41px;
width:210px;
background-image:url(images/sidebar_titles.png);
background-repeat:no-repeat;
}
#sidebar ul ul li{
margin:0 0 0 10px;
}
#sidebar ul ul li a{
color:#666666;
text-decoration:none;
font-size:12px;
}
#sidebar ul ul li a:hover{
color:#666666;
border-bottom:1px #666666 dotted;
}
.right_side_title{
margin-bottom:15px;
}
.right_side_title h2{
position:relative;
margin:0 -20px 0 0;
padding:6px 0 0 15px;
color:#ffffff;
height:41px;
width:179px;
background-image:url(images/right_side_title.png);
background-repeat:no-repeat;
}
#main_inside{
position:relative;
float:right;
background-color:#FFF;
margin:0;
padding:5px 5px 10px 5px;
width:708px;
z-index:200;
}
#main_inside .navigation .align_left{
font-size:8px;
}
#seasonevents{
margin:0 0 5px 0;
padding:0;
width:100%;
height:140px;
border-bottom:1px #666666 dotted;
z-index:500;
}
.seasoneventbox{
position:relative;
float:left;
margin:0 5px 5px 0;
padding:0;
width:172px;
height:65px;
}
#latestnews{
positon:relative;
float:left;
width:518px;
height:100%;
padding:0 5px 0 0;
border-right:1px #666666 dotted;
}
#fullpage{
positon:relative;
float:left;
width:688px;
height:100%;
padding:0 25px 0 0;
}
#homepromo{
positon:relative;
float:right;
margin:0;
padding:5px;
width:172px;
height:100%;
text-align:left;
}
#eventspromo{
positon:relative;
float:right;
margin:0;
padding:0 0 5px 0;
width:177px;
height:100%;
text-align:left;
}
.eventpromo_container{
position:relative;
margin:-34px 5px 0 5px;
padding:5px;
font-size:11px;
line-height:1.6em;
width:160px;
background-color:#CCC;
}
.eventpromo_container a{
postion:relative;
display:inline;
padding:2px 5px 2px 5px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:none;
text-decoration:none;
color:#FFFFFF;
background-color:#0099CC;
white-space:nowrap;
}
#events_body{
positon:relative;
float:left;
width:500px;
height:100%;
padding:0 5px 0 10px;
}
#events_body ol{
margin:0;
padding:0 0 0 20px;
}
.linespacer{
margin:5px 0;
width:100%;
height:1px;
border-bottom:1px #666666 dotted;
}
.subtitle{
position:relative;
float:left;
padding:5px 5px 0 10px;
height:28px;
width:157px;
font-family:Tahoma, Arial, Century Gothic, Verdana;
font-size:14px;
color:#ffffff;
font-weight:normal;
background-color:#333333;
}
.subintro{
position:relative;
float:right;
padding:5px 3px 0 3px;
height:28px;
width:330px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:none;
color:#333333;
border-bottom:1px #666666 dotted;
}
.subintro a{
color:#0099CC;
text-decoration:none;
}
.newsdate{
position:relative;
float:left;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#0099cc;
}
.newsmaintitle{
position:relative;
float:left;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#000000;
}
.newstitle{
position:relative;
float:left;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#333333;
}
.newstitle a{
color:#333333;
text-decoration:none;
}
.newstitle a:hover{
text-decoration:underline;
}
.newsintro{
position:relative;
float:left;
width:100%;
padding-bottom:10px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:none;
color:#333333;
border-bottom:1px #666666 dotted;
}
.fullnewsintro{
position:relative;
float:left;
padding-bottom:10px;
margin-bottom:5px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:none;
color:#333333;
width:100%;
border-bottom:1px #666666 dotted;
}
.homepromolink{
margin:5px 0 5px 0;
width:174px;
background-color:#0099CC;
}
.homepromolink a{
postion:relative;
display:inline;
margin:0;
padding:2px 5px 2px 5px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:none;
text-decoration:none;
color:#FFFFFF;
background-color:#0099CC;
}
.fullnewsintro a{
postion:relative;
display:inline;
margin:0;
padding:2px 5px 2px 5px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:none;
text-decoration:none;
color:#FFFFFF;
background-color:#0099CC;
white-space:nowrap;
}
.fullnewsintro p{
display:inline;
padding:0;
margin:0;
}
.alignright a, .alignleft a{
color:#666666;
text-decoration:none;
font-size:12px;
}
.newsintro a{
postion:relative;
display:inline;
margin:0;
padding:2px 5px 2px 5px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:none;
text-decoration:none;
color:#FFFFFF;
background-color:#0099CC;
white-space:nowrap;
}
.newsoutro{
position:relative;
float:left;
padding-bottom:10px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:none;
color:#999;
}
.newsoutro a{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:none;
text-decoration:none;
color:#999;
border-bottom:1px #666666 dotted;
}
.newsoutro a:hover{
color:#fff;
background-color:#0099CC;
}
p{
margin:0;
padding:5px 0 0 0;
}

h1{
margin:0;
font-family:, Arial, Verdana, Century Gothic;
font-size:24px;
color:#333333;
font-weight:normal;
line-height:0.8em;
}
h2{
margin:0px 0px 10px 0px;
padding:4px 5px 0 5px;
font-family:Tahoma, Arial, Century Gothic, Verdana;
font-size:14px;
color:#ffffff;
font-weight:normal;
}
h3{
margin:0;
padding:0;
font-family:Tahoma, Century Gothic, Arial, Verdana;
font-size:12px;
color:#FFFFFF;
font-weight:normal;
line-height:0.8em;
}
h4{
margin:0;
padding:0;
font-family:Tahoma, Arial, Verdana, Century Gothic;
font-size:12px;
color:#0099cc;
font-weight:normal;
line-height:0.8em;
}
*/
a.maincontent{
font-family:Tahoma, Arial, Verdana, Century Gothic;
font-size:10px;
color:#FF3366;
font-weight:normal;
line-height:2em;
text-decoration:none;
}
a.maincontent:hover{
font-family:Tahoma, Arial, Verdana, Century Gothic;
font-size:10px;
color:#FF3366;
font-weight:normal;
line-height:2em;
text-decoration:none;
}
a.maincontent:hover{
font-family:Tahoma, Arial, Verdana, Century Gothic;
font-size:10px;
color:#FF3366;
font-weight:normal;
line-height:2em;
text-decoration:none;
}

/* next footer ensures something on the portfolio page */

#footer_content{
position:relative;
margin:auto;
padding:0 10px 0 10px;
width:920px;
height:125px;
text-align:left;
font-size:9px;
font-family:Tahoma, Arial, Verdana, Century Gothic;
color:#999999;
background-color:#FFF;
font-weight:normal;
line-height:2em;
}
#footermenulayout{
float:left;
width:640px;
margin:0;
padding:6px 0 0 15px;
list-style:none;
text-align:left;
color:#ffffff;
}
#footermenulayout li{
float:left;
list-style:none;
}
#footermenulayout li a{
padding:9px 9px 1px 9px;
font-size:10px;
font-family:Tahoma, Arial, Verdana;
text-decoration:none;
text-transform:uppercase;
color:#FFFFFF;
}
#footermenulayout li a:hover {
border-bottom:1px #ffffff dotted;
color:#FFFFFF;
}
#footercopyright{
position:relative;
float:right;
padding:6px 1px 0 9px;
width:200px;
font-size:12px;
font-family:Tahoma, Arial, Verdana;
text-decoration:none;
text-align:right;
color:#FFFFFF;
}
#footermenudetails{
position:absolute;
top:30px;
left:15px;
width:500px;
margin:0;
padding:10px 0 3px 10px;
list-style:none;
font-size:10px;
text-align:left;
color:#666;
}
#footermenudetails a{
color:#666;
text-decoration:underline;
}
flashcontent{
width:720px;
height:175px;
float:right;
}