/*GLOABAL SETTINGS*/
/*RESET*/
* {
padding:0;
margin:0;
border:0;
outline:none;
font:12px lucida Sans;
}

/*LINKS*/
a {
color: rgb(250,85,0);
}

a:hover {
color: rgb(38,128,146);
}

p, ul {
margin-bottom: 8px;
}

/*********************/


/*SITE BODY*/
body {
background: repeat center top url(../graphics/dbg.gif) black;
}
/*********************/

/*FIXED WIDTH*/
.fixed_width {
position: relative;
width: 1200px;
margin: auto;
}

/*HEADER*/

#header {
/*FOR THE EVIL BROWSER*/
position: absolute;
/***********************/
top: 0px;
left: 0px;
z-index: 100;
height: 219px;
width: 100%;
background: repeat-x center top url(../graphics/header_bg.png);
}

/*CORRECT FOR GOOD BROWSERS*/
body>div#header {
position: fixed;
}

a#title {
position: absolute;
left: 0px;
top: 0px;
display: block;
height: 139px;
width: 472px;
background: no-repeat left top url(../graphics/h1_driftopia.png);
z-index: 10;
}

#manjimania_details a#title {
background: no-repeat left top url(../graphics/h1_manjimania.png);
}

#shop a#title {
background: no-repeat left top url(../graphics/h1_shop.png);
}

h1 {
position:relative;
left:-1000px;
}



/*********************/


/*BIG REGISTRATION BUTTON*/
#reg_links {
position: absolute;
right: 191px;
top: 0px;
z-index: 10;
width: 235px;
background: no-repeat url(../graphics/register_driftopia_bg.png);
z-index: 60;
}

#reg_links strong {
position: absolute;
top: -9999px;
left: -9999px;
}

a.reg_link {
display: block;
height: 219px;
width: 235px;
}

a.reg_link:hover {
background: no-repeat url(../graphics/register_driftopia.gif);
}

#manjimania_details a#reg_link #register {
background: no-repeat url(../graphics/register_manjimania_bg.png);
}

#manjimania_details a#reg_link:hover #register {
background: no-repeat url(../graphics/register_manjimania.gif);
}
/*********************/


/*PAGE INDEX*/
#index {
position: absolute;
right: 30px;
top: 0px;
z-index: 50;
display: block;
height: 146px;
width: 493px;
color: white;
}

#index li {
position: absolute;
}

#index li, #footer li {
list-style: none;
}

#index a {
display: block;
position: absolute;
}

#index a strong, #footer a strong {
position: absolute;
left: -9999px;
top: -9999px;
}


/*HOME LINK*/
.home a {
width: 75px;
height: 46px;
background: no-repeat 0px -100px url(../graphics/index_links.png);
}

#index .home a {
left: 320px;
top: 11px;
}

.home a:hover, #home .home a {
background: no-repeat -150px -100px url(../graphics/index_links.png);
}

/*DRIFTOPIA LINK*/
.driftopia_details a {
width: 130px;
height: 49px;
background: no-repeat 0px 0px url(../graphics/index_links.png);
}

#index .driftopia_details a {
left: 5px;
top: 19px;
}

.driftopia_details a:hover, #driftopia_details .driftopia_details a {
background: no-repeat -150px 0px url(../graphics/index_links.png);
}

/*MANJIMANAIA LINK*/
.manjimania_details a {
width: 116px;
height: 43px;
background: no-repeat 0px -50px url(../graphics/index_links.png);
}

#index .manjimania_details a {
left: 0px;
top: 77px;
}

.manjimania_details a:hover, #manjimania_details .manjimania_details a  {
background: no-repeat -150px -50px url(../graphics/index_links.png);
}

/*CREW LINK*/
.crew a {
width: 92px;
height: 42px;
background:no-repeat 0px -350px url(../graphics/index_links.png);
}

#index .crew a {
left: 396px;
top: 9px;
}

.crew a:hover, #crew .crew a {
background:no-repeat -150px -350px url(../graphics/index_links.png);
}

/*TRACKS LINK*/
.tracks a {
width: 88px;
height: 44px;
background: no-repeat 0px -300px url(../graphics/index_links.png);
}

#index .tracks a {
left: 398px;
top: 47px;
}

.tracks a:hover, #tracks .tracks a {
background: no-repeat -150px -300px url(../graphics/index_links.png);
}

/*SHOP LINK*/
.shop a {
width: 61px;
height: 38px;
background: no-repeat 0px -250px url(../graphics/index_links.png);
}

