/*	lib/reset.css lib/typography.css lib/forms.css lib/plugins/tabs.css lib/plugins/jScrollPane.css lib/plugins/scrollable.css thoh.css	*/html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
margin:0;
padding:0;
}

body {
line-height:1.5;
font-size:75%;
width:100%;
max-width:100%;
color:#710000;
background:#FBDE98 url(/v1/css/images/bg/1152x864.jpg) top left;
margin:0;
padding:0;
}

table {
border-collapse:collapse;
border-spacing:0;
margin-bottom:1.4em;
}

caption,th,td {
text-align:left;
font-weight:400;
}

blockquote:before,blockquote:after,q:before,q:after {
content:"";
}

a img {
border:none;
}

a {
outline:none;
color:#009;
text-decoration:none;
}

body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea {
font-family:Helvetica, Arial, sans-serif;
}

h1 {
font-size:3em;
line-height:1;
margin-bottom:.5em;
}

h2 {
font-size:2em;
margin-bottom:.75em;
}

h3 {
font-size:1.5em;
line-height:1;
margin-bottom:1em;
}

h4 {
font-size:1.2em;
line-height:1.25;
margin-bottom:1.25em;
}

h5 {
font-size:1em;
margin-bottom:1.5em;
}

h6 {
font-size:1em;
}

ul,ol {
margin:0 1.5em 1.5em;
}

ul {
list-style-type:circle;
}

ol {
list-style-type:decimal;
}

dl dd {
margin-left:1.5em;
}

abbr,acronym {
border-bottom:1px dotted #000;
}

address {
margin-top:1.5em;
font-style:italic;
}

a:hover {
text-decoration:underline;
}

blockquote {
margin:1.5em;
}

pre,code {
white-space:pre;
margin:1.5em 0;
}

pre,code,tt {
font:1em monospace;
line-height:1.5;
}

tt {
display:block;
line-height:1.5;
margin:1.5em 0;
}

th {
border-bottom:2px solid #ddd;
font-weight:700;
}

td {
border-bottom:1px solid #ddd;
}

th,td {
padding:4px 10px 4px 0;
}

.small {
font-size:.8em;
margin-bottom:1.875em;
line-height:1.875em;
}

.large {
font-size:1.2em;
line-height:2.5em;
margin-bottom:1.25em;
}

.quiet {
color:#999;
}

.top {
margin-top:0;
padding-top:0;
}

.bottom {
margin-bottom:0;
padding-bottom:0;
}

fieldset {
border:1px solid #ddd;
margin:0 0 1.5em;
padding:1.4em;
}

legend {
font-weight:700;
font-size:1.2em;
padding:0 .4em;
}

textarea {
margin:.5em .5em 0 0;
padding:.4em;
}

form.hform p label {
float:left;
width:100px;
}

form.hform p.checkbox {
margin-left:100px;
}

form.hform p.checkbox label {
float:none;
}

form.vform p.checkbox label {
display:inline;
}

ul.tabs {
display:block;
margin:0;
padding:0;
}

ul.tabs li {
float:left;
list-style:none;
margin:0;
padding:0;
}

.ui-tabs-nav {
border:0;
outline:0;
line-height:1.3;
text-decoration:none;
list-style:none;
font-family:Verdana, Arial, sans-serif;
font-size:1.1em;
float:left;
position:relative;
z-index:1;
margin:0;
padding:0;
}

.ui-tabs-nav-item {
border:0;
outline:0;
line-height:1.3;
text-decoration:none;
font-size:100%;
list-style:none;
float:left;
margin:0;
padding:0;
}

.ui-tabs-nav-item a {
border:0;
outline:0;
line-height:1.3;
text-decoration:none;
list-style:none;
float:left;
font-size:1em;
font-weight:400;
color:#fff;
margin:0;
padding:0;
}

.ui-tabs-nav-item a:hover {
background:#dadada repeat-x;
color:#212121;
}

.ui-tabs-selected {
border-bottom-color:#fff;
}

