/* son.css - Main stylesheet for tim */
BODY { background: url("pix/marble_tile.jpg") repeat 0px 0px black; color: #fc6; margin: 0; padding: 0; } 
p { font: normal small sans-serif } 
li { font: normal small sans-serif; margin: 0; padding: 0; } 
ul li { list-style-image: url(pix/xingta16.png); } 
/* common styling */
.menu { font-family: sans-serif; width:432px; position:relative; margin:0; font-size: small; margin: 0; } 
.menu ul li a, .menu ul li a:visited { display:block; text-decoration:none; color:#000; width:104px; height:20px; text-align:center; color:#fc0; border:1px solid #fc0; background: url("pix/purplebar.png") repeat-x; line-height:20px; font-size: small; overflow:hidden; } 
.menu ul { padding:0; margin:0; list-style-type: none; } 
.menu ul li { float:right; margin-right:1px; position:relative; list-style-image: none } 
.menu ul li ul { display: none; } 
/* specific to non IE browsers */
.menu ul li:hover a { color:#ff0; background:url("pix/redbar.png") repeat-x; } 
.menu ul li:hover ul { display:block; position:absolute; top:21px; left:0; width:105px; } 
.menu ul li:hover ul li a.hide { background:url("pix/purplebar.png") repeat-x; color:#fff; } 
.menu ul li:hover ul li:hover a.hide { background:url("pix/purplebar.png") repeat-x; color:#000; } 
.menu ul li:hover ul li ul { display: none; } 
.menu ul li:hover ul li a { display:block; background:url("pix/purplebar.png") repeat-x; color:#fc0; } 
.menu ul li:hover ul li a:hover { background:url("pix/redbar.png") repeat-x; color:#ff0; } 
.menu ul li:hover ul li:hover ul { display:block; position:absolute; left:105px; top:0; } 
.menu ul li:hover ul li:hover ul.left { left:-105px; } 
h1 { color: #fe0; margin: 0; border: 0; padding: 0; clear: both; } 
h2 { color: #fc0; margin: 0; border: 0; padding: 0; clear: both; } 
h3 { color: #fc0; margin: 0; border: 0; padding: 0; } 
h4 { color: #f63; margin: 0; border: 0; padding: 0; } 
h5 { color: #c30; margin: 0; border: 0; padding: 0; } 
h6 { color: #900; margin: 0; border: 0; padding: 0; } 
table { border: 0; width: 90%; padding: 7ex; margin: 1ex; } 
table.banner { border: 0; width: 100%; padding: 0; margin: 0; } 
table.body { border: 0; margin-left: 4%; width: 92%; margin-right: 4%; padding: 6ex; margin: 2ex; } 
th { background: url("pix/purplebar.png") repeat-x; font: 900 large sans-serif; color: #FF0 } 
caption { caption-side: bottom; font: italic small serif } 
hr { width: 66% } 
div.c3 {text-align: center}
.page_icon { float: left; padding: 3px 1ex 3px 3px; } 
.icon { border: 0; margin: 0; padding: 0 1ex 0 0; } 
.h0 { font: bold large sans-serif; color: #900; } 
.h1 { font: bold large sans-serif; color: #f00; } 
.band { font: bold small sans-serif; color: #c6f } 
.album { font: bolder oblique small cursive; color: #c33 } 
.soundbite { font: bolder oblique small cursive; color: #fc0 } 
.title { font: bold italic small cursive; color: #66c } 
.blag { font: bold 10pt "Trebuchet MS" "Comic Sans MS" cursive; color: #f63 } 
.name { font: bold small oblique sans-serif; font-size: 10pt; color: #69f } 
.venue { font: bold small sans-serif; color: #0c0 } 
.org { font: bold small sans-serif; color: #f90 } 
.date { font: bolder small sans-serif } 
.quote { font: italic small serif } 
.photo { margin: 1ex 1em; border: thin solid #434 } 
.foot1 { font: bold smaller sans-serif; color: #933 } 
.head1 { font: 700 small sans-serif; background: url("pix/purplebar.png") repeat-x; color: #FC0 } 
.head2 { font: 900 medium sans-serif; background: url("pix/purplebar.png") repeat-x; color: #FF0 } 
.head3 { font: bold large sans-serif; color: #fc0 } 
.banner { background: url("pix/romantic.png") black } 
.byline { font: small sans-serif; font-size: smaller; color: #fc6 } 
.songline { font: small sans-serif; font-size: smaller; color: #fc6 } 
.home { color: #030; text-decoration: none; } 
a .home:hover { color: #060; text-decoration: none; } 
a .band:hover { font: bold small sans-serif; color: #a6f }
a .album:hover { font: bolder oblique small cursive; color: #f00 }
a .soundbite:hover { font: bolder oblique small cursive; color: #ff9 } 
a .name:hover { font: bold small oblique sans-serif; color: #66f }
a .venue:hover { font: bold small sans-serif; color: #6f0 }
a .org:hover { font: bold small sans-serif; color: #ff0 } 
.date:hover { font: bolder small sans-serif; color: #000; background: #fff }
.myspace:hover { border: thin solid red; background: blue; color: white; font: bold xx-small sans-serif; text-align: right } 
.lastfm:hover { border: thin solid black; background: red; color: white; font: bold xx-small sans-serif; text-align: right } 
#intro { float: left; width: 70%; padding: 0.5em 2em } 
#menubar { background: url("pix/romantic.png") repeat; font: bold medium sans-serif; color: #fc0; float: left; width: 100%; border: 0; padding: 0; margin: 0; position: absolute; top: 0px; left: 0px; } 
#menu { font: bold small sans-serif; float: right; text-align: right; display: inline; position: absolute; top: 0px; right: 0px; } 
#otherbar { float: left; width: 23%; background: url("pix/invisi_tile2.png") repeat 0px 0px; border: medium #203 solid; margin: 2em 0 0 0; padding: 0; color: #fc6; font: normal small sans-serif; } 
#otherbar p { border: 0; margin: 0.5ex 1em; padding: 0; } 
#otherbar h3 { padding: 0 0.5ex } 
#otherbar h4 { padding: 0 0.5ex } 
#otherbar h5 { padding: 0 0.5ex } 
#otherbar h6 { padding: 0 0.5ex } 
#sidebar { float: right; width: 23%; background: url("pix/invisi_tile2.png") repeat 0px 0px; border: medium #303 solid; margin: 2em 0 0 0; padding: 0; color: #fc6; font: normal small sans-serif; } 
#sidebar p { border: 0; margin: 0.5ex 1em; padding: 0; } 
#sidebar h3 { padding: 0 0.5ex } 
#sidebar h4 { padding: 0 0.5ex } 
#sidebar h5 { padding: 0 0.5ex } 
#sidebar h6 { padding: 0 0.5ex } 
#body { width: 85%; list-style-position: outside; list-style-image: url("../butt/info.gif"); margin: 1ex 1em; padding: 0 6%; vertical-align: top; color: #fc6; } 
#body.left { float: left; width: 85%; margin: 0; padding: 0; } 
#body li { list-style-position: outside; list-style-image: url("../butt/info.gif"); margin: 1ex; padding: 0 1ex; clear: both; } 
#centre { float: left; width: 52%; list-style-position: outside; list-style-image: url("../butt/info.gif"); margin: 1em 0 0 0; padding: 0; vertical-align: top; color: #fc6; } 
#centre.left { float: left; width: 52%; margin: 0; padding: 0; } 
#centre li { list-style-position: outside; list-style-image: url("../butt/info.gif"); margin: 1ex; padding: 0 1ex; clear: both; } 
#footer { clear: both; font: normal smaller sans-serif; }