/* HTML */
* { margin: 0; padding: 0; }
body {margin:0px; padding:0px; background-repeat: repeat-x; background-color: #666; color: #eee; background-image:url('../img/JimmyDore-sitebg.png'); font-family: sans-serif; text-shadow: 1px 1px 1px #333;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font:bold 1em/1em Helvetica, Arial, sane-serif; text-transform: uppercase;}
p {margin:1.25em 0px; padding-left: 3px;}
a img {border: none;}
a, a:visited {color: yellow;}
blockquote {margin-left:50px; margin-bottom:10px;}
.tapin {margin-left:10px; margin-right:10px;}
input, textarea {font-family:sans-serif; font-size:1em; padding: 3px;}

#holder {margin:0 auto; width:890px;}
#header {font-family: Helvetica, Arial, sans-serif; font-size: 10px; color: #999; padding-bottom:20px; text-shadow: 1px 1px 2px #000;}
li a, li a:link, li a:visited, #headertext a, #header a:visited, #footer a, #footer a:visited, #bodyupcoming a, #bodyupcoming a:visited {color:#999;}
li a:hover, #headertext a:hover, #footer a:hover, #bodyupcoming a:hover {color:#FFF;}
#ticker {color: #FFF; display:inline;}
#ticker span a, #ticker span a:visited {color: #FFFFB3;}
#ticker span a:hover {color: yellow;}

/* external link for Doug in the footer */
#dso a {text-shadow: none; font-size:8px; color: #666;}
#dso a, #dso a:visited {text-shadow: none; color:#666;}
#dso a:hover {text-shadow: none; color:#666;}

.shadeback {background-image:url('../img/transparentblack20pct.png');}
.strong {font-weight: bold; text-transform:uppercase;}

/* Navigation */
#navlist {padding:0px; margin:0px;}
#navlist a:link, #navlist a:visited {text-decoration: none;
color:#000;
background:#999;
padding:20px 55px 4px 10px;
float:left;
width:auto;
border-right:1px solid #797979;
text-decoration:none;
font:bold 1em/1em Helvetica, Arial, sans-serif;
text-transform:uppercase;
text-shadow: 1px 1px 2px #555;
}
#navlist a:hover {text-shadow: 1px 1px 2px #000; color:#fff; background:#FC0;}

#navlist li {display: inline; margin:0px; padding:0px; list-style-type: none;}

#nav-appearance a:hover,
#nav-media a:hover,
#nav-podcast a:hover,
#nav-blog a:hover,
#nav-merchandise a:hover,
#nav-biography a:hover {
background:#FC0;
}

table {width:100%; border-collapse: collapse; clear:both;}
td {padding:0px; margin:0px; vertical-align: top;}

.highlighttext {font-weight: bold; color:#FFFFB3;}
.yellow {color: yellow;}

h2 {clear:both; padding: 5px; border-bottom:1px solid #1768A0; background-color:#000;}
h2:hover {clear:both; padding: 5px; border-bottom:1px solid #2076B3; background-color:#273A4D; text-shadow: 1px 1px 3px #000;}

#bodyupcoming {padding-left:5px; font-size:14px;}
#bodyupcoming span {display:block; font-weight:bold; padding:1.25em 0px 5px 0px;}
#bodycontent, #footer {clear: both;}

#merchandise td {padding:20px;}
#merchandise img {border: 1px solid #333;}
.merchtitle {padding-top:20px; font-weight: bold; display:block;}
.merchdesc {text-align: left; display: block;}
.availableon {text-transform: uppercase; color:#CCC; font-style: italic; font-size:10px; padding-top: 10px; display: block;}
.buybutton {display: inline;}

#footer {border-top:2px solid #99B3CC; text-align: center; font-size:11px;}

/* AWESOME BUTTONS */
.awesome, .awesome:visited {
background: #222 url('../img/alert-overlay.png') repeat-x; 
display: inline-block; 
padding: 5px 10px 6px; 
color: #fff; 
text-decoration: none;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
}

.awesome:hover							{ background-color: #111; color: #fff; }
.awesome:active							{ top: 1px; }
.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ;  color:#FFF; }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); color:#FFF; }
.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; color:#FFF;}

.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
.green.awesome:hover						{ background-color: #749a02; }
.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
.blue.awesome:hover							{ background-color: #007d9a; }
.red.awesome, .red.awesome:visited			{ background-color: #FF1100; }
.red.awesome:hover							{ background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
.magenta.awesome:hover							{ background-color: #630030; }
.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
.orange.awesome:hover							{ background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
.yellow.awesome:hover							{ background-color: #fc9200; }