.ui-tabs-selected a,.ui-tabs-selected a:hover {
color:#222;
}

.ui-tabs-panel {
border:0;
outline:0;
line-height:1.3;
text-decoration:none;
font-size:100%;
list-style:none;
font-family:Verdana, Arial, sans-serif;
clear:left;
margin:0;
padding:0;
}

.jScrollPaneContainer {
position:relative;
overflow:hidden;
z-index:1;
}

.jScrollPaneTrack {
position:absolute;
cursor:pointer;
right:0;
top:0;
height:100%;
background:#D4B2B2;
}

.jScrollPaneDrag {
position:absolute;
background:#710000;
cursor:pointer;
overflow:hidden;
}

.jScrollPaneDragTop {
position:absolute;
top:0;
left:0;
overflow:hidden;
}

.jScrollPaneDragBottom {
position:absolute;
bottom:0;
left:0;
overflow:hidden;
}

a.jScrollArrowUp {
display:block;
position:absolute;
z-index:1;
top:0;
right:0;
text-indent:-2000px;
overflow:hidden;
height:9px;
}

a.jScrollArrowDown {
display:block;
position:absolute;
z-index:1;
bottom:0;
right:0;
text-indent:-2000px;
overflow:hidden;
height:9px;
}

#venueInfo,div.playlist {
float:left;
margin-right:20px;
}

div.playlist {
width:150px;
}

#venueInfo .items {
height:265px;
}

div.play {
background:url(../img/btn/play.png) no-repeat;
width:50px;
height:50px;
position:relative;
top:-140px;
left:125px;
opacity:0.9;
margin-bottom:-50px;
}

div.play:hover {
opacity:1.0;
}

#venueInfo div.items a {
background:url(../tools/img/block.jpg) no-repeat;
width:150px;
height:68px;
display:block;
text-decoration:none;
}

#venueInfo div.items p {
font-size:11px;
width:130px;
margin:0;
padding:8px 0 0 12px;
}

#venueInfo div.items p.time {
padding-top:0;
color:#777;
margin-top:5px;
}

div.items a.playing {
background-position:0 -136px;
}

#venueInfo div.tabs {
float:left;
width:100%;
margin:0;
}

#venueInfo div.tabs span {
width:8px;
height:8px;
float:left;
background:url(../tools/img/dots.png) 0 0 no-repeat;
cursor:pointer;
margin:3px;
}

#venueInfo div.tabs span:hover {
background-position:0 -8px;
}

#venueInfo div.tabs span.active {
background-position:0 -16px;
}

#venueInfo div.tabs li {
margin:3px 6px;
}

html {
width:100%;
height:100%;
margin:0;
padding:0;
}

body.intro {
background:#FBDE98 url(/v1/css/images/bg/1152x864.jpg) top center;
width:100%;
height:100%;
margin:0;
padding:0;
}

#page {
width:100%;
text-align:center;
margin:0;
}

#header {
margin-top:20px;
text-align:center;
}

#header h1 {
font-size:14px;
}

#header ul.tabs {
border-bottom:1px solid #710000;
}

#header ul.tabs li {
margin-right:1px;
}

#header ul.tabs a {
background:transparent;
color:#710000;
text-decoration:none;
padding:5px 15px;
}

#footer {
position:relative;
margin-top:20px;
height:108px;
}

#footer ul.tabs {
width:550px;
border-top:0;
}

#footer ul.tabs a {
color:#710000;
text-decoration:none;
text-align:center;
padding:10px 15px;
}

#footer p.quiet {
color:#710000;
}

#page a {
color:#710000;
font-weight:700;
}

#page a:hover {
color:#939598;
text-decoration:none;
}

object {
outline:none;
}

#mainWrapper {
float:left;
width:390px;
min-height:680px;
}

#contentWrapper {
height:640px;
min-width:530px;
max-width:580px;
overflow:hidden;
position:absolute;
left:400px;
top:35px;
width:560px;
z-index:3;
margin:0 10px 0 0;
}

#thohHome {
height:555px;
}

