/* NAVIGATION */



#navigationmenu {
	display: block;
	text-align: center;
	margin: 0 auto;
	width: 750px;
	margin-bottom: 20px;
	padding-right: 50px;
}


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


#navigationmenu ul {
    list-style: none;
}

#navigationmenu ul li {
    float: left;
}

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

#navigationmenu ul #navReleases a {
    width: 117px;
    background-position: left top;
}

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

#navigationmenu ul #navReleasesCurrent a {
    width: 117px;
    background-position: -0px  -30px;
}

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

#navigationmenu ul #navConcerts a {
    width: 155px;
    background-position: -117px top;
}

#navigationmenu ul #navConcerts a:hover {
    background-position: -117px  -30px;
}

#navigationmenu ul #navConcertsCurrent a {
    width: 155px;
    background-position: -117px  -30px;
}

#navigationmenu ul #navConcertsCurrent a:hover {
    background-position: -117px  -30px;
}

#navigationmenu ul #navMedia a {
    width: 117px;
    background-position: -272px top;
}

#navigationmenu ul #navMedia a:hover {
    background-position: -272px  -30px;
}

#navigationmenu ul #navMediaCurrent a {
    width: 104px;
    background-position: -272px  -30px;
}

#navigationmenu ul #navMediaCurrent a:hover {
    background-position: -272x  -30px;
}

#navigationmenu ul #navNews a {
    width: 104px;
    background-position: -376px top;
}

#navigationmenu ul #navNews a:hover {
    background-position: -376px  -30px;
}

#navigationmenu ul #navNewsCurrent a {
    width: 104px;
    background-position: -376px  -30px;
}

#navigationmenu ul #navNewsCurrent a:hover {
    background-position: -376px  -30px;
}

#navigationmenu ul #navSocial a {
    width: 128px;
    background-position: -480px top;
}

#navigationmenu ul #navSocial a:hover {
    background-position: -480px  -30px;
}

#navigationmenu ul #navSocialCurrent a {
    width: 128px;
    background-position: -480px  -30px;
}

#navigationmenu ul #navSocialCurrent a:hover {
    background-position: -480px  -30px;
}


#navigationmenu ul #navStore a {
    width: 82px;
    background-position: right top;
}

#navigationmenu ul #navStore a:hover {
    background-position: right  -30px;
}

#navigationmenu ul #navStoreCurrent a {
    width: 82px;
    background-position: right  -30px;
}

#navigationmenu ul #navStoreCurrent a:hover {
    background-position: right  -30px;
}



 --------------------------------------------------------------------------------- 
		hovering css
		thanks to tumblr.com archives pages for this.
--------------------------------------------------------------------------------- 



a img {
    border-width: 0px;
}

#post_bricks {

      width: 740px;


}

a.brick {
    display: block;
    float: left;
    width: 160px;
    height: 160px;
    list-style-type: none;
    overflow: hidden;
	margin: 0px;
    font: Normal 11px 'Trebuchet MS', Myriad Pro, Arial, Sans-Serif;
    color: #444;
    position: relative;
    background-color: #FdFcFF;
    text-decoration: none;
    border: 10px solid #dcdcdc;

    
}

a.brick:hover 
{
	cursor: pointer;
	border: 10px solid #bfbfbf;

}

    a.brick a 
	{
        color: #007BFF;
    }



div.user_hover {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding: 10px;
    background-color: #000;
    display: none;
    z-index: 10;
    text-align: center;
    color: #fff;
    font: 24px 'Trebuchet MS', Myriad Pro, Arial, Sans-Serif;
    opacity: 0.70;
    filter: alpha(opacity = 70);
    -moz-opacity: .7;
}

a.brick:hover div.user_hover {
    display: block;
}