html, body { height: 99%; color: white; background-color: black; } table { vertical-align: top; text-align: left; width: 100%; height: 100%; table-layout: fixed; margin-left: auto; margin-right: auto; } td { vertical-align: top; text-align: center; } td.border { vertical-align: top; text-align: left; width: 70px; height: 70px } td.menu-bg { vertical-align: top; text-align: center; height: 20px; background-color: transparent; background-image: url(/images/menu-bg.png); background-repeat: repeat-x; background-attachment: scroll; } td.menu-item { vertical-align: top; text-align: center; height: 20px; } td.body { vertical-align: middle; text-align: left; } td.line-bg { vertical-align: top; text-align: center; height: 20px; background-color: transparent; background-image: url(/images/line-m.png); background-repeat: repeat-x; background-attachment: scroll; } table.list { vertical-align: top; text-align: left; width: 100%; height: auto; margin-left: auto; margin-right: auto; table-layout: auto; /* border: 10px solid #888888;*/ } tr.row0 { height: 10px; background-color: #222222; color: #FFFFFF; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 24px; font-weight: bold; } tr.row1 { height: 110px; background-color: #333333; } tr.row2 { height: 110px; background-color: #222222; } tr.row3 { height: 25px; background-color: #333333; } tr.row4 { height: 25px; background-color: #222222; } tr.news0, tr.news1, tr.news2 { font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } tr.news0 { height: 10px; background-color: #222222; color: #FFFFFF; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 24px; font-weight: bold; } tr.news1 { height: 50px; background-color: #333333; } tr.news2 { height: 50px; background-color: #222222; } tr.about0, tr.about1, tr.about2 { font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } tr.about0 { height: 10px; background-color: #222222; color: #FFFFFF; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 24px; font-weight: bold; } tr.about1 { height: 50px; background-color: #333333; } tr.about2 { height: 50px; background-color: #222222; } tr.history0, tr.history1, tr.history2 { font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } tr.history0 { height: 10px; background-color: #222222; color: #FFFFFF; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 24px; font-weight: bold; } tr.history1 { height: 50px; background-color: #333333; } tr.history2 { height: 50px; background-color: #222222; } tr.play0, tr.play1, tr.play2 { font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } tr.play0 { height: 10px; background-color: #222222; color: #FFFFFF; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 24px; font-weight: bold; } tr.play1 { height: 110px; background-color: #333333; } tr.play2 { height: 110px; background-color: #222222; } tr.tracks0 { height: auto; color: black; background-color: #AAAAAA; } tr.tracks1 { height: auto; background-color: #333333; } tr.tracks2 { height: auto; background-color: #222222; } tr.covers0 { height: auto; color: black; background-color: #AAAAAA; } tr.covers1 { height: auto; background-color: #333333; } tr.covers2 { height: auto; background-color: #222222; } tr.videos0 { height: auto; color: black; background-color: #AAAAAA; } tr.videos1 { height: auto; background-color: #333333; } tr.videos2 { height: auto; background-color: #222222; } tr.extras0 { height: auto; color: black; background-color: #AAAAAA; } tr.extras1 { height: auto; background-color: #333333; } tr.extras2 { height: auto; background-color: #222222; } tr.links0 { height: auto; color: white; background-color: #222222; } tr.links1 { height: 32px; background-color: #111111; } tr.links2 { height: 32px; background-color: #111111; } tr.info0 { height: auto; color: black; background-color: #EEEEEE; } tr.info1 { height: auto; background-color: #333333; } tr.info2 { height: auto; background-color: #222222; } tr.lyric1 { height: auto; background-color: #333333; } /*--------------------------------------------*/ /* TD */ /*--------------------------------------------*/ td.col1 { vertical-align: middle; /* border: 1px solid black;*/ } td.col2 { vertical-align: middle; text-align: center; height: 30px; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; margin: 0; font-size: 16px; font-weight: bold; /* border: 1px solid black;*/ } td.col3 { vertical-align: middle; text-align: left; height: 30px; /* border: 1px solid black;*/ } td.col4 { vertical-align: middle; text-align: right; height: 30px; /* font-size: 12px;*/ /* border: 1px solid black;*/ } td.col5 { vertical-align: middle; text-align: left; height: 30px; height: 30px; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; margin: 0; font-size: 10px; /* border: 1px solid black;*/ } td.news0, td.news00, td.news01, td.news1, td.news2, td.news3, td.news4 { vertical-align: middle; text-align: center; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 14px; } td.news0 { width: 96px; background-color: #222222; } td.news00 { width: 10px; background-color: #000000; } td.news01 { width: 20px; } td.news1 { width: 110px; text-align: left; font-size: 14px; font-weight: bold; } td.news2 { font-size: 14px; text-align: left; } td.news3 { font-size: 16px; font-weight: bold; } td.news4 { width: 110px; } td.about0, td.about00, td.about01, td.about1, td.about2 { vertical-align: middle; text-align: center; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 14px; } td.about0 { width: 96px; background-color: #222222; } td.about00 { width: 10px; background-color: #000000; } td.about01 { width: 20px; } td.about1 { text-align: left; font-size: 14px; font-weight: bold; } td.about2 { } td.history0, td.history00, td.history01, td.history1, td.history2, td.history3 { vertical-align: middle; text-align: center; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 14px; } td.history0 { width: 96px; background-color: #222222; } td.history00 { width: 10px; background-color: #000000; } td.history01 { width: 20px; } td.history1 { font-weight: bold; width: 135px; } td.history2 { font-weight: bold; width: 115px; } td.history3 { text-align: right; } td.play0, td.play00, td.play1, td.play2, td.play3, td.play4 { vertical-align: middle; text-align: center; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 14px; } td.play0 { width: 96px; background-color: #222222; } td.play00 { width: 10px; background-color: #000000; } td.play1 { width: 110px; } td.play2 { height: 30px; margin: 0; font-size: 14px; font-weight: bold; } td.play3 { text-align: left; height: 30px; } td.play4 { width: 40%; text-align: right; height: 30px; font-size: 10px; } td.cover { vertical-align: middle; background-color: #222222; } td.text_l { vertical-align: middle; text-align: left; } td.text_r { vertical-align: middle; text-align: right; } td.title_l { vertical-align: middle; text-align: left; } td.title_r { vertical-align: middle; text-align: right; } td.text_l { vertical-align: middle; text-align: left; } td.text_r { vertical-align: middle; text-align: right; } td.logo { vertical-align: middle; text-align: center; } td.logo-l { vertical-align: middle; text-align: center; } td.logo-r { vertical-align: middle; text-align: center; } td.tracks0, td.tracks00, td.tracks1, td.tracks2, td.tracks3, td.tracks4, td.tracks5, td.tracks6, td.tracks7, td.tracks8, td.tracks9 { vertical-align: middle; text-align: center; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } td.tracks0 { width: 96px; background-color: #222222; } td.tracks00 { width: 10px; background-color: #000000; } td.tracks1 { width: 30px; text-align: center; } td.tracks2 { font-size: 14px; font-weight: bold; } td.tracks3 { font-size: 14px; } td.tracks4 { font-size: 14px; } td.tracks5 { font-size: 10px; } td.tracks6 { font-size: 10px; } td.tracks7 { font-size: 14px; } td.tracks8 { font-size: 10px; } td.tracks9 { font-size: 14px; } td.covers0, td.covers00, td.covers1, td.covers2, td.covers3, td.covers4 { vertical-align: middle; text-align: left; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 14px; } td.covers0 { width: 96px; text-align: center; background-color: #222222; } td.covers00 { width: 10px; text-align: center; background-color: #000000; } td.covers1 { width: 110px; text-align: center; } td.covers2 { text-align: center; margin: 0; font-size: 16px; font-weight: bold; } td.covers3 { text-align: center; } td.covers4 { text-align: center; font-size: 12px; } td.videos0, td.videos00, td.videos1, td.videos2, td.videos3, td.videos4, td.videos5, td.videos6 { vertical-align: middle; text-align: left; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 14px; } td.videos0 { width: 96px; text-align: center; background-color: #222222; } td.videos00 { width: 10px; text-align: center; background-color: #000000; } td.videos1 { width: 110px; text-align: center; } td.videos2 { text-align: center; font-size: 16px; font-weight: bold; } td.videos3 { text-align: center; font-size: 16px; font-weight: bold; } td.videos4 { text-align: center; font-size: 14px; } td.videos5 { text-align: center; } td.videos6 { text-align: center; font-size: 12px; } td.extras0, td.extras00, td.extras01, td.extras1, td.extras2, td.extras3, td.extras4, td.extras5, td.extras6 { vertical-align: middle; text-align: left; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 14px; } td.extras0 { width: 96px; background-color: #222222; } td.extras00 { width: 10px; background-color: #000000; } td.extras01 { width: 20px; } td.extras1 { width: 110px; text-align: center; } td.extras2 { text-align: center; font-size: 16px; font-weight: bold; } td.extras3 { text-align: center; font-size: 16px; font-weight: bold; } td.extras4 { text-align: center; font-weight: bold; font-size: 16px; } td.extras5 { text-align: center; } td.extras6 { text-align: center; font-size: 12px; } td.links0, td.links00, td.links01, td.links1, td.links2 { vertical-align: middle; text-align: left; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 14px; } td.links0 { text-align: right; width: 96px; background-color: #222222; font-size: 24px; font-weight: bold; } td.links00 { width: 10px; background-color: #000000; } td.links01 { width: 20px; } td.links1 { text-align: right; } td.links2 { text-align: center; width: 32px; font-size: 16px; font-weight: bold; } td.info0, td.info00, td.info1, td.info2 { vertical-align: middle; text-align: left; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } td.info0 { width: 96px; background-color: #222222; } td.info00 { width: 10px; background-color: #000000; } td.info1 { width: 130px; font-size: 16px; font-weight: bold; } td.info2 { text-align: right; } td.info3 { } td.info4 { } td.info5 { font-size: 10px; } td.info6 { font-size: 10px; } td.info7 { } td.info8 { } td.info9 { } td.lyric0, td.lyric00, td.lyric1 { vertical-align: middle; text-align: center; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } td.lyric0 { width: 96px; background-color: #222222; } td.lyric00 { width: 10px; background-color: #000000; } td.lyric1 { font-size: 14px; } td.bottext { vertical-align: top; text-align: right; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; margin: 0; font-size: 12px; font-weight: normal; } td.button-item { vertical-align: top; text-align: center; height: 26px; } /*--------------------------------------------*/ /* IMG */ /*--------------------------------------------*/ img { vertical-align: top; } img.menu-item { border: 0px solid; height: 20px; vertical-align: top; } /*--------------------------------------------*/ /* A */ /*--------------------------------------------*/ a.menu-home_page, a.menu-about, a.menu-discography, a.button-w3c-html, a.button-w3c-css, a.button-rx3, a.button-safe_creative { border: 0px solid; background-repeat: no-repeat; display: block; /*Transition*/ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; /* o-transition: all 0.5s ease; */ /*Reflection*/ /* -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.1))); */ } a.menu-home_page:hover, a.menu-about:hover, a.menu-discography:hover, a.button-w3c-html:hover, a.button-w3c-css:hover, a.button-rx3:hover, a.button-safe_creative:hover { /*Glow*/ -webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8); -moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8); box-shadow: 0px 0px 20px rgba(255,255,255,0.8); /*Reflection*/ /* -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4))); */ } a.menu-home_page, a.menu-about, a.menu-discography, a.menu-home_page:hover, a.menu-about:hover, a.menu-discography:hover { height: 20px; } a.menu-home_page { background-image: url("/images/menu-home_page-on.png"); } a.menu-home_page:hover { background-image: url("/images/menu-home_page-hi.png"); } a.menu-about { background-image: url("/images/menu-about-on.png"); } a.menu-about:hover { background-image: url("/images/menu-about-hi.png"); } a.menu-discography { background-image: url("/images/menu-discography-on.png"); } a.menu-discography:hover { background-image: url("/images/menu-discography-hi.png"); } a.button-w3c-html, a.button-w3c-css, a.button-rx3, a.button-safe_creative, a.button-w3c-html:hover, a.button-w3c-css:hover, a.button-rx3:hover, a.button-safe_creative:hover { height: 26px; } a.button-w3c-html { background-image: url("/images/button-w3c-html-on.png"); } a.button-w3c-html:hover { background-image: url("/images/button-w3c-html-hi.png"); } a.button-w3c-css { background-image: url("/images/button-w3c-css-on.png"); } a.button-w3c-css:hover { background-image: url("/images/button-w3c-css-hi.png"); } a.button-rx3 { background-image: url("/images/button-rx3-on.png"); } a.button-rx3:hover { background-image: url("/images/button-rx3-hi.png"); } a.button-safe_creative { background-image: url("/images/button-safe_creative-on.png"); } a.button-safe_creative:hover { background-image: url("/images/button-safe_creative-hi.png"); }