/* Importera blueprint */
@import url('blueprint/screen.css');

/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6.1
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

/* Two-column with sidebar on left from the /examples/ folder  */

a {
	font-size: 100%;
}

a:active { outline: none; }
a:focus { -moz-outline-style: none; }

input { outline: none; }
input { -moz-outline-style: none; }

hr {
	background: url('images/dotted.png') repeat-x;
	height: 6px;
	padding: 0;
	margin: 0;
}

h2 {
	margin: 0;
	padding: 0;
	font-size: 300%;
}

h1, h3 {
	margin: 0;
	padding-bottom: 4px;
}



/* ------------------ Meny ---------------------- */
#header {
	clear: both;
}

#container {

}

#logga {
	float: left;
	width: 417px;
  	height: 55px;
	background: url(images/sprite.png) no-repeat;
	background-position: 0px -180px;
	margin-top: 25px;
}

#sidTitel {
	font-size: 120%;
	font-weight:normal;
	color:#111;
	margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;
}

#menu {
	list-style: none;
	padding: 0;
  	margin: 0;
  	width: 948px;
  	height: 210px;
  	font-size: 140%;
}

#menu li {
	float: left;
}

#menu li a {
	text-decoration: none;
	color: #fff;
}



#meny-bas {
	float: left;
	width: 948px;
  	height: 72px;
	background: url(images/sprite.png) no-repeat;
	background-position: 0px 0px;
	margin-top: 17px;
}

#meny-sok {
	top: 15px;
	left: -30px;
	float: right;
  	height: 72px;
  	position: relative;
	padding: 0;
	margin: 0;
}

#sok-input {
	width: 190px;
	border: 0;
	font-size: 90%;
	background-color: transparent;
}

#startsida a {
	margin-left: 10px;
	float: left;
  	height: 71px;
  	padding-top: 21px;
  	padding-left: 15px;
  	padding-right: 15px;
}

#startsida a:hover {
	margin-top: -2px;
	margin-left: 10px;
	float: left;
  	height: 49px;
	background: url(images/sprite.png) no-repeat;
	background-position: -125px -73px;
  	padding-top: 23px;
  	padding-left: 15px;
  	padding-right: 15px;
  	color: #ececec;
}

#sallskapsspel a {
	float: left;
  	height: 71px;
  	padding-top: 21px;
  	padding-left: 15px;
  	padding-right: 15px;
}

#sallskapsspel a:hover {
	margin-top: -2px;
	float: left;
  	height: 49px;
	background: url(images/sprite.png) no-repeat;
	background-position: -125px -73px;
  	padding-top: 23px;
  	padding-left: 15px;
  	padding-right: 15px;
  	color: #ececec;
}

#jobb a {
	float: left;
  	height: 71px;
  	padding-top: 21px;
  	padding-left: 15px;
  	padding-right: 15px;
}

#jobb a:hover {
	margin-top: -2px;
	float: left;
  	height: 49px;
	background: url(images/sprite.png) no-repeat;
	background-position: -125px -73px;
  	padding-top: 23px;
  	padding-left: 15px;
  	padding-right: 15px;
  	color: #ececec;
}

#ordlista a {
	float: left;
  	height: 71px;
  	padding-top: 21px;
  	padding-left: 15px;
  	padding-right: 15px;
}

#ordlista a:hover {
	margin-top: -2px;
	float: left;
  	height: 49px;
	background: url(images/sprite.png) no-repeat;
	background-position: -125px -73px;
  	padding-top: 23px;
  	padding-left: 15px;
  	padding-right: 15px;
  	color: #ececec;
}

#kontakta-oss a {
	float: left;
  	height: 71px;
  	padding-top: 21px;
  	padding-left: 15px;
  	padding-right: 15px;
}

#kontakta-oss a:hover {
	margin-top: -2px;
	float: left;
  	height: 49px;
	background: url(images/sprite.png) no-repeat;
	background-position: -125px -73px;
  	padding-top: 23px;
  	padding-left: 15px;
  	padding-right: 15px;
  	color: #ececec;
}

