@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 {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}