/* Sticky Footer Solution by Steve Hatcher http://stever.ca http://www.cssstickyfooter.com */ * {margin:0;padding:0;} /* must declare 0 margins on everything, also for main layout components use padding, not vertical margins (top and bottom) to add spacing, else those margins get added to total height and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */ html, body, #wrap {height: 100%;} body > #wrap {height: auto; min-height: 100%;} #main {overflow:auto; padding-bottom: 1px;} /* must be same height as the footer */ #footer {position: relative; margin-top: -1px; /* negative value of footer height */ height: 1px; clear:both; overflow:hidden;} /*Opera Fix*/ body:before {/* thanks to Maleika (Kohoutec)*/ content:""; height:100%; float:left; width:0; margin-top:-32767px;/* thank you Erik J - negate effect of float*/ } /* IMPORTANT You also need to include this conditional style in the of your HTML file */ /* -------------------------------------------------------------- */ body{font-size:70%; margin:0; background:#6D6953 url(../images/body-bg.gif) repeat-y 50% 0; color:#fff; line-height:1.5; text-align:center; /* scrollbar-face-color: #625E48; scrollbar-highlight-color: #6D6953; scrollbar-shadow-color: #524E3B; scrollbar-3dlight-color: #6D6953; scrollbar-arrow-color: #625E48; scrollbar-track-color: #575340; scrollbar-darkshadow-color: #524E3B;*/ } h2, h3, h4, h5, h6{font-size:100%; line-height:1.4;} h2{text-align:right; margin-bottom:30px; padding-top:12px;} input{font-size:100%;} .clear{clear:both;} .nosize{height:1px; overflow:hidden;} #wrap{width:1000px; margin:0 auto; text-align:left; background:url(../images/main-bg.gif) no-repeat 0 100px;} #header{width:626px; float:right;} h1{width:196px; height:152px; float:left; margin-top:140px; margin-left:30px;} h1 a{text-indent:-9999px; display:block; height:152px; background:url(../images/logo.png) no-repeat 0 0;} h1 a:hover{background-color:none; filter:alpha(opacity=80); opacity:0.80; -moz-opacity:0.80;} ul#menu{width:302px; float:left; margin:0 0 0 45px; padding:260px 0 0 0; list-style-type:none;} #menu li{float:left;} #menu li a{text-indent:-9999px; display:block; height:40px; overflow:hidden; margin-right:2px;} #menu #m_news a{width:56px; background:url(../images/m_news.png) no-repeat 0 0;} #menu #m_shows a{width:57px; background:url(../images/m_shows.png) no-repeat 0 0;} #menu #m_releases a{width:72px; background:url(../images/m_releases.png) no-repeat 0 0;} #menu #m_bio a{width:43px; background:url(../images/m_bio.png) no-repeat 0 0;} #menu #m_contact a{width:63px; background:url(../images/m_contact.png) no-repeat 0 0;} #menu #m_s_news a{width:56px; background:url(../images/m_s_news.png) no-repeat 0 0;} #menu #m_s_shows a{width:57px; background:url(../images/m_s_shows.png) no-repeat 0 0;} #menu #m_s_releases a{width:72px; background:url(../images/m_s_releases.png) no-repeat 0 0;} #menu #m_s_bio a{width:43px; background:url(../images/m_s_bio.png) no-repeat 0 0;} #menu #m_s_contact a{width:63px; background:url(../images/m_s_contact.png) no-repeat 0 0;} #menu li a:hover{background-position:0 bottom!important;} #main{width:374px; float:right; background:#625E4B; margin:0; padding:0 0 25px;} #main a{color:#fc5; text-decoration:none;} #main a:hover{background-color:#fc5; color:#fff;} #submenu{width:105px; position:fixed; _position:absolute; bottom:10px; right:20px; list-style-type:none;} #submenu li{float:left; margin-left:3px;} #submenu li.backtotop{margin-left:26px!important; clear:left;} #submenu li a img{filter:alpha(opacity:50); opacity:0.50; -moz-opacity:0.50;} #submenu li.backtotop a img, #submenu li a:hover img{filter:alpha(opacity:100)!important; opacity:1.00!important; -moz-opacity:1.00!important;} a img{border:0;} .page{padding:0 20px;} .spacer {height:13px; overflow:hidden;} #player{position:fixed; _position:absolute; bottom:40px; right:25px; filter:alpha(opacity=50); opacity:0.50; -moz-opacity:0.50; width:186px; background:url(../images/fairtilizer-bg2.jpg) no-repeat 0 0;} body#index{background-image:none!important;} #index #main{background:#6D6953!important;} #index #case{margin-top:200px; margin-left:80px;} #index h3{/*border-left:4px #fff solid; padding-left:6px;*/ border-bottom:1px #fff dotted; font-size:120%; margin:0 0 5px; width:244px; font-family:Arial,Helvetica,Sans-Serif; clear:left; padding-top:1em;} #index #case p{margin-bottom:1em;} #index #case p a:hover{background-color:#6D6953!important;} #index #case img.qr{margin-bottom:1.5em;} #index a#enter{font-size:130%; font-family:Arial,Helvetica,Sans-Serif; font-weight:bold;} #index #submenu{position:fixed; _position:absolute; bottom:10px; left:50%important; color:#aDa993; font-family:Arial,Helvetica,sans-serif; font-size:84%;} #index #case ul{margin:0; padding:0; list-style-type:none; width:100%;} #index #case li{float:left; margin:0 4px 0 0; padding:0; width:120px; height:27px;} #index a#top_myspace{display:block; width:120px; height:27px; background:url(../images/top-ban-myspace.jpg) no-repeat 0 0; text-indent:-9989px;} #index a#top_inurokuon{display:block; width:120px; height:27px; background:url(../images/top-ban-inurokuon.jpg) no-repeat 0 0; text-indent:-9989px;} #index a#top_twitter{display:block; width:120px; height:27px; background:url(../images/top-ban-twitter.jpg) no-repeat 0 0; text-indent:-9989px;} #index a#top_facebook{display:block; width:120px; height:27px; background:url(../images/top-ban-fb.jpg) no-repeat 0 0; text-indent:-9989px;} #index #case ul a:hover{filter:alpha(opacity=50); opacity:0.50; -moz-opacity:0.50;} #news h3{border-left:4px #fff solid; margin-bottom:0.3em; padding-left:6px; font-size:112%;} #news .text{margin-bottom:2em;} #shows p.navi{margin-bottom:1em; text-align:right;} #shows dl{margin-bottom:3em;} #shows dt, #shows dd.venue{border-left:4px #fff solid; padding-left:6px; font-weight:bold; font-size:112%;} #shows dd.venue{margin-bottom:0.3em;} #shows #reserve{margin-top:3em; border-top:1px #ccc dotted; padding-top:3em;} #reserve h3{margin-bottom:0.8em; font-size:112%;} #reserve form{margin:0.5em 0 5px;} #reserve form .button{margin:0.5em 0 0 4em;} #releases dl{border-left:4px #fff solid; margin-bottom:1em; padding-left:6px;} #releases dt{font-size:110%; font-weight:bold;} #releases img.coverpic{float:left; margin-right:10px;} #releases ol{float:left; width:195px; margin:0; list-style-type:decimal!important; list-style-position:inside;} #releases form{clear:both; padding:3px 0;} #releases input{width:25%;} #releases .box{margin-bottom:3em; padding-bottom:3em; border-bottom:1px #fff dotted;} #releases .end{border-bottom:none!important; margin-bottom:0!important;} #bio #main a img{margin:4px 0;} #bio #main ul{list-style-type:none; margin-bottom:3em;} #bio h3{border-left:4px #fff solid; margin-bottom:0.2em; padding-left:6px; font-size:112%;} #bio dt{margin:1em 0 0.2em; font-weight:bold; border-bottom:1px #fff dotted;} #contact p{margin-bottom:1em;} #contact #reserve{margin:3em 0; border:1px #ccc dotted; border-width:1px 0; padding:3em 0;} .like{background:#fff; margin:6px 0;}