/*
Theme Name: WordPress Default
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */

body{
background-image: url('http://jonsi.s3.amazonaws.com/wp_theme/images/zoo/jonsi-background.jpg');
background-repeat: no-repeat;
background-position: center top, center top;
background-attachment: fixed, fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
font-family: 'Fournier MT Std', 'Filosofia OT', Didot, 'Bookman Old Style', 'Georgia';
color: #6f6f6f;
text-align: left;
}

@font-face {
    font-family: 'ArnoProLightDisplay';
    src: url('http://jonsi.com/wp-content/themes/default/fonts/arnopro-lightdisplay-webfont.eot');
    src: url('http://jonsi.com/wp-content/themes/default/fonts/arnopro-lightdisplay-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://jonsi.com/wp-content/themes/default/fonts/arnopro-lightdisplay-webfont.woff') format('woff'),
         url('http://jonsi.com/wp-content/themes/default/fonts/arnopro-lightdisplay-webfont.ttf') format('truetype'),
         url('http://jonsi.com/wp-content/themes/default/fonts/arnopro-lightdisplay-webfont.svg#ArnoProLightDisplay') format('svg');
    font-weight: normal;
    font-style: normal;
    }

/* NAVIGATION */



#navigationmenu {
	display: block;
	min-height:303px;
	width: 130px;
	margin-bottom: 20px;
}


#navigationmenu ul a:hover {
    background-position: left bottom;
}


#navigationmenu ul {
    list-style: none;
}

#navigationmenu ul li {
    float: left;
}

#navigationmenu ul li a {
    width: 102px;
    text-indent: -5000em;
    display: block;
    background: url(http://jonsi.s3.amazonaws.com/wp_theme/images/zoo/menu-new-vertical.png) no-repeat;
}



#navigationmenu ul #navReleases a {
    height: 34px;
    background-position: left top;
}

#navigationmenu ul #navReleases a:hover {
    background-position: -102px  -0px;
}

#navigationmenu ul #navReleasesCurrent a {
    height: 34px;
    background-position: -102px  -0px;
}

#navigationmenu ul #navReleasesCurrent a:hover {
    background-position: -102px  -0px;
}



#navigationmenu ul #navConcerts a {
    height: 40px;
    background-position: -0px -34px;
}

#navigationmenu ul #navConcerts a:hover {
    background-position: -102px -34px;
}

#navigationmenu ul #navConcertsCurrent a {
    height: 40px;
    background-position: -102px -34px;
}

#navigationmenu ul #navConcertsCurrent a:hover {
    background-position: -102px 34px;
}



#navigationmenu ul #navMedia a {
    height: 43px;
    background-position: -0px -74px;
}

#navigationmenu ul #navMedia a:hover {
    background-position: -102px  -74px;
}

#navigationmenu ul #navMediaCurrent a {
    height: 43px;
    background-position: -102px  -74px;
}

#navigationmenu ul #navMediaCurrent a:hover {
    background-position: -102px  -74px;
}




#navigationmenu ul #navNews a {
    height: 38px;
    background-position: -0px -112px;
}

#navigationmenu ul #navNews a:hover {
    background-position: -102px  -112px;
}

#navigationmenu ul #navNewsCurrent a {
    height: 38px;
    background-position: -102px  -112px;
}

#navigationmenu ul #navNewsCurrent a:hover {
    background-position: -102px  -112px;
}



#navigationmenu ul #navSocial a {
    height: 40px;
    background-position: -0px -152px;
}

#navigationmenu ul #navSocial a:hover {
    background-position: -101px  -152px;
}

#navigationmenu ul #navSocialCurrent a {
    height: 40px;
    background-position: -101px  -152px;
}

#navigationmenu ul #navSocialCurrent a:hover {
    background-position: -101px  -152px;
}



#navigationmenu ul #navStore a {
    height: 40px;
    background-position: -0px -192px;
}

#navigationmenu ul #navStore a:hover {
    background-position: -102px  -192px;
}

#navigationmenu ul #navStoreCurrent a {
    height: 40px;
    background-position: -102px  -192px;
}

#navigationmenu ul #navStoreCurrent a:hover {
    background-position: -102px  -192px;
}




#navigationmenu ul #navMailinglist a {
    padding-top: 20px;
    height: 40px;
    background-position: -0px bottom;
}

#navigationmenu ul #navMailinglist a:hover {
    background-position: -102px  bottom;
}

#navigationmenu ul #navMailinglistCurrent a {
    height: 40px;
    background-position: -102px  bottom;
}

#navigationmenu ul #navMailinglistCurrent a:hover {
    background-position: -102px  bottom;
}

.everything {
	position: absolute;
	height: 98%;
	min-height: 565px;
	margin-left: 2%;

}

.everythingtop {
margin-top: 10%;
}
.everythingbottom {
	position: absolute;
	bottom: 5%;
}

#outer {
	position: absolute;
	left: 5%;
	top: 5%;
}

@media (max-width: 320px) {
    #outer {
 	position: absolute;
	left: 5%;
	bottom: 5%; }
}