/* theinstamatics.com - iframed pages ----------------------------------------------- */

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

body#bd64, body#bd85, body#bd87, body#bd106 { background: transparent; font-size: 14px; font-weight: normal; text-align: left; }
* { 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; } 
/* contact iframed pages */
body#bd64 #wrapper, body#bd85 #wrapper { width: 500px !important; text-align: left; margin: 0; }
/* home iframed page */
body#bd121 #wrapper { width: 717px !important; text-align: left; margin: 0; }


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

body, p a, li a, h1, h3 { color: #FFF; }
h2, p a:hover, li a:hover { color: #ef4723; }

h1, #eform h1 { font-size: 1.7em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.15em; }
.t2 { font-size: 0.7em; }
#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; }
#showsInfo p { margin: 0 0 0px 0; padding: 0 5px 0 0; }

p, li, .transbg { line-height: 1.5em; }
#showsInfo p { line-height: 1.3em; }

p a, p a:hover, li a, li a:hover { text-decoration: underline; }

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

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

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


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

.transbg { width: auto; padding: 1px; z-index: 3; }
.transbg[class], .hdh1, .jScrollPaneTrack, .fEmail input, .fEmail textarea, .errors  
{ 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 */



/* 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; }

/* home */
.hdShows { width: 87px; height: 40px; }
.hdShows h1 { width: 81px; height: 34px; background: transparent url(/assets/images/h1/home/shows.png) center center no-repeat; }
.hdWah { width: 122px; height: 40px; }
.hdWah h1 { width: 116px; height: 35px; background: transparent url(/assets/images/h1/home/blah-blah.png) center center no-repeat; }


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

#showsClouds { width: 252px; height: 162px; top: 2px; left: 0px; display: block; position: absolute; 
background: transparent url(/assets/images/mix/shows-clouds.png) center center no-repeat; z-index: 6; }

#showsTxt, #showsTxt h1 { width: 150px; height: 52px; display: block; }
#showsTxt { top: 38px; right: 17px; text-align: left; display: block; position: absolute; z-index: 7; }
/* shows #showsTxt { top: 29px; right: 19px; text-align: left; display: block; position: absolute; z-index: 7; }*/
#showsTxt a { cursor: pointer; }
#showsTxt h1 { position: relative; background: transparent url(/assets/images/mix/thewah-txt.png) top left no-repeat; }
#showsTxt h1 span { display: none; }
#showsTxt a:hover h1 { background-position: 0 -52px; }

#showsBox, #showsInfo { width: 440px; height: 410px; background: transparent; }
#showsBox { top: 10px; right: 0; display: block; position: absolute; text-align: left; z-index: 5; }
#showsInfo { overflow: auto; display: none; position: relative; z-index: 6; }

.shows { margin: 0 0 3px 0; }


/* 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; }


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

.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; }


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

#eform { width: 206px; height: auto; text-align: left; position: relative; display: block; z-index: 8; }
/* the form */
.fEmail { padding: 0; margin: 4px 0 0 0; position: relative; display: block; z-index: 10; }
.fEmail fieldset { width: 100%; padding: 0; margin: 0; display: block; border: none; text-align: left; }
/* form boxes */
.fEmail input, .fEmail textarea { padding: 3px; cursor: auto; }
.fEmail input, .fEmail textarea, .formImg, .fEmail input#send, .fEmail input#clear { margin: 0; }
.fEmail input { width: 200px; }
.fEmail input#bananas { width: 100px; }
.fEmail textarea { width: 198px; height: 80px; overflow: auto; margin: 2px 0; }
.formImg { width: 200px !important; height: 80px !important; }
.fEmail input#send, .fEmail input#clear { width: auto; cursor: pointer; }
.fEmail input#send { margin: 0 4px 0 0; }
/* colors and borders */
.fEmail input, .fEmail textarea, .fEmail input#send, .fEmail input#clear { color: #FFF; }
.fEmail input#send:hover, .fEmail input#clear:hover, .fEmail input#send:focus, .fEmail input#clear:focus { color: #999; }
.fEmail textarea, .fEmail input#realname, .fEmail input#phone, .fEmail input#email, .fEmail input#message, .fEmail input#bananas 
{ /*background: transparent; */ border: 1px dotted #FFF; }
.fEmail input#realname, .fEmail input#phone, .fEmail input#email, .fEmail input#message, .fEmail input#bananas 
{ border-top: none; border-left: none; border-right: none; }
.formImg, .fEmail input#send, .fEmail input#clear
{ border: 1px solid #FFF; }
/* focus */
.fEmail input#realname:focus, .fEmail input#phone:focus, .fEmail input#email:focus, .fEmail input#message:focus, .fEmail input#bananas:focus
{ border: 1px dashed #FFF; border-top: none; border-left: none; border-right: none; }
.fEmail textarea:focus, .fEmail input#send:focus, .fEmail input#clear:focus { border: 1px dashed #FFF; }
/* the div rows */
.fEmailRow, .fEmailRowL { margin-left: 0px; clear: both; }
.fEmailRow { margin-bottom: 6px; }
.fEmailRowL { margin-top: 8px; }
/* error message classes */
.errors  { color: #ef4723; margin: 3px 0 6px 0; font-size: 11px; }
#contactForm input.error { background: #CCC; border:1px solid #ef4723; }