﻿/* BASE STYLES */

html
{
height:100%;
margin-bottom:1px;
}

body {
margin:0; 
padding:0; 
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#000;
}

.clear {clear: both;}

h1 span, h2 span, h3 span {
display:none;
}

p {margin: 0 0 15px 0}

li {width:120px;}
u {width:120px;}

a:link{
color:#f9d868; 
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
text-decoration:underline;
font-weight:bold;
}

a:visited{	
color:#f9d868; 
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
text-decoration:underline;
font-weight:bold;
}

a:hover{
color:#f9d868; 
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
text-decoration:none;
font-weight:bold;
}

#main_container{
margin: 0 auto;
width:900px;
padding:0px;
}

/* HEADER */

#header_container_outer{
float:left;
text-align:left;
width:100%;
height:110px;
padding:0px;
background-image:url(/images/header_bg_repeat.gif);
background-repeat:repeat-x;
}

#header_container_inner{
margin: 0 auto;
text-align:left;
width:900px;
height:110px;
padding:0px;
}

#logo{
float:left;
text-align:left;
width:310px;
height:45px;
margin:18px 0px 0px 25px;
display:inline;
background-image:url(/images/raging_dragons_logo.gif);
background-repeat:no-repeat;
}

.logo_link{
padding:0px;
width:310px;
height:45px;
}

.logo_link a{
display:block;
width:310px;
height:45px;
}

#associationsunlik{
float:right;
width:324px;
height:40px;
margin:16px 24px 0px 0px;
display:inline;
background-image:url(/images/associationsunlik.gif);
background-repeat:no-repeat;
}

.logo_link_sunlik{
padding:0px;
width:324px;
height:40px;
}

.logo_link_sunlik a{
display:block;
width:324px;
height:40px;
}

/* NAVIGATION */

#navigation{
float:left;
text-align:left;
width:600px;
height:35px;
padding:11px 0px 0px 17px;
}

#navigation2{
float:right;
text-align:right;
width:127px;
height:35px;
padding:11px 30px 0px 0px;
}

.nav_element{
float:left;
text-align:left;
height:35px;
padding:0px;
}

.nav_sunlik_element{
float:left;
text-align:left;
height:35px;
padding:0px 0px 0px 34px;
}

/* BODY */

#main_container_outer_about{
float:left;
text-align:left;
width:100%;
padding:0px;
background-image:url(/images/ragingdragons_home_bg.png);
background-repeat:repeat-x;
}

#main_container_inner{
margin: 0 auto;
text-align:left;
width:900px;
height:700px;
padding:23px 0px 0px 0px;
}

#main_container_bgrepeat{
margin: 0 auto;
text-align:left;
width:900px;
padding:0px;
background-image:url(/images/dimsum_container_bg.png);
background-repeat:repeat-y;
position:relative; left:0; top:0;
}

#content_container{
float:left;
text-align:left;
width:840px;
margin:30px;
display:inline;
}

#home_left_container{
float:left;
text-align:left;
width:400px;
margin:0px;
display:inline;
}

#home_right_container{
float:left;
text-align:left;
width:400px;
margin:0px 0px 0px 40px;
display:inline;
}

/* TITLE */

.title_container { float:left; width:360px; height:40px; margin:0px; display:inline; }
.title_container2 { float:left; width:200px; height:40px; margin:0px; display:inline; }

.title_white_welcome { width:116px; height:30px; background-image:url(/images/title_white_welcome.gif); background-repeat:no-repeat; }
.title_white_gallery { width:105px; height:30px; background-image:url(/images/title_white_gallery.gif); background-repeat:no-repeat; }
.title_white_dates { width:145px; height:30px; background-image:url(/images/title_white_dates.gif); background-repeat:no-repeat; }
.title_grey_dates { width:145px; height:30px; background-image:url(/images/title_grey_dates.gif); background-repeat:no-repeat; }
.title_red_join { width:333px; height:30px; background-image:url(/images/title_red_join.gif); background-repeat:no-repeat; }

