* { margin: 0; padding: 0; }

body{
	background:#FFF;
	font: 10px normal Verdana, Arial, Helvetica, sans-serif;
	height: 100%;
	width:100%;

	
	}
	
	
#header{
	margin-top:0px;
	
	width:100%;
	height:110px;
	background-image:url(assets/header_bg.png);
	background-repeat:repeat-x;}	
	
.backleft{
	margin-top:50px;
	margin-left:0px;
	float:left;
	width:100px;
	height:600px;
	background-image:url(assets/back_left.png);
	background-repeat:no-repeat;
	}	

#wrapper{
	width:600px;margin: 0 auto; 
   
	

	
	}
	
#middleholder{

	width:600px;
	height:auto;
	background:#fff;
	background-color: #fff;
    border: thin solid #dadada;
	margin-left: auto;
margin-right: auto;
float:left;
position:absolute;
margin-top:-10px;
}
	
	#space{
		width:600px;
		height:60px;}
	
	
		
	
	#textboxmain{
		width:580px;
		float:left;
		height:auto;
		padding-left:10px;
		padding-right:10px;
		}
	

 .videomain{
	 
	 float:left;
	 margin-top:65px;
	 width:595px;
	 height:200px;
	 background:#fff;

    border: 1px solid #fff;

	height:250px;
	background-image:url(assets/main.png);
	background-position:left;
	background-repeat:no-repeat;
	

 }
 
 .video{
	 
	  float:left;
	  margin-top:-70px;
	  height:270px;
	
	  width:300px;
	  background-color:#fafafa;
	  padding:3px;
	 
	  

	 }
 
#meny {
	z-index:5;
	float:right;
	margin-top:-40px;
	margin-right:2px;}
#sddm
{
	
margin: 0;
	padding: 0;
	z-index: 30
	}

#sddm li
{
	
margin: 0;
	padding: 0;
	list-style: none;
	float: right;
	font: normal 9px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 35px;
	background: #000000;
	background-image:url(assets/menu_back.png);
	color: #000;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #49A3FF}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #fafafa;
		color: #000000;
		font: 11px arial}

	#sddm div a:hover
	{	background: #49A3FF;
		color: #FFF}
		
		
		
	.logga{
		margin-top:0px;
		width:300px;
		height:50px;
		float:left;
		margin-right:0px;
		background-image:url(assets/main.png);

		}
		
		
	
		
		
		#content{
			margin-top:30px;
			float:left;
	
			width:580px;
			height:auto;
			    background-color: #fff;
    border-bottom: thin solid #dadada;
	padding:10px;
	
	margin-bottom:15px;
			}
	
		
		
	h1{
		
	font-family:Verdana,Arial,Sans-Serif;
font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	line-height:1.5em;
	color:#0b0b0b;
	
	
	
		}	
		
		
	h2{
		
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial;
	font-size:9px;
	font-weight:lighter;
	letter-spacing:1px;
	line-height:1.5em;
	color:#0b0b0b;	
		}
	
	.blue{
		font-family: "Lucida Grande", "Lucida Sans Unicode", Arial;
	font-size:9px;
	font-weight:lighter;
	letter-spacing:1px;
	line-height:1.5em;
	color:#3399FF;
		
		}
		
		
		
		
		h3{
		
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial;
	font-size:10px;
	font-weight:lighter;
	letter-spacing:1px;
	line-height:1.5em;
	color:#0b0b0b;	
		}	
		
		#latest{
			margin-top:50px;
			float:left;
			margin-left:10px;
			width:170px;
			height:auto;
			
		
			}
		
	.news {

width:180px; 

 
font-family:Verdana,Arial,Sans-Serif;
font-size:9px;

}

#newsticker-demo a { text-decoration:none; }
#newsticker-demo img { border: 2px solid #FFFFFF; }

#newsticker-demo .title {
text-align:center;
font-size:11px;
font-weight:normal;
padding:5px;
}

