/* 
colors 
//////////////////////

blue = #039cce
red = #dd0000 
or #bb0000 for a slightly darker accent

then all the grey you want.

//////////////////////
*/
 
 
/* default tags */ 

html, body {margin:0px; padding:0px; font-family:verdana, arial, helvetica, sans-serif;}
body {background-color: #ffffff; background-attachment:fixed; background-image:url(../img/dolittle_hello_fortunate.gif); background-position: 25px bottom; background-repeat:no-repeat;}
img {border:0;}

ol {list-style-type:decimal-leading-zero; color:#dd0000; font-family:rockwell, "courier new", monospace; font-weight:bold; font-size:1.3em;}
ol li span {color:#666666; font-family:verdana, arial, helvetica, sans-serif; font-size:0.7em; font-weight:normal;}

a, a:link {text-decoration:none; color:#666666;}
a:visited {color:#bbbbbb;}
a:hover, a:active {color:#dd0000;}

h1, h2, h3, h4, h5, h6 {font-family:rockwell, "courier new", monospace; color:#dd0000;}
h2 {color:#039cce; font-size:1.2em;}
h3 {color:#039cce; text-transform:uppercase; font-size:1em; font-weight: bold; letter-spacing:2px;}
h4 {color:#aaaaaa; text-transform:uppercase; font-size:0.7em; font-weight: normal; letter-spacing:2px;}

sup {text-transform:lowercase; font-size:x-small;}

table {border:0; background-color:#ffffff; width:100%;}
thead {background-color:#dfdfdf; color:#dd0000; font-family:rockwell, "courier new", monospace; font-size: 1.3em; letter-spacing:2px;}
th {padding:5px; font-weight:normal; text-align:left;}
tr {}
td {text-transform:none; background-color:#fcfcfc; padding: 5px; vertical-align:top;}


/* page blocks */ 

#nav {position:absolute; top: 10px; left:10px; width:190px; display:inline; float:left;}
#page {position:absolute; top: 0px; bottom:0px; left:200px; right:0px; background-color:#ffffff; padding-top: 120px;}
#content {display:block; top:0px; left:0px; font-size: 0.6em; text-transform:uppercase; color:#666666; width:70%;}
#footer {position:relative; display:block; top: 50px; right:10px; left:0px; border-top:1px dotted #dddddd; padding-top:5px; vertical-align:top; text-align:left; height:40px; padding-bottom:5px;}
#indexfooter {position:absolute; display:block; bottom: 0px; right:10px; left:0px; border-top:1px dotted #dddddd; padding-top:5px; vertical-align:top; text-align:left; height:40px; padding-bottom:5px;}

/* things in page blocks */ 

	/* nav... */ 
	
	#nav img#logo {margin-top: 10px; margin-left: 5px;}
	#nav {font-family:rockwell, "courier new", monospace; font-size: 0.8em; color:#999999;}
	#nav ul, #nav ul li { list-style-type:none; list-style-type:none; margin:10px; padding:0;}
	#nav .spacer {padding-top:20px;}
	
	/* content... */
	
	#content strong {font-family:rockwell, "courier new", monospace; text-transform:lowercase; font-size:1.5em; line-height:0.8em;}
	#content ul {list-style-type:none; font-family:rockwell, "courier new", monospace; font-weight:bold; font-size:1.3em; text-transform:none;}
	#content ul li span {color:#666666; font-family:verdana, arial, helvetica, sans-serif; font-size:0.7em; font-weight:normal;}
	
	/* footer... */ 
	
	#footer img { padding-left:20px;}

/* page-specific styles */

	/* home... */

	.home {background-color:#000000; background-attachment:scroll; background-image:url(../img/dolittle_supergroup2.jpg); background-position:50% 0; background-repeat:no-repeat;}
	
	.home #page {background-color:transparent; margin-top:60px; width:auto;}
	#boxalbum {display:inline; position:absolute; top:250px; left: 0px; width:400px;  width:200px; float:left; margin-left:10px;}
	#boxwhatdo {display:inline;position:absolute; top:250px; left: 260px; width:350px; float:left;}
	#boxcontact {display:inline;position:absolute; top:480px; left: 250px; width:350px; margin-left:10px;}
	#boxwhoare {display:inline;position:absolute; top:250px; left: 650px; width:130px; float:left; margin-left:20px;}
	
	/* live... */
	
	td.date {background-color:#f3f3f3; color:#dd0000; font-family:rockwell, "courier new", monospace; font-size: 1.8em; font-weight:bold; text-transform: none; letter-spacing:-1px; vertical-align:top;border-bottom:1px dotted #039cce;}
	td.venue {color:#039cce; font-family:rockwell, "courier new", monospace; font-size: 1.8em; font-weight:bold; text-transform: none; letter-spacing:-2px;}
	td.open {}
	td.onstage {}
	td.tickets {}
	td.map {border-bottom:1px dotted #039cce; vertical-align:bottom; padding-bottom:20px;}
	tr.location {color:#999999;}
	tr.description {color:#999999; border-bottom:1px dotted #039cce;}
	tr.description td {border-bottom:1px dotted #039cce; padding-bottom:20px;}
	
	/* gallery... */

	.gallery {margin-top:-150px;}
	.Album {background: #ffffff; padding: 5px;}
	.AlbumHeader {text-align:center; padding-left:0px;}
	.AlbumPhoto {background: #ffffff; margin-bottom: 10px;}
	.AlbumPhoto span {float: left; padding: 4px 4px 12px 4px; border: 1px solid #ccc; background: #eee; margin: 8px;}
	.AlbumPhoto span  ul, .AlbumPhoto span  ul li {padding: 0px; margin: 5px 0px;}
	.AlbumPhoto img {border: none;}
	
	/* discog... */

	#buyme {float:right; top: 0px; width: 150px; background-color:#eeeeee; padding:20px 10px 5px;}

/* classes */

.underline {border-bottom: 1px dotted #dddddd;}
.underlinered {border-bottom: 1px dotted #bb0000;}
.floatleft {float:right;}
.block {display:inline; height:auto;}
.big {font-size: 2em; font-weight:bold;}
.smalltext {font-size: 0.8em; font-weight:normal; letter-spacing:1px;}
.left300 {width:300px;display:inline;}
.300left {left: 300px; width: 300px;}
.200up {padding-top: -140px;}
.red {color:#dd0000;}
.blue {color:#039cce;}
.white {color:#ffffff;}
.a_like {cursor:pointer;}
a.red, a.red:link {padding:2px; text-decoration:none; color:#ffffff; background-color:#dd0000; display:block; margin-bottom:5px;}
a.red:visited {color:#ffffff; background-color:#666666;}
a.red:hover, a.red:active {text-decoration:none; color:#ffffff; background-color:#039cce;}
.eat:after {content:url("../img/eat_s.gif");}
.wkwyl:after {content:url("../img/wkwyl_s.gif");}
.bym:after {content:url("../img/bym_s.gif");}

/* ids */

#home {font-weight:bold;}
#live {}
#discography {}
#merchandise {}
#downloads {}
#gallery {}
#video {}
#about {font-weight:bold;}
#history {font-weight:bold;}
#contact {font-weight:bold;}