/* ---------------------------------------------------------------------------------------------
Client Name: OCR Action Sports Park
Author: John & David Peele, Rockbeatspaper
Created: 10.12.06
--------------------------------------------------------------------------------------------- */

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

	global

--------------------------------------------------------------------------------------------- */
* {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  background: #000 url(../images/bg.gif) 50% 0 no-repeat;
  font: 62.5%/1.5em "Lucida Grande","Lucida Sans Unicode", verdana, geneva, sans-serif;
  color: #000;
  text-align: center;
}

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

	general

--------------------------------------------------------------------------------------------- */
/* Image Replacement */
.ir { text-indent: -9999px; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;	
}

img, a.image { border: none; }

.float-r { float: right; }
.float-l { float: left; }

/* Self Clearing Floats */
#header:after, #content:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

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

	links

--------------------------------------------------------------------------------------------- */
a { text-decoration: underline; padding: 2px 0; color: #F00; }
a:hover { background-color: #000; text-decoration: none; }
a.image:hover { background: none; }

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

	container

--------------------------------------------------------------------------------------------- */
#container {
  margin: 0 auto;
  width: 900px;
  text-align: left;
}

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

	header

--------------------------------------------------------------------------------------------- */
#header {
   
}

#header h1 {
  width: 385px;
  height: 180px;
}

#header h1 a {
  padding: 0;
  width: 385px;
  height: 180px;
  display: block;
  background: url(../images/bg_logo.gif) no-repeat;
}

#header ul {
  
}

#header li {
  display: inline;
}

#header li a {
  padding: 0;
  height: 81px;
  display: block;
  float: left; 
  background-repeat: no-repeat;
}

#header li a:hover,
#s-about #header li#about a,
#s-news #header li#news a,
#s-racing #header li#racing a,
#s-membership #header li#membership a,
#s-photos #header li#photos a,
#s-events #header li#calendar a,
#s-calendar #header li#calendar a,
#s-contact #header li#contact a,
#s-shop #header li#shop a,
#s-resources #header li#resources a {
  background-position: 0 -81px;
}

#about a { width: 120px; background: url(../images/btn_about.gif); }
#news a { width: 52px; background: url(../images/btn_news.gif); }
#racing a { width: 68px; background: url(../images/btn_racing.gif); }
#membership a { width: 148px; background: url(../images/btn_membership.gif); }
#photos a { width: 119px; background: url(../images/btn_photos.gif); }
#calendar a { width: 114px; background: url(../images/btn_calendar.gif); }
#contact a { width: 80px; background: url(../images/btn_contact.gif); }
#shop a { width: 81px; background: url(../images/btn_shop.gif); }
#resources a { width: 118px; background: url(../images/btn_resources.gif); }

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

	content

--------------------------------------------------------------------------------------------- */
#content {
  background-image: url(../images/bg_content.png);
  background-repeat: repeat-y;
  overflow: hidden;
}

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

	content-main

--------------------------------------------------------------------------------------------- */
#content-main {
  margin-bottom: -2000px; 
  padding-bottom: 2000px;
  padding-top: 22px;
  width: 541px;
  float: right;
  background: #FFF url(../images/bg_content-main.gif) no-repeat;
}

#content-main h2 {
  margin-bottom: 44px;
  width: 515px;
  height: 54px;
  float: right;
}

#s-home #content-main h2 { background: url(../images/title_main-home.gif); }
#s-about #content-main h2 { background: url(../images/title_main-about.gif); }
#s-news #content-main h2 { background: url(../images/title_main-news.gif); }
#s-racing #content-main h2 { background: url(../images/title_main-racing.gif); }
#s-membership #content-main h2 { background: url(../images/title_main-membership.gif); }
#s-photos #content-main h2 { background: url(../images/title_main-photos.gif); }
#s-events #content-main h2 { background: url(../images/title_main-calendar.gif); }
#s-calendar #content-main h2 { background: url(../images/title_main-calendar.gif); }
#s-contact #content-main h2 { background: url(../images/title_main-contact.gif); }
#s-shop #content-main h2 { background: url(../images/title_main-shop.gif); }
#s-resources #content-main h2 { background: url(../images/title_main-resources.gif); }

