body {padding: 0; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background: url(imgs/bg.jpg);}

h1 {margin: 0; padding: 0 0 7px 0; font-size: 22px;}
h2 {font-weight:bold; color:#000000;  padding:2px; margin-bottom:5px; font-size: 22px; text-decoration:underline;}
h3 {font-size: 18px; color:#990000;}
h4 {font-size: 16px; color:#000000; margin-bottom:1px; margin-top:0px;}
h5 {font-size: 14px; color:#990000;}

a:link {text-decoration: none; color:#990000}
a:visited {text-decoration: none; color:#990099;}
a:hover {text-decoration: underline; color:#990000;}
.text {font-weight:bold;}
.small {font-size:9px;}
.date	{font-size:9px; font-style:italic;}

#comments {float:left; padding:0 10px; margin-bottom:20px;}
#comments p {margin: 10px 20px;}

/* sidlayout */
#container {margin-right: auto; margin-left: auto; margin-top:0px; width: 950px;}
#ad_top	{float: left; margin-right: 0; margin-left: 0; margin-top:10px; width: 900px;}
#layout	{float: left; margin-right: 0; margin-left: 0; margin-top:10px; width: 900px; background: #ffffff; border:#999999 1px solid;}
#sidhuvud {height: 150px; margin:0; padding: 0; background: url(imgs/top1_years.gif) no-repeat;}
#link {	position:relative;	margin: 5px; height: 60px; cursor:pointer;}
#sidlayout {float: left; width: 100%; padding: 0; background: #ffffff;}
#sidfot {clear: left; padding: 5px; text-align:center; font-size:10px; background: #CC0000; color:#ffffff; margin-right: auto; margin-left: auto;}
/*#ad_container {float: left; width: 255px; margin-left: 5px; margin-top:200px; text-align:left;}*/
#ad_container {float: left; width: 255px; margin-left: 5px; margin-top:10px; text-align:left;}
	#widescreen {width: 255px;}
	.skycraper {width: 165px; margin-top:5px}
		
/*meny*/
#menycontainer ul{margin: 0; padding: 0.5em 0; text-align: center; border: 1px solid #CC0000;background:#CC0000;}
#menycontainer li{display: inline; margin-left: -0.35em}
#menycontainer ul a{font-weight:bold; text-decoration: none; padding: 0.4em 2em; border: 1px solid #CC0000;}
#menycontainer a:link{color: #ffffcc;}
#menycontainer a:visited{color: #ffffcc;}
#menycontainer a:hover{background:#FFFF99; color: #000000;}

/*kolumner*/
#left {width:620px; float:left; margin-top:5px; padding:10px; background:#FFFFFF;}
#right {width:230px; float:left; margin-top:5px;  padding: 10px; border-left:#990000 1px solid;}

#right ul {padding:5px; margin:10px 0 0 0; list-style-type: none;}
#right li {padding:2px ; margin:4px;}
#right p  {margin-bottom:2px;}

/*noteblad*/
#notebox {margin: 0; padding: 0 10px 0 10px;}
#notebox p {margin-bottom: 0px;}
.note {background: url(imgs/notebg.jpg) repeat-y; height:auto; padding:10px; }
.notetopp {background: url(imgs/notetop.jpg) no-repeat; height:30px;}
.notebott {background: url(imgs/notebott.jpg) no-repeat; height:30px; margin-bottom:10px;}

#right .thumb {border:0; display:inline; vertical-align:middle;}/*tar bort ram runt bild samt styr texten efter*/
#right img {max-width:100%;}
#right td {text-align: left; vertical-align:top; margin:0 5px 0 10px; padding:0 5px;}
#right table img {border:1px solid #cccccc; vertical-align:top; text-align:center; margin-bottom:5px;}
#sidfot a:link {text-decoration: underline; color:#ffffff;}
#sidfot a:hover {text-decoration: underline; color:yellow;} 

html .fb_share_link { 
padding:2px 0 0 20px; 
height:16px; background:url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?12:26981) no-repeat top left; 
}

.votes {margin-top:10px;}
.noteimage img {max-width:100%;}

nav {
	height: 40px;
	width: 100%;
	font-weight: bold;
	position: relative;
	color:#fff;
	background:#CC0000;
}
nav ul {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	height: 40px;
}
nav li {
	display: inline;
	float: left;
	margin: 0 1em 0 0;
}
nav a {
	color: #fff;
	display: inline-block;
	width: auto;
	margin-left:25px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	font-weight: bold;
}
nav li a {
}
nav li:last-child a {
	border-right: 0;
}
nav a:visited, nav a:link {color:#fff !important; text-decoration:none !important;}
nav a:hover {text-decoration:underline !important;}
nav a:active {}

nav a#pull {
	display: none;
}

/*
Make the Facebook Like box responsive (fluid width)
https://developers.facebook.com/docs/reference/plugins/like-box/
*/
 
/* This element holds injected scripts inside iframes that in some cases may stretch layouts. So, we're just hiding it. */
#fb-root {
  display: none;
}
 
/* To fill the container and nothing else */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  width: 100% !important;
}

/* Media queries */
/*Styles for screen 600px and lower*/
@media screen and (max-width: 900px) {
	
}
/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {
	#container, #ad_top {width:100%;}
	#layout, #left, #right {width:95%;}
	#left {padding:5px;}
	#sidhuvud {background: url(imgs/topp-mobile.gif) no-repeat; background-size: 100%; height: auto;}
	.notetopp {background-size:100%; height:10px;}
	.note, .notebott {background-size:100%;}
	nav a:hover {border:none;}
	/*.fblike {max-width:450px;}*/
	
	nav { 
  		height: auto;
		border-bottom: 0;
		background-color: #CC0000;
		color:#fff;
  	}
  	nav ul {
  		width: 100%;
  		display: none;
  		height: auto;
		padding-left: 20px;
  	}
  	nav li {
  		width: 100%;
  		float: left;
  		position: relative;
  	}
  	nav li a {
		border:none;
		color:#fff;
	}
	nav li a:visited, nav li a:link {color:#fff !important;}
	
  	nav a {
	  	text-align: left;
	  	width: 100%;
		margin-left:0;
		padding-left:5px;
  	}
	nav a#pull {
		display: block;
		background-color: #CC0000;
		color:#fff;
		width: 85%;
		padding-left: 25px;
	}
	nav a#pull:after {
		content:"";
		background: url('/imgs/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
}
/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
	/*
	.fblike {max-width:350px;}
	*/
}
/*Smartphone*/
@media only screen and (max-width : 320px) {
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		border-bottom: 1px solid #576979;
	}
}