.title_link { float:right; text-align:right; width:160px; margin:0px; display:inline; }

#homepage_welcome_container{
float:left;
text-align:left;
width:400px;
margin:0px;
display:inline;
}

#content_text{
float:left;
text-align:left;
width:680px;
margin:10px 0px 0px 0px;
display:inline;
}

#content_text_dates2{
float:left;
text-align:left;
width:300px;
margin:10px 0px 0px 20px;
display:inline;
}

#content_text_dates{
float:left;
text-align:left;
width:500px;
margin:10px 0px 0px 0px;
display:inline;
}

#content_text_dates_pic{
float:left;
text-align:left;
width:298px;
height:178px;
margin:10px 0px 0px 0px;
display:inline;
border: solid 1px #fff;
}

#content_text_sponsor{
float:left;
text-align:left;
width:288px;
margin:20px 0px 0px 10px;
font-weight:bold;
font-size:14px;
}

#gallery_thumbnails_container{
float:left;
text-align:left;
width:837px;
margin:10px 0px 0px 0px;
display:inline;
}

.gallery_thumb_first{
float:left;
text-align:left;
width:159px;
height:109px;
margin:0px 0px 8px 0px;
display:inline;
border: solid 1px #fff;
}

.gallery_thumb{
float:left;
text-align:left;
width:159px;
height:109px;
margin:0px 0px 8px 8px;
display:inline;
border: solid 1px #fff;
}

#welcome_text{
float:left;
text-align:left;
width:380px;
margin:0px;
display:inline;
font-weight:bold;
font-size:14px;
}

#homepage_gallery_container{
float:left;
text-align:left;
width:400px;
margin:20px 0px 10px 0px;
display:inline;
}

#gallery_thumbs_container{
float:left;
text-align:left;
width:400px;
height:270px;
margin:5px 0px 0px 0px;
display:inline;
}

.homepage_gallery_pic{
float:left;
text-align:left;
width:190px;
height:127px;
margin:0px 8px 8px 0px;
display:inline;
}

#gallery_links_container{
float:left;
text-align:left;
width:400px;
margin:5px 0px 0px 0px;
display:inline;
}

#video_container{
float:left;
text-align:left;
width:400px;
height:324px;
margin:0px;
display:inline;
background-color:#484848;
}

#video_content{
float:left;
text-align:left;
width:390px;
height:314px;
margin:5px 0px 0px 5px;
display:inline;
}

#homepage_racedates_container{
float:left;
text-align:left;
width:398px;
height:198px;
margin:30px 0px 0px 0px;
display:inline;
background-image:url(/images/homepage_racedates_bg.gif);
background-repeat:no-repeat;
border:solid 1px #484848;
}

#homepage_racedates_content{
float:left;
text-align:left;
width:368px;
margin:15px;
display:inline;
}

.homepage_date_container{
float:left;
text-align:left;
width:240px;
margin:10px 0px 0px 0px;
display:inline;
}

.homepage_date_icon{
float:left;
text-align:center;
width:27px;
height:27px;
margin:0px;
padding:7px 0px 0px 0px;
display:inline;
background-image:url(/images/calendar_icon.gif);
background-repeat:no-repeat;
font-size:13px;
font-weight:bold;
color:#535353;
}

.homepage_date_info{
float:left;
text-align:left;
width:200px;
margin:4px 0px 0px 13px;
display:inline;
font-weight:bold;
}

.events_date_container{
float:left;
text-align:left;
width:500px;
margin:10px 0px 0px 0px;
display:inline;
}

.events_date_info{
float:left;
text-align:left;
width:450px;
margin:7px 0px 0px 13px;
display:inline;
font-weight:bold;
}

#homepage_join_container{
float:left;
text-align:left;
width:398px;
margin:30px 0px 0px 0px;
display:inline;
}

#homepage_join_content{
float:left;
text-align:left;
width:368px;
margin:0px 15px 15px 15px;
display:inline;
}

#homepage_join_text{
float:left;
text-align:left;
width:368px;
margin:0px;
display:inline;
}

