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

html { 
background: url(img/background1920_1100.jpg) no-repeat  fixed;
/*background: url(img/iceSMALL.jpg) no-repeat center center fixed;*/
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}


body {
	margin: 0 auto;
	width: 960px;
	padding-top: 30px;
}

header,section,article,aside,footer {
	display: block;
}

header {
			
}




/* ------ CSS för nav ------ */

nav ul {
	/*margin: 50px 0 40px 0;*/
	padding: 0; 
	list-style-type: none; 
	list-style-image: none;
	font: 13px Geneva, Arial, Helvetica, sans-serif;
	text-align: right;
}

nav li {
	display: inline; 
	padding: 5px 10px 5px 10px;
}

nav a {
	text-decoration:none;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-shadow: 0px 1px 1px #000; 
	color: #fff; 
}

nav ul li a:hover {
	text-shadow: 10px 3px 1px #ccc;
	
}


/* ------ CSS för section ------ */

section{
	float: left;
	width: 640px;
}

article {
	/*background-color: #666;*/
	background-color:rgba(50,0,0,0.3);
	/*-moz-border-radius: 6px;
	border-radius: 6px;*/
	/*border: solid 1px #9ED4FF;*/
	
	/*border: 1px solid #000;
	border-bottom: 2px solid #333;
	border-right: 2px solid #333;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;*/
	
	outline: 1px solid #111;
	/*border-top: 1px solid #777;*/
	border: 1px solid #777;
	
	
	
	padding: 10px;

	
	margin-bottom: 10px;
}


/* ------ CSS för aside ------ */

aside{
	float: right;
	width: 280px;
	background-color:rgba(50,0,0,0.3);
	/*border: 1px solid #000;
	border-bottom: 2px solid #333;
	border-right: 2px solid #333;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;*/
	
	outline: 1px solid #111;
	border: 1px solid #777;
	
	margin-bottom: 10px;
}

.centerImage {
	text-align:center;
}

/* ------ CSS för menyn ------ */

p {
	margin-left: 40px;
	margin-right: 40px;
	
	/*font: 13px Geneva, Arial, Helvetica, sans-serif;*/
	font: 12px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	
	
	
	color: #fff;
	
}

.date {
	width: 61px; height: 67px;
	float: left;
	padding: 12px 2px 2px 2px;
	text-align: center;
	font-size: 1.8em;
	position: absolute;
	margin-left: -100px;
	/*left: 460px; top: 80px;*/
	color: #fff;
	/*background-color: #D24F31;*/
	/*background-color:rgba(50,0,0,0.3);*/
	background-color: rgba(255, 150, 20, 0.2);
	outline: 1px solid #111;
	border: 1px solid #777;
	
}
.date strong, .date small {
	font-size: 0.5em;
	text-transform: uppercase;
	display: block;
}



h1 {
	font-family: 'Cuprum', arial, serif;
	font-size: 68px;
	color: #fff;
	text-shadow: 2px 2px 2px #000;
	opacity: 0.6;	
	position: absolute;
	top: -30px;
	z-index: -1;
}

h2 {
	margin-left: 40px;
	margin-right: 40px;
	font: 24px 'Cuprum', arial, serif;
	color: #fff;
	text-shadow: 0px 1px 1px #000;
}

time {
	background-color:rgba(0,0,20,0.7);
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: groove 2px #3399CC;
	position:relative;
 	top: -75px;
 	left: 450px;
	font: 16px/22px Geneva, Arial, Helvetica, sans-serif;
	color: #fff;

}

#fb {
	margin-left: 40px;
}

a {
	font: 13px Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	
}

a:hover {
	text-shadow: 0px 1px 1px #000;
}


footer p {
		font: Geneva, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #000;
		letter-spacing: 5px;
		text-align: center;
}


footer {
	clear:both;
}