.newsticker-jcarousellite { width:180px; }
.newsticker-jcarousellite ul li{ list-style:none; display:block; padding-bottom:3px; margin-bottom:5px;padding-left:2px;}
.newsticker-jcarousellite .thumbnail { float:left; height:25px; width:20px; }
.newsticker-jcarousellite .info { float:right; width:120px; }
.newsticker-jcarousellite .info span.cat { display: block; font-size:9px; color:#3399FF; margin-bottom:5px; }

.clear { clear: both; }




/*
SEARCH FORM
*/
.searchwrapper{
	float:right;
	margin-top:-85px;
	height:35px;
	width:110px;
	margin-right:70px;}

.searchbutton
                    {
					
                    color:#000;
                    border: 0px solid;
                    display:block;
                    width:35px;
                    height:36px;
                    background:none;
					background-image:url(assets/search.png);
					background-repeat:no-repeat;
                    position:relative;
                    top:-19px;
                    left:144px;
					cursor:pointer;
				
                    font-size: 11px;
                    }

.searchbutton:hover
                    {
                  
                    color: #000;
                    font-size: 11px;
                    }

.searchfield
                    {
                    background:url(assets/sarch.png) top left repeat-x #666666;
                    color: #000;
					background-color:#FFF;
                    border: 1px solid;
					position:relative;
                    top:0px;
                    left:10px;
                    display:block;
                    width:125px;
                    height:13px;

                    font-size: 11px;
				
                    }	


.home{
	float:left;
	margin-top:-95px;
	width:100px;
	height:45px;
	margin-left:5px;}

.loggain{
float:left;
	margin-top:-5px;
	width:120px;
	height:20px;
	margin-left:-171px;}	
	
	
	
	
.rss{
	float:right;
	margin-top:-95px;
	width:150px;
	height:45px;
	margin-right:360px;
}
.headerlogga{
	background-image:url(assets/headerlogga.png);
	background-repeat:no-repeat;
	background-position:left;
	float:left;
	margin-top:-75px;
	width:450px;
	height:65px;
	margin-left:10px;

	
	
	}	
	
	
	
.mail{
	float:right;
	margin-top:-95px;
	width:75px;
	height:45px;
	margin-right:260px;

	
	
	}	
	
	img{
		border:none;
		}
		
	
	#sidebar{
		float:right;
		margin-right:-192px;
		margin-top:140px;
		width:190px;
		height:auto;
		list-style:none;
	
		
		background-color:#fafafa;
	}
		
		
		
	#senaste{
		padding:5em;
		
		border-bottom:dotted 1px #0b0b0b;
		}		
		
	#categories{
		padding:5em;
		
		border-bottom:dotted 1px #0b0b0b;
		}	
		
	#archives{
		padding:5em;
		border-bottom:dotted 1px #0b0b0b;
	}		
		
	#sidebar li {
   
      padding: .5em;
	  
}	

	#sidebar ul {
   
      padding: .3em;
	 list-style-image:url(assets/listitem1.png);
	  padding-left:20px;
	
	  
}

	#sidebar ul a {
   
      padding: .3em;
	  padding-left:0px;
	  text-shadow:#03F;
	  
	  
}
	
			#sidebar2{
		float:right;
		margin-right:-200px;
		margin-top:170px;
		width:190px;
		height:auto;
		list-style:none;
		background-color:#fafafa;}



		
	/*
Styling
*/
					
ul { 
color:#000;
list-style-type: none;
font-size:12px;
line-height:1.5em;

}

a {
text-decoration:none;
color:#000;

}	


#twitter{
	float:right;
	font-size:9px;
	
	height:auto;
	margin-right:10px;
	margin-top:50px;

	

	}


#twitter2{
	float:right;
	width:140;
	height:auto;
	margin-right:65px;
	margin-top:70px;
	}

/*
kommentarer
*/

/*
medlemmar
*/

p {
padding: 0 0 1em;
}
.msg_list {
margin: 0px;
padding: 0px;
width: 573px;
height:auto;

}
.msg_head {
padding: 5px 10px;
cursor: pointer;
position: relative;
background-color:#Fafafa;
margin:1px;
font-size:11px;
}
.msg_body {
padding: 5px 10px 15px;
background-color:#Fafafa;

}