#content-main h3, #content-main h4, #content-main img.pic, #content-main p, #content-main ul, #content-main ol, #content-main table { margin-left: 26px; }

#content-main h3 {
  margin-top: .4em;
  margin-bottom: .8em;
  font-size: 2.8em;
  font-family: Helvetica, Arial, sans;
  font-weight: bold;
  letter-spacing: -2px;
  text-transform: uppercase;
  /* background: url(../images/bg_h3.gif); */
}   

#content-main h4 {
  margin-top: 1.2em;
  margin-bottom: .8em;      
  padding: 5px 3px;
  font-size: 1.8em;
  font-family: Helvetica, Arial, sans;
  font-weight: bold;
  letter-spacing: -1px;
  text-transform: uppercase;
  background-color: #000;
  color: #FFF;
}

#content-main p {
  margin-right: 75px;
  margin-bottom: .8em;
  font-size: 1.2em;
}

#content-main ul, #content-main ol {
  margin-right: 75px;
  margin-bottom: .8em;
  font-size: 1.2em;
}  

#content-main ul li {
  margin-left: 15px;
  list-style-type: square;
}

#content-main ul li a {
  padding: 3px 2px;
  font-size: 1.2em;
  text-decoration: none;
  display: block;
  border-bottom: 1px solid #000;
}             

#content-main ul.lightbox-thumbs li {
  margin: 0 5px 0 0;
  list-style-type: none;
  float: left;
}  

#content-main ul.lightbox-thumbs li a {
  border: none;
}

#content-main ol li {
  margin-left: 15px;
}   

#content-main form.zemContactForm {
  margin-left: 26px;
  font-size: 1.2em;
}

#content-main form.zemContactForm input,
#content-main form.zemContactForm textarea {
  margin-bottom: 18px;
}

#content-main form.zemContactForm label.zemText,
#content-main form.zemContactForm input.zemText,
#content-main form.zemContactForm textarea.zemTextArea,
#content-main form.zemContactForm input.zemSubmit {
  display: block;
}      

#content-main form.zemContactForm ul.zemError {
  margin-top: 50px;
  margin-left: 0;
  color: red;
}

#content-main p.success { 
  padding: 5px; 
  background: #390;
  color: #000;
}

#content-main p.error span {  
  padding: 3px;
  background-color: #F00;
  color: #000;
}

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

	content-sidebar

--------------------------------------------------------------------------------------------- */
#content-sidebar {
  margin-bottom: -2000px;
  padding-bottom: 2000px;
  width: 312px;
  float: left;
}

#content-sidebar h3 {
  width: 312px;
  background-repeat: no-repeat;
}

#content-sidebar h3#upcoming { margin-top: 16px; height: 60px; background: url(../images/title_sidebar-upcoming.png); }
#content-sidebar h3#subnav { margin-top: 16px; height: 60px; background: url(../images/title_sidebar-subnav.png); }
#content-sidebar h3#archive { margin-top: 16px; height: 60px; background: url(../images/title_sidebar-archive.png); } 
#content-sidebar h3#newsletter { margin-top: 16px; height: 75px; background: url(../images/title_sidebar-newsletter.png); }
#content-sidebar h3#sponsors { height: 73px; background: url(../images/title_sidebar-sponsors.png); } 

#s-contact #content-sidebar h3#newsletter { margin-top: 0; }  

#content-sidebar .sidebar-block {
  margin: -1px 38px 30px 38px;
  padding: 20px 19px;
  border: 5px solid #282828;
  border-top: none;
  background-color: #151515;
}  

#content-sidebar .sidebar-block p {
  margin-bottom: .8em;     
  color: #FFF;
}  