/* FOOTER */

#seo_container{
float:left;
text-align:left;
width:900px;
margin:50px 0px 10px 0px;
border-top: solid 1px #3d3d3d;
}

#seo_text_right{
float:right;
text-align:right;
width:642px;
margin:8px 12px 0px 0px;
color:#b9b9b9;
font-size:10px;
line-height:18px;
}

/* TEXT */

h1 {
padding:0px;
color:#ffffff;
font-size:16px;
font-weight:bold;
}

h2 {
padding:0px;
color:#ffffff;
font-size:12px;
font-weight:bold;
}

h3 {
padding:0px;
color:#f2bc8f;
font-size:16px;
font-weight:bold;
}

.boldlimegreen12 {
padding:0px;
color:#a7c63b;
font-size:12px;
font-weight:bold;
}

.boldwhite12 {
padding:0px;
color:#fff;
font-size:12px;
font-weight:bold;
}

.boldwhite16 {
padding:0px;
color:#fff;
font-size:16px;
font-weight:bold;
text-decoration:underline;
}

.boldyellow16 {
padding:0px;
color:#f9d867;
font-size:16px;
font-weight:bold;
}

.boldyellow12 {
padding:0px;
color:#f9d867;
font-size:12px;
font-weight:bold;
}

.boldgrey12 {
padding:0px;
color:#888484;
font-size:12px;
font-weight:bold;
}

.grey12 {
padding:0px;
color:#bdbdbd;
font-size:12px;
}

.boldyellow14 {
padding:0px;
color:#f9d867;
font-size:14px;
font-weight:bold;
}

.boldgrey14 {
padding:0px;
color:#888484;
font-size:14px;
font-weight:bold;
}

.boldwhite14 {
padding:0px;
color:#fff;
font-size:14px;
font-weight:bold;
}

.boldwhite15_underline {
padding:0px;
color:#fff;
font-size:15px;
font-weight:bold;
text-decoration:underline;
}

/* LINKS */

.white_link:link, .white_link:visited {
font-size:12px;
text-decoration:none;
color:#fff;
font-weight:bold;
background:url(/images/white_link.png) left center no-repeat;
padding:0px 0px 0px 11px;
}

.white_link:hover {
font-size:12px;
text-decoration:underline;
color:#fff; 
font-weight:bold;
background:url(/images/white_link.png) left center no-repeat;
padding:0px 0px 0px 11px;
}

.yellow_link:link, .yellow_link:visited {
font-size:12px;
text-decoration:none;
color:#f9d867;
font-weight:bold;
background:url(/images/yellow_link.gif) left center no-repeat;
padding:0px 0px 0px 11px;
}

.yellow_link:hover {
font-size:12px;
text-decoration:underline;
color:#f9d867; 
font-weight:bold;
background:url(/images/yellow_link.gif) left center no-repeat;
padding:0px 0px 0px 11px;
}

.white_link_small:link, .white_link_small:visited {
font-size:11px;
text-decoration:none;
color:#fff;
font-weight:bold;
background:url(/images/white_link.gif) left center no-repeat;
padding:0px 0px 0px 8px;
}

.white_link_small:hover {
font-size:11px;
text-decoration:underline;
color:#fff; 
font-weight:bold;
background:url(/images/white_link.gif) left center no-repeat;
padding:0px 0px 0px 8px;
}

.seo_link:link, .seo_link:visited {
font-size:10px;
text-decoration:none;
color:#b9b9b9;
font-weight:normal;
}

.seo_link:hover {
font-size:10px;
text-decoration:underline;
color:#b9b9b9;
font-weight:normal;
}

.red_link:link, .red_link:visited {
color:#ba5447;
}

.red_link:hover {
color:#ba5447;
}

.yellow {
color:#f9d868;
}

.search_link:link, .search_link:visited {
font-size:15px;
text-decoration:none;
color:#ffffff;
font-weight:bold;
}

.search_link:hover {
font-size:15px;
text-decoration:none;
color:#f9d868;
font-weight:bold;
}
