* { margin: 0; padding: 0; }
html{font-family:Arial, Helvetica,serif;
}
body{
	background-color:#FFF;
	font-family:Arial, Helvetica,serif;
	background-image:url(assets/bgtop.png);
	background-repeat:repeat-x;
	font-weight:100;
	}
	
bold{
	font-weight:bold;}	
	
a:link{
	color:#000;}	
	
	
	
h1{
	font-size: 14px;
	font-family:Arial, Helvetica, serif;
	letter-spacing:0.4px;

	font-weight:400;
	color:#666;
	margin: 0 0 0;
	}
	
h2{
	
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0.4px;
	line-height:13px;

	font-weight:400;
	color:#666;
	margin: 0 0 0;
	}
	
h3{
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0.4px;

	font-weight:400;
	color:#000;
	margin: 0 0 0;
	
	}			


#wrapper{
	width:1000px;
	margin: 0px auto;}
	
.logga{
	width:300px;
	height:55px;
	float:left;
	margin-top:19px;
	margin-left:0px;
	}	
	
.logga img{
	border:none;}	
	
.meny{

height: 64px;
letter-spacing:1px; 

font-size:11px;
height:20px;
float:right;
margin-right:5px;
text-align:right;
margin-top:42px;

width:550px;
	}
	
.meny li{
	height:20px;
	display: inline;
	
	}
			

.meny a:hover{
	color:#33cccc;
	}	
	
.meny a{
	
	margin-right: -5px; 
	padding: 0.5em 1.2em ; 
	color: #666; font-weight: 100; 
	text-decoration: none; 
	border-left:solid 1px #eaeaea;}	
	
.right{
	
		margin-right: -4px; 
	padding: 0.4em 1.2em ; 
	font-weight: 100; 
	text-decoration: none; 
	border-left:solid 1px #fafafa;
	border-right:solid 1px #eaeaea;}	
	
.active{
	background-color:#33cccc;

	}	
	
.activeref{
	background-color:#FF66CC;
	}	
	
.activeblogg{
	background-color:#FF6600;
	}
	
.activeupp{
	background-color:#66CC33;
	}	
	
.activekontakt{
	background-color:#333333;
	}		
		
	
	
.mainpic{
	width:1000px;
	height:306px;
	float:left;
	margin-bottom:20px;
	margin-top:0px;
	border-top:solid 1px #eaeaea;
	border-bottom:solid 1px #eaeaea;
	
	}
	
.mainpic img{
	float:left;
	border:none;
	}	
	
.infoboxmain{
	float:left;
	width:1000px;
	height:240px;
	margin-bottom:0px;
	margin-top:10px;
	margin-left:0px;
	border-bottom:solid 1px #eaeaea;
	}
	
.infoboxmain li{
	margin-left:0px;
	width:200px;
	list-style:none;
	margin-right:66px;
	float:left;}	
	
.infoboxmain img{ margin-top:20px;
width:191px;
height:113px;}		


.infoboxmain a{
	font-size:11px;
	color:#cacaca;
	text-decoration:none;}
	
.infoboxmain a:hover {
	color:#000;
	text-decoration:none;}	
	
	
.infobox{
	font-size:12px;
	letter-spacing:0.4px;
	float:left;
	width:1000px;
	height:200px;
	margin-bottom:0px;
	margin-top:10px;
	margin-left:0px;
	}
	
.infobox li{
	margin-left:0px;
	width:200px;
	list-style:none;
	margin-right:85px;
	float:left;}	
	
.infobox img{ margin-top:20px;
width:191px;
height:113px;}		


.infobox a{
	font-size:11px;
	color:#666;
	text-decoration:none;}
	
.infobox a:hover {
	color:#FD0C99;
	text-decoration:none;}
	
.lastinfo{
	float:right;
	margin-right:300px;}		
	
.info{
	margin-top:-100px;
	width:200px;}
	
	
.info li{
	float:left;
	width:300px;
	height:auto;
	margin-left:0px;
	}
	
.infor{
	float:right;
	margin-top:0px;
	width:220px;}
	
	
.infor li{
	float:left;
	width:300px;
	height:auto;
	margin-:0px;
	}	
	
	
.floatright{
	float:right;
	width:200px;
	margin-right:0px;
	margin-top:-100px;
	}
	
.floatright li{
	float:right;}	
	
.referenser{
	
	float:left;
	width:1000px;
	height:auto;
	margin-bottom:30px;
	}
	
.referenstxt{

	float:left;
	width:300px;
	height:auto;}	
	
.referenser img{
	border:none;
	float:right;
	margin-top:-50px;
	
	height:auto;}	
	
.referenser li{

	list-style:none;
	width:1000px;
	min-height:300px;
	margin-bottom:40px;
	margin-left:0px;}	
	
.referenser a{
	text-decoration:none;
	color:#cacaca;}	
	
	.txtref{
	float:left;
	margin-top:-20px;
	margin-left:0px;
	width:450px;
	height:auto;
	margin-bottom:90px;}
		
	
#reflink {
	color:#666;
	}
		
	
.txtref img{
	border:none;
	float:right;
	margin-top:-52px;
	margin-right:-550px;
	height:auto;
	width:440px;
	border:solid 1px #eaeaea;
	}	
	
.black{
	
	float:left;
	color:#0CF;
margin-left:-450px;
	margin-top:100px;
	font-size:11px;}				
	
	
#footer{
	width:500px;
	height:70px;
	float:left;
	margin-top:-10px;}		
	
.menyfooter{
	float:right;
margin-top:-9px; 
font-size:11px;
height:20px;
float:right;
margin-right:1px;
text-align:right;
width:430px;
color:#cacaca;
margin-bottom:5px;
	}	
	
	.menyfooter li{
	height:20px;
	margin-left:-5px;
	display: inline;
	border-left:solid 1px #eaeaea;
	}
	
.menyfooter a:hover{
	color:#33cccc;
	}	
	
.menyfooter a{
	
	margin-right: 0px; 
	padding: 0em 1.2em ; 
	color:#666; font-weight: 100; 
	text-decoration: none; 
}	


.uppdrag{
	float:left;
	width:1000px;
	height:240px;
	margin-bottom:20px;
	margin-top:20px;
	margin-left:0px;
	}
	
.uppdrag li{
	margin-left:0px;
	width:360px;
	list-style:none;
	margin-right:120px;
	float:left;}
	
	
#social_nav_top {
	margin-bottom:20px;
	margin-top:5px;
	float:right;
	margin-right:1px;
	width:150px;


  font-size: 10px;

  color: #aaa;
  font-weight:100;

  
}

