/* ~~~~ COLORS AND IMAGES ~~~~ */

/* Body Background */
body { background-color: #ababab; }  
/* Site Logo */
#logo a { background-image: url('http://cache.milesplit.com/assets/sc/logo2.png'); }  
/* Header Background */
#site .bumper  { background: #000096; }
/* Background between header and navbar backgrond */
#navbar div.lining { background: #000096; }
/* Outer navbar image */
#navbar {  background-image: url('http://cache.milesplit.com/assets/sc/navbar.png'); }
/* Inner navbar image */
#navbar .inner { background-image: url('http://cache.milesplit.com/assets/sc/navbar.png'); }
/* Color below nav bar */
#navbar .bumper { background: #ffffff; }
/* Navbar link color */
#navbar ul li a, #navbar ul li { color: #2A3287; }
/* Navbar dropdown forecolor  */
#navbar ul li div.dropdown a, #navbar ul li div.dropdown { color: #000000; }
/* Navbar dropdown hover  */
#navbar div.dropdown a:hover {
	background: #9999cc;
	color: #ffffff;
	border: solid 1px #000000;
}
/* Section header top border */
.col .section {	border-color: #2A3287; }
/* Section header color */
.col h1, .col h1 a { color: #2A3287; }


/* ~~~~ ADVANCED USERS ONLY BELOW THIS POINT, PLEASE!  ~~~~~ */

/* Logo size */
#logo a {
	margin-left: 10px;
	margin-top: 0px;
	width: 450px;
	height: 100px;
}
/* Header size */
#site .inner {	height: 110px; }

/* Custom HTML Area */
#custom {
	width: 400px;
	height: 100px;
}
#custom span {
	display: block;
	padding: 10px;		
}

/* Navigation bar */
#navbar .lining { 
	background-position: 0px -25px;
	height: 31px;
}
#navbar .bumper { 
	height: 31px;
	padding-top: 6px;
}
#navbar .inner { 
	background-repeat: repeat-x;
	background-position: 0px -6px;
	height: 31px;
}
#navbar ul li { 
	margin-top: -6px;
	line-height: 37px; 
}