footer
{
	margin:0px;
	background-image: url("img/backloopopa.png");
	background-repeat:repeat;
}

div.news
{
	width:100%;
	min-height:90px;
	background-color:black;
	background-image: url("img/backloop.png");
	background-repeat:repeat;
	border-top:solid 1px #303030;
	border-bottom:solid 1px #303030;
	text-size-adjust: none;
}

h1{
	font-family: Arial;
	color: white;
	margin: 0px 10px 0px 10px;
	font-weight:normal;
	font-size:18pt;
}

p {
	font-family: Arial;
	font-size: 16px;
	color: white;
	font-weight:normal;
}

div {
	font-family: Arial;
	font-size: 16px;
	color: white;
	font-weight:normal;
}

hei
{
	color:orange;
}

skille
{
	color:#555555;
}

.bold{
	font-weight:bold;
}

a, a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover{
    color: #BBBBBB;
	text-decoration: none;
}

a.link, a.link:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

a.link:hover{
    color: #BBBBBB;
	text-decoration: underline;
}

a.main, a.main:visited, a.main:hover
{
	color:white;
	text-decoration:none;
}

p.blog
{
	text-indent:32px;
}

p.blog a, a.visited, a.hover
{
	color:orange;
}

@media only screen and (min-width: 1081px) 
{
	/* LANDSCAPE MODE */
	html{
		background-color: #000;
		background-image:url("img/covers/simon01.jpg");
		background-repeat:no-repeat;
		background-size:100% auto;
		background-attachment:fixed;
		background-position:center;
	}
	
	body
	{
		margin:0px;
		background-image: url("img/backloopopa.png");
		background-repeat:repeat;
	}
	
	div.preview
	{
		width:1050px;
		/*min-width:520px;*/
		display:block;
		margin:auto;
		padding-top:0px;
		padding-bottom:18px;
		text-align:center;
		/*background-image:url("img/backloopinner.png");
		background-repeat:repeat;*/
	}
	
	div.previewblogg
	{
		width:1020px;
		/*min-width:520px;*/
		display:block;
		margin:auto;
		padding-top:0px;
		padding-bottom:18px;
		text-align:center;
		/*background-image:url("img/backloopinner.png");
		background-repeat:repeat;*/
	}

	div.artist
	{
		text-align:left;
		margin-left:24px;
		font-family: Arial;
		font-size:13pt;
		font-style:none;
		color:#FFF;
		text-shadow: 2px 2px 2px black;
	}
	
	div.title
	{
		text-align:left;
		margin-left:35px;
		font-family: Arial;
		font-size:8pt;
		font-style:none;
		color:#c1b39a;
		text-shadow: 2px 2px 2px black;
		font-weight:bold;
	}
	
	div.imagebox
	{
		height:154px;
		padding:0px;
		margin:0px;
	}
	
	img.thumb
	{
		width:250px;
		padding:0px;
		margin-top:5px;
		margin-bottom:5px;
		
		-webkit-transition: width 0.5s, margin-bottom 0.5s, margin-top 0.5s; /* For Safari 3.1 to 6.0 */
		transition: width 0.5s, margin-bottom 0.5s, margin-top 0.5s;
		
		box-shadow: 2px 2px 5px black;
	}
	
	img.thumb:hover
	{
		width: 265px;
		margin-bottom:0px;
		margin-top:0px;
	}
	
	img.thumbblog
	{
		width:250px;
		margin:0px;
		padding-top:0px;
		padding-bottom:0px;
		
		box-shadow: 2px 2px 5px black;
	}
	
	img.thumbblogthrees
	{
		width:333px;
		margin:0px;
		padding-top:0px;
		padding-bottom:0px;
		
		box-shadow: 2px 2px 5px black;
	}
	
	img.thumbblogtwos
	{
		width:501px;
		margin:0px;
		padding-top:0px;
		padding-bottom:0px;
		
		box-shadow: 2px 2px 5px black;
	}
	
	img.thumbpic
	{
		width:200px;
		margin:0px;
		padding-top:0px;
		padding-bottom:0px;
		
		box-shadow: 2px 2px 5px black;
	}
}

@media only screen and (max-width: 1080px)
{
	/* PORTRAIT MODE */
	html{
		background-color: #000;
		background-image:url("img/covers/simon01.jpg");
		background-repeat:no-repeat;
		background-size:auto 100%;
		background-attachment:fixed;
		background-position:center;
	}
	
	body
	{
		margin:0px;
		background-image: url("img/backloopopa.png");
		background-repeat:repeat;
		position:absolute;
	}
	
	div.preview
	{
		max-width:1000px;
		min-width:540px;
		display:block;
		margin:auto;
		padding-top:0px;
		padding-bottom:18px;
		text-align:center;
	}
	
	div.previewblogg
	{
		max-width:1000px;
		min-width:540px;
		display:block;
		margin:auto;
		padding-top:0px;
		padding-bottom:18px;
		text-align:center;
	}
	
	div.imagebox
	{

	}

	div.artist
	{
		text-align:left;
		margin-left:24px;
		font-family: Arial;
		font-size:13pt;
		font-style:none;
		color:#FFF;
		text-shadow: 2px 2px 2px black;
	}
	
	div.title
	{
		text-align:left;
		margin-left:35px;
		font-family: Arial;
		font-size:8pt;
		font-style:none;
		color:#c1b39a;
		text-shadow: 2px 2px 2px black;
		font-weight:bold;
	}
	
	img.thumb
	{
		width:49%;
		height:auto;
		
		margin:0;
		padding:0;
		
		box-shadow: 2px 2px 5px black;
	}
	
	img.thumbblog
	{
		width:49%;
		height:auto;
		
		box-shadow: 2px 2px 5px black;
	}
	
	img.thumbblogthrees
	{
		width:33%;
		height:auto;
		
		box-shadow: 2px 2px 5px black;
	}
	
	img.thumbblogtwos
	{
		width:49%;
		height:auto;
		
		box-shadow: 2px 2px 5px black;
	}
	
	img.thumbpic
	{
		width:24%;
		height:auto;
		margin:0;
		padding:0;
		
		box-shadow: 2px 2px 5px black;
	}
}