* {
	padding: 0;
	margin: 0;
}


table
{
float:left;
}

.class A:link {text-decoration: none;padding-right:70px;font: bold 12px/1.2 Arial; color: #fff;font-family: "Unikurd Web", Tahoma, Arial}
.class A:visited {text-decoration: none;padding-right:70px;font: bold 12px/1.2 Arial; color: #fff;font-family: "Unikurd Web", Tahoma, Arial}
.class A:active {text-decoration:none;padding-right:70px;font: bold 12px/1.2 Arial; color: #fff;font-family: "Unikurd Web", Tahoma, Arial}
.class A:hover {text-decoration:none;padding-right:70px;font:bold 12px/1.2 Arial; color: #fff;font-family: "Unikurd Web", Tahoma, Arial}

.class1{
display: block;
white-space:none;
width:95%;
align:top;
padding-top:0px;
}
.firstbar {
    background-color: #E6E5E5;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    float:right;
    padding: 1px 1px 1px 4px;
    color: #8D8D8D;
    font-weight: bold;
    text-decoration: none;
}
.firstbar a:link {
    color: #8D8D8D;
    text-decoration: none;
}
.firstbar a:active {
    color: #8D8D8D;
    text-decoration: none;
}
.firstbar a:visited {
    color: #8D8D8D;
    text-decoration: none;
}
.firstbar a:hover {
    color: #8D8D8D;
    text-decoration: underline;
}


  .centeredImage
    {
    width:120px; 
    height:120px; 
    border: 1px solid #91a7b4;
    float:left;
    }



div.box {
    background: url(box-bottom1.gif) no-repeat left bottom;
    width:170px;
    height:170px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 3px;
}

    div.box h2 {
        background: url(box-top.gif) no-repeat left top;
        height:100%;
        font: bold 16px/1.2 Arial;
        color: #fff;
}




.clearit {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}

ul#menu{
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
	display:block;
	height:40px;
	text-transform:uppercase;
	font-size:13px;
	background:transparent url("images/blue.jpg") repeat-x top left;
	font-family: "Unikurd Web", Tahoma, Arial;
}
ul#menu li{
	display:block;
	float:right;
	border-right:1px solid #ffffff;
	}
ul#menu li a{
	display:block;
	float:left;
	color:#ffffff;
	text-decoration:none;
	padding:12px 20px 0 20px;
	height:24px;
	height:40px;
	}
ul#menu li a:hover{
	background:transparent url("images/black.jpg") repeat-x top left;	
	}
	
ul#menu{
float:left;
}

	





h2 {
	background-image: url('images/bg_serderr.gif1');
	background-repeat: repeat-x;
	background-position: center center;
	font-family: "Unikurd Web", Tahoma, Arial;
	font-size: 10pt;
	color: #000000;
	font-weight: bold;
	text-align: center;
	height: 20px;
	border: 1px solid #d5eae7;
}



.song img, a {
	float:left;
}
#container {
	margin: 10px 0 0 10px;
	width: 770px;
	font-family:Times New Roman;font-size:15px;
	float: left;
	text-align: center;
	line-height: 25px;
	
	
}







body {
	font-family: verdana;
	}
hr {
	display: block;
	width: 100%;
	float: left;
	clear: both;
	border: 1px solid white;
}

body#index #container {
	margin: 10px 0 0 10px;
	width: 24%;
	float:left;
	padding: 0 0 10px 0;
	width: 574px;
	height:auto;
	text-align:right;
	font-family:Times New Roman;font-size:15px;
}

.musicmenu a { display:block; float: left; margin: 0 5px 0 0;}



.leftshadow {
	background-image: url(images/ver0.1_01.gif);
	background-repeat:repeat-y;
	background-position: right;
}
.leftshadow-b {
	background-image: url(images/ver0.1_01_b.gif);
	background-repeat: repeat-y;
	background-position:right;
}

.column {
	width: 25%;
	float: left;
	padding: 0 0 10px 0;

}
.link-edit {
	color: red;
	font: bold 10px Verdana;
}
.cat {

	border-bottom: 3px solid #1C3F62;
	margin: 0 0 5px 0;
}
.cat img {
border: 1px solid black;

}
.song {
float: left;
width: 100%;
}
.song img {
	margin: 0 5px 0 0;
}
.song a {
	margin: 0 3px 0 0;
}

div.boxi {
    background: url(box-bottom.gif) no-repeat left bottom;
    width:573px;
    padding-right:40px;
    float:left;
    text-align:right;
    text-indent:1px;
    padding: 0px 17px 18px 12px;
    margin: 10px 0;
    
}


#container h1 {
        background: url(box-top.gif) no-repeat left top;
        margin: 0px 0px 10px -12px;
        padding: 15px 40px 0 55px;
        padding-right:40px;
        height: 27px;
        width: 573px;
        float:center:
        font: bold 16px/1.2 Arial;
        color: #fff;
	

}


#container h2 {
	border-bottom: 2px solid #003333;
	background-image: url('bgtitel.png');
	height:27px;
	float:left;
	width:100%;

}
.post {
	float: left;
	background-position:center center; 
	display: block;
	width: 500px;
	padding-right:70px;
}


#links {
	float: left;
	display: block;
	width: 100%;
}
.post-admin a {
	padding: 0 5px 0 0;
}


.post-content {
	background: url(box-bottom.gif) no-repeat left bottom;
	width:100%;
    	margin: 0px 0;
	line-height:35px;
	text-align:center;
	float:left;
	font-size:18px; 
	font-family: "Unikurd Web", •Palatino, Arial;;
}



#index #content, #edit-content {
	width: 100%;
	height: 300px;
	padding: 10px;
	text-align:right;
	line-height:25px;
	float:left;
	font-family:Times New Roman;font-size:20px;
}




#music #descr {
	width: 100%;
	height: 300px;
}
#categories #container a {
	float: none;
}
#categories #container .musicmenu a {
	float: left;
}
#categories #container #form1 {
	clear: both;
}

#about #content {
	width: 100%;
	height: 500px;
}


.skugga {background-image: url(skugga.gif);}
.skicka { background-image: url(button.gif); height: 23px; width: 106px; 
background-color: transparent; border: none; }


 
#left {
	float:left;
	width:169px;
	overflow:left;
	padding: 0px 0 0 0px;
	font-family: verdana;
	font-size: 10px;
	border-bottom: 2 solid green;


}
#right {
	float:right;
	width: 169px;
	overflow:hidden;
	padding: 0px 0 0 -10px;
	font-family: verdana;
	font-size: 10px;
	border-bottom:2solid green;


}
#left h2, #right h2 {
        background: url(box-top1.gif) no-repeat left top;
        margin: 0 -17px 15px -12px;
        padding: 0px 0px 0 0px;
        height: 27px;
        width:170px;
        font: bold 16px/1.2 Arial;
        color: #fff;}



#indexright {
	width:170px;
	height: 150px;
}
#indexleft {
	width: 170px;
	height: 150px;
}