#index .shop a {
left: 431px;
top: 94px;
}

.shop a:hover, #shop .shop a {
background: no-repeat -150px -250px url(../graphics/index_links.png);
}

/*FORUM LINK*/
.forum a {
width: 84px;
height: 40px;
background: no-repeat 0px -150px url(../graphics/index_links.png);
}

#index .forum a {
left: 307px;
top: 54px;
}

.forum a:hover, #forum .forum a {
background: no-repeat -150px -150px url(../graphics/index_links.png);
}

/*CONTACT LINK*/
.contact a {
width: 131px;
height: 38px;
background: no-repeat 0px -200px url(../graphics/index_links.png);
}

#index .contact a {
left: 294px;
top: 94px;
}

.contact a:hover, #contact .contact a {
background: no-repeat -150px -200px url(../graphics/index_links.png);
}
/*********************/


/*SPONSORS*/
#sponsors {
position: absolute;
padding: 9px 60px 38px 60px;
left: 40px;
top: 137px;
width: 648px;
height: 42px;
overflow: hidden;
z-index: 20;
text-align: left;
background: no-repeat left top url(../graphics/sponsors_bg.png);
}

#sponsors_list_1 {
display: block;
height: 42px;
overflow: visible;
}

#sponsors li {
display: inline;
height: 42px;
line-height: 42px;
padding: 0px 8px;
}

#sponsors li a img{
line-height: 42px;
vertical-align: middle;
}

/*********************/


/*CONTENT BOXES*/
#content_box {
position: relative;
width: 1200px;
margin: auto;
margin-top: 148px;
background: repeat-y 631px top url(../graphics/highlighted_content_bg.png);
}

#home #content_box {
background: none;
}

#tracks #content_box, #shop #content_box, #contact #content_box {
background: repeat-y 895px top url(../graphics/highlighted_content_bg.png);
}

#content_end {
clear:both;
}

#content_margin_box {
position: relative;
width: 100%;
margin-right: -570px;
color: rgb(210,220,228);
}

#shop #content_margin_box {
margin-right: -360px;

}

/*********************/


/*MAIN CONTENT*/
#main_content {
position: relative;
float: left;
height: auto;
overflow: visible;
padding: 70px 30px 20px 50px;
color: rgb(210,220,228);
width: 548px;
display: inline;
}

#home #main_content {
float: right;
width: 326px
}

#tracks #main_content, #shop #main_content, #contact #main_content {
width: 808px;
}

/*main content - headers*/
#main_content h2 {
height: 25px;
padding: 15px 0px 13px 90px;
margin: 18px -30px 18px -50px;
color: white;
font: 26px Typewriter, Verdana;
background: no-repeat left top url(../graphics/h2_main.png);
}

#main_content h2 img {
postion: relative;
bottom: -2px;
}

#main_content h3 {
height: 20px;
margin: 16px 0px 4px 0px;
color: white;
font: 14px Verdana;
font-weight: bold;
}

#main_content .content_img {
display: block;
float: left;
border: 10px solid white;
width: 300px;
height: 162px;
margin: 10px;
}

.float_right {
float: right;
margin-left: 16px;
}

.float_left {
float: left;
margin-right: 16px;
}

.clear {
clear: both;
}


/*main content - lists*/
#main_content ul {
margin: 10px 10px 10px 20px;
}

/*main content - tables*/
#flags_table td {
padding: 10px;
text-align: left;
vertical-align: middle;
}


/*********************/


/*NEXT EVENT POSTER*/
#event_poster {
position: relative;
float: left;
width: 724px;
height: 522px;
margin: 80px 0px 20px 30px;
overflow: hidden;
}

#event_poster img {
display: block;
}

#event_poster img#poster {
margin: 24px;
z-index: 40;
}

#event_poster img#poster_frame {
position: absolute;
top: 0px;
left: 0px;
z-index: 50;
}

/*********************/


/*HIGHLIGHTED CONTENT*/
#highlighted_content {
float: right;
display: inline;
z-index: 50;
width: 184px;
min-height: 100%;
padding: 0px 60px;
color: black;
z-index: 40;
text-align: left;
}

#highlighted_content ul.events {
padding: 0px 4px 0px 24px;
}

/*highlighted content - headers*/
#highlighted_content h2 {
text-align: center;
color: black;
font: 0px verdana;
padding: 0px;
}

#label_event_dates {
height: 79px;
margin-top: 70px;
background: no-repeat center top url(../graphics/label_event_dates.gif);
}

