/* Begin Structural Elements */

html {
height: 100%;
}

body {
background: #e67c15;

width: 100%;
height: 100%;

text-align: center;

margin: 0;
padding: 0;
}

#container {
width: 1068px;

margin: 0 auto 0 auto;
padding: 0;
}

img {
border: 0;
}

#left-pattern {
background: #e67c15 url(images/bg-leftpattern.gif) repeat-y;

width: 179px;
height: 444px;

margin: 0;
padding: 0;

float: left;
}

#right-pattern {
background: #e67c15 url(images/bg-rightpattern.gif) repeat-y;

width: 179px;
height: 444px;

margin: 0;
padding: 0;

float: right;
}

#center-container {
background: #750702 url(images/bg-pattern.gif) repeat-y;

width: 1068px;

margin: 0;
padding: 0;

float: left;
}

#center {
background: #750702 url(images/center-bg.gif) repeat-y;

margin: -444px 179px 0 179px;
}

/* Header, Logo, Nav */

#header {
background: #e67c15 url(images/header-bg.jpg) no-repeat;

width: 710px;
height: 255px;
}

#header #logo {
background: url(images/logo.gif) no-repeat 0 9px;

width: 276px;
height: 199px;

margin: 0 auto 0 auto;
}

#nav {
text-align: center;
width: 710px;
}

#flash {
height: 224px;
width: 709px;

margin: 0 auto -25px auto;
}

/* Content */

#content {
background: url(images/content-bg.jpg) no-repeat;

width: 710px;
min-height: 445px;

padding-top: 25px;
}

#content-artists {
background: url(images/content-bg.jpg) no-repeat;

width: 710px;
min-height: 445px;

padding-top: 0;
}

/* Footer */

#jim {
background: url(images/footer-top-bg.gif) no-repeat;

width: 710px;
height: 275px;
}

#jim-inner {
background: url(images/jim.gif) no-repeat;

width: 333px;
height: 247px;

margin: 0 auto 0 auto;
}

#footer {
background: url(images/footer-bottom-bg.gif) no-repeat;

width: 710px;
height: 167px;
}

#footer img {
margin: 15px;
}



/* End Structural Elements */

/* Bubbles! */

.bubble-contain#headline {
background: url(images/bub-body-med.gif) no-repeat 0 60px;

width: 710px;
height: 367px;
}

.bubble-left {
width: 710px;
height: 500px;
}

.bubble-head {
background: url(images/bub-head-bg.gif) no-repeat;
width: 710px;
height: 60px;
}

#headline-acts {
background: url(images/headlineacts.gif) no-repeat 0 24px;
height: 61px;
width: 241px;

margin-left: 162px;
margin-bottom: 24px;
}

#performers {
background: url(images/performers.jpg) no-repeat;

width: 673px;
height: 185px;

margin-left: 18px;
}

#performers-titles {
background: url(images/performers-titles.gif) no-repeat 0 127px;
width: 600px;
height: 185px;

margin: 0 0 0 18px;
}

/* Bubbles repeating */


.bubble-contain {
background: url(images/bub-contain-shadow.gif) repeat-y;

width: 710px;
}

.bubble-right {
width: 710px;
}

.artists-left#flamchen .bubble-right, .artists-left#blog .bubble-right {
background: url(images/a-bub-contain-shadow-flamchen.gif) 0 0 no-repeat;
}

.artists-right .bubble-right {
background: url(images/bub-contain-shadow.gif) repeat-y;

margin-top: -40px;
}

.artists-left .bubble-right {
background: url(images/bub-contain-shadow.gif) repeat-y;

margin-top: -40px;
}

.artists-left#flamchen {
margin-top: 40px;
}

.artists-left#blog {
margin-top: 16px;
}

.artists-left#flamchen .bubble-right .bubble-head {
background: url(images/a-bub-head-flamchen.gif) no-repeat;

width: 710px;
height: 77px;

text-align: right;
}

.artists-left#blog .bubble-right .bubble-head {
background: url(images/bub-head-blog.gif) no-repeat;

width: 710px;
height: 77px;

text-align: right;
}

.artists-left#blog .bubble-right .bubble-head#download {
background: url(images/bub-head-downloads.gif) no-repeat;

width: 710px;
height: 77px;

text-align: right;
}


.artists-right .bubble-right .bubble-head {
background: url(images/a-bub-head.gif) no-repeat;

width: 710px;
height: 86px;

text-align: right;
}

