/* This website is made for Slagsmålsklubben of Sweden.

   Concept & Design by Thomas Manig — Magentamann, Berlin (Germany) April 2008 
   All rights reserved. No copy without permission.  
   For Help and further Information go to www.magentamann.de or www.thomasmanig.de 
   
*/
   
   
/* SOME BASICS*/
/* #################################################################### */


body{
	background: ##020113 url('wp-content/themes/smk_frames/images/bg_dark.gif') no-repeat;

}
body#content{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
	color: #fff;
	background-image: url('images/bg_end.jpg');
	background-position: -250px -340px;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-color: #020113;	
	
	font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif;
	font-weight:normal;
	font-style:normal;
	line-height:13px;
	font-size: 10px;
	
}

body#menu{
	background-image:url('images/bg_end.jpg');
	background-repeat: no-repeat;
	background-color: #020113;	
	padding: 0px;
	margin: 0px;
}

body#player{
/*	background-image: url('images/kabel_bottom.gif'); */

	background-repeat: no-repeat;
	background-color: #020113;	
	background-image: url('http://djurandmir.se/smk/wp-content/themes/smk_frames/images/bg_dark.gif');
	padding: 0px;
	margin: 0px;
}
/* CONTAINERS AND PLACEHOLDERS */

#page_container{
	width: 985px;
	padding: 0;
	margin: 0;
}
	
#header_container{
	float: left;
	margin: 0;
	padding: 0;
	width: 976px;
	height: 346px;
	background: url('images/menu_bg.png') no-repeat;
}
#menu{
	
}

#player_container{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 250px;
/*	background-image: url('images/kabel_bottom.gif'); */
/*	background-image: url('images/kabel_bottom_gr.png'); */
/*	background-position: 0, 250px;*/


/*	background-color: #020113; */

}

#player_walkman{
	float: left;
	/* background: url('images/player_bg.png') no-repeat; */

/*	height: 750px; */
/*	background-image: url('images/kabel_bottom.gif'); */

}
.listen_kabel{
	left:0pt;
	margin:0pt;
	position:absolute;
	top:356px;
}
.listen_bottom{
	left:0pt;
	margin:0pt;
	position:absolute;
	top: 680px;
}
#player_item{
	float: left;

	background: url('images/kabel_bottom_gr.gif') no-repeat; 
	width: 250px;
	height: 414px;
	/*
	border: 1px solid #f00;
	background-image: url('images/kabel_bottom.gif');
	background-repeat: no-repeat;
	background-color: #020113;	
	*/
}

#player_bottom{
	background: url('images/kabel_bottom_end.gif');
	width: 248px;
	height: 40px;
}
/* ARTICLE AREA */

#article_container{
	position: relative;
	width: 420px;	
	float: left;
	margin-left: 50px;
}
#content{
	position: relative;
	width: 460px;	
	float: left;

}

.narrowcolumn{
/*
	position: relative;
	width: 460px;	
	float: left;
	margin-left: 15px;
	border: 1px solid #f0f;
*/
}

/* SIDEBAR AREA */

#sidebar_container{
position: relative;
	width: 230px;
	float: left;
	list-style: none;
	top: 0;
}

/* fix for sidebar lists */

#sidebar ul, #sidebar li{
	list-style: none;
}

/* global destruction of list-style */
ul{
	list-style: none;
}
#footer_container{
	width: 100%;
	float: left;
}

iframe{
	width: 950px;
	height: 200px;
}

.cable {  /* For the Walkman */

	background-image: url('images/kabel_bottom.gif');
	background-repeat:no-repeat;
	height: 350px;
}
		



/* CENTER TABLE ROW, MAIN INFORMATION */
/* #################################################################### */


h2, .title_site, .title_paragraph{
	line-height:25px;
	font-size: 17px;
	font-weight:bold;
	text-decoration: none;
	/*text-transform: uppercase; */	
	color:#ff0099;
	
}

.post{
	padding-bottom: 10px;
}

.title_paragraph2{ 

	line-height:25px;
	font-size: 15px;
	font-weight:normal;
	color:#5293FF; /* #4F9AE3 */
	text-decoration: none;
}

#article_date{
	font-size: 9px;
	color: #232F74;
}

.date_or_subtitle{

	font-size:9px;
	color:#232F74;

}


.large_white {		
	
	color: white;
	line-height:18px;
	font-size: 11px;
	font-weight: lighter;
			
}


.large_white a:link, .large_white a:visited{

	color: #5293FF; /* #232F74; */
	line-height:18px;
	font-size: 11px;
	font-weight:normal;
	text-transform: uppercase;	
	text-decoration:  none;		
}

.large_white a:hover{ 
	
	text-decoration:underline;	
}




.readmore a:link{

	line-height:20px;
	font-size:10px;
	color:#232F74; /*#232F74 #5293FF*/
	text-decoration:  none;	
	text-transform: uppercase;
}

.readmore a:hover{ 

	
	text-decoration:underline;	
}



/* SMALL TEXT, RIGHT TABLE ROW */
/* #################################################################### */



.small_kursiv{

	color:white;
	font-size:11px;
	font-weight:normal;		
	font-style:italic;
	line-height:16px;
}

.small_white {
	
	color: #fff;
	font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
	font-size:11px;
	line-height:16px;
	font-weight:light;		

}


.small_white a:link, .small_white a:visited{

	color:#FFE214;
	text-transform: uppercase;	
	font-size:11px;
	font-weight:normal;	
	text-decoration: none;	
	line-height:16px;
}

.small_white a:hover{ 

	text-decoration:underline;	
}




/* ANYTHING ELSE */
/* #################################################################### */



.highlight, .highlight a:link{
	color:#ff0099;
	font-size:11px;
	font-weight:bold;
	text-decoration: none;
	line-height:16px;
}

.highlight a:hover{ 

	text-decoration:underline;	
}



/* Bottom */


.footer {	

	line-height:20px;
	font-size:10px;
	color:#232F74;
}

.footer a:link, .footer a:visited {	

	line-height:20px;
	font-size:10px;
	color:#232F74;
}

.footer a:hover{ 

	color:#5293FF;
	text-decoration:underline;	
}

.copyright{	
	
	line-height:20px;
	font-size:10px;
	color:#232F74;
}

/* TEXT FORMATTING */


p{
	font-family: font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif;
	font-size: 11px;
	color: #fff;
}

pre{
	color: #fff;
	font-size: 14px;
}

/* remove all borders from images */
img{
	border: none;
}
/* END */