@import url('volume.css');

HTML, BODY { width: 100%; height: 100%; }
HTML, BODY, TD {
  background-color: #180000;
  padding: 0px;
  margin: 0px;
  font-family: verdana, georgia, arial;
  color: #ff6600;
}

A {
    color: #ff6600;
    text-decoration: none;
}

A:Hover {
    text-decoration: none;
}

IMG { border: 0px; }

#flash_intro_holder { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 100; }
#wax { position: absolute; z-index: 99; top: 0px; right: 0px; }

#header { background: url(/images/graphics/bg_banner.gif); height: 110px; background-repeat: no-repeat; background-color: black; }
#footer { clear: both; font-size: 8pt; padding: 5px; }

#menu_main { background: url(/images/graphics/menu/bg.gif); height: 22px; }
#menu_main ul { list-style-type: none; padding: 0px; margin: 0px; }
#menu_main ul li { float: left; }
#menu_main ul li #bears_blog { margin-left: 100px;  }

#social {
    position: absolute;
    top: 11px;
    left: 600px;
}
#social a {
    margin-left: 10px;
}
#social a img {
    filter:alpha(opacity=60); -moz-opacity:.70;opacity:.70;
}
#social a img:hover {
    filter:alpha(opacity=100); -moz-opacity:1;opacity:1;
}




#left #menu { width: 165px; height: 631px; float: left; margin: 0px; padding: 0px; text-align: centered;
    background: url('/volume/images/graphics/menu_sub/bg.gif'); background-repeat: no-repeat;
}
#left #menu.bridge { background: url('/volume/images/graphics/menu_sub/bg.gif'); background-repeat: no-repeat; }

#left #menu ul { padding: 0px; margin: 0px; }
#left #menu * { list-style-type: none; /*border: thin white solid; */}
#left #menu a { color: #993300; font-size: 10pt; display: block; padding: 4px; }
#left #menu a:hover { color: #ff6600; }

#left #menu li { text-align: center; }

#left #menu .parents { margin: 67px 22px 30px 25px; padding: 0px; text-align: center; }
#left #menu .parents li { margin: 0px; padding: 0px; }
#left #menu .parents li a { color: #000000; }

#left #menu .siblings, #left #menu .children { width: 140px; padding-left: 12px; }

#left #menu .siblings li, #left #menu .children li { font-size: 11pt; margin: 0px; padding: 0px 10px 0px 10px; }
#nicknameIs.home #left #menu .children { margin-top: 100px; }
#nicknameIs.home #left #menu .children li { margin-bottom: 30px; }

#nicknameIs.home #left #menu #me { display: none; }
#left #menu #me { font-weight: bold; padding: 15px 0px 15px 0px; }
#left #menu #me a { font-size: 12pt;  }




#content {
    clear: both;
    width: 90%;
    height: 500px;
    background: url(/volume/images/graphics/bg_banner_ref.gif);
    background-repeat: no-repeat;
}
#content #below {
    display: none;
}
#content .clear {}

#content #spring {
    width: 900px;
    height: 600px;
}
#content #spring iframe {
    width: 100%;
    height: 100%;
}

#name { position: absolute; left: 120px; top: 150px; font-weight: bold; color: #663300; }


#content #copy #menu li .simple {
    display: block;
    padding: 20px;
    width: 265px;
    border: 1px #663300 dotted;
    margin-bottom: 10px;
}

#content #copy #menu #pictureItem {
    display: block;
    border: 1px #663300 dotted;
    width: 300px;
    margin-bottom: 10px;
    padding: 3px;
}
#content #copy #menu #pictureItem .holder {
    float: left;
}
#content #copy #menu #pictureItem.S {
    height: 155px;
}
#content #copy #menu #pictureItem.S .holder {
    margin-right: 5px;
}
#content #copy #menu #pictureItem.S #text {
    font-size: 14pt;
    font-weight: bold;
}


#content #copy #menu #logoItem { 
    position: relative;
    display: block;
}
#content #copy #menu #logoItem #text {
    position: absolute;
    top: 3px;
    left: -120px;
    z-index: 10;
    width: 80px;
    background-color: #180000;
    display: none;
    padding: 20px;
}
#content #copy #menu #logoItem:hover #text {
    display: block;
}
#content #copy #menu #logoItem.XL .holder {
    border: 1px #663300 dotted;
    padding: 3px;
    margin-bottom: 10px;
}


/*#flag { border: thin white solid; margin: 0px; padding: 0px; width: 550px; float: left; }
#flag #tr_corner { width: 20px; height: 20px; border: thin white solid; position: absolute; z-index: 1; top: 0px; right: 0px; }
#flag #br_corner { width: 20px; height: 20px; border: thin white solid; position: absolute; z-index: 1; bottom: 0px; right: 0px; }
*/
#copy { margin: 50px 0px 0px 0px; padding: 0px; width: 550px; float: left; }
#copy.bridged { border: none; background-color: #300a00; }
#copy #title { color: #993300; font-weight: bold; font-size: 14pt; }
#copy #subtitle { color: #cc3300; font-size: 12pt; }
#copy #body { color: #cc6633; font-size: 10pt; }

#app-ride_the_wave { float: right; margin: 10px; width: 220px; }
#app-ride_the_wave td { padding-bottom: 5px;  }
#app-ride_the_wave #result { font-size: 8pt; width: 200px; }
#form_name { font-weight: bold; color: #993300; }
#field input.text { color: #993300; background-color: transparent; border-bottom: thin #cc3300 dotted; border-left: 0px; border-right: 0px; border-top: 0px; }
input.submit { color: #993300; border: 0px; background-color: #290000; padding: 5px; }



#outframe { width: 100%; height: 70%; background-color: black; border-bottom: thin #ff6600 solid; border-top: thin #ff6600 solid; margin-top: 5px; }