/* CSS Document
Basic CSS for Skuggboxare

version: 100212
author: magnus johansson
email: magnusjohan@hotmail.com
*/

/* General styles
----------------------------------------------------*/
/* Text-align:center centrerar layout. I IE5, IE6 funkar inte auto-margins (se #wrapper) */
body {
	background:#000 url(Images/bg86.gif) no-repeat scroll top center;
	color:#ccc;
	font-family:Arial, sans-serif;
	font-size:small;
	margin:0;
	text-align:center;
}

h1, h2, h3, h4, h5 {
	color:#fff;
	margin:5px 0;
}

img {
	border:none;
}

.imgBorder {
	border:1px solid #ccc;
}

p {
	margin:0;
}

ul {
	list-style:none;
	margin:0;
	padding:0;
}

/* Links 
----------------------------------------------------*/

a {
	outline:none;
}

a:link {
	color:#ccc;
}

a:visited {
	color:#ccc;
}

a:hover {
	color:#999;
}

/* Header, Navigation
----------------------------------------------------*/
#header {
	padding:20px 0;
}
/* float:left då barnen är float (se #navigationList li */
#navigationList {
	float:left;
	margin:0 0 15px 0;
	width:880px;
}

#navigationList a {
	color:#fff;
	font-weight:bold;
	font-size:18px;
	outline:none;
	text-decoration:none;
}

#navigationList a:hover {
	color:#999;
}
/* float:left för horisontell lista. Float-element tar inte upp plats. List-föräldern blir då tom.
Föräldern måste också vara float och ett clear-element läggs in längre ner på sidan. */
#navigationList li {
	float:left;
	padding:0 0 0 20px;
	text-transform:uppercase;
}

#navigationList .firstLi {
	padding-left:0;
}

/* Main content
----------------------------------------------------*/
/* Text-align:left justerar tillbaka centrerat innehåll (se kommentar till body).
margin-auto centrerar layouten. */
#wrapper {
	margin:0 auto;
	text-align:left;
	width:880px;
}
/* float:based layout - sätt width på elementen och float left eller right. 
Denna är float:left och sidebar är float:right - skapar virtual gutter mellan elementen.
De kan växa några pixlar utan att layouten förstörs. */
#content {
	border-right:1px solid #666;
	float:left;
	margin:0 0 10px 0;
	padding:0 20px 0 0;
	width:500px;
}

#bigContent {
	float:left;
	margin:0 0 10px 0;
	padding:0 20px 0 0;
	width:880px;
}

.contentBox {
	border-bottom:1px solid #666;
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	width:500px;
}

.bigContentBox {
	border-bottom:1px solid #666;
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	width:880px;
}

#photo {
	border:1px solid #ccc;
	margin:0 0 0 0;
}

/*#news {
	border-top:1px solid #666;
	margin:20px 0 0 0;
	padding:20px 0 0 0;
	width:500px;
}*/

#contentNyheter {
	margin:0 0 20px 0;
}
#omSbxKonvolut {
	border:1px solid #cccccc;	
}

#live {
	border:1px solid #cccccc;
}

/* Sidebar
----------------------------------------------------*/
/* float:right - se #content. */
#sidebar {
	float:right;
	width:340px;
}

.sideBarBox {
	border:1px solid #ccc;
	margin:0 0 20px 0;
	padding:10px;
}

#bannerRetro {
	padding:0px;
}

#lyssna {
	background:#000 url(Images/lyssna1.gif) no-repeat scroll top left;
}

#youtube {
	/*float:left;*/
	margin:20px 20px 20px 20px;
}

#myspace {
	margin:20px 20px 20px 20px;
}
/*#youtube1 {
	padding:0;
}*/

/* Footer
----------------------------------------------------*/
/* clear:both för att lägga denna nedanför float-element */
#footer {
	border-top:1px solid #666;
	clear:both;
	margin:0 0 10px 0;
	padding:10px 0;
	text-align:center;
}