#content-sidebar .entry {
  margin-bottom: 20px;
  padding-bottom: 20px;
  color: #FFF;
  background: url(../images/bg_sidebar-divider.gif) bottom left repeat-x;
}

#content-sidebar .entry h4 {
  margin-bottom: 5px;
  color: #F00;
  text-shadow: #000 2px 2px 0;
}

#content-sidebar .entry h5 {
  margin-bottom: 5px;
  font-size: 1.0em;
  font-weight: bold;
}

#content-sidebar ul.sub-nav {
  list-style: none;
}

#content-sidebar ul.sub-nav a {
  padding: 3px 2px;
  font-size: 1.1em;
  border: none;
  display: block;
  text-decoration: none;
  background: url(../images/bg_sidebar-divider.gif) bottom left repeat-x;
}

#content-sidebar ul.sub-nav li a:hover {
  background: #000 url(../images/bg_sidebar-divider.gif) bottom left repeat-x;
}

#content-sidebar dl.archive {
  
}

#content-sidebar dl.archive dt {
  margin-bottom: 10px;
  font-weight:  bold;
  font-size: 1.2em;
  color: #F00;
  text-shadow: #000 2px 2px 0;
}

#content-sidebar dl.archive dd {
  padding: 3px 2px;
  font-size: 1.1em;
  display: block;
  background: url(../images/bg_sidebar-divider.gif) bottom left repeat-x;
}

#content-sidebar dl.archive dd a {
  text-decoration: none;
}

#content-sidebar dl.archive .rssSubdate {
  font-weight:  bold;
  color: #333;
}            

#content-sidebar .sidebar-block p input#mb-name,
#content-sidebar .sidebar-block p input#mb-akdd-akdd {
  width: 100%; 
  background: #000;
  color: #F00;
  font-weight: bold;
}

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

 big calendar

 --------------------------------------------------------------------------------------------- */
.big-cal {
  width: 511px;
  margin: 100px 5px 0 25px;
  border-collapse: collapse;
  text-align: center;
}

.big-cal a {
  margin: 10px 5px;
  padding: 10px;
  color: gray;
  font-weight: normal;
  font-size: 10px;
  text-decoration: none;
  line-height: 100%;
  clear: both;
  display: block;
}

.big-cal th {
  color: #FFF;
  font-size: 14px;
  background: #000000;
  border: 1px solid #FFF
}

.big-cal th a {
  margin: 0px;
  color: #FFF;
  font-size: 30px;
}

.big-cal th a:hover {
  color: #000000;
  background: #FFFFFF;
  display: block;
}

.big-cal td {
  width: 14%;
  height: 70px;			
  padding-top: 4px;		
  vertical-align: top;
  background: #6F6F6F;
  text-align: center;
  border: 1px solid #FFF;
}

.big-cal td:hover  {
  background: #EEEEEE;
}

.big-cal td a {
  color: #FF0000;
  background: #F8F8F8;
}

.big-cal td a:hover {
  color: #FFFFFF;
  background: #FF0000;
  display: block;
}

.big-cal .permalink {
  margin-bottom: 0.5em;
  line-height: 100%;		
  display: block;
  text-align: left;
}

.big-cal td.today {
  padding-top: 4px;
  background: #A6A99F;
}

.big-cal td.today div.date {
  color: #FFFFFF;
}

.big-cal td.invalidDay {
  background: #F8F8F8;
}

.big-cal .hasarticle {
  background: #A6A99F;
}

#content-main .big-cal td h4 { 
  margin: 1px 5px 5px 5px;
  text-align: right;
  font-size: 14px;
  font-weight: bold;
  background: none;
  color: #000000;
}

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

	footer

--------------------------------------------------------------------------------------------- */
#footer {     
  width: 900px;
  height: 130px;
  background: url(../images/bg_footer.gif) no-repeat;
  color: #333;
}

#footer p {
  padding-top: 50px;
  width: 312px;
  text-align: center;
}

#footer p a { display: block; }