#social_nav_top ul {
	
  margin: 0;
  padding: 0;
  margin-left:-8px;
  margin-top:10px;
}
#social_nav_top ul li {
	
   margin-bottom:10px;
  float: right;
  padding: 0 0 0 16px;
  margin-left: 5px;
  list-style-type: none;
}
#social_nav_top ul li a {
  padding: 4px 0 0 18px;
  height: 32px;
  color: #000;
  text-decoration: none;
  line-height: 1.45em;
  font-weight:100;
}

.spotify {
  background:url(assets/spotify.png) no-repeat;
  background-position:0px -1px;
}
.in {
  background:url(assets/in.png) no-repeat;
  background-position:0px -1px;
}
.twitter {
  background:url(assets/twitter.png) no-repeat;
  background-position:0px -1px;
}	
	



.recent{
	float:left;
	width:300px;}
.recent li{
	float:left;
	list-style:none;
	margin-left:-40px;}	


.blogg{
	margin-left:0px;
	float:left;
	width:1000px;
	height:auto;
	margin-top:20px;
	margin-bottom:10px;
	}
	
.blogg li{
	list-style:none;
	min-height:250px;
	margin-bottom:0px;}	
	
.blogg a{
	text-decoration:none;
	color:#cacaca;}	
	
.post{
	width:1000px;
	float:left;
	height:auto;
	margin-top:0px;
	margin-bottom:32px;
	border-bottom:solid 1px #eaeaea;}
	
.txt img{
	border:none;
	float:right;
	margin-top:-31px;
	margin-right:-470px;
	height:auto;
	height:auto;
	}		
	
	
.txt{
	float:left;
	margin-top:-20px;
	margin-left:80px;
	width:450px;
	height:auto;
	margin-bottom:90px;}			


.datepost {
	
	background:url('assets/date.png') no-repeat scroll top left;
	width:60px;
	height:57px;
	color:#666;
	text-align:center;
	margin-bottom:0px;
	margin-top:1px;
	margin-left:2px;
	float:left;
}

.datepost .date-month {
height:18px;

	font-size:14px;

	font-family:Verdana, Geneva, serif;

	font-weight:normal;

	width:50px;

	margin-top:4px;

	color:#ff6600;

	text-align:center;

	
}

.datepost .date-monthhome {
height:18px;

	font-size:14px;

	font-family:Verdana, Geneva, serif;

	font-weight:normal;

	width:50px;

	margin-top:4px;
	color:#33cccc;
	
}

.datepost .date-day {
	font-family:Arial, Helvetica, serif;
	font-size:22px;
	float:left;
	margin-top:4px;
	margin-left:12px;
	color:#666;
}

.commentcount{
font-size:10px;
width:100px;
height:17px;
color:#000;
font-weight:bold;
font-family: verdana, arial, sans-serif;
text-indent:10px;
float:left;
margin-top:-5px;
margin-left:-36px;
background:url('assets/commentbubble.png') left no-repeat;
}

.commentcounttxt{
color:#000;
margin-left:18px;
font-size:10px;
width:50px;

}

.meta{
	margin-top:-60px;
	float:left;
	margin-left:80px;
	width:400px;
	margin-bottom:0px;}	
	
	
.author{
	padding:3px;
	float:right;
	min-height:45px;
	width:434px;
	margin-right:0px;
	border:solid 1px #eaeaea;
	margin-top:-107px;
	}
	
.author img{
	float:left;}	
	
.txtauthor{
	float:left;
	margin-left:10px;
	margin-top:15px;
	width:350px;}		
	
	
/*****Forms*****/
.kontaktpage{
	margin-top:25px;
	width:210px;
	height:auto;
	float:left;
	margin-left:1px;
	}

.contactform{
	overflow:hidden;
	height:auto;
	width:740px;
	
	float:right;
	margin-top:30px;
;

	letter-spacing:1px;
	margin-bottom:50px;
	
	font-size:12px;
	}	

ol.forms { float: left; list-style: none; margin: 0; width: 800px;  margin-left:200px; }
ol.forms li { 
	clear: both; 
	float: left; 
	margin-bottom: 18px; 
	position: relative;
	width: 100%;
}
ol.forms label {
	color:#000;
	cursor: pointer;
	display: block;
	float: left;
	font-weight: normal;
	
	width: 80px;
	font-size:11px;
	text-align:left;
	margin-left:15px;
}
ol.forms input, ol.forms textarea {
	border: 1px solid #333333;
	font: inherit;
	
	padding: 2px;

	width: 184px;
	
}
ol.forms textarea { height: 125px; width: 254px; }
ol.forms input:focus, ol.forms textarea:focus { background-color: #fff; border-color: #aaa; }
.error2 { color: #000; margin-left:-200px; margin-top:300px; float:left; font-size:10px; }
.error { color: #000; margin-left:0px; }

.errors{
	width:200px;
	height:auto;
	float:left;
	margin-left:98px;
	margin-top:-140px;
	font-size:10px;}

ol.forms li .error { font-size: 11px; margin-left: 10px; margin-top:-10px; }
ol.forms li.textarea .error {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 100px;
	
	
}
ol.forms li.screenReader { margin-bottom: 0; }
ol.forms li.buttons button {
	background: #333333;
	border: none;
	color: #fff;
	cursor: pointer;
	overflow: hidden;
	font-family:Arial, Helvetica, serif;
	padding: 3px 3px 3px 3px;
	text-transform: uppercase;
	width: auto;
	margin-bottom:0px;
	margin-left:0px;
	
}
ol.forms li.buttons button:hover { color: #33cccc; }
ol.forms li.buttons button:active { left: -1px; position: relative; top: -1px; }
ol.forms li.buttons, ol.forms li.inline { float: left; width: 320px; margin-left:105px; }
ol.forms li.inline input { width: auto; float:left;margin-right:5px;}
ol.forms li.inline label { display: inline; float: none; width: auto; }

#contactName{
	margin-left:-200px;
	
	
	width:200px;}	 

.kontakt{
	width:860px;
	height:auto;
	float:left;
	margin-top:30px;

	margin-left:-15px;
	background-color:#FFF;}	
	
.namn{
	margin-left:-180px;
	margin-top:0px;
	float:left;
	
	}	
	
#email{
	
	margin-top:0px;
	margin-left:-200px;
	width:200px;}	
	
.emailname{
	margin-left:-180px;
	margin-top:0px;
	float:left;

	}
	
#commentsText{
	margin-right:260px;
	float:right;

	}
	
.commentstxt{
	
	margin-top:-74px;
	float:right;
	margin-right:-160px;
	}	

.kopia{
	height:10px;
	margin-top:0px;
	float:right;
	margin-right:-30px;
	width:170px;}	
	
#sendCopy{
	float:right;
	margin-top:0px;
	margin-right:-50px;
	
	}				
	
#skicka{
	
	float:left;
	
	margin-left:180px;}	
#social_nav_horizontal {
	margin-bottom:20px;
	margin-top:-25px;
	float:left;
	width:470px;
  margin-left:50px;
  font-family: inherit;
	font-size: 11px;
	font-family: verdana, arial, sans-serif;
	letter-spacing:0.4px;

	font-weight:100;
  color: #8e9090;
  
  
}
#social_nav_horizontal h3 {
  display:inline;
  padding: 0px 10px;
  border-bottom:dashed 1px #ccc;
}
#social_nav_horizontal ul {
	
  margin: 0;
  padding: 0;
  margin-left:-8px;
  margin-top:25px;
}
#social_nav_horizontal ul li {
   margin-bottom:10px;
  float: left;
  padding: 5px 0 0 5px;
  margin-left: 5px;
  list-style-type: none;
}
#social_nav_horizontal ul li a {
  padding: 4px 0 0 28px;
  height: 32px;
  color: #999;
  text-decoration: none;
  line-height: 1.45em;
}

.delicious {
  background:url(assets/delicious.png) no-repeat;
  background-position:0px -1px;
}
.facebook {
  background:url(assets/facebook.png) no-repeat;
  background-position:0px -1px;
}

.twitter {
  background:url(assets/twittertop.png) no-repeat;
  background-position:0px -1px;
}			
	
	
#gaddajager,#bilpool,#el,#iphone,#fmagnusson,#hbs,#emma,#privat,#snickerier,#askog{
	font-family:Arial, Helvetica,serif;}
	
.line{
	width:1000px;
	border-top:solid 1px #eaeaea;
	min-height:1px;
	float:left;
	margin-bottom:30px;
	}
	
#notfound{
	margin-top:200px;
	float:left;
	margin-left:-280px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;}		
	
	
#opaque {
	
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 99;
	background-image:url(assets/bgpost.png);
}