body { margin: 0px; background-color: #181c22; text-align:left;  color: #ddddaa; font-family: verdana, arial, helvetica; font-size: 11px;}

h1,h2,h3,h4,h5,h6,p,table, tr, td, th, img, form, button, ol, ul, li, a, marquee{ margin: 0px; padding: 0px; border: 0px; }
a { color: #dd4; text-decoration: none; font-weight: bold; }
a:hover {text-decoration: underline; color: #ff0}
a:hover img { text-decoration: none; }
table,tr,th,td { border-collapse: collapse; vertical-align: middle;}
input, img, select {font-family: verdana, arial, helvetica; font-size: 1.2em;}
input.chk { vertical-align: text-bottom; padding: 0px 2px; margin: 0; width: auto !important;}
div.chkcase { padding: 6px 0;}
img { display: block;}
.inline {display: inline; vertical-align: bottom;}
.cright { clear: right;}
.first { margin-top: 0px !important; padding-top: 0 !important;}
.compact {margin-top: 0px !important; margin-bottom: 0px !important;} 
/* Occasionally I don't want baseline gaps after headers and things...*/
.error { border-top: 1px solid red; border-bottom: 1px solid red; color: #ff0022; background-color: #220000; font-weight: bold; line-height: 1.5em; padding: 4px 0; margin-bottom: 8px; }
.bigerror { color: #f80; font-weight: bold; text-align: center; height: 80px; line-height: 80px;}

div#ddb, div#ddb img { z-index: 11; position: absolute; top: 0; left: 0; height: 150px; width: 150px;}
div#container { width: 800px; margin: 0; text-align: left; overflow: hidden;}
div#skyscraper1 { position: absolute; left: 802px;top: 0px; width:125px; height: 240px;}
div#iamloggedin { border: 1px solid white; background-color: #666562; text-align: center; width: auto;padding: 4px;}
div#iamloggedin div.right { float: right; }
div#iamloggedin a { margin-left: 10px;}
div#header {border-top: 1px solid #919191; height: 66px; width: 800px;	background-image: url("../images/skin/jigsaw/TopRightnew.gif");}
div#header .left { float: left; margin-right: 2px;}

div#leftcontainer { float:left; width: 182px;}
div#leftcontainer a { color: #dc0; font-weight: bold; text-decoration: none;}
div#leftcontainer a:hover { text-decoration: underline; color: #ffc;}
div#leftnav { }
div#leftnav li {list-style: none; height: 17px; width: 182px;}
div#leftnav li.first {height: 16px;}
div#leftnav a { height: 17px; width: 182px;}
div#body div.caption { position: absolute; top: 68px; left: 184px; border: 3px solid white; background-color: #800; color: white; font-family: arial,helvetica; font-size: 16px; line-height: 1.5em; padding: 8px; }

div#leftbar { width: 162px; padding: 8px 0px 8px 12px; }
/* Search criteria */
div#leftbar h1 { text-align: left; font-family: verdana, arial, helvetica; font-weight: normal; font-size: 1.5em; line-height: 1em; padding: 0 0 0.5em 4px;}
/* Search criteria */
div#leftbar h2 { text-align: left; font-family: verdana, helvetica; font-weight: bold; font-size: 1em; text-transform: uppercase; padding: 1.2em 0 0px 4px;}

div#leftbar div.inner { text-align: center; width: 158px; padding: 0px 4px; background: #666562 url("../images/skin/jigsaw/leftmenu/BoxBack.gif") repeat-y; overflow: hidden;}
div#leftbar div.inner ul {margin-left: 16px; max-width: 164px; text-align: left;}
div#leftbar div.inner ul li {list-style: url("../images/skin/jigsaw/leftmenu/LeftArrow.gif") circle outside; border-bottom:1px solid #4c4c4c; padding-bottom: 4px;}
div#leftbar div.inner input {width: 148px;}
div#leftbar div.inner input.btn {width: auto; padding: 8px 4px 4px 0;}
div#leftbar div.inner input.date { margin: 1px 0; width: 7em;}
div#leftbar div.gigs { height: 300px;}
div#leftbar img { margin: 0 auto;}
div#leftbar form { display: block; text-align: center;}
div#leftbar small { font-size:0.8em; font-weight: normal; color: #ccc; }

div#bgimage { background: #414141 url("../images/skin/jigsaw/DoubleBack.gif") repeat-y;}

div#body .whyhere label {  font-weight: bold; display: block; float: none; width: auto; font-size: 1.5em;} 
div#body .whyhere label input {  margin-right: 1em;} 
div#body .whyhere p { margin-left: 4em; }

div#body { margin-left: 183px; padding: 0px; width: 617px;}
div#body div.eventfeed p { margin: 4px 0 1em 0; padding: 0; line-height: 1.2em;}
div#body div.eventfeed img { border: 1px solid #aaa; padding: 1px; margin-left: 1em;}
div#body div.eventfeed div.flashPlayerMini { margin: 0 0 1em 1em; padding: 0;}
div#body img.homepic { width: 618px; height: 236px; }
div#body div.flashPlayer { text-align: center; }
div#body p { padding-bottom: 8px;}
/* Main header */
div#body h1 { color: #aaaaee; font-family: times,verdana, helvetica; font-weight: bold; font-size: 2em; line-height: 1.2em; text-transform: uppercase; text-align: left; margin-bottom: 1em; letter-spacing: 0.05em;}
/* Feature headers */
div#body h2 { font-family: verdana, helvetica; font-weight: bold; font-size: 1.2em; text-transform: uppercase; margin-bottom: 2px;}
/* Small subhead - dates etc */
div#body h3 { font-family: verdana, helvetica; font-weight: bold; font-size: 0.9em; margin-bottom: 0.9em;}
/* panel subheaders */
div#body h4 { font-family: verdana, helvetica; font-weight: bold; font-size: 1.2em; line-height: 1.2em; margin: 1em 0 0.7em 0; color: #a98;}
/* h5=This band has split .... */
div#body h5 { font-family: verdana, helvetica; text-transform: uppercase; font-size: 1.2em; font-weight: bold; color: #f00; margin: 6px 0;}
/* genre strings */
div#body h6 { font-family: verdana, helvetica;font-size: 0.8em; line-height: 1em; color: #664444; margin-bottom: 16px;}
div#body em { font-weight: bold; font-style: italic;}
div#body strong {display: block;}
div#body small { font-size:0.8em; color: #ccc; }
div#body small a, div#body a.dark{ color: #ba0; }
div#body button { margin: 2px; cursor: pointer; padding: 0px; border: 0px; }
div#body .basetrim { margin-bottom: 0; }
div#body .left { float: left; clear: none;}
div#body .right { float: right; }
div#body div.panelcontainer {margin: 3px 15px 3px 7px; }
div#body div.panelcontainer div.headline {min-height: 80px; padding: 4px 0px; border-bottom: 1px solid #fc0}
div#body div.panelcontainer a.headlineimage {min-width: 107px; height:80px;margin: 0px 4px 4px 0px; }
div#body div.panelcontainer input.date { width: 10em;}
div#body div.panelcontainer input.chkbx {width: auto; border: 0;}
div#body div.panelcontainer input.btn, 
div#body div.panelcontainer img.btn { border: 0px; padding: 0px; width: auto; background: #414141; display: inline;} 

div#body label {float: left; width: 160px; padding-top: 4px;}
div#body input, div#body select, div#body textarea { color: white; padding: 1px 2px; background: #333; border: 1px solid #ccc; letter-spacing: 0.1px;}
div#body input:focus, div#body select:focus, div#body textarea:focus { background: #553;  }
div#body input {width: 300px;}
div#body textarea {height: 15em; width: 540px;}

div#body div.fullpage {min-height: 500px;}
div#body .light { color: white; padding: 4px 8px 0 8px; width: 580px; background: #666562 url("../images/skin/jigsaw/panels/BoxBack.gif") repeat-y top left;}
div#body .withleftside { width: 596px; background: #181c21 url("../images/skin/jigsaw/panels/LeftBack.gif") repeat-y top left; min-height: 160px; _height: 160px;}
div#body .withrightside { width: 596px; background: #181c21 url("../images/skin/jigsaw/panels/RightBack.gif") repeat-y top right;}
div#body div.withleftside div.inner {min-height: 140px; margin-left: 27px; margin-right: 4px;}
div#body div.withrightside div.inner {min-height: 140px; margin-right: 27px; margin-left: 4px;}
div#body div.panelcontainer div.inner ol {margin-left: 3em; }
div#body div.panelcontainer div.inner ol li {list-style-position: outside; margin-bottom: 0.5em;}
div#body div.panelcontainer div.inner ul {margin-left: 16px; }
div#body div.panelcontainer div.inner ul li {list-style: url("../images/skin/jigsaw/leftmenu/LeftArrow.gif") circle outside }
div#body div.panelcontainer div.inner hr { height: 1px; color: #fc0; background-color: #fc0; border: 0px; margin-bottom: 8px;}

div#body div.panelcontainer div.inner .ruled { border-top: 1px solid #333333; border-bottom: 1px solid #333333; padding: 8px 0}
div#body div.panelcontainer div.inner .smallcontrols { margin: 8px 0; line-height: 1.3em;}
div#body div.eachpost { padding-bottom: 2em;}
div#body div.eachpost div.article_controls { display: none;}

div#body div.subpanel {margin-left: 16px; }
div#body div#band_images { overflow-x: scroll; border: 1px solid #414141;}
div#body table.results td { padding: 0.5em; }
div#body table { margin: 0px 8px; text-align: left;}
div#body table td{ padding: 2px; vertical-align: top;}
div#body table.randombands td, div#body table.recommendedgigs td { padding: 1px; border: 0px solid red; width: 185px; vertical-align: top;}
div#body table.randombands { margin: 10px; padding: 0;}
div#body table.recommendedgigs { margin: 0px; padding: 10px 0;}
div#body table.olde {width: 100px; }
div#body table.olde td { vertical-align:top; }
div#body table.imagetable td { width:80px; text-align: center; font-size: 11px;}
div#body td.onebutton { width:24px;  }
div#body td.date { width:10em; }
div#body table.links td.thumbnail { text-align: left; width: 66px; border-right: 1px solid #fc0;}
div#body table.links td { vertical-align: top; padding: 8px 4px; border-bottom: 1px solid #444;}
div#body p.divider { border-bottom: 1px solid #444;margin-bottom: 4px; }
div#body img.thumbnail { width:64px; margin: 8px; text-align: center; }
div#body img.avatar { width:64px; margin: 0 8px; text-align: center; }
div#body img.mainpic { width: 200px; margin-left: 10px; margin-bottom: 10px; max-height: 400px; overflow: hidden; float: right;padding-right: 2px; }
div#body img.article_image { width: 107px; height: 77px; }
div#body img.banner{ margin: 1em auto; }
div#body img.paneltop{ width: 596px; height: 25px; }
div#body img.roll { position: absolute; top: 0px; left: 554px;}
div#body div.featureimage { margin: 0px 0px 8px 8px; }
div#body div.shelf { min-height: 150px; margin-bottom: 10px; }
div#body .controls { text-align: center; width: 95%; margin-bottom: 1em;}
div#body .controls td img{ display: inline;}
div#body .controls td { padding: 0px; }
div#body a.listedlink { display: block; margin-bottom: 0.25em;}
div#body .solemessage { padding: 4em; text-align: center;}
div#body div.notebox { background-color: #222222; padding: 0.5em;}
div#body div.notebox p {font-style: italic;}
div#body div.notebox p a {font-style: normal;}
div#footer {clear: both; border-bottom: 1px solid black; background-color: #414141;}
div#footer_inner { border-top: 1px solid #949294; height: 57px;}
div#footer .left {float: left;}
div#footer .right {float: right; clear: none; }
div#marq { width: 454px; padding-top: 3px; height: 14px; overflow: hidden;}
div#gig_marq { }

div#disclaimer {text-align: center; margin: 1em 0 0 0; color: #888;}
div#disclaimer p {font-size: 0.8em;}
div#disclaimer a { color: #dc0; font-weight: bold; text-decoration: none;}

div.pager {padding: 8px 0px;}
div.pager a { margin: 2px 2px; padding: 4px 6px; background-color: #414141; border: 1px solid #fc0;}
div.pager .thispage {  margin: 2px 2px; padding: 4px 6px; background-color: black; border: 1px solid #fc0; font-weight: bold;}
div.pager a:hover { text-decoration: none; background: #666562; }

/*forms*/

input.dark {background-color: black;}

div#body table.tracktable, div#body table.full
{
 width: 540px;
 clear: right;
 margin-bottom: 1em;
}

div#body table.tracktable, div#body table.full td
{
 padding-bottom: 8px;
}

.tracktable th
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	color: #FFFFFF;
	font-weight: bold;
	border-top-color: #FFFFFF;
	text-align: left;
	padding: 2px 4px;
}

div#body table.tracktable td
{
	padding: 8px 6px;
	text-align: left;
	font-size: 1em;
	font-weight: bold;
	vertical-align: middle;
	border-bottom: 1px solid #444;
}
div#body .tracktable td.nopadding { padding: 0px; margin: 0px; }
div#body .tracktable tr.inactive td { color: #888 !important; }
div#body .tracktable td small { color: #888; font-weight: normal; font-size: 0.8em; }


#gig_marq {
    position:relative;
    height:350px;
}

#gig_marq div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    text-align: center;
    visibility: hidden;
    
}

#gig_marq div.active {
    z-index:10;
    visibility: visible;
}

#gig_marq div.last-active {
    z-index:9;
    visibility: hidden;
}

div#body div.panelcontainer div#all_comments { padding-top: 4px; border-top: 1px solid #888888; padding-bottom: 4px; border-bottom: 1px solid #888888; }
div#body div.panelcontainer table.comments td { padding-bottom: 2em;}
div#body div.panelcontainer table.comments td p { overflow: hidden; max-width: 470px;}
div#body div.panelcontainer table.comments td:first-child {width: 64px;}
div#body div.panelcontainer form#comment_form textarea { width: 546px; height: 4em;}
div#body div.panelcontainer form#comment_form input.btn {width: auto; padding: 2px 0 0 0; margin: 0 0 0 410px;}

div#body div.panelcontainer .postedby { color: #888888; }
div#body div.panelcontainer .postedby a { color: #aa3; }