#lank-box {
	width: 620px;
	background-color: #fcfcfc;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 120%;
}

#lank-box a {
	padding-left: 5px;
}

/* ------------------ Side Menu ---------------------- */
.sidebar {
	float: left;
	width: 274px;
}

#sidebar-top {
	float: left;
	width: 262px;
	height: 58px;
	background: url(images/sprite.png) no-repeat;
	background-position: 0px -236px;
	padding-left: 10px;
}

.sidebar ul {
	padding: 0;
	margin: 0;
}

.sidebar ul li { 
	display: inline;
}
 
.sidebar ul li a{ 
    display: block; 
    float: left;
    width: 257px;
    height: 35px;
	background: url(images/sprite.png) no-repeat;
	background-position: 0px -295px;
	padding-top: 15px;
	padding-left: 15px;
	font-size: 120%;
	color: #000;
	text-decoration: none;	
}

.sidebar ul li a:hover { 
    display: block; 
    float: left;
    width: 257px;
    height: 35px;
	background: url(images/sprite.png) no-repeat;
	background-position: 0px -346px;

}

#selected li a { 
    display: block; 
    float: left;
    width: 257px;
    height: 35px;
	background: url(images/sprite.png) no-repeat;
	background-position: -275px -295px;
	padding-top: 15px;
	padding-left: 15px;
	font-size: 120%;
	color: #000;
	text-decoration: none;	
}

#selected li a:hover { 
    display: block; 
    float: left;
    width: 257px;
    height: 35px;
	background: url(images/sprite.png) no-repeat;
	background-position: -275px -346px;

}

#sidebar-bottom {
	float: left;
	width: 272px;
	height: 22px;
	background: url(images/sprite.png) no-repeat;
	background-position: 0px -397px;
}


.sidebar h2 {
	font-size: 140%;
	color: #fff;
	margin-top: 19px;
	margin-left: 7px;
}


/* ------------------ Content ---------------------- */
#content-top {
	float: left;
	width: 948px;
  	height: 16px;
	background: url(images/sprite.png) no-repeat;
	background-position: 0px -146px;
}

#content {
	float: left;
	width: 948px;
	background: url(images/content.png) repeat-y;
	padding-left: 20px;
	padding-right: 20px;
}

#content-bottom {
	float: left;
	width: 948px;
  	height: 16px;
	background: url(images/sprite.png) no-repeat;
	background-position: 0px -163px;
}

/* ------------------ CONTENT LARGE  ---------------------- */
#content-large {
	float: left;
	width: 948px;
	background: url(images/content.png) repeat-y;
}

#content-top-large {
	float: left;
	width: 948px;
  	height: 16px;
	background: url(images/sprite.png) no-repeat;
	background-position: 0px -146px;
}

#content-bottom-large {
	float: left;
	width: 948px;
  	height: 16px;
	background: url(images/sprite.png) no-repeat;
	background-position: 0px -163px;
}

/* ------------------ CONTENT SMALL  ---------------------- */
#content-small {
	float: right;
	width: 672px;
	background: url(images/content-small.png) repeat-y;
	margin: 0;
	padding: 0;
	top: 0;
}

#content-top-small {
	float: right;
	width: 672px;
  	height: 16px;
	background: url(images/sprite.png) no-repeat;
	background-position: 0px -420px;
}

#content-bottom-small {
	float: right;
	width: 672px;
  	height: 16px;
	background: url(images/sprite.png) no-repeat;
	background-position: 0px -437px;
}

#in-content {
	float: left;
	padding-right: 20px;
	padding-left: 20px;
}

#page-comments-small {
	width: 635px;
	float: right;
	margin-right: 36px;
}
/* ------------------ Footer ---------------------- */
#footer {
	padding-top: 20px;
	clear:both;
	width:100%;
	text-align: center;
	color: #b2b2b2;
}

.alignright {
	float: right;
	padding-left: 10px;
}

/* ------------------ Disqus ---------------------- */
#disqus_thread {
	width: 678px;
}