/* theinstamatics.com ----------------------------------------------- */

/* body et al  ----------------------------------------------- */

body { background: #000; font-size: 15px; font-weight: normal; text-align: center; }
* { font-family: Arial, Helvetica, sans-serif; text-decoration: none; margin: 0; padding: 0; }

img { border: none; } 

a, a:active { outline: none; }
:focus { -moz-outline-style: none; }


/* basic structure ----------------------------------------------- */

#wrapper { width: 1000px !important; margin: 8px auto 0px auto; text-align: center; display: block; position: relative; clear: both; z-index: 0; } 

#hdbox { height: 50px; margin: 0 4px 4px 4px; background: #000; border-bottom: none; border-top: none; text-align: left; display: block; position: relative; clear: both; z-index: 2; } 

#ctbox { height: 500px; margin: 0 auto; background: #000 url(/assets/images/mix/dirty-machines-spread.jpg) center 0 no-repeat; border: 4px solid #FFF; text-align: center; display: block; position: relative; clear: both; z-index: 1; } 



#ctboxFl { height: 500px; margin: 0 auto; background: #000; border: 4px solid #FFF; text-align: center; display: block; position: relative; clear: both; z-index: 1; } 





#navbox { width: 100%; height: 50px; bottom: 0px; left: 0px; background: #FFF; text-align: center; display: block; position: absolute; z-index: 2; } 

#ftbox { width: 100%; height: auto; margin: 4px 4px 0 4px; background: #000; display: block; position: relative; clear: both; z-index: 1; } 



/* text etc ----------------------------------------------- */

body, p a, li a, h1, h3, #audioPlayer a { color: #FFF; }
#ftbox, #ftbox a { color: #999; }
h2, p a:hover, li a:hover, #audioPlayer a:hover, #ftbox a:hover { color: #ef4723; }
.ar { color: #CCC; }

h1, #eform h1 { font-size: 1.7em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.15em; }
#ttkw p { font-size: 0.7em; }
#ftbox, #audio, .t2, #nojs { font-size: 0.7em; }
.downloads span { font-size: 0.75em; }
.ar { font-size: 0.95em; }
#eform form, #eform textarea { font-size: 12px; }

#ct h1 { margin: 0 0 6px 0; }
#ct h2 { padding: 4px 0 0 0; }
#ct h3 { padding: 4px 0 0 0; }
#ct p { margin: 0 0 6px 0; padding: 0 5px 0 0; }
#ttkw p, #nojs p { padding: 5px 5px 0 5px; }
#showsInfo p { margin: 0 0 0px 0; padding: 0 5px 0 0; }

p, li, .transbg { line-height: 1.5em; }
#ttkw p { line-height: 1.1em; }
.downloads span { line-height: 1.4em; }
#showsInfo p { line-height: 1.3em; }

p a, p a:hover, li a, li a:hover, #ftbox a, #ftbox a:hover { text-decoration: underline; }
.downloads a {text-decoration: none; }

h1, h2, h3 { font-weight: bold; }

#ct p, h1, h2, h3 { z-index: 5; }

/*Safari Hack*/
p { text-shadow: #FFF 0 0 0px; }


/* header ----------------------------------------------- */

#logo, #audio, #audioPlayer, #audioTxt, #ext { display: block; position: absolute; }
#logo, #audio, #ext { z-index: 2; }
#audioPlayer, #audioTxt { z-index: 3; }

#logo, #logo h1 { width: 424px; height: 50px; display: block; }
#logo { bottom: 0px; left: 1px; text-align: left; }
#logo a { cursor: pointer; }
#logo h1 { position: relative; background: transparent url(/assets/images/mix/logo.gif) top left no-repeat; }
#logo h1 span { display: none; }

#audio, #audioTxt { width: 175px; }
#audioTxt, #audioPlayer { height: 17px; } 
#audio { height: 40px; bottom: 0px; right: 90px; text-align: center; }
#audioTxt { top: 0px; right: 1px; background: #000 url(/assets/images/mix/instaaudioB.gif) center center no-repeat; text-align: center; }
#audioPlayer { width: 170px; bottom: 0px; right: 2px; border: 1px solid #FFF; padding: 0 0 0 3px; }

#ext { width: 76px; height: 50px; bottom: 0px; right: 5px; text-align: center; }
#ext ul { margin: 0; padding: 0; }
#ext li { list-style: none; display: inline; float: left; position: relative; z-index: 3; }
#ext li.tl { margin: 0 2px 2px 0; }
#ext li.tr { margin: 0 0 2px 0; }
#ext li.bl { margin: 0 2px 0 0; }
#ext li.br { margin: 0 0 0 0; }
#ext b { display: none; }

#ext li, .extMYSP, .extJJJ, .extMUSA, .extGC8, .extFce, .extYT, .extRVB, .extTw
{ width: 24px; height: 24px; }

.extMYSP, .extJJJ, .extMUSA, .extGC8, .extFce, .extYT, .extRVB, .extTw
{ display: block; position: relative; z-index: 5; cursor: pointer; }

.extMYSP { background: #000 url(/assets/images/ext/myspace.gif) 0 0 no-repeat; }
.extJJJ { background: #000 url(/assets/images/ext/jjj.gif) 0 0 no-repeat; }
.extMUSA { background: #000 url(/assets/images/ext/musicsa.gif) 0 0 no-repeat; }
.extGC8 { background: #000 url(/assets/images/ext/gocreate.gif) 0 0 no-repeat; }
.extFce { background: #000 url(/assets/images/ext/facebook.gif) 0 0 no-repeat; }
.extYT { background: #000 url(/assets/images/ext/youtube.gif) 0 0 no-repeat; }
.extRVB { background: #000 url(/assets/images/ext/reverbnation.gif) 0 0 no-repeat; }
.extTw { background: #000 url(/assets/images/ext/twitter.gif) 0 0 no-repeat; }

#load { width: 32px; height: 32px; bottom: 0px; left: 572px; background: url(/assets/images/mix/loading.gif); text-align: center; display: none; position: absolute; text-indent: -9999em; }


/* content structure and styling ----------------------------------------------- */

#ct, #ct1box, #ct1, #ct2L, #ct2Rbox, #ct2R, .ct3Hd, .ct3L, .ct3M, .ct3R { background: transparent; }

#ct, #ct1box, #ct1 { width: 960px; }
#ct, #ct1box, #ct1, #ct2L, #ct2Rbox, #ct2R { height: 430px; }

#ct { top: 10px; left: 0; margin: 0 auto; display: block; position: relative; z-index: 2; }

#ct1box { display: block; position: relative; text-align: left; z-index: 3; }
#ct1 { overflow: auto; z-index: 4; }

#ct2L, #ct2Rbox { display: inline; position: relative; text-align: left; }
#ct2L { width: 60px; float: left; margin: 0 10px 0 0; z-index: 4; }
#ct2Rbox, #ct2R { width: 880px; }
#ct2Rbox { float: right; z-index: 4; }
#ct2R { overflow: auto; z-index: 5; }



#flashBg { width: 992px !important; height: 450px; top: 0; left: 0; display: block; position: absolute; background: transparent; z-index: 2; }



.transbg { width: auto; padding: 1px; z-index: 3; }
.transbg[class], #navSub li, .hdh1, .jScrollPaneTrack, .downloads li, .downloads span b, #artbox, #photobox
{ background: transparent url(/assets/images/mix/overlay.png) top left repeat; }

/* lists */
/* ul and ol items */
ul, ol { margin: 2px 0 6px 3px; padding: 0; }
ul li ul, ol li ul { margin: 1px 0 1x 0; padding: 0; }
/* li margins and positioning */
li, li ul li { list-style-position: outside; }
ul li { margin: 0 0 1px 15px; }
ol li { margin: 0 0 1px 25px; }
li ul li { margin: 1px 0 0 15px; }
/* ol li bullet styles */
ol li { list-style-type: decimal; } /* 1st level links */
ol li ul li { list-style-type: circle; } /* 2nd level links */
/* ul li bullet styles */
ul li { list-style-type: circle; } /* 1st level links */
ul li ul li { list-style-type: disc; } /* 2nd level links */

#sitemap li ul li { display: inline; }

.ftLeft, .ftRight { display: inline; position: relative; z-index: 3; }
.ftLeft { width: 55%; float: left; text-align: left; margin-left: 4px; }
.ftRight { width: 35%; float: right; text-align: right; margin-right: 10px; }


/* navigation ----------------------------------------------- */

#nav { width: 839px; top: 9px; position: relative; display: block; margin: 0 auto; text-align: center; z-index: 3; }
#nav ul, #nav li { margin: 0; padding: 0; }
#nav li { display: inline; float: left; list-style: none; }
#nav li span { display: none; }

#nav, #nav li, #nav a { height: 27px; }

li#navBios { width: 85px; }
li#navEyewear { width: 189px; }
li#navAllsorts { width: 190px; }
li#navContact { width: 158px; }
li#navHome { width: 103px; }
li.navDot { width: 28px; }

a.navBios, a.navEyewear, a.navAllsorts, a.navContact, a.navHome, li.navDot
{ display: block; position: relative; margin: 0 auto; }
a.navBios { background: url(/assets/images/nav/nav-bios.gif) 0 0 no-repeat; }
a.navEyewear { background: url(/assets/images/nav/nav-eyecandy.gif) 0 0 no-repeat; }
a.navAllsorts { background: url(/assets/images/nav/nav-allsorts.gif) 0 0 no-repeat; }
a.navContact { background: url(/assets/images/nav/nav-contact.gif) 0 0 no-repeat; }
a.navHome { background: url(/assets/images/nav/nav-home.gif) 0 0 no-repeat; }
li.navDot { background: url(/assets/images/nav/nav-dot.gif) 0 0 no-repeat; }

a:hover.navBios, a:hover.navEyewear, a:hover.navAllsorts, a:hover.navContact, a:hover.navHome
{ background-position: 0 -27px; }


/* sub navigation ----------------------------------------------- */

#navSub { display: block; position: relative; top: 0px; left: 0px; text-align: center; z-index: 3; }
#navSub ul { margin: 0; padding: 0; }
#navSub li { list-style: none; display: block; position: relative; margin: 0 0 8px 0; z-index: 5; }
#navSub b { display: none; }

#navSub, #navSub li { height: 60px; }
#navSub li { width: 60px; }

span.subBios, span.subTheband, span.subNick, span.subMax, span.subJosh, span.subRingo,
span.subEyewear, span.subPhotos, span.subArtwork, span.subMedia, span.subDownloads,
span.subAllsorts, span.subAskringo, span.subWordup, span.subLinks,
span.subContact, span.subEform, span.subMaillist,
span.subHome, span.subShows
{ width: 60px; height: 60px; display: block; position: relative; margin: 0 auto; z-index: 3; cursor: pointer; }

/* bio's */
span.subBios[class] { background: url(/assets/images/sub/bios.png) 0 0 no-repeat; }
span.subTheband[class] { background: url(/assets/images/sub/theband.png) 0 0 no-repeat; }
span.subNick[class] { background: url(/assets/images/sub/nick.png) 0 0 no-repeat; }
span.subMax[class] { background: url(/assets/images/sub/max.png) 0 0 no-repeat; }
span.subJosh[class] { background: url(/assets/images/sub/josh.png) 0 0 no-repeat; }
span.subRingo[class] { background: url(/assets/images/sub/ringo.png) 0 0 no-repeat; }
/* all sorts */
span.subAllsorts[class] { background: url(/assets/images/sub/allsorts.png) 0 0 no-repeat; }
span.subAskringo[class] { background: url(/assets/images/sub/askringo.png) 0 0 no-repeat; }
span.subWordup[class] { background: url(/assets/images/sub/wordup.png) 0 0 no-repeat; }
span.subLinks[class] { background: url(/assets/images/sub/links.png) 0 0 no-repeat; }
/* eyewear */
span.subEyewear[class] { background: url(/assets/images/sub/eyewear.png) 0 0 no-repeat; }
span.subPhotos[class] { background: url(/assets/images/sub/photos.png) 0 0 no-repeat; }
span.subArtwork[class] { background: url(/assets/images/sub/artwork.png) 0 0 no-repeat; }
span.subMedia[class] { background: url(/assets/images/sub/media.png) 0 0 no-repeat; }
span.subDownloads[class] { background: url(/assets/images/sub/downloads.png) 0 0 no-repeat; }
/* contact */
span.subContact[class] { background: url(/assets/images/sub/contact.png) 0 0 no-repeat; }
span.subEform[class] { background: url(/assets/images/sub/emailform.png) 0 0 no-repeat; }
span.subMaillist[class] { background: url(/assets/images/sub/maillist.png) 0 0 no-repeat; }
/* home */
span.subHome[class] { background: url(/assets/images/sub/home.png) 0 0 no-repeat; }
span.subShows[class] { background: url(/assets/images/sub/shows.png) 0 0 no-repeat; }

a:hover span.subBios, a:hover span.subTheband, a:hover span.subNick, a:hover span.subMax, a:hover span.subJosh, a:hover span.subRingo,
a:hover span.subAllsorts, a:hover span.subAskringo, a:hover span.subWordup, a:hover span.subLinks,
a:hover span.subEyewear, a:hover span.subPhotos, a:hover span.subArtwork, a:hover span.subMedia, a:hover span.subDownloads,
a:hover span.subContact, a:hover span.subEform, a:hover span.subMaillist,
a:hover span.subHome, a:hover span.subShows
{ background-position: 0 -60px; }


/* h1 image headings ----------------------------------------------- */

.hdh1, .hdh1 h1 { display: block; position: relative; text-align: left; z-index: 5; }
.hdh1 { margin: 0 0 6px 0; }
.hdh1 h1 { top: 3px; left: 3px; padding: 0; margin: 0; }
.hdh1 h1 span { display: none; }
/* bio's */
.hdBiog { width: 137px; height: 48px; }
.hdBiog h1 { width: 131px; height: 42px; background: transparent url(/assets/images/h1/bio/biography.png) center center no-repeat; }
.hdNick { width: 57px; height: 40px; }
.hdNick h1 { width: 51px; height: 34px; background: transparent url(/assets/images/h1/bio/nick.png) center center no-repeat; }
.hdMax { width: 59px; height: 29px; }
.hdMax h1 { width: 53px; height: 23px; background: transparent url(/assets/images/h1/bio/max.png) center center no-repeat; }
.hdJosh { width: 93px; height: 48px; }
.hdJosh h1 { width: 87px; height: 42px; background: transparent url(/assets/images/h1/bio/joshua.png) center center no-repeat; }
.hdRingo { width: 71px; height: 44px; }
.hdRingo h1 { width: 66px; height: 38px; background: transparent url(/assets/images/h1/bio/ringo.png) center center no-repeat; }
/* eyewear */
.hdPhotos { width: 93px; height: 48px; }
.hdPhotos h1 { width: 87px; height: 42px; background: transparent url(/assets/images/h1/eyewear/photos.png) center center no-repeat; }
.hdArt { width: 44px; height: 35px; }
.hdArt h1 { width: 38px; height: 29px; background: transparent url(/assets/images/h1/eyewear/art.png) center center no-repeat; }
.hdMedia { width: 84px; height: 41px; }
.hdMedia h1 { width: 78px; height: 35px; background: transparent url(/assets/images/h1/eyewear/media.png) center center no-repeat; }
.hdDownloads { width: 144px; height: 41px; }
.hdDownloads h1 { width: 138px; height: 35px; background: transparent url(/assets/images/h1/eyewear/downloads.png) center center no-repeat; }
/* all sorts */
.hdAskringo { width: 126px; height: 48px; }
.hdAskringo h1 { width: 120px; height: 42px; background: transparent url(/assets/images/h1/allsorts/askringo.png) center center no-repeat; }
.hdWordup { width: 111px; height: 48px; }
.hdWordup h1 { width: 105px; height: 42px; background: transparent url(/assets/images/h1/allsorts/wordup.png) center center no-repeat; }
.hdLinks { width: 63px; height: 40px; }
.hdLinks h1 { width: 57px; height: 34px; background: transparent url(/assets/images/h1/allsorts/links.png) center center no-repeat; }
/* contact */
.hdContact { width: 105px; height: 35px; }
.hdContact h1 { width: 99px; height: 29px; background: transparent url(/assets/images/h1/contact/contact.png) center center no-repeat; }
/* home */
.hdHome { width: 75px; height: 40px; }
.hdHome h1 { width: 69px; height: 34px; background: transparent url(/assets/images/h1/home/home.png) center center no-repeat; }
/* other */
.hdSitemap { width: 117px; height: 44px; }
.hdSitemap h1 { width: 111px; height: 38px; background: transparent url(/assets/images/h1/other/site-map.png) center center no-repeat; }
.hdWoops { width: 211px; height: 46px; }
.hdWoops h1 { width: 205px; height: 40px; background: transparent url(/assets/images/h1/other/woops1.png) center center no-repeat; }
.hdQuirks4 { width: 293px; height: 48px; }
.hdQuirks4 h1 { width: 287px; height: 42px; background: transparent url(/assets/images/h1/other/quirks-and-intr.png) center center no-repeat; }
.hdLegalterms { width: 174px; height: 41px; }
.hdLegalterms h1 { width: 168px; height: 35px; background: transparent url(/assets/images/h1/other/legal-terms.png) center center no-repeat; }
.hdGighistory { width: 147px; height: 48px; }
.hdGighistory h1 { width: 141px; height: 42px; background: transparent url(/assets/images/h1/other/gig-history.png) center center no-repeat; }


/* home page ----------------------------------------------- */

#showsSection { width: 717px; height: 420px; top: 0px; right: 0px; display: block; position: absolute; 
background: transparent; z-index: 4; }

#ttkw { width: 840px !important; height: 50px; bottom: -4px; margin-left: -420px; left: 50%; display: none; position: absolute; 
background: #FFF; text-align: center; border: 2px solid #FFF; cursor: default; z-index: 20; }


/* scrollbars ----------------------------------------------- */

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

.jScrollPaneTrack, .jScrollPaneDrag { position: absolute; cursor: pointer; }
.jScrollPaneTrack { right: 0; top: 0; height: 100%; }
.jScrollPaneDrag { overflow: hidden; height: 146px !important; background: url(/assets/images/scroll/scroller11.png) center center no-repeat; }

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

a.jScrollArrowUp, a.jScrollArrowDown { display: block; position: absolute; z-index: 1; right: 0; text-indent: -2000px; overflow: hidden; height: 13px; }
a.jScrollArrowUp { top: 0; background: transparent url(/assets/images/scroll/arrowU.png) 0 0 no-repeat; }
a.jScrollArrowDown { bottom: 0; background: transparent url(/assets/images/scroll/arrowD.png) 0 0 no-repeat; }


/* eyewear flash images ----------------------------------------------- */

#photobox, #artbox { height: 420px; top: 5px; left: 180px; display: block; position: absolute; z-index: 8; text-align: center; }
#photobox { width: 496px; }
#artbox { width: 420px; }


/* downloads and media  lists ----------------------------------------------- */

.downloads { width: auto; display: block; position: relative; margin: 3px auto; text-align: left; z-index: 2; }
.downloads ul { margin: 0; padding: 0; }
.downloads li { margin: 0 5px 5px 0; display: inline; float: left; list-style: none; }
.downloads a { left: 3px; top: 3px; display: block; position: relative; z-index: 3; }

.downloads li, .downloads a { height: 106px; }
.downloads li.cdart { width: 200px; }
.downloads li.highresli5 { width: 245px; }
.downloads li.highresli6 { width: 245px; }
.downloads li.highresli7 { width: 162px; }
.downloads li.highresli8 { width: 169px; }
.downloads li.logos { width: 431px; height: 76px; }
.downloads li.bio { width: 175px; }

.downloads span { width: auto; height: auto; position: relative; display: block; z-index: 5; }
.downloads li.cdart span { left: 103px; }
.downloads li.highresli5 span { left: 153px; }
.downloads li.highresli6 span { left: 153px; }
.downloads li.highresli7 span { left: 70px; }
.downloads li.highresli8 span { left: 77px; }
.downloads li.logos span { left: 3px; top: 55px; }
.downloads li.bio span { left: 75px; }

a.dmArt { background: url(/assets/images/dl/dm-cover-100.gif) left top no-repeat; }
a.highres1L { background: url(/assets/images/dl/highres01Lt.gif) left top no-repeat; }
a.highres5L { background: url(/assets/images/ph/highres/highres05Lt.jpg) left top no-repeat; }
a.highres5 { background: url(/assets/images/ph/highres/highres05t.jpg) left top no-repeat; }
a.highres6L { background: url(/assets/images/ph/highres/highres06Lt.jpg) left top no-repeat; }
a.highres6 { background: url(/assets/images/ph/highres/highres06t.jpg) left top no-repeat; }
a.highres7L { background: url(/assets/images/ph/highres/highres07Lt.jpg) left top no-repeat; }
a.highres7 { background: url(/assets/images/ph/highres/highres07t.jpg) left top no-repeat; }
a.highres8L { background: url(/assets/images/ph/highres/highres08Lt.jpg) left top no-repeat; }
a.highres8 { background: url(/assets/images/ph/highres/highres08t.jpg) left top no-repeat; }
a.logodwnW { background: url(/assets/images/dl/instamatics-logo-white.png) left top no-repeat; }
a.logodwnB { background: url(/assets/images/dl/instamatics-logo-black.png) left top no-repeat; }
a.biopdf { background: url(/assets/images/dl/bio-img.gif) left top no-repeat; }


/* email form ----------------------------------------------- */

#eformBox, #maillistBox { width: 220px; right: 90px; display: none; position: absolute; z-index: 7; }
#eformBox { height: 400px; top: 30px; }
#maillistBox { height: 350px; top: 40px; }


/* mix ----------------------------------------------- */

.cnrTL, .cnrTR, .cnrBL, .cnrBR { width: 10px; height: 10px; position: absolute; z-index: 5; }
.cnrTL { top: -4px; left: -4px; background: transparent url(/assets/images/mix/corners10.png) 0 0 no-repeat; }
.cnrTR { top: -4px; right: -4px; background: transparent url(/assets/images/mix/corners10.png) -10px 0 no-repeat; }
.cnrBL { bottom: -4px; left: -4px; background: transparent url(/assets/images/mix/corners10.png) 0 -10px no-repeat; }
.cnrBR { bottom: -4px; right: -4px; background: transparent url(/assets/images/mix/corners10.png) -10px -10px no-repeat; }

iframe.frame { width: 100%; height: 100%; padding: 0; margin: 0; display: block; position: relative; text-align: left; border: none; background: none; }

#maxlives { width: 704px; height: 236px; bottom: 67px; right: 0px; display: block; position: absolute; 
background: transparent url(/assets/images/mix/max-lives.png) center center no-repeat; z-index: 10; }

.clear { clear: both; margin: 0; padding: 0; height: 0; font-size: 1px; line-height: 0px; visibility: hidden; content: "."; }

.print { position: relative; text-align: left; display: none; height: 0; width: 0; z-index: 1; overflow: hidden; }

#nojs { width: 100px; height: auto; bottom: 50px; right: 15px; position: absolute; display: block; text-align: center; border: 1px dashed #ef4723; z-index: -10; }




#slideshowXXX { width: 500px; height: 500px; margin: 10px 0; border: none; text-align: left; display: block; position: relative; clear: both; z-index: 5; } 






/* the colours ----------------------------------------------- */

/* 
the blue #90dfd9
the red #ef4723
the grey #697277
the yellow #f2ee28
*/



/*

.downloads li.highresli1 { width: 174px; }
.downloads li.highresli2 { width: 234px; }
.downloads li.highresli3 { width: 234px; }
.downloads li.highresli4 { width: 178px; }

.downloads li.highresli1 span { left: 75px; }
.downloads li.highresli2 span { left: 136px; }
.downloads li.highresli3 span { left: 136px; }
.downloads li.highresli4 span { left: 78px; }

a.highres1 { background: url(/assets/images/dl/highres01t.gif) left top no-repeat; }
a.highres2L { background: url(/assets/images/dl/highres02Lt.gif) left top no-repeat; }
a.highres2 { background: url(/assets/images/dl/highres02t.gif) left top no-repeat; }
a.highres3L { background: url(/assets/images/dl/highres03Lt.gif) left top no-repeat; }
a.highres3 { background: url(/assets/images/dl/highres03t.gif) left top no-repeat; }
a.highres4L { background: url(/assets/images/dl/highres04Lt.gif) left top no-repeat; }
a.highres4 { background: url(/assets/images/dl/highres04t.gif) left top no-repeat; }

*/