#thohHome	#historyofhouse {
background:transparent none repeat scroll 0 0;
float:left;
height:auto;
width:auto;
}

#thohHome	#historyofhouse	h1 {
text-align:left;
margin-bottom:0;
margin-right:0;
margin-left:15px;
}

#thohHome	#historyofhouse	p {
text-align:left;
padding:5px;
}

#thohHome	#thohExtraWrapper {
float:right;
width:278px;
height:276px;
margin:5px;
}

#thohHome	#homeBiogs {
background:blue none repeat scroll 0 0;
margin-top:15px;
height:284px;
}

#thohHome	#homeBiogs	#bScroller {
height:284px;
position:relative;
width:560px;
}

#homeBiogs	#bScroller	div.scrollingHotSpotLeft {
background-color:#FFF;
background-image:url(/css/images/arrow_left.gif);
background-position:center center;
background-repeat:no-repeat;
height:100%;
left:0;
opacity:0.4;
position:absolute;
width:12%;
z-index:1000;
}

#homeBiogs	#bScroller	div.scrollingHotSpotRight {
background-color:#FFF;
background-image:url(/css/images/arrow_right.gif);
background-position:center center;
background-repeat:no-repeat;
height:100%;
opacity:0.3;
position:absolute;
right:0;
width:12%;
z-index:1000;
}

#homeBiogs	#bScroller	div.scrollWrapper {
height:100%;
overflow:hidden;
position:relative;
width:100%;
}

#homeBiogs	#bScroller	div.scrollableArea {
height:100%;
overflow:hidden;
position:relative;
width:100%;
padding-left:5px;
}

#homeBiogs	#bScroller	div.scrollableArea div.item {
float:left;
margin-right:1px;
position:relative;
width:560px;
height:284px;
}

#homeBiogs	#bScroller	div.scrollableArea div.item	h3 {
text-align:left;
margin-left:265px;
margin-top:15px;
width:285px;
margin-bottom:6px;
}

#homeBiogs	#bScroller	div.scrollableArea div.item	img {
float:left;
margin-top:-20px;
margin-left:35px;
}

#homeBiogs	#bScroller	div.scrollableArea div.item	p {
text-align:left;
margin-left:265px;
margin-right:15px;
padding:3px 8px 2px;
}

#xhomeBiogs	#bScroller	div.scrollableArea p {
float:left;
margin-right:1px;
margin-bottom:2px;
height:auto;
}

#thohEvents {
width:560px;
height:448px;
margin:15px auto;
}

#thohEvents	h2 {
margin-bottom:15px;
}

#thohEvents	.event {
margin-top:35px;
}

#thohHistory	#thohHistoryFObj,#thohHistory	object {
width:560px;
height:448px;
}

#content .biogs .biogThumb {
width:97px;
height:138px;
float:left;
text-align:center;
border:0;
border-bottom:2px solid #710000;
margin:2px 0 2px 5px;
}

#content .biogs .biogThumb	a {
margin:0;
padding:0;
}

#content .biogs .biogThumb	span {
width:95px;
height:31px;
float:none;
vertical-align:center;
text-align:center;
display:block;
margin:0;
}

#content .biogs .biogThumb img {
width:95px;
height:95px;
border:1px solid #710000;
}

#content .biogs > div {
width:540px;
margin:5px auto;
}

#content .biogs	img {
float:right;
}

#content .biogs {
margin-top:10px;
}

#content .biogs	p {
text-align:left;
}

#content .biogs	#biogScroller {
height:500px;
}

#thohPhotos #mediaWrapper {
width:274px;
height:auto;
margin:5px auto;
}

#thohPhotos #photosWrapper	#thohPhotoGalleryFObj,#thohPhotos #photosWrapper	object {
width:560px;
height:448px;
margin:0;
padding:0;
}

#content #chartsWrappers,#content #musicWrappers {
margin:10px auto;
}

#content #chartsWrapper	#chartsScroller,#content #musicWrapper	#musicScroller {
height:480px;
}

