@charset "utf-8";
/* CSS Document */
h1, h2, h3, h4, h5, h6, ul, li, p, a, img, table, div, object {margin:0; padding:0; }
body { margin:20px auto; background-image:url(images/grad2.png); background-repeat:repeat-x; background-color:#000; color:#F5F5F5; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:large; z-index:1000;}
table {font-size:80%; border-collapse:collapse;}
ul li {margin:0; padding:0; list-style:none; font-family:Georgia, "Times New Roman", Times, serif; font-size:14pt; text-transform:uppercase;}
li {list-style:none;}
h1 {width:459px; height:68px; background-image:url(images/davetoms_h1.png); background-repeat:no-repeat; margin-left:375px;}
h2 {width:403px; height:439px; background-image:url(images/davetoms_h2.png); background-repeat:no-repeat; position:relative; top:0px; left:860px;}
h3, h4 {font-size:140%; text-align:center; font-style:italic; margin-top:30px;}
h4 {margin-top:0px;}
a {color:#fff; text-decoration:none;}
a:hover { text-decoration:underline;}
img {border:none;}
.border {border:1px solid #fff;}
.inline {display:inline-block;}
.hide {display:none;}
.fleft {float:left;}
.fright {float:right;}
.clear {clear:both;}
.undent {text-indent:-9999px;}
.relative {position:relative;}
.absolute {position:absolute;}

.cen {text-align:center;}
.big {font-size:160%;}
.padding_10 {padding:10px;}
.padding_15 {padding:15px;} 
.faded {font-size:80%; color:#888;}
.no_underline {text-decoration:none;}


#wrapper {margin:0 auto; padding-top:20px; width:1185px;} 
#main {width:825px; } 
#main_default {width:100%; height:100%; text-align:right; vertical-align:center; margin:0px;}
#photo {width:350px; height:632px; display:inline-block; background-image:url(images/davetoms_h2.png); background-repeat:no-repeat; background-position:bottom; position:relative;}
#top_wrapper {width:350px; height:78px; text-align:right; position:fixed; top:0px; right:0px;  z-index:9000;}
#player_wrapper {width:inherit; text-align:right; cursor:pointer; font-size:90%; font-weight:bold;}
#player_switch {width:350px; color:#ccc; text-shadow:#555 1px 1px 1px, #555 -1px -1px 1px; position:fixed; top:60px;} /* position:absolute; top:45px; left:5px;  */
#player_switch p {vertical-align:bottom; margin-top:20px; text-align:right; }
#player {color:#ccc; width:350px; text-shadow:#555 1px 1px 1px, #555 -1px -1px 1px; position:fixed; top:0px; right:0px; } /* position:absolute; top:45px; left:5px;  */
#player object {width:350px; height:65px;}
#player p {margin-top:10px;}

#drum_bottom {width:825px;}
#drum_right {width:470px; height:315px; padding:15px;  vertical-align:top;}

.phi_major {width:512px;} 
.phi_minor {width:315px;}
.blank_left {margin-left:315px;}
.content_top {height:130px; padding:10px; padding-top:0; }
.content {height:512px;} 

#menu {text-align:right; z-index:1000;}
.menu {cursor:pointer; display:inline-block; font-size:180%; text-transform:uppercase; padding:5px 0px 5px 15px; }
.menu:hover {text-decoration:underline;}
.myspace {width:46px; height:46px; background-image:url(images/myspace.png); background-repeat:no-repeat;}
.facebook {width:46px; height:46px; background-image:url(images/facebook.png); background-repeat:no-repeat;}
.twitter {width:46px; height:46px; background-image:url(images/twitter.png); background-repeat:no-repeat;}
.drum_p {margin-top:0px; padding:0 0 0 30px;}
.white_grad {background-image:url(images/grad.png); background-repeat:repeat-x;}


#drum_menu_ul {margin-left:15px; border-radius:1em; width:1000px;}
.menu_drum_li {height:40px; padding:5px 35px; background-image:url(images/menu_drum_bg.png); background-repeat:repeat-x; }
.menu_drum_li:hover {background-image:url(images/menu_drum_bg2.png); background-repeat:repeat-x; color:#000;}
#menu_band {width:300px; height:365px; margin-top:0px; margin-left:18px; padding-top:10px; border:0px solid #eee;} 
#menu_band li {padding:15px 30px; font-size:120%; border-radius:15px; cursor:pointer;}
#menu_band li:hover {background-color:rgba(33,33,33,0.4); color:#ffffff; border-color:#FFF; border-width:20px 20px 20px 0;}


#content_drum_gear {}
#content_drum_gear ul li {padding-left:3em;}


#trog {background-image:url(images/web_trog.jpg);}
#kerr {background-image:url(images/web_kerr.jpg);}
#athena {background-image:url(images/web_athena.jpg);}
#test {background-color:#555; height:300px;}

/* #content_writer {overflow-y:scroll; padding:1em;} */
#content_writer p {padding:0.5em 1em;}

#content_drum_current {background-image:url(images/drum_bg.png); background-repeat:no-repeat; background-position:right 8px;}
#content_overlord {background-image:url(images/overlord_small.png); background-repeat:no-repeat; background-position:top right;}
#content_gardeners {width:475px; height:333px; background-image:url(images/gardeners.png); background-repeat:no-repeat; background-position:top; padding-top:150px; margin-top:-10px;} 
#content_marty {width:475px; height:280px; position:relative;}
#content_marty_pic {position:absolute; bottom:0px; right:0px; }
#content_whiskey {text-shadow: 1px 1px 3px #000000;}
#tasha_h3 {width:475px; height:77px; background-image:url(images/tashadiestwice.png); background-repeat:no-repeat; }
#overlord_h3 {width:225px; height:65px; background-image:url(images/overlord_h3.png); background-repeat:no-repeat; }
#gcdc_h3 {width:412px; height:114px; padding-bottom:10px; margin:0 auto; background-image:url(images/gcdc.png); background-repeat:no-repeat; }
#whiskey_h3 {width:475px; height:333px; padding-bottom:10px; margin:0 auto -215px auto; background-image:url(images/whiskey.jpg); background-repeat:no-repeat;}

#content_drum_discography {width:800px; height:370px; overflow:scroll;}
#content_drum_discography table {margin-left:25px;}
#content_drum_discography td {border-bottom:1px solid #333;}
#content_drum_discography th {border-bottom:1px solid #333; text-align:left;}
#th_1 {width:40px;}
#th_2 {width:140px;}
#th_3 {width:220px;}
#th_4 {width:auto;}

#content_drum_videos {width:818px; height:340px; margin:10px; text-align:center; overflow-y:hidden; white-space:nowrap;} /*  border-left:20px solid #ccc; border-top:20px solid #ccc;  */
.video_thumb {width:243px; height:150px; border:1px solid #aaa;}

iframe {background-color:#333 !important; }


#bottom { margin-left:150px;}
#footer {font-size:90%; text-align:right; margin-right:350px; }
#footer a {color:#555;}