/* NAVIGATION */

#navigationmenu {
	display: block;
	text-align: center;
	margin-bottom:20px;
	margin: 0 auto;
	margin-top: -70px;
	/*margin-right: 85px;*/
	width: 780px;
}


#navigationgo {
	display: block;
	text-align: center;
	margin-bottom:20px;
	margin: 0 auto;
	margin-top: 0px;
	/*margin-right: 85px;*/
	width: 780px;
}


#nav ul {
    list-style: none;

}

#nav ul li {
    float: left;
}

#nav ul li a {
    height: 45px;
    text-indent: -5000em;
    display: block;
    background: url(http://jonsi.s3.amazonaws.com/site_images/menu/menu-all.png) no-repeat;
}

#nav ul #navGo a {
    width: 80px;
    background-position: left top;
}

#nav ul #navGo a:hover {
    background-position: -0px  -40px;
}

#nav ul #navGoCurrent a {
    width: 80px;
    background-position: -0px  -40px;
}

#nav ul #navGoCurrent a:hover {
    background-position: -0px  -40px;
}

#nav ul #navConcerts a {
    width: 160px;
    background-position: -80px top;
}

#nav ul #navConcerts a:hover {
    background-position: -80px  -40px;
}

#nav ul #navConcertsCurrent a {
    width: 160px;
    background-position: -80px  -40px;
}

#nav ul #navConcertsCurrent a:hover {
    background-position: -80px  -40px;
}

#nav ul #navMedia a {
    width: 140px;
    background-position: -240px top;
}

#nav ul #navMedia a:hover {
    background-position: -240px  -40px;
}

#nav ul #navMediaCurrent a {
    width: 140px;
    background-position: -240px  -40px;
}

#nav ul #navMediaCurrent a:hover {
    background-position: -240px  -40px;
}

#nav ul #navNews a {
    width: 120px;
    background-position: -380px top;
}

#nav ul #navNews a:hover {
    background-position: -380px  -40px;
}

#nav ul #navNewsCurrent a {
    width: 120px;
    background-position: -380px  -40px;
}

#nav ul #navNewsCurrent a:hover {
    background-position: -380px  -40px;
}

#nav ul #navSocial a {
    width: 100px;
    background-position: -500px top;
}

#nav ul #navSocial a:hover {
    background-position: -500px  -40px;
}

#nav ul #navSocialCurrent a {
    width: 100px;
    background-position: -500px  -40px;
}

#nav ul #navSocialCurrent a:hover {
    background-position: -500px  -40px;
}


#nav ul #navStore a {
    width: 100px;
    background-position: -600px top;
}

#nav ul #navStore a:hover {
    background-position: -600px  -40px;
}

#nav ul #navStoreCurrent a {
    width: 100px;
    background-position: -600px  -40px;
}

#nav ul #navStoreCurrent a:hover {
    background-position: -600px  -40px;
}



 --------------------------------------------------------------------------------- 
		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;
}