@charset "utf-8";
/* CSS Document */

body {font-family:Arial, sans-serif; line-height:1.4; font-size:100%; background:url(../images/denim-bg.png); color:#666}

div#logged-in {float:left; font-size:.8em;color: #C3B19C; display:inline; font-family:Verdana, Geneva, sans-serif}

.brown {color:#55806F}

.border-bottom{border-bottom:1px #999 dotted; padding-bottom:8px; margin-bottom:12px;}

.borderbottom{border-bottom:1px #999 dotted; padding-bottom:8px; margin-bottom:12px;}

.sources {margin-top:4px;font-size:80%; line-height:1.2}

/**************************************************************
STRUCTURE
***********************************************/

#pagewrap {border:5px solid #fff; width:960px; margin:20px auto; height:auto; background:url(../images/bg2.gif); position:relative;}

header {height:80px; background: url(../images/bg-banner-green.jpg); margin:0; padding-top:15px;}

.welcome-bar {background-color:#58524B; margin:0; padding: 7px 0 3px 10px; height:25px; clear:both;}

article#content {width:490px; float:left; padding:15px 8px 0 20px;}

aside#left {width: 190px; float:left; clear:both; padding:0 0 0 10px;margin:5px 0; }

article#newbies {padding: 0 8px 0 0px; margin-top:0;}

article#problems {padding: 0px 8px 0 0px;}

aside#right {width: 202px;float:right; padding:15px 8px 0 10px;margin-bottom:5px;}

footer {display:block; clear:both; padding:10px 0 0 10px; border-top:1px dotted #999; background-color:#fff;}

/**************************************************************
Links
*************************************************************/

a:link, a:visited {color: #3366CC;text-decoration: underline;}

a:hover {color: #990000; text-decoration: none;}


/**************************************************************
Footer
*************************************************************/

footer nav#bottom ul{list-style:none; margin:0 0 10px 0; line-height:1.5;  display:block; padding:0}

footer nav#bottom ul li {display:inline; float:left; font-size:13px; font-weight:bold; font-family:Arial, sans-serif; 
padding:0 15px 10px 0;}

footer nav#bottom ul li a:link {color:#3366CC; text-decoration:underline}

footer nav#bottom ul li a:visited {color:#3366CC; text-decoration:underline}

footer nav#bottom ul li a:hover {color:#990000; text-decoration:none;}

footer p {font-family:Verdana, Geneva, sans-serif; font-size:10px; clear:both;}

/**************************************************************
Headers
*******************************************************/

header h1 {font-size:28px; font-family:Bevan, Helvetica, sans-serif; padding:20px 0 0 10px; line-height:1;color:#A3C2B6; font-weight:normal;
text-shadow: 1px 1px 0px #000;
-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color=#000000)";
}

h1 {font-size:120%; font-family:Bevan, Helvetica, sans-serif; padding:0 0 10px 0; line-height:1.2;font-weight:normal; color:#C31A21}

h2 {font-size:95%; font-family:Bevan, Helvetica, sans-serif; padding:0 0 10px 0; line-height:1.2;font-weight:normal; color:#4B7062}

h3 {font-size:100%; font-family: 'Arvo', serif; padding:0 0 5px 0; line-height:1.2; color:#58524B; font-weight:bold;
text-shadow: 1px 1px 0px #fff;
-ms-text-shadow:1px 1px 0px #fff; /* for ie 9+ */
}


h4 {font-size:90%; font-family: 'Arvo', serif; color:#C00; padding:0 0 5px 0; line-height:1.2}

aside#right {margin-top:10px; line-height:1.2;}


/**************************************************************
Welcome Bar and Main Navigation
********************************************************/

.welcome-bar p {font-size:11px; font-weight:bold; color:#fff; padding:5px 0;}

nav.top ul {margin:0; padding:0 0 0 0; list-style:none; float:right;}

nav.top ul li{display:inline; float:left; font-size:90%; font-weight:normal; padding-right:15px; padding-bottom:15px;}

nav.top ul a:link, nav.top ul a:visited {color:#fff;text-decoration: none;}

nav.top ul a:hover {color:#3399FF; text-decoration: underline;}

nav.admin {float:right;  font-size:10px; text-transform:uppercase; font-weight:bold; letter-spacing:.10em; position:absolute; top:10px; right:15px;}

nav.admin a:link, nav.admin a:visited  {color:#fff;text-decoration: none;}

nav.admin a:hover {color:#000; text-decoration: underline;}


/**************************************************************
Text
********************************************************/
p {font-size:80%; line-height:1.6; padding:0 0 10px 0;}

table#sched {margin-top:15px; font-size:11px;  border-top:1px #ccc solid;}

table#sched td {padding:3px 0 3px 30px; vertical-align:top; font-size:13px;}

table#sched td.week {color:#7D6446;  padding-top:10px; font-weight:bold;}

table#sched tr.last td {padding-bottom:10px; border-bottom:1px #ccc solid;}

.italic {font-style: italic}

/**************************************************************
Race Picks page
********************************************************/

.raceweeks td{vertical-align:bottom; padding-bottom:5px;}

.week {font-weight:bold; color:#269269; text-transform:uppercase; font-size:.7em; padding-bottom:5px; border-bottom:1px dotted #999;}

td.racedate {font-weight:bold; color:#79552D; padding-left:10px; font-size:.75em; }

td.trackcode {font-weight:bold; color:#C31A21; padding-left:5px; font-size:.75em; }



/**************************************************************
Form
********************************************************/
form {margin-right:15px; margin-bottom:5px; padding-bottom:0; font-size:70%;}

label {padding:0 0 5px 0; font-weight:normal;}

.submit-button {font-size:12px; margin:5px 0 0 0;}

input {margin-bottom:4px;}

/**************************************************************
Var
****************************************************************/

.raceweeks * {
	margin: 0px;
	padding: 0px;
}
.raceweeks td {
	padding-right: 10px;
}
.toprow {
	padding: 7px 0px 0px 0px;
}
.pickstable {
	width: 60%;
	border: 0;
	margin: 0 auto;
}
.error {
	color: #F00;
}
.centered {
	text-align: center;
}
#dltc-mainads {
	text-align:center; 
}
#dltc-mainads table {
	text-align: center;
	table-layout: fixed; 
	width: 100%;
}
#dltc-mainads td
{
   text-align: center;
   vertical-align: middle;
}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 960px or less */
@media screen and (max-width: 960px) {
	
#pagewrap {width: 94%; margin-top:5px; background:url(../images/bg3.gif);}

div#logged-in {float:left;width:30%; font-size:.7em;color: #C3B19C; background-color:#58524B;}

.welcome-bar {height:35px;}

article#content {width: 46%;}

aside#left {width: 24%;}

aside#right {width: 22%;}

}



/* for 700px or less */
@media screen and (max-width: 700px) {

article#content {width: auto;float: none;}

aside#left {width: auto;float: none;}

aside#right {width: auto;float: none;}

header h1 {font-size: 28px; clear:both; }

}

/* for 480px or less - iPhone */
@media screen and (max-width: 480px) {
	
header {height: auto;}

nav.admin {top:2px; right:4px;}

#pagewrap {/*background:url(../images/brown-bg.gif);*/
background:none;
background-color:#fff; 
position:relative;
}

nav.email {display:none; float:none;}


.welcome-bar {padding-top:3px; background:#58524B; height:auto; float:left; width:auto;}

div#logged-in {display:block; clear:both; width:100%; color:#C3B19C; padding-bottom:5px;}

aside#left {float: left; clear:both; width: auto;}


nav.top ul {float:left; height:auto; width:auto;}

nav.top ul li{ text-decoration:underline; padding-bottom:10px; }
	
header h1 {font-size: 18px; margin:5px 0 0 0; padding:0px 0 5px 10px}

article#content {width:auto; float:none; padding:0px 5px 0 10px;}
	
	
aside#right {width: auto;float: none;}

footer nav#bottom ul {border-top:1px #999 dotted; margin-top:0px; padding-top:10px}

footer nav#bottom ul li {display:block; float:none; line-height:1.5;}

.copyright {display:none;}

#content {}

h1 {clear:both; margin-top:10px;}

h2 {clear:both;}

h3 {border-top:1px #999 dotted; padding-top:5px; margin-top:5px;}

h4 {border-top:1px #999 dotted; padding-top:5px; margin-top:5px;}

form { border-bottom:0;margin-bottom:0px; padding-bottom:0px; }

input.textinput {margin-bottom:8px; padding:4px 0}

}