#label_event_format {
height: 79px;
margin-top: 20px;
background: no-repeat center top url(../graphics/label_event_format.gif);
}

#label_cart {
height: 79px;
margin-top: 20px;
margin-bottom: 10px;
background: no-repeat center top url(../graphics/label_cart.gif);
}

#label_driftopia {
margin-bottom: 10px;
height: 58px;
background: no-repeat center top url(../graphics/label_driftopia.gif);
}

#label_manjimania {
margin-bottom: 10px;
height: 58px;
background: no-repeat center top url(../graphics/label_manjimania.gif);
}

/* EVENT DATES  - EVENT FORMAT*/
ul.event_dates li.event, ul.event_format li.event {
list-style: none;
}

ul.event_dates .dates, ul.event_format .sub_event {
margin-left: 14px;
}

ul.event_dates li, ul.event_format li {
font-weight: bold;
}

ul.event_dates li.cancled {
color: rgb(190,0,0);
}

ul.event_dates li.open {
position: relative;
background: no-repeat right center url(../graphics/more_info.png);
}

ul.details {
margin-bottom: 8px;
}

ul.details li{
font-weight: normal;
}

ul.event_dates ul.more_info {
display: none;
width: 110px;
height: 58px;
list-style: none;
}

li.open:hover {
color: rgb(188,188,188);
}

li.open:hover ul.more_info {
position: absolute;
right: -14px;
top: -6px;
height: 58x;
width: 110px;
display: block;
z-index: 90;
text-align: right;
}

ul.event_dates ul.more_info a {
display: block;
height: 58px;
width: 55px;
list-style: none;
float: right;
z-index: 100;
}

ul.event_dates ul.more_info li.register a {
background: no-repeat 0px 0px url(../graphics/track_link.png);
}

ul.event_dates ul.more_info li.register a:hover {
background: no-repeat 0px -58px url(../graphics/track_link.png);
}

ul.event_dates ul.more_info li.track a {
background: no-repeat -55px 0px url(../graphics/track_link.png);
}

ul.event_dates ul.more_info li.track a:hover {
background: no-repeat -55px -58px url(../graphics/track_link.png);
}


li.register a strong, li.track a strong {
position: absolute;
top: -9999px;
left: -9999px;
}

ul.event_format p.note {
margin: 8px 0px;
}

/*********************/


/*INFO*/
#info {
display: inline;
float: right;
width: 205px;
padding: 20px 30px 40px 30px;
color: rgb(210,220,228);
z-index: 100;
}

#contact #info {
float:right;
width: 500px;
}

#info li, #info p {
padding: 0px;
}

#info ul li{
margin-left: 8px;
}

#info ul.venue {
text-align: left;
}

#info ul.venue ul.pricing {
margin-bottom: 16px;
}

#info ul.venue ul{
margin: 4px 0px;
}

#info p, #info h3 {
margin: 8px 0px;
}

#info p {
z-index: 100;
}

#info h2 {
height: 38px;
width: 265px;
padding: 104px 0px 54px 0px;
margin: -54px -50px -44px -40px;
background: no-repeat left top url(../graphics/h2_bg.png);
color: white;
font: 0px verdana;
font-weight: bold;
line-height: 38px;
}

#info h2#additional_sponsors {
display: none;
}

#info #additional_sponsors_list {
height: 204px;
width: 265px;
padding: 104px 0px 54px 0px;
margin: -54px -50px -44px -40px;
background: no-repeat center top url(../graphics/thanks_bg.png);
color: white;
text-align: center;
list-style: none;
}

#info #additional_sponsors_list li {
padding: 8px;
}

#info h2#downloads {
background: no-repeat left top url(../graphics/h2_downloads_bg.png);
font: 0px verdana;
}

#info h2#pricing {
background: no-repeat left top url(../graphics/h2_pricing_bg.png);
font: 0px verdana;
}

#info h2#can_you_help {
background: no-repeat left top url(../graphics/h2_can_you_help_bg.png);
font: 0px verdana;
}

#info h3, #info ul.pricing li {
border: none;
font-weight: bold;
}

#info ul.pricing li {
font: 13px verdana;
font-weight: bold;
color: white;
}

/*********************/


/*PRICE TABLE*/
table.pricing {
margin: 4px 0px;
}

table.pricing td {
width: 100%;
padding: 2px;
}

table.pricing td.ticket {
font: 13px verdana;
font-weight: bold;
text-align: left;
}