.text{
	padding-left:70px;
	margin-top:-65px;
	}
	
	



#videoswrap {
	position:relative;
	height:550px;
	margin-top:55px;
}

#links, #videos {  
     list-style: none;  
     position: relative;  
     margin: 0;  
     padding: 0;
}

#links li {
	float:left;
	margin-left:50px;
	
	
}

#videos li {
	float:left;
	margin-left:50px;
	margin-bottom:70px;
	background-color:#Fafafa;

	height:auto;
	width:125px;
}

#videos li img{
	border:solid 1px #000;
	margin-left:10px;
	height:75px;
	width:100px;
	margin-top:5px;
	
}

	
	

#fancy_div {
	background:url(http://www.gaddajager.se/images/video_bg.png) no-repeat;
}


#comment{
	width:370px;
	}



/*  */

p{
	clear:both;
	margin:0;
	padding:.5em 0;
}
pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:600px;
}



#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}

/*  */



	
	
	
	
	
	
	

img {border: none;}


h1 a {	color: #000; }
h1 span {font-weight: normal;}








#footpanel {
	position: fixed;
	bottom: 0; left: 0;
	z-index: 9999; /*--Keeps the panel on top of all other elements--*/
	background: #0b0b0b;
	border: 1px solid #c3c3c3;
	border-bottom: none;
	width: 94%;
	margin:0 3%;

}




*html #footpanel { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: -1px; /*--prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}

#footpanel ul {
	padding: 0; margin: 0;
	float: left;
	width: 100%;
	list-style: none;
	border-top: 1px solid #fff; /*--Gives the bevel feel on the panel--*/
	font-size: 1.1em;
}
#footpanel ul li{
	padding: 0; margin: 0;
	float: left;
	position: relative;
}
#footpanel ul li a{
	padding: 5px;
	float: left;
	text-indent: -9999px;
	height: 16px; width: 16px;
	text-decoration: none;
	color: #fafafa;
	position: relative;
}
html #footpanel ul li a:hover{	background-color: #ccc; }
html #footpanel ul li a.active { /*--Active state when subpanel is open--*/
	background-color: #fff;
	height: 17px;
	margin-top: -2px; /*--Push it up 2px to attach the active button to subpanel--*/
	border: 1px solid #555;
	border-top: none;
	z-index: 200; /*--Keeps the active area on top of the subpanel--*/
	position: relative;
}


#footpanel a.home{	
	background: url(icons/home.png) no-repeat 15px center;
	width: 50px;
	padding-left: 40px;
	border-right: 1px solid #bbb;
	text-indent: 0; /*--Reset text indent--*/
}
a.profile{	background:url(icons/network_cloud.png) no-repeat center center;  }
a.contacts{	background: url(icons/key.png) no-repeat center center;border-right: 1px solid #bbb; }
a.playlist{	background: url(icons/weather-lightning.png) no-repeat center center; }
a.videos{	background: url(icons/film.png) no-repeat center center; }
a.messages{	background: url(icons/mail.png) no-repeat center center; }
a.editprofile{	background: url(weather-lightning.png) no-repeat center center; }
#footpanel a.chat{	
	background: url(icons/chain.png) no-repeat 15px center;
	width: 126px;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	padding-left: 40px;
	text-indent: 0; /*--Reset text indent--*/
}
a.alerts{	background: url(icons/information-white.png) no-repeat center center;	 }

#footpanel li#chatpanel, #footpanel li#alertpanel {	float: right; }  /*--Right align the chat and alert panels--*/

#footpanel a small {  /*--panel tool tip styles--*/
	text-align: center;
	width: 70px;
	background: url(icons/pop_arrow.gif) no-repeat center bottom;
	padding: 5px 5px 11px;
	display: none; /*--Hide by default--*/
	color: #000;
	font-size: 1em;
	text-indent: 0;
}
#footpanel a:hover small{
	display: block; /*--Show on hover--*/
	position: absolute;
	top: -35px; /*--Position tooltip 35px above the list item--*/
	left: 50%; 
	margin-left: -40px; /*--Center the tooltip--*/
	z-index: 9999;
}





