@charset "utf-8";
/* CSS Document */

ul, li {
	margin: 10px !important;
}

.malsin-streck {
margin: 40px auto;	
display: block;
max-width: 96%;
}

.malsin-year-comment {
	max-width: 700px;
	padding: 10px;
	font-style: italic;
	font-size: 1.1em;
	margin: 0 auto 20px auto;
}

 .malsin-album-pic {	
	border: 1px solid #fefef8;
	margin: 10px;
	width: 200px;
	height: 200px;
} 

.malsin-title {
	font-weight: bold;
	font-size: 1.2em;
	}

.malsin-quote {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:#666;
    font-size: 18px;
    font-style: italic;
    margin: 20px auto;
    width: 75%;
	text-align: center;	
	}
.malsin-quote-link {
	font-family: Helvetica, Arial, sans-serif;
	display: block;
	font-size: small;
	text-align: right;
	}


.flex-container > div {
  background-color: none;
  width: 23px;
  height: 25px;
  margin: 3px;
  border: 1px solid black;
  display: table-cell;
}
.metal {background-color: black;}
.hardrock {background-color: lightgray;}
.ballad {background-color: white;}
.pearl {background-color: #C00;}
 


.malsin-rating-hr {
	width: 120px;
	text-align:left;
	margin:0 0 0 12px;
} 
 
.simple-gallery {
	margin: 10px auto 40px auto;
	text-align:center;
}

.simple-gallery img {
	margin: 1px;
}

.malsin-appendix {
	max-width: 1000px;
	margin: auto;
}

.malsin-appendix p {
	max-width: 800px;
	margin: auto;
}

.youtube {
	  font-family: "League Gothic", sans-serif;
  font-optical-sizing: auto;
 /*  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100; */
  font-size: 1.3em;
  text-decoration: none;
}

.you {
	background: #fefef8;
	color: black;
}

.tube {
	background: #cc0000;
	color: #fefef8;
}

.malsin-barbox-wrapper {
	clear: both;
	margin: 20px;
}
.malsin-barbox {
	display:inline-block;
	width:23px;
	height:25px;
	border:1px solid black;
	float:left;
	margin: 0 10px 10px 0;
}

.malsin-year {
	font-family: 'Eater', cursive;
	font-size: 100px;
	margin: 0 auto;
	}


 /******************** DETTA ÄR PC-LÄGE ************************/
 
@media only screen and (min-width:650px)
{
/*
.int-text ul li {
	margin: 10px 0 !important;
} 


#article-wide {
background-image:url(images/background-left-malaysia.png), url(images/background-right-malaysia.png);
background-repeat: repeat-y, repeat-y;
background-position: top left, top right;	
}
 */
	
.flex-wrapper {
	height: 40px;
	display: table-cell;
	position: absolute;
	bottom: 5px;
	left: 80px;
	}
.flex-container {
  display: flex;
  flex-wrap: nowrap;
	border: 1px solid black;
 width: 310px;
 	margin: 5px auto;
   }



.malsin-year {
	font-family: 'Eater', cursive;
	font-size: 100px;
	margin: 0 auto;
	}



 .malsin-album-wrapper {
	margin: 10px auto;
    max-width: 700px;
/*    box-sizing: border-box; */
	text-align: left;
	border: 3px solid #666660;
	 }
.malsin-album-left {
    text-align: center;
    vertical-align: top;
    background-color: none;
    height: 100%;
	width: 220px;
	display: table-cell;
	background-color: #666660;
	}
	
.malsin-album-right {
	text-align: left;
	display: table-cell;
/*	clear: right; */
	position: relative;
	padding-bottom: 45px;
	
	}
.malsin-album-right p {
	margin: 12px;
}
.malsin-listen {
	text-align: right !important;
	}

.malsin-blacklist-logo-small {
	display:none;
}
}

/*********************** DETTA ÄR MOBIL-LÄGE ************************************************************/

@media only screen and (max-width:650px)
{
	
 .malsin-album-wrapper {
	margin: 10px auto;
	text-align: left; 
	border: 5px solid #666660;
	 }
	 
.malsin-album-right {
	text-align: left;
/*		display: table-cell;
clear: right; */
	position: relative;
	padding-bottom: 45px;
	}
.malsin-album-right p {
	margin: 8px;
}
.malsin-album-left {
    text-align: center;
/*    vertical-align: top; 
    height: 100%;
	width: 220px;*/
/*	display: table-cell; */
	border: 1px solid #666660;
	box-sizing:border-box;
	background-color: #666660;
	}
	
.flex-wrapper {
	height: 40px;
	width:100%;
	display: table-cell;
	position: absolute;
	bottom: 5px;
	margin: 0 auto;
	}	
.flex-container {
  display: flex;
  flex-wrap: nowrap;
	border: 1px solid black;
 width: 310px;
 	margin: 5px auto;
   }

	
.malsin-blacklist-logo	{
	display:none;
}
	
}