/*
Theme Name: Darting
Description: A clean theme with many uses
Version: 2.8
Author: Jacob Sowinski
Author URI: http://liquidninedesigns.com
*/

body 											{ margin: 0 auto; background: #08293C url(images/bg.png) top left repeat-x; font: 62.5% Helvetica, Arial, sans-serif; line-height: 1.4em; }

a 												{ outline: none; text-decoration: none; color: #1A90D2; }
a:hover											{ outline: none; text-decoration: none; color: #0E4C6C; }
a img											{ border: none; }
h1 												{ font: bold 3.0em Helvetica, Arial, sans-serif; color: #202020; text-transform: uppercase; margin: 0 0 15px 0; border-bottom: 1px dotted #999; }
h2, h2 a, h2 a:visited							{ font: 24px Helvetica, Arial, sans-serif; color: #1A90D2; text-transform: uppercase; margin: 0 0 5px 0; }
h2 a:hover 										{ font: 24px Helvetica, Arial, sans-serif; color: #0E4C6C; text-transform: uppercase; margin: 0 0 5px 0; }
h3 												{ font: 18px Helvetica, Arial, sans-serif; }
h4 												{ font: 1.2em Helvetica, Arial, sans-serif; }


#leaderboard, #sidebar 							
{ -moz-box-shadow: #777 0 1px 5px; -webkit-box-shadow: #777 0 1px 5px; }

ul#navigation li, #leaderboard, #sidebar, #sidebar h6, ul#sponsors li		
{ -moz-border-radius: 5px; -webkit-border-radius: 5px; }



#page-wrap 										{ margin: 0 auto; width: 780px; padding: 20px; background: #FFF; overflow: hidden; }

#header
img#logo										{ float: left; margin: 0 0 5px 20px; }

ul#navigation 									{ margin: 0 20px 0 0; padding: 10px 0 0 0; overflow: hidden; list-style: none; float: right; }
ul#navigation li 								{ color: #000;  display: block; padding: 12px 10px 14px 10px; float: left; text-align: left; }
ul#navigation li:hover							{ color: #06F; background: url(images/bg-navigation.png) top left repeat-x; }
ul#navigation li a								{ color: #202020; text-transform: uppercase; font: 1.1em "Arial Black", Gadget, sans-serif; }
ul#navigation li:hover a						{ color: #FFF; text-transform: uppercase; font: 1.1em "Arial Black", Gadget, sans-serif; }
ul#navigation li span							{ color: #999; text-transform: lowercase; font: 9px Verdana, Arial, sans-serif; }
ul#navigation li:hover span						{ color: #EEE; text-transform: lowercase; font: 9px Verdana, Arial, sans-serif; }

#leaderboard									{ width: 740px; height: 250px; background: url(images/bg-leaderboard.jpg) top left no-repeat; clear: both; border: 1px solid #020B11; margin: 0 20px 0 20px; }
#leaderboard #blurb								{ width: 260px; float: right; font: 1.8em Helvetica, Arial, sans-serif; color: #FFF; line-height: 1.4em; margin: 40px 20px 0 0; }
#leaderboard #blurb	h4							{ font: 140% Helvetica, Arial, sans-serif; line-height: 1.4em; margin: 0; }
#leaderboard p									{ font: 120% Helvetica, Arial, sans-serif; line-height: 1.4em; margin: 0; }

#content 										{ width: 500px; float: left; clear: both; overflow: hidden; margin: 20px 0 0 20px; }
#content p 										{ margin: 0 0 15px 0; font-size: 1.2em; line-height: 1.6em; color: #555; }

#sidebar 										{ width: 200px; float: right; overflow: hidden; margin: 20px 20px 0 0; background: #EEE; }
#sidebar h6										{ color: #FFF; text-transform: uppercase; padding: 10px 0 10px 10px; margin: 2px 2px 0 2px; background: #020B11; font: bold 1.6em Helvetica, Arial, sans-serif; }
#sidebar p 										{ margin: 5px 10px 15px 10px; font-size: 1.2em; line-height: 1.4em; color: #555; }

ul#sponsors 									{ list-style: none; display: block; margin: 5px 0 20px -40px; width: 200px; }
ul#sponsors li a								{ color: #555; display: block; border-bottom: 1px solid #EEE; border-top: 1px solid #EEE; padding: 5px 0 5px 10px; text-align: left; font: bold 1.3em Helvetica, Arial, sans-serif; }
ul#sponsors li a:hover							{ color: #1A90D2; background: #E7E7E7; border-bottom: 1px solid #DDD; border-top: 1px solid #DDD; font: bold 1.3em Helvetica, Arial, sans-serif; }

#footer 										{ width: 740px; border-top: 5px solid #0E4C6C; padding: 20px 0 10px 0; font-size: 1.1em; color: #777; float: left; clear: both; overflow: hidden; margin: 40px 0 0 20px; line-height: 1.8em; }
#footer a 										{ font-size: 1.0em; color: #0E4C6C; }
#footer a:hover 								{ font-size: 1.0em; color: #1A90D2; }