#content #chartsWrapper	ol,#content #musicWrapper	ol {
width:85%;
list-style-type:decimal inside;
margin:5px auto;
}

#content #chartsWrapper	li,#content #musicWrapper	li {
width:100%;
text-align:left;
margin:0 0 0 15px;
padding:0;
}

#content #chartsWrapper	table,#content #musicWrapper	table {
width:90%;
margin:auto;
}

#content #chartsWrapper	th,#content #musicWrapper	th {
border:0;
border-bottom:2px solid #710000;
}

#content #chartsWrapper	td,#content #musicWrapper	td {
border:0;
border-bottom:1px solid #710000;
}

body.intro	object {
width:100%;
height:100%;
outline:none;
}

#thohd1nov08 .tabs li {
margin:2px;
padding:2px 4px;
}

#thoh1nov08 {
width:708px;
}

#thohContact	.entry {
float:left;
width:300px;
}

#thohContact	.hform {
float:right;
width:300px;
}

#contentWrapper	#content	ul.tabs {
padding-left:8px;
padding-right:8px;
margin-right:16px;
margin-bottom:18px;
border:0;
}

#contentWrapper	#content	ul.tabs li {
float:left;
list-style:none;
border:none;
margin:0;
padding:3px 8px 0 3px;
}

#contentWrapper	#content	ul.tabs li:last {
padding-left:8px;
padding-right:8px;
margin-right:0;
}

#contentWrapper	#content	ul.tabs a {
color:#710000;
border-bottom:1px solid #710000;
}

#contentWrapper	#content	ul.tabs li.ui-tabs-selected a {
color:#710000;
border-bottom:2px solid #710000;
}

#contentWrapper	#content h2 {
color:#fff;
font-size:1.62em;
text-align:right;
text-transform:uppercase;
margin-right:25px;
border-bottom-width:0;
margin-bottom:-25px;
}

#contentWrapper #content .jScrollPaneContainer {
margin-top:25px;
}

.thohBox {
width:274px;
height:auto;
display:block;
margin:35px auto;
}

body #debug {
position:absolute;
left:10px;
top:450px;
background:#000;
color:#FFF;
overflow:scroll;
width:390px;
height:200px;
z-index:999;
}

#sva {
position:absolute;
right:0;
top:0;
width:84px;
height:41px;
}

#stamp {
background:transparent url(/v1/css/images/stamp.png);
position:absolute;
right:0;
bottom:0;
width:125px;
height:108px;
display:none;
}

input,textarea,#body {
margin:0;
}

.wrapper,form.vform p label {
display:block;
}

.wrapper:after,ul.tabs:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

* html .wrapper,* html ul.tabs {
height:1%;
}

h1,h2,h3,h4,h5,h6,dl dt,strong,dfn,label {
font-weight:700;
}

p,dl {
margin:0 0 1.5em;
}

del,#venueInfo div.items a.playing,#venueInfo div.items a.paused {
color:#000;
}

em,dfn,tfoot {
font-style:italic;
}

caption,.highlight {
background:#ffc;
}

.hide,.ui-tabs-hide,#thohContact	.entry h2 {
display:none;
}

form.hform p,form.vform p {
margin:0 0 .5em;
}

form.hform p input,form.hform p select {
width:200px;
}

form.hform p input.button,form.hform p input.checkbox,form.hform p input.radio,form.hform p.checkbox input {
width:auto;
}

ul.tabs li a,#content .biogs ul.tabs li a {
float:left;
display:block;
}

#venueInfo,#venueInfo img {
display:block;
border:0;
}

#venueInfo div.items a:hover,div.items a.paused {
background-position:0 -68px;
}

#thohHistory,#thohPhotos #photosWrapper {
width:560px;
height:448px;
margin:5px auto;
}

#content .biogs	.scroller,#content #chartsWrapper	.scroller,#content #musicWrapper	.scroller {
width:560px;
overflow:auto;
background:transparent;
float:left;
}

#tickerWrapper,#tickerWrapper > object {
width:100%;
height:28px;
}