table.pricing td.price {
font: 13px verdana;
color: rgb(250,85,0);
font-weight: bold;
text-align: right;
}

/*********************/


/*CREW*/
#main_content ul.photo_album {
position: relative;
float: left;
display: block;
margin: 0px;
padding: 0px 64px;
}

#main_content ul.photo_album h2 {
margin-left: -94px;
}

ul.photo_album li {
float: left;
display: block;
}

ul.photo_album li img {
position: relative;
width: 128px;
height: 96px;
display: block;
margin: 2px;
padding: 1px;
border: 4px solid white;
background-color: black;
z-index: 10;
}

/*gallery links*/
ul.photo_album a:hover img {
position: relative;
width: 256px;
height: 192px;
margin: -46px -62px;
padding: 1px;
border: 4px solid white;
background-color: black;
z-index: 100;
}

/*********************/

img.in_content{
width:432px;
margin:8px;
}



li.pdf {
list-style-image:url(../graphics/pdf_16.gif);
margin-left:8px;
padding:2px 4px;
}

ol.decimal {
list-style-type:decimal-leading-zero;
}

ol.lower-alpha {
list-style-type:lower-alpha;
}

ol.lower-roman {
list-style-type:lower-roman;
}

ol li {
font:12px verdana;
padding:6px 0px 2px 0px;
}

ol ol, ol ul {
font:11px verdana;
margin:0px 0px 6px 0px;
}

ol p, ul p, ol ol li, ol ul li{
font:11px verdana;
}

ol p {
padding:4px 0px;
}


#polaroid {
position:relative;
float:right;
overflow:hidden;
width:216px;
height:269px;
text-align:center;
margin-left:6px;
}

#polaroid img {
position:absolute;
display:block;
top:0px;
left:0px;
}

#photo_front {
height:188px;
margin-top:18px;
z-index:10;
}

#photo_back {
height:188px;
margin-top:18px;
z-index:5;
}

#polaroid img.frame {
z-index:15;
}

.text {
padding:8px;
}

#information ul ul {
background:none;
}

li.detail {
font:9px verdana;
list-style:none inside;
}

#devolution {
margin-top:40px;
text-align:center;
}

#devolution img {
border:1px solid rgb(255,255,255);
}

#devolution a {
margin-top:8px;
}

#devolution a:hover img {
border:1px solid rgb(250,85,0);
}


/*FOOTER*/
#footer {
position: relative;
height: 45px;
padding-top: 9px;
top: -9px;
clear: both;
background: repeat-x left top url(../graphics/footer_bg.png);
z-index: 80;
text-align: right;
}

#footer h3 {
display: inline;
margin: 16px 8px;
}

#footer ul {
position: relative;
display: block;
width: 100%;
height: 100%;
margin: 18px 250px 0px 0px;
}

#footer li {
position: relative;
display: inline;
margin: 4px;
}

#footer li a {
background: none;
}

#footer li strong {
display: inline;
}

#footer p {
display: none;
}

#footer a {
width: auto;
height: auto;
margin: 8px;
}

#footer a#copyright {
position: absolute;
margin-top: -9px;
right: 30px;
bottom: 0px;
display: block;
height: 65px;
width: 208px;
background: no-repeat left bottom url(../graphics/copyright.png);
}


/*FORMS IN LEFT CONTENT*/

/* for main form wrapping div */
div#gb_form_div {
}

/* id for the form itself */
form#gb_form, form#registration_form{ 
background:white;
margin-bottom: 16px;
width: 188px
}

/* form and results heading size */
.main_formhead {
height: 79px;
margin-top: 20px;
margin-bottom: 10px;
background: no-repeat center top url(../graphics/label_contact.gif);
}

/* section fieldsets - it's common to make this border : 0; */
fieldset { 
border: 1px solid rgb(38,114,128);
margin:16px 0px 8px 0px;
padding:8px 0px;
}

/* form legends and dt "heading" */
legend { 
color: rgb(38,114,128);
margin-left: 6px;
}

/* main legend at top of the form */
legend#mainlegend { 
color:rgb(48,144,158);

}

/* form label text */
#gb_form label, #registration_form label{ 
color:black;
margin:6px 6px 3px 6px;
}

input.med, input.short, select.med, textarea.textbox { 
font:'Trebuchet MS',sans-serif; 
color:rgb(60,60,60);  
padding:2px; 
border:1px solid rgb(38,114,128);
background-color:rgb(232,240,242);
margin:3px 6px 6px 6px;
width: 168px
}

