html { height: 100%; min-width: 940px; background: #fff url(../images/bg.jpg) no-repeat right 37px; overflow-y: scroll;}
body { margin: 0; min-height: 700px; height: 100%; min-width: 940px; font: 20px/24px futuralightcregular; color: #1d1e22; position: relative;}
#header { height: 37px; width: 100%; position: absolute; top: 0; left: 0; z-index: 10; background: #000;}
#header .menu { width: 894px; padding: 7px 23px 6px 23px; margin: 0 auto; color: #ccc; font-size: 17px;}
#header .menu a { color: #ccc; text-decoration: none; display: inline-block; padding: 0 12px;}
#header .menu a:hover, #header .menu a.current { color: #fff;}

#content { height: 100%; width: 940px; margin: 0 auto; position: relative;}
#content .menu { width: 443px; height: 100%; min-height: 700px; line-height: 21px; color: #1d1e22; font-size: 17px; text-align: right;}
#content .menu h1 { margin: 0;}
#content .menu span { cursor: pointer;}
#content .scrollbar { width: 1px; height: 500px; position: absolute; top: 60px; left: 465px; background: #000; display: none;}
#content .scrollbar .bar { position: absolute; top: 0; left: -4px; width: 9px; height: 13px; background: #000; display: none;}
#content .scrollbar2 { width: 1px; height: 500px; position: absolute; top: 60px; right: 10px; 465px; display: none; z-index: 9;}
#content .scrollbar2 .bar { position: absolute; top: 0; left: -3px; width: 7px; height: 13px; background: #000; display: none; border-radius: 3px; cursor: pointer;}
#content .line { width: 470px; height: 100%; position: absolute; top: 0; left: 470px; z-index: 2; overflow: hidden;}
#content .line .scroll { width: 500px; height: 100%; overflow: hidden; overflow-y: scroll;}
#content .line .scroll.js { width: 470px; overflow-y: hidden;}
#content .line .scroll .inner { padding: 80px 15px 230px 24px;}
#content .line .scroll .inner h2 { font: 52px/60px 'lianacregular'; margin: 40px 0 10px 0;}
#content .line .scroll .inner p { text-shadow: 1px 1px 3px rgba(0,0,0,.5); margin: 0 0 24px 0;}
#content .line .scroll .inner p:first-child { margin-top: 110px;}
#content .line .scroll .inner a { color: #000; text-shadow: none;}


#footer { height: 35px; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 10;  background: #000;}
#footer .copy { width: 810px; padding: 6px 65px 5px 65px; margin: 0 auto; font-size: 14px; color: #ccc; text-align: right;}
#footer .copy .soc { float: left; padding-top: 2px; }
fb\:like { overflow: hidden; height: 20px;}
fb\:like>span {}
#vk { display: inline-block; position: relative; margin-right: 30px;}
#top_g { background: url(../images/top_g.png) no-repeat right top; height: 150px; width: 50%; position: absolute; right: 0; top: 37px; z-index: 3; margin-bottom: -150px; pointer-events:none;}
#bottom_g { background: url(../images/bottom_g.png) repeat-x right bottom; height: 350px; width: 50%; position: absolute; right: 0; bottom: 35px; z-index: 3; pointer-events:none;}
#ascrail2000, #ascrail2000-hr { display: none!important;}

body.home #content .menu { background: url(../images/home.png) no-repeat -10px 110px; padding: 0 230px 0 99px; margin: 0 0 0 -99px;}
body.home #content .menu h1 { padding-top: 53px;}
body.inner #content .menu { color: #fff;}
body.inner #content .menu h1 { font: 52px/60px 'lianacregular';  margin: 0 0 8px 0; display: inline-block; border-bottom: solid 3px #fff;}

body.inner.poems #content .menu { background: url(../images/poems.png) no-repeat -45px 70px; padding: 0 12px 0 109px; margin: 0 0 0 -99px;}
body.inner.poems #content .menu h1 { padding-top: 300px;}


body.inner.songs #content .menu { background: url(../images/songs.png) no-repeat -10px 90px; padding: 0 290px 0 210px; margin: 0 0 0 -190px;}
body.inner.songs #content .menu h1 { padding-top: 300px;}


body.inner.fringe #content .menu { background: url(../images/fringe.png) no-repeat 90px 100px; padding: 0 230px 0 199px; margin: 0 0 0 -199px;}
body.inner.fringe #content .menu h1 { padding-top: 20px;}


body.inner.london #content .menu { background: url(../images/london.png) no-repeat 70px 120px; padding: 0 144px 0 140px; margin: 0 0 0 -140px;}
body.inner.london #content .menu h1 { padding-top: 40px;}


body.inner.contact #content .menu { background: url(../images/contact.png) no-repeat -40px 98px; padding: 0 22px 0 99px; margin: 0 0 0 -99px;}
body.inner.contact #content .menu h1 { padding-top: 445px;}
