/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on Twenty Ten)
Version: 3.0
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";

body{
	background:url(images/background.jpg);
}

li {
	list-style:none;
		
}

#glow {position: absolute;margin: 0;background:url(images/bg_glow.png);z-index:1;width: 1024px;height: 761px;}
#glowwrapper {width: 970px; background-color:none; text-align: left; margin: 0pt auto; margin-top: -7px;padding:0 30px; position: relative; z-index: 1;}


/* main */

.content-pad {
	width: 970px; 
	background-color:none; 
	text-align: left; 
	margin: 0pt auto; 
	margin-top: -7px;
	padding:0 30px; 
	position: relative; 
	z-index: 1000;
}

#header{
	position: relative;
	background:url(images/header_bg.png);
	width: 916px;
	height: 209px;
	background-repeat: no-repeat;

}


/* navigate menu */
#nav{
	position:absolute;
	z-index:4;
	border: none;
	margin-left: 369px;
	margin-top: 130px;
}

.hem{background:url(images/hem_btn.png);}
.hem:hover{background:url(images/hem_btn_on.png);}
.current_page_item{background:url(images/hem_btn_on.png);}

.su{background:url(images/su_btn.png);}
.su:hover{background:url(images/su_btn_on.png);}
.current_page_item2{background:url(images/su_btn_on.png);}

.info{background:url(images/info_btn.png);}
.info:hover{background:url(images/info_btn_on.png);}
.current_page_item3{background:url(images/info_btn_on.png);}


/*searchform*/

#search{
	height:25px; 
	position:absolute; 
	right:-20px; 
	top:51px; 
	width:345px; 
	z-index:3;
}

.search-input {
	background:none no-repeat scroll 0 0; 
	border:none; 
	color:#9499A1; 
	float:left; 
	font-family:Arial; 
	font-size:13px; 
	height:17px; 
	margin:0; 
	padding:5px 0px 0 25px; 
	width:170px;
	z-index:3;
}
	
.search-submit {
	border:0 none; 
	float:right; 
	height:30px; 
	margin-top:-2px; 
	width:73px;
}



/* Sida: HEM */

#top_title{
	width: 903px;
	height: 256px;
	clear: both;
	position: relative;
	background: url(images/top_title.png);
}

.top_content{
	color:#313131;
	font-family:"Times New Roman", Times, serif;
	font-size: 36px;
	font-style:italic;
}

.top_content span{
	font-weight:bold;
}

.top_title_text{
	letter-spacing:1px;
	text-align: center;
	width: 700px;
	padding-top: 80px;
	padding-left: 105px;
}
	
/* collums */

.collumn{
	width:180px;
	height:auto;
}

.link2{
	left:-20;
}

/* Sida Systemutveckling */

#top_windows{
	display:block;
	width: 903px;
	height: 256px;
	clear: both;
	position: static;
	background: url(images/windows.png);
}

.list-of-links{
	position:absolute;
	text-align:left;
	margin-left: 10px;
	margin-top: 255px;
}

li a{
	font-family:Arial;
	text-decoration:none;
	color:#313131;
	font-size:12px;
	line-height: 24px;
	border-left:solid;
	border-color:#5fc5f3;
	padding-left:4px;
}

li a:hover{border-left:solid;border-color:#000;padding-left:7px;}

.su_content{
	position:absolute;
	left: 240px;
	top: 255px;
	width:440px;
	padding-bottom: 40px;
	z-index:3000;
}
	
.su_sidebar{
	position:absolute;
	left: 730px;
	top: 255px;
	width:150px;
	z-index:3000;
}

.su_box{
	position:relative;
	width:380px;
	height: 110px;
	display: block;
	background:url(images/su_box.png) repeat-x;
	padding-left:12px;
	padding-top: 10px;
	z-index:4000;
	margin-top:17px;
	margin-left:15px;
}


#webbsystem{
	display:block;
	width: 916px;
	height: 209px;
	clear: both;
	position: static;
	background: url(images/webbsystem.png);
}

#traditionella{
	display:block;
	width: 916px;
	height: 209px;
	clear: both;
	position: static;
	background: url(images/traditionella.png);
}

#intressanta{
	display:block;
	width: 916px;
	height: 209px;
	clear: both;
	position: static;
	background: url(images/intressanta.png);
}

#info_top{
	display:block;
	width: 916px;
	height: 247px;
	clear: both;
	position: static;
	background: url(images/info.png) no-repeat;
}


/* Fonts */

p a{font-family: Arial; font-size:10px; color:silver;}
p{font-family: Arial; font-size:12px; color:#313131;}
p strong{font-size:18px;}
h1 {font-family: Arial; font-size:18px; color:#313131;}
ul li{font-family: Arial; font-size:12px; color:#313131; line-height: 24px; padding-left: 40px;}


/* Footer */

.footer_style{
	font-family:Arial;
	position: absolute;
	bottom:0px;
	float: left;
	clear: both;
	text-align: center;
	color:white;
	z-index: 1;
}