.artists-left .bubble-right .bubble-head {
background: url(images/a-bub-head-left.gif) 0 -2px no-repeat;

width: 710px;
height: 86px;

text-align: right;
}

.bubble-right .bubble-head {
background: url(images/bub-right-head.gif) no-repeat;

width: 710px;
height: 77px;

text-align: right;
}

.bubble-right .bubble-head img {
margin: 14px 54px 0 0;
padding: 0 5px 0 0;
}

.artists-right .bubble-right .bubble-head img {
margin: 23px 171px 0 0;
padding: 0 5px 0 0;
}

.artists-left .bubble-right .bubble-head img {
margin: -36px 245px 0 0;
padding: 0 5px 0 0;
}

.artists-right#ploy .bubble-right .bubble-head img {
margin: 23px 176px 0 0;
padding: 0 5px 0 0;
}

.bubble-right .bubble-content {
background: #e25100 url(images/bub-med-bg.gif) repeat-x;

margin: 0 19px 0 18px;

padding: 0 0 62px 0;
}

.artists-left .bubble-right .bubble-content, .artists-right .bubble-right .bubble-content {
background: url(images/a-bub-bg.gif) repeat-x;

margin: 0 19px 0 18px;

padding: 0 0 62px 0;
}

.artists-left#blog .bubble-right .bubble-content {
background: url(images/bub-med-bg.gif) repeat-x;

margin: 0 19px 0 18px;

padding: 0 0 62px 0;
}

.lotus {
background: url(images/lotus.gif) center no-repeat;
}

.artists-left .lotus {
background: url(images/a-lotus.gif) 310px 10px no-repeat;

height: 176px;
}

.artists-left#blog .lotus {
background: url(images/lotus.gif) 205px 40px no-repeat;
height: auto;
}

.artists-left#blog {
background-color: #e25200;

height: auto;
}

.artists-right .lotus {
background: url(images/a-lotus.gif) 95px 10px no-repeat;

height: 176px;
}

.artists-left#flamchen .artist-bg {
background: url(images/a-flamchen.jpg) no-repeat;

height: 176px;

margin-top: -16px;
margin-bottom: -26px;
}

.artists-left#blog .artist-bg {
height: auto;

margin-top: -16px;
margin-bottom: -26px;
}

.artists-left#metrognome .artist-bg {
background: url(images/a-metrognome.jpg) no-repeat;

height: 176px;

margin-top: -16px;
margin-bottom: -26px;
}

.artists-right#williameaton .artist-bg {
background: url(images/a-williameaton.jpg) 452px 0 no-repeat;

height: 176px;

margin-top: -16px;
margin-bottom: -26px;

}

.artists-right#ploy .artist-bg {
background: url(images/a-ploy.gif) 410px 0 no-repeat;

height: 176px;

margin-top: -16px;
margin-bottom: -26px;

}

.bottomshadow {
background: url(images/bub-bottom-shadow.gif) no-repeat;

width: 710px;
height: 62px;

margin-top: -64px;
}

.artists-left#flamchen .bottomshadow {
background: url(images/a-bub-bottom-shadow-flamchen.gif) no-repeat;

width: 710px;
height: 62px;

margin-top: -64px;
}

.artists-left .bottomshadow, .artists-right .bottomshadow {
background: url(images/a-bub-bottom-shadow.gif) no-repeat;

width: 710px;
height: 62px;

margin-top: -64px;
}




/* Bubbles - Artists */



/* homepage - social networking buttons */

.social, .social-blue {
padding: 5px 8px 7px 7px;
margin-top: -15px;
margin-right: -12px;

width: 130px;
height: 130px;

display: block;

float: left;
}

.social {
background: url(images/s-shadow.gif) top no-repeat;
}

.social-blue {
background: url(images/s-shadow-blue.gif) top no-repeat;
}

/* Misc. & Downloads */

#proteus {
margin-top: -35px;
}

a img.download {
border: 4px solid #ac5432;


display: inline;
}

a:hover img.download {
border: 4px solid #e67c15;
}

#downloads {
text-align: center;
}

p.download {
display: inline;
vertical-align: top;
}

.center {
text-align: center;
margin: 0 auto 0 215px;
}

a.download {
text-decoration: none;
}

a:hover p.download {
color: #e67c15;
}