#footpanel ul li div a { /*--Reset link style for subpanel links--*/
	text-indent: 0;
	width: auto;
	height: auto;
	padding: 0;
	float: none;
	color: #00629a;
	position: static;
}
#footpanel ul li div a:hover {	text-decoration: underline; } /*--Reset link style for subpanel links--*/

#footpanel .subpanel {
	position: absolute;
	left: 0; bottom: 27px;
	display: none;	/*--Hide by default--*/
	width: 198px;
	border: 1px solid #555;
	background: #fff;
	overflow: hidden;
	padding-bottom: 2px;
}






#footpanel h3 {
	background: #000;
	padding: 5px 10px;
	color: #fff;
	font-size: 1.1em;
	cursor: pointer;
}
#footpanel h3 span { 
	font-size: 1.5em;
	float: right;
	line-height: 0.6em;	
	font-weight: normal;
}
#footpanel .subpanel ul{
	padding: 0; margin: 0;
	background: #fff;
	width: 100%;
	overflow: auto;
}
#footpanel .subpanel li{ 
	float: none; /*--Reset float--*/
	display: block;
	padding: 0; margin: 0;
	overflow: hidden;
	clear: both;
	background: #fff;
	position: static;  /*--Reset relative positioning--*/
	font-size: 0.9em;
}

#chatpanel .subpanel li { background: url(/icons/dash.gif) repeat-x left center; } 
#chatpanel .subpanel li span {
	padding: 5px;
	background: #fff;
	color: #777;
	float: left;
}
#chatpanel .subpanel li a img {
	float: left;
	margin: 0 5px;
}
#chatpanel .subpanel li a{
	padding: 3px 0;	margin: 0;
	line-height: 22px;
	height: 22px;
	background: #fff;
	display: block;
}
#chatpanel .subpanel li a:hover {
	background: #3399FF;
	color: #fff;
	text-decoration: none;
}


#alertpanel .subpanel { right: 0; left: auto; /*--Reset left positioning and make it right positioned--*/ }
#alertpanel .subpanel li {
	border-top: 1px solid #f0f0f0;
	display: block;
}
#alertpanel .subpanel li p {padding: 5px 10px;}
#alertpanel .subpanel li a.delete{
	background: url(icons/delete_x.gif) no-repeat;
	float: right;
	width: 13px; height: 14px;
	margin: 5px;
	text-indent: -9999px;
	visibility: hidden; /*--Hides by default but still takes up space (not completely gone like display:none;)--*/
}
#alertpanel .subpanel li a.delete:hover { background-position: left bottom; }
#footpanel #alertpanel li.view {
	text-align: right;
	padding: 5px 10px 5px 0;
}







.button {
            padding: 4px 10px 3px 25px;
          
            position: relative;
            cursor: pointer;
            display: inline-block;
            background-image: url( 'bkg.png' );
            background-repeat: repeat-x;
            font-size: 11px;
            height: 16px;
            text-decoration: none;
            color: #40740D;
			border-right: 1px solid #bbb;
      
        }
        .button img {
			margin-top:9px;
			margin-left:5px;
            position: absolute;
            top: 0px;
            left: 0px;
            border: none;
        }
        .button:hover {
            color: #8AB134;
        }
		




.comments{
	font-size:14px;
	padding:10px;
	background-color:#fafafa;
	}
	
	
.comments li{
	
	font-size:11px;
	padding:5px;
	background-color:#fafafa;
	margin-bottom:15px;
	border-bottom: solid 1px #000;
	color:#3399FF;
	
	
	}
	

ol#commentlist li {

border-bottom: solid 1px #000000;
margin: 10px;
width:500px;
} 



	
	img.avatar {
float:right;
margin:0 10px 10px 0;
width:30px;

}