.main{z-index: 100;}

.backArt{z-index: 300;}
.mainIn{z-index: 400;}
.everythingElse{z-index: 500;}
.leaf{z-index: 600;}
.holder{z-index: 700;}
.bvc, .m1{z-index: 800;}
.showArt{z-index: 1000;}

.allLoad{z-index: 2000;}

html{height:100%;}
body{background: #000; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 16px; height: 100%; overflow: hidden;}


.footer {display: none;}

.main, .mainIn, .backArt, .allLoad{width: 100%; height: 100%; position: absolute; top:0; left: 0;}
.mainIn{background: url(../images/bgs/warning-stripes.png);}
.backArt {text-align: center;}
.backArt img.active{width: auto; height: auto; margin: 50px auto;}

.leaf{position: absolute; top:50%; left: 50%; width:286px; height: 424px; background: url(../images/main/bleeding-leaf.png); margin: -212px 0 0 -143px}
.leaf:hover{background-position: 0 -424px;}

.m1{position: absolute; top:20px; left: 20px; width: 210px;}

.m1 div, .m1 a, .showArt, .showArt a, .holder .inner h2, .holder .inner h3, .holder .inner h4, .bvc span{display: block; font-size: 24px; font-weight: bold; font-style: italic; letter-spacing: -1px; color: #fff; text-transform: uppercase; text-decoration: none; padding: 5px; position: relative;}
.m1 div:hover{cursor: pointer;}
.m1 div p, .showArt p{display: none;}
.m1 div:hover p, .showArt:hover p{display: block; position: absolute; top:-10px; left: 180px; background: url(../images/main/warning-stripes.jpg); padding: 10px; width: 270px;}
.m1 div:hover p span, .showArt:hover p span{display: block; margin: 0; padding: 10px; background: #000;}
.m1 div:hover p span a, .showArt:hover p span a{font-size: 16px; line-height: 18px;}
.m1 div:hover p span a.special, .showArt:hover p span a.special{color: #f00; font-size: 24px;}
.m1 div:hover p span a:hover, .showArt a:hover{color:#00fff6;}

.m1 div:hover p span a em{background: #00e4ff url(../images/arrows/blue-rightarrow.jpg) no-repeat right; color: #000; font-weight: bold; padding: 0 8px 0 3px; font-size: 13px;}
.m1 div:hover p span a b{font-size: 10px; font-style: normal; background: #333; padding: 0 2px; display: block; text-align: center; display: block; position: absolute; top:3px; right: 0; font-weight: normal; width: 70px;}

.showArt{text-align: right; width: 150px; position: absolute; bottom: 20px; right: 20px;}
.showArt:hover p{left: auto; top:auto; right: 150px; bottom: -10px; text-align: center;}


.holder{position: absolute; top: 50%; left: 50%; width: 750px; height: 500px; margin:-253px 0 0 -378px; background: url(../images/main/warning-stripes-blue.jpg); border: 3px solid #000;}
#holder.loading{background:#000 url(../images/icons/fb-loader.gif) no-repeat center;}

.holder .inner{padding: 30px 30px 30px 30px; margin: 15px; background: #000; display: block; height: 410px;}
.holder .innerHasPic{padding-right: 270px;}
.holder .inner a{color: #fff;}
.holder .inner h2{font-size: 40px; line-height: 50px;}
.holder .inner h3{font-size: 18px; line-height: 24px; letter-spacing: normal;}
.holder .inner h4{font-size: 14px; line-height: 18px; letter-spacing: normal;}
.holder .inner h2, .holder .inner h3, .holder .inner h4{padding: 0 0 12px 0;}
.holder .inner h2 span, .holder .inner h3 span, .holder .inner h4 span{color: #666; font-size: 12px; letter-spacing: 0; line-height: 14px;}
.holder .inner h2 a, .holder .inner h3 a, .holder .inner h4 a{font-weight: bold;}


.holder .inner h2.show{padding-left: 65px; position: relative; padding-bottom: 25px; min-height: 60px;}
.holder .inner h2.show span{display: block; line-height: normal;}
.holder .inner h2.show .theShow{border: 3px solid #fff; position: absolute; top:0; left: 0; width: 45px; text-align: center;}
.holder .inner h2.show .theShow .month{background: #c00; color: #fff; padding: 5px; font-size: 11px; letter-spacing: 0;}
.holder .inner h2.show .theShow .date{background: #000; color: #fff; padding: 5px; font-size: 26px; letter-spacing: -1px;}

.holder .inner .lineup{padding: 15px; background: #222; border: 3px solid #444; margin-bottom: 12px;}

.holder .inner p, .holder .inner li{font-size: 12px; text-transform: uppercase; line-height: 18px; padding: 0 0 12px 0; color: #ccc;}
.holder .inner li {border-left: 25px solid #333; padding: 3px 0 3px 10px; margin: 0 0 3px;}
.holder .inner li span{color: #555;}
.holder .inner li b{font-weight: normal; color: #888;}

.holder .inner p a, .holder .inner li a{color: #00e4ff; text-decoration: none}
.holder .inner p a:hover, .holder .inner li a:hover{color: #fff; text-decoration: none}


.allLoad{background: #000 url(../images/icons/fb-loader.gif) no-repeat center;}
.allLoad span{position: absolute; top:50%; left: 50%; margin-left: -100px; text-align: center; width: 200px; padding: 20px 0 0; font-size: 11px; color: #666; }


.bvc{width: 200px;height: 73px; display: block; position: absolute; bottom:20px; left: 20px; background: no-repeat url(../images/main/banka-vs-canada-logo.png); text-decoration: none;}
.bvc:hover{background-position: 0 -73px;}
.bvc span{display: none;}
.bvc:hover span{position: absolute; top:34px; left: 170px; display: block; width: 300px; color: #fff; font-size: 17px;}
.bvc:hover span:hover{color: #00e4ff;}


.cartoonAvatar{width: 420px; height: 527px; position: absolute; top:-46px; right: -40px; display: block;}
.cartoonBankai{background: url(../../people/images/bankai.png);}
.cartoonUnicorn{background: url(../../people/images/unicorn.png);}
.cartoonBearbot{background: url(../../people/images/bearbot.png);}
.cartoonEeprom{background: url(../../people/images/eeprom.png);}


.holder .inner q{display: block; padding: 5px 0; font-style: italic;}