/*
 *  Styles for Kalgoorlie-Boulder Racing Club web site - additional splash page style
 *
 */


/* General layout */

#container { height: 615px; }

#jockey { margin: 0; padding: 0; position: absolute; bottom: 0px; left: 10px; z-index: 3; }


/* Latest News panel */

#news { margin-top: 155px; margin-left: 0; margin-right: 10px; margin-bottom: 0; float: right; padding: 0; width: 393px; height: 189px; border-top: 9px solid #070303; border-bottom: 9px solid #070303; border-left: 10px solid #070303; border-right: 10px solid #070303; color: #ffffff; background: #070303 url(../images/splash/bg-news.gif) top left no-repeat; overflow: hidden; }
#news h3 { line-height: 36px; margin: 0; padding-left: 15px; padding-right: 15px; padding-top: 0; padding-bottom: 0; }
#news a { color: #fefafa; text-decoration: none; }
#news a:hover { color: #8e7c2a; }

#news ul { list-style: none; margin-top: 5px; margin-bottom: 15px; margin-left: 15px; margin-right: 90px; padding: 0; }
#news ul li { list-style: none; margin: 0; padding: 0; border-top: 1px dashed #643c3e; font-size: 1.2em; line-height: 200%; height: 2em; overflow: hidden; }
#news ul li:first-child { border-top: none; }

#news h4 { margin-top: 0; margin-right: 90px; margin-left: 15px; margin-bottom: 0; border-top: 1px dashed #643c3e; font-size: 1.2em; line-height: 200%; height: 2em; overflow: auto; font-weight: normal; }
#news p { display: none; }
#news div#newsheadings { margin-top: 5px; }
#news div#newsheadings h4:first-child { border-top: none; }


/* Race Calendar panel */

#calendar { margin-top: 10px; margin-left: 0; margin-right: 10px; margin-bottom: 0; float: right; clear: right; padding: 0; width: 393px; height: 215px; border-top: 9px solid #070303; border-bottom: 9px solid #070303; border-left: 10px solid #070303; border-right: 10px solid #070303; color: #ffffff; background: #070303; overflow: hidden; }
#calendar h3 { line-height: 36px; margin: 0; padding-left: 15px; padding-right: 15px; padding-top: 0; padding-bottom: 0; color: #ffffff; background: #070303 url(../images/splash/bg-calendar.gif) top left no-repeat; }
#calendar ul { list-style: none; margin: 0; padding: 0; }
#calendar ul li { list-style: none; margin: 0; padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 0; width: 175px; float: left; }
#calendar a { width: 175px; height: 50px; overflow: hidden; display: block; text-decoration: none; color: #ffffff; background: #070303; }
#calendar a:hover { color: #ffffff; background: #202020; }
#calendar .datebadge { display: block; height: 50px; width: 40px; float: left; text-align: center; text-transform: uppercase; margin-right: 10px; color: #000000; background: #ffffff url(../images/splash/bg-date.gif) top left no-repeat; position: relative; }
#calendar .month { display: block; font-size: 0.69em; line-height: 16px; width: 40px; color: #ffffff; background: #710418; position: absolute; top: 0; left: 0; }
#calendar .day { display: block; font-size: 0.69em; width: 40px; margin-top: 18px; }
#calendar .date { display: block; width: 40px; }

#calendar .raceround { color: #000000; background: #8e7c2a url(../images/splash/bg-date-rr.gif) top left no-repeat; }


/* Next Race panel */

#nextrace { position: absolute; bottom: -45px; top: auto; left: -40px; z-index: 4; }



/* RWWA panel */

#rwwa { color: #ffffff; background: #3d0b0e; width: 100px; height: 55px; margin-top: 415px; margin-left: 240px; font-size: 0.83em; padding: 10px; position: relative; z-index: 5; border: 5px solid #000000; }
#rwwa h3 { margin-top: 0; font-size: 1em; margin-bottom: 0.5em; display: none; }
#rwwa ul { margin: 0; padding: 0; list-style: none; }
#rwwa li { margin: 0; padding: 0; list-style: none; text-align: center; }


/* Facebook panel */

#facebook { color: #ffffff; background: #3d0b0e; width: 100px; height: 65px; margin-top: 10px; margin-left: 240px; font-size: 0.83em; padding: 10px; position: relative; z-index: 5; border: 5px solid #000000; }
#facebook h3 { margin-top: 0; font-size: 1em; margin-bottom: 0.5em; }
#facebook ul { margin: 0; padding: 0; list-style: none; }
#facebook li { margin: 0; padding: 0; list-style: none; }