/* hover and focus styling - the classes like .hover and .focus below are for the javascript for IE */
input.med:focus, input.short:focus, select.med:focus, textarea.textbox:focus, input.med:hover, input.short:hover, select.med:hover, textarea.textbox:hover { 
color:rgb(0,0,0);  
border:1px solid rgb(250,85,0);
background-color:white;
margin:3px 6px 6px 6px;
}

/* for the checkbox input */
input.checkbox {
margin-left:16px;
}

/* error heading weight and color - bold is for the error reason text */
span.error, strong.error, h3.error{ 
color:rgb(250,85,0); 
font-weight:bold;
}

h3.error{ 
border-bottom:1px solid rgb(250,85,0);
}

/* success heading color */
span.success, strong.sucess, h3.success{ 
color:rgb(38,114,128);
font-weight:bold; 
}

h3.success{ 
border-bottom:1px solid rgb(38,114,128);
}

/* privacy and "Why?" small element link sizes (relative to their parent element */
small.privacy, small.whythis {

}

/* set up relativity to position small Why? text */
small.whythis { 
position:relative;
margin-left:6px;
}

/* Why? link style */
small.whythis a { 

}

small.whythis a:hover, small.whythis a:focus, small.whythis a:active { 
color:1px solid rgb(250,85,0);
} 

/* hide the Why? text span */
small.whythis a span { 
display:none;
}

/* bring back Why? text span (title attribute backs this up for borwsers it doesn't function in */
small.whythis a:hover span, small.whythis a:focus span, small.whythis a:active span {
position: absolute;
display: block;
text-decoration:none;
color:black;
border:1px solid rgb(250,85,0);
background-color:rgb(248,238,232);
left: 16px;
top: -20px;
width: 140px;
padding: 2px;
}

/* the link back to me for form credit */
p.creditline { 
display:none;
}

/* used for abbreviation used relative to form. the .abbr class is for the span added for IE */
abbr, .abbr { 
cursor:help; 
border-bottom:1px dotted #999;
}

/* set result color for blockquote dt "heading" */
dl#result_dl_blockq dt, dl.result_dl_blockq dt {
color:rgb(255,255,255);
}

/* position result blockquote flush with parent */
dl#result_dl_blockq blockquote, dl.result_dl_blockq blockquote {
margin-left:0;
}

/* style the input names in the result */
div#hf_form_div span.items {
font-weight:bold;
color:#cc9900;
}

input.inline, select.inline {
font:'Trebuchet MS',sans-serif; 
color:rgb(60,60,60);  
padding:2px; 
border:1px solid rgb(38,114,128);
background-color:rgb(232,240,242);
margin:3px 6px 6px 6px;
}

input.inline:focus, input.inline:hover, input.inline.focus, input.inline.hover, select.inline:focus, select.inline:hover, select.inline.focus, select.inline.hover {
color:rgb(0,0,0);  
border:1px solid rgb(250,85,0);
background-color:white;
margin:3px 6px 6px 6px;
}

#registration_form p, #registration_form ul, #registration_form li {
color:black;
}

fieldset.header {
border:none;
margin:0px;
}

fieldset.header h3 {
margin-bottom:4px;
}

fieldset.footer {
border:none;
margin:0px;
padding:8px;
background-color:rgb(250,85,0);
text-align:right;
}

input.button {
margin-top:8px;
height:32px;
width: 100%;
background: rgb(250,85,0);
color:white;
font:12px verdana;
}

input.button:hover {
background: rgb(38,114,128);
cursor: pointer;
}

fieldset.header label {
color:white;
font:12px verdana;
}

#registration_form ul {
margin:4px 0px;
list-style-position:inside;
float:right;
width:214px;
}

.clearboth {
clear:both;
}

/* SHOP TABLE START */
table#products {
border-collapse: collapse;
margin: 16px auto;
background-color: black;
}

table#products h2 {
margin: 0px 0px 4px 0px;
font: 13px verdana;
font-weight: bold;
border: none;
background: none;
padding: 0px;
}

table p {
margin-top: 4px;
}

#products td {
height: 100px;
padding: 8px;
border: 1px solid rgb(68,78,88);
}

td.image {
text-align: center;
height: 100px;
width: 100px;
padding: 8px;
}

td.description {
text-align: left;
}

td.value {
width: 100px;
text-align: right;
}

tr.total td {
border-top: 1px solid rgb(250,85,0);
border-bottom: 1px solid rgb(250,85,0);
}

input {
display: block;
}
/* SHOP TABLE END*/