@import url('screen.css');

/*
Name: NIGHT - Main Style Sheet
Author: Ludek Cernocky; ludek@faceit.cz, www.faceit.cz
Date: 1.3.2009
Note: Donīt steal, just watch and learn. This CSS is copyrighted like all other stuff on this domain ;)
*/

body {background: url('../img/night/bg-fluid.jpg') repeat 50% 600px; color: #142527;}

#content .content h2 {color: #1C3337;}

a {color: #142527; outline: none;}
a:hover, a:focus {color: Black;}
a:focus {background: #C7D0A6;}

#all {background: url('../img/night/bg.jpg') repeat-x 50% 0;}

#header p a span {background: url('../img/night/switch.jpg') no-repeat 0 -135px;}
#header p a em {background: url('../img/night/switch.jpg') no-repeat 0 0;}
#header blockquote {background: url('../img/night/mp3.jpg') no-repeat 0 0; color: #d6f097;}

#content {background: #c9d6c6 url('../img/night/content/repeat.jpg') repeat-y 50% 0;}
#content .inside {background: url('../img/night/content/top.jpg') no-repeat 50% 0;}

menu {background: url('../img/night/menu.jpg') no-repeat 0 0; top: 0; height: 141px;}
menu a {margin-top: 46px;}
menu a span {background: transparent url('../img/night/menu.jpg') no-repeat 0 -46px;}

menu a.active span, menu a:hover span, menu a:focus span {background-position: 0 -187px;}

menu .m2 a span {background-position: -113px -46px;}
menu .m2 a.active span, menu .m2 a:hover span, menu .m2 a:focus span {background-position: -113px -187px;}
menu .m3 a span {background-position: -224px -46px;}
menu .m3 a.active span, menu .m3 a:hover span, menu .m3 a:focus span {background-position: -224px -187px;}
menu .m4 a span {background-position: -335px -46px;}
menu .m4 a.active span, menu .m4 a:hover span, menu .m4 a:focus span {background-position: -335px -187px;}

menu .m5 {margin-left: 90px;}

menu .m5 a span {background-position: -534px -46px;}
menu .m5 a.active span, menu .m5 a:hover span, menu .m5 a:focus span {background-position: -534px -187px;}
menu .m6 a span {background-position: -645px -46px;}
menu .m6 a.active span, menu .m6 a:hover span, menu .m6 a:focus span {background-position: -645px -187px;}
menu .m7 a span {background-position: -756px -46px;}
menu .m7 a.active span, menu .m7 a:hover span, menu .m7 a:focus span {background-position: -756px -187px;}
menu .m8 a span {background-position: -867px -46px;}
menu .m8 a.active span, menu .m8 a:hover span, menu .m8 a:focus span {background-position: -867px -187px;}

.pseudo {background:url('/_data/img/night/submenu.png') no-repeat;}
.pseudo2 {background:url('/_data/img/night/submenu2.png') no-repeat; left:583px}
.blog-list {left:583px;}

#footer {background: url('../img/night/footer.png') no-repeat 50% 0;}
#footer p a span {background: url('../img/night/faceit.png') no-repeat 0 0; position: absolute; top: 0; left: 0; margin: 0; z-index: 15;}

/* lights in night header */
#header #lights {position: absolute; top: 90px; left: 330px; z-index: 100;}
#header #lights2 {position: absolute; top: -54px; left: 330px; z-index: 100;} 


/* home */
body.home #content .inside {background: url('../img/night/content/home-top.jpg') no-repeat 50% 0;} 
body.home #content p {position: relative;}
body.home #content p img {float: right; margin: 0 -100px 0 0; position: relative;}
body.home #content .content blockquote {margin: -15px 0 35px 0; text-align: center;}
body.home #content .content blockquote a, body.home #content blockquote a span {display: block; height: 78px; width: 159px; margin: 0 auto; padding:0; overflow: hidden; position: relative;}
body.home #content .content blockquote a span {background: url('../img/night/content/home-download.jpg') no-repeat 0 0; position: absolute; top: 0; left: 0;}
body.home #content .content blockquote a:hover span {background-position: 0 -78px;}

/* characters */
body.night.characters #content address a {background-image: url('../img/night/characters/arrows.gif');}

/* journey */
body.night.journey .map ul li.m1 {right: 250px; top: 922px;}
body.night.journey .map ul li.m1 a span {background: url('../img/night/journey/m1.jpg') no-repeat 0 0;}
body.night.journey .map ul li.m1 a:hover span {background-position: 0 -40px;}
body.night.journey .map ul li.m2 {right: 490px; top: 754px;}
body.night.journey .map ul li.m2 a span {background: url('../img/night/journey/m2.jpg') no-repeat 0 0;}
body.night.journey .map ul li.m2 a:hover span {background-position: 0 -40px;}
body.night.journey .map ul li.m3 {right: 185px; top: 173px;}
body.night.journey .map ul li.m3 a span {background: url('../img/night/journey/m3.jpg') no-repeat 0 0;}
body.night.journey .map ul li.m3 a:hover span {background-position: 0 -40px;}
body.night.journey .map ul li.m4 {right: 125px; top: 80px;}
body.night.journey .map ul li.m4 a span {background: url('../img/night/journey/m4.jpg') no-repeat 0 0;}
body.night.journey .map ul li.m4 a:hover span {background-position: 0 -40px;}
body.night.journey .map ul li.m5 {right: 532px; top: 410px;}
body.night.journey .map ul li.m5 a span {background: url('../img/night/journey/m5.jpg') no-repeat 0 0;}
body.night.journey .map ul li.m5 a:hover span {background-position: 0 -40px;}
body.night.journey .map ul li.m6 {right: 184px; top: 145px;}
body.night.journey .map ul li.m6 a span {background: url('../img/night/journey/m6.jpg') no-repeat 0 0;}
body.night.journey .map ul li.m6 a:hover span {background-position: 0 -40px;}
body.night.journey .map ul li.m7 {right: 179px; top: 88px;}
body.night.journey .map ul li.m7 a span {background: url('../img/night/journey/m7.jpg') no-repeat 0 0;}
body.night.journey .map ul li.m7 a:hover span {background-position: 0 -40px;}

body.journey.inside #content address a, body.journey.inside #content address {background-image: url('../img/night/somnos/return.gif')}
body.journey.inside #content blockquote span {background: #F3F8E1; border: 1px solid #F3F8E1; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: none; font-size: 76.5%; line-height: 130%; padding: 0.7em 0.5em 0.7em 0.7em; position: absolute; top: 110px; left: 403px; width: 145px; text-align: left; z-index: 25;}
body.journey.inside #content blockquote span.m2 {left: 110px; top: 220px;}
body.journey.inside #content blockquote span.m3 {left: 325px; top: 373px;}
body.journey.inside #content blockquote a {background: url('blank.gif') no-repeat 0 0; cursor: pointer; display: block; width: 40px; height: 40px; position: absolute; top: 110px; left: 566px; z-index: 30;}
body.journey.inside #content blockquote a.m2 {left: 65px; top: 220px;}
body.journey.inside #content blockquote a.m3 {left: 496px; top: 373px;}
* html body.journey.inside #content blockquote img {z-index: 20;}
* html body.journey.inside #content blockquote a {background: url('blank.gif') no-repeat 0 0;}

/* somnos */
body.night.somnos .somnos {top: -25px;}

body.night.somnos .somnos ul li {width: 250px; overflow: none;}
body.night.somnos .somnos ul li a {left:0;}

body.night.somnos .somnos ul li.m1 {right: 115px; top: 220px;}
body.night.somnos .somnos ul li.m1 a span {background: url('../img/night/somnos/m1.jpg') no-repeat 0 0;}
body.night.somnos .somnos ul li.m2 {right: 179px; top: 321px;}
body.night.somnos .somnos ul li.m2 a span {background: url('../img/night/somnos/m2.jpg') no-repeat 0 0;}
body.night.somnos .somnos ul li.m3 {right: 202px; top: 366px;}
body.night.somnos .somnos ul li.m3 a span {background: url('../img/night/somnos/m3.jpg') no-repeat 0 0;}
body.night.somnos .somnos ul li.m4 {right: 179px; top: 441px;}
body.night.somnos .somnos ul li.m4 a span {background: url('../img/night/somnos/m4.jpg') no-repeat 0 0;}
body.night.somnos .somnos ul li.m5 {right: -129px; top: 427px;}
body.night.somnos .somnos ul li.m5 a span {background: url('../img/night/somnos/m5.jpg') no-repeat 0 0;}
body.night.somnos .somnos ul li.m6 {right: 50px; top: 556px;}
body.night.somnos .somnos ul li.m6 a span {background: url('../img/night/somnos/m6.jpg') no-repeat 0 0;}
body.night.somnos .somnos ul li.m7 {right: 65px; top: 735px;}
body.night.somnos .somnos ul li.m7 a span {background: url('../img/night/somnos/m7.jpg') no-repeat 0 0;}

body.night.somnos .somnos ul li a:hover span {background-position: 0 -40px;}

body.night.somnos .somnos #somnos-title, body.lighthouse .lighthouse #somnos-title {color: #E1F096; display: none; font-weight: bold; position: absolute; top: 15px; left: 50px; z-index: 20; width: 200px;}

/* making of */
body.night.making-of.inside #content address a, body.night.making-of.inside #content address {background-image: url('../img/night/somnos/return.gif')}

body.night.resources dl dd {background: url('../img/night/line.gif') no-repeat 50% 100%;}

/* error pages */
body.page-not-found #content .inside {background-image: url('../img/night/errors/404.jpg')}
body.page-not-found #footer {background-image: url('../img/night/errors/404-footer.png')}

/* blogs */
body.bl2 div#aha {display:block; background:url('../img/night/blogs/forest.jpg') no-repeat right top; width:351px;height:297px;position:absolute; right:103px; top:-30px;}
body.bl3 div#aha {display:block; background:url('../img/night/blogs/somnos.jpg') no-repeat right top; width:338px;height:292px;position:absolute; right:105px; top:-40px;}

.cmtr {padding-top:50px; background: url('../img/night/line.gif') no-repeat center 25px;}

body.night #content form.send_comment input {background-image:url('../img/night/blogs/form-name.jpg');}
body.night form.send_comment textarea {background-image:url('../img/night/blogs/form-text.jpg');}
body.night form.send_comment button {color:black;}
body.night form.send_comment button:hover {color:white; background-color:#3f544e;}

body.blogs #content address a {background-image: url('../img/night/characters/arrows2.gif')}

.blogspot-image img, .video_obal {border-color:#586045}

/* WORLDS END */
#worlds_end body.home #content .inside {background: url('../img/night/content/top.jpg') no-repeat 50% 0; min-height: 750px;}
#worlds_end body.home #content img {float: none; margin: 0; left: -30px; top: -22px;}

#worlds_end menu {background-image: url('http://worlds-end.worldofdormia.com/_data/img/night/menu.jpg');}
#worlds_end menu a span {background-image: url('http://worlds-end.worldofdormia.com/_data/img/night/menu.jpg');}

#worlds_end div.catamaran, #worlds_end div.lighthouse {margin-bottom: -50px; position: relative; left: -50px; top:-79px; z-index: 10;}
#worlds_end div.lighthouse {left:-36px; top:-51px;}

#worlds_end div.lighthouse ul {font-size: 76.5%; position: absolute; top: 0; left: 0; z-index: 11; width: 100%;}
#worlds_end div.lighthouse li, #worlds_end div.lighthouse li a, #worlds_end div.lighthouse li a span {cursor: pointer; display: block; float: left; list-style:none; margin: 0; padding:0; height: 40px; width: 40px; overflow: hidden; position: absolute;}
#worlds_end div.lighthouse li {margin: 0; padding: 0;}
#worlds_end div.lighthouse li a span, #worlds_end div.lighthouse li a span {left: 0; top: 0;}

#worlds_end div.lighthouse li {width: 250px; overflow: none;}
#worlds_end div.lighthouse li a {left:0;}

#worlds_end div.lighthouse li.m1 {left: 471px; top: 240px;}
#worlds_end div.lighthouse li.m1 a span {background: url('../img/night/lighthouse/m1.jpg') no-repeat 0 0;}
#worlds_end div.lighthouse li.m2 {left: 469px; top: 367px;}
#worlds_end div.lighthouse li.m2 a span {background: url('../img/night/lighthouse/m2.jpg') no-repeat 0 0;}
#worlds_end div.lighthouse li.m3 {left: 472px; top: 452px;}
#worlds_end div.lighthouse li.m3 a span {background: url('../img/night/lighthouse/m3.jpg') no-repeat 0 0;}
#worlds_end div.lighthouse li.m4 {left: 473px; top: 546px;}
#worlds_end div.lighthouse li.m4 a span {background: url('../img/night/lighthouse/m4.jpg') no-repeat 0 0;}

#worlds_end div.lighthouse li a:hover span {background-position: 0 -40px;}

#worlds_end div.lighthouse #somnos-title {text-shadow: 1px 1px 1px Black;}
#worlds_end div.lighthouse .m4 #somnos-title {color: #222; text-shadow: 1px 1px 1px White;}

#worlds_end body.inside #content blockquote {margin: 0 0 -10px 0; padding: 0; position: relative; left: 3px; top:-16px;}
#worlds_end body.inside #content p {margin: 0 0 1em 0; padding: 0;}
#worlds_end body.inside #content address {margin-top: 4em; margin-bottom: 3em; width: 180px; max-width: 205px;}

body.schools #content blockquote {background: url('../img/night/line.gif') no-repeat 50% 100%; padding-bottom: 2em}

#header blockquote {background-image: url('../img/night/mp3-portal.jpg'); top: 111px; right: 114px; height: 69px; width: 230px;}
#header blockquote em {font-style:normal;}
#header blockquote strong {font-size: 100%; font-weight: normal; display: block; height: 27px; width: auto; left: 12px; position: absolute; overflow: visible;}
#header blockquote strong.portal-holder {top: 2px; left: 11px;}
#header blockquote strong.mp3-holder {top: 30px;}

#header blockquote strong.portal-holder em {font-size: 100%; width: auto;}
#header blockquote strong.portal-holder a {background: url('../img/night/portal.jpg') no-repeat 0 0;}
#header blockquote strong.portal-holder a:hover, #header blockquote strong.mp3-hover span {background-position: 0 -27px; color:#ecffbd; cursor: pointer; text-decoration: underline;}
#header blockquote a {color:#D6F097; display: block; height: 20px; width: auto; padding: 7px 0 0 35px; text-decoration: none;}