html {
 padding: 0;
 margin: 0;
}

body {
 font-family: georgia, times, serif;
 line-height: 170%;
 background-color: #fcfcfc;
 margin: 0;
 padding: 10px;
}

h1 {
 font: 50px "andale mono", georgia, times, serif;
 color: #fff;
 margin-top: -10px;
 letter-spacing: 0px;
 font-weight: normal
}

.ed {
 font-size: 65px;
 padding-right: 3px;
}

h2 {
 font: 25px "andale mono", georgia, times, serif;
 color: #870F61;
 margin: 0 0 10px;
 padding: 0;
}

h3 {
 font: 20px "andale mono", georgia, times, serif;
 color: #870F61;
 margin-top: 0;
 margin-bottom: 15px;
}

h4 {
 font: 15px "andale mono", georgia, times, serif;
 color: #870F61;
 margin-top: 0;
 margin-bottom: 5px;
}

.black {
 color: #000;
 font: 90% georgia, times;
}

#header {
 position: relative;
 background: #000 url(images/ban.jpg) no-repeat;
 height: 140px;
 width: 75%;
 min-width: 700px;
 max-width: 850px;
 padding: 20px;
 border: 1px solid #222;
 margin: 0 auto;
}

#b {
 float: left;
 margin-top: -20px;
 margin-left: -20px;
}

.c {
 float: left;
 margin-top: -20px;
}

a:link, a:visited {
 font-weight: 400;
 color: #345678;
 text-decoration: none;
 border-bottom: 1px dotted;
 padding-bottom: 1px;
}

a:hover{
 border-bottom: 1px solid;
}


									/* navigation = jQuery.lavalamp */

#wherenav {
 position: absolute;
 top: 130px;
 left: 10px;
}

#nav {
 position: relative;
 padding: 5px;
 padding-right: 5px;
 overflow: hidden;
 color: #fff;
 height: 30px;
 margin: 0;
}

#nav li {
 float: left;
 list-style: none;
 padding: 0;
}

#nav li.back {
 background: url(images/morepink.png) no-repeat;
 width: 5px;
 height: 30px;
 z-index: 8;
 position: absolute;
}

#nav li a {
 padding: 0 2px 5px 2px;
 font: 15px "andale mono", georgia, times, serif;
 text-decoration: none;
 text-align: center;
 color: #fff;
 outline: none;
 top: 7px;
 z-index: 10;
 display: block;
 float: left;
 height: 30px;
 position: relative;
 overflow: hidden;
 margin: auto 8px;
 border-bottom: none;
}
   
#nav li a:hover, #nav li a:active, #nav li a:visited {
 color: #fff;
 border: none;
}

									/* end of navigation */
									
									/* gemensamt */
									

#content {
 position: relative;
 width: 75%;
 min-width: 700px;
 max-width: 850px;
 min-height: 420px;
 padding: 20px;
 margin: 10px auto;
 border: 1px solid #2a2a2a;
 font-size: 13px;
}

#side {
 position: absolute;
 top: 0;
 right: 0;
}

img#sliver {
 position: absolute;
 top: 10px;
 right: 10px;
 border: 2px solid #ccc;
 padding: 3px;
}

.left {
 float: left;
 width: 45%;
 margin-left: 10px;
 margin-right: 40px;
 padding: 0;
}

.right {
 float: left;
 width: 46%;
 padding: 0;
}

#yo, #clearhere {clear: both;}


									/* index */


.r {margin-top: 100px}

img#ben7 {
 float: left;
 margin: 40px 8%;
}

#fadebox {
 margin-left: 42%;
 margin-top: 50px;
 width: 50%;
 height: 200px;
 font-size: 14px;
 font-weight: 300;
 line-height: 160%;
}

ul#textbox1 {
 list-style: none;
 margin: 0;
 padding: 0;
 font-size: 14px;
}


									/* ben */


#ben #content p {
 margin-bottom: 20px;
}


									/*listen*/
			

#noj {width: 400px;}

.media {margin-bottom: 20px;}

#listen #content { min-height: 420px;}

#listen h4, #listen p {margin: 0;}

#player1, #player2, #player3, #player4, #player5, #player6 {margin: 0 0 20px;}



									/*watch*/
									
									
.vid {margin: 0 0 30px;}

.vid h4 {margin-bottom: 10px;}
	

									/* gallery = jQuery.galleria */


#bilder #content {min-height: 540px;}

.demo {
 position:relative;
 min-height: 500px;
 margin-top: 10px;
}

ul.gallery_demo {
 padding: 0;
 margin: 0;
 height: 410px;
 width: 160px;
 list-style:none;
}

.galleria {width:160px;}

.galleria_container {
 position: absolute;
 top: 0;
 left: 175px;
}

.galleria li{
 display:block;
 width:60px;
 height:70px;
 overflow:hidden;
 float:left;
 margin: 0 0 10px 10px;
 border:1px solid #aaa;
}

.galleria li.active div img, .galleria li.active div {display:block;}

.galleria li img.thumb {
 cursor: pointer;
 top:auto;
 left:auto;
 display:block;
 width:auto;
 height:auto;
}


										/*discography*/


#discography h2 {
 margin-left: 10px;
 font-size: 30px;
}

.skivor, .dvd {
 font: 16px "andale mono", georgia, times, serif;
 list-style: none;
 margin: 20px 0 30px;
 padding: 0;
 color: #870F61;
}

.skivor li {
 margin-bottom: 10px;
 min-height: 110px;
}

.dvd li {
 margin-bottom: 10px;
 min-height: 130px;
}

.skivor li img, .dvd li img {
 float: left;
 margin-right: 10px;
 border: 2px solid #ccc;
 padding: 3px;
}

.skivor li p, .dvd li p {
 font: 13px georgia, times, serif;
 color: #000;
 margin: 5px;
}


										/*links*/


#links #content {min-height: 390px;}

#links #ringringl p, #links #ringringr p {margin: 0;}

.lankar {
 list-style: none;
 margin: 10px 0;
 padding: 0;
}

.lankar li {margin: 0 0 20px 0;}
			
.lankar p {
 padding: 0;
 margin: 5px 0 0 -10px;
}


	  								/* contact */


#contact #content {min-height: 390px;}

#ringringl {
 float: left;
 width: 30%;
 margin: 0px 30px 0 10px ;
 padding: 0;
}

#ringringr {
 float: left;
 width: 40%;
 margin: 0;
 padding: 0;
}

#contact #ringringl h3, #contact #ringringr h3 {height: 2.5em}

#ringringl h4, #ringringr h4 {margin: 0 0 5px;}

#ringringl p, #ringringr p {
 margin: 0 0 20px 20px;
 font-size: 14px
}

#mail1, #mail2 {
 font-size: 14px;
 margin: 0 0 20px 20px;
}