/*
Theme Name: Sahlins Struts
Theme URI: http://www.sahlinsstruts.se/
Description: Tema till Sahlins Struts
Version: 1.0
Author: Helixgymnasiet - Grupp 7
Author URI: http://helixgymnasiet.com/
Tags: Sahlins struts
*/

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

body {
	background: #100f0a;
	/*background: #f2eed1;*/
	font-family: Verdana, Arial, San-serif;
	color: #615c3c;
	font-size: 90%; /* Resets 1em to 10px */
}
#wrap_bg {
	//border-top:15px solid #100f0a;
	width:100%;
	background:#f2eed1;
}
#wrap {
	margin: 0px auto 20px auto;/*VIKTIGT*/
	width:800px;/*VIKTIGT*/
	position:relative;/*VIKTIGT*/
}
a{
	text-decoration: none;
	color: #446c11;
	text-decoration: underline;
	}
a:hover{
	color: #6dae1a;
	}

.clear {
   clear: both;
}

/************
* Header                                                                   *
************/

#logo{
float:left;
margin-top:10px;
}
.bloginfo { /* Den korta texten som beskriver sidan*/
	float:left;
	margin-top:28px;
	margin-left:10px;
	font-size:12px;
	color:#b4af8c;
	text-shadow:-1px -1px 1px #fff;
}
#meny{ /*Huvudmeny uppe i hörnet */
	float:left;
	clear:left;
	margin:15px 0 10px 0;
	border-bottom: 2px dotted #a4a07d;
	padding-bottom:5px;
	width:800px;
	}

#meny li{
	font-size: 1.4em;
	float: left;
	}
#meny li.current_page_item a {
	color:#a4a07d;
}
#meny li.current_page_parent a{
	color:#a4a07d;
}

#meny li a{
		color: #423f27;
		margin:0 18px 0 0;
		font-weight:none;
		text-decoration: none;
		}
		
#meny li a:hover{
		color: #a4a07d;
		text-decoration: none;
		}
		
#meny_children{
	width:800px;
	float:left;
	clear:left;
	margin:-5px 0 15px 0;
	border-bottom: 2px dotted #a4a07d;
	padding-bottom:5px;
	}

#meny_children li{
	float:left;
}

#meny_children li a{
	color: #423f27;
	margin:0 18px 0 0;
	font-size:1.2em;
	font-weight:none;
	text-decoration: none;
}

#meny_children li a:hover{
	color: #a4a07d;
	text-decoration: none;
}

#meny_children li.current_page_item a {
	color:#a4a07d;
}
/************
* Footer                                                                   *
************/

#footer_bg { /*Gör 100% bred footer*/
	background: url('images/footer_bg.jpg') repeat-x #100f0a; /*VIKTIGT*/
	width:100%; /*VIKTIGT*/
	height:300px; /*VIKTIGT*/
}

#footer { /*Footer containern*/
	margin:0 auto; /*VIKTIGT*/
	width:800px; /*VIKTIGT*/
	padding:30px 0 0 0;
	position:relative; /*VIKTIGT*/
}

.footer_column {
	width:145px;
	float:left;
	height:240px;
	padding:0px 30px 0 30px;
	font-size:14px;
	color: #868686;
	border-left:1px solid #252319;
}
.footer_column  h2{ 
	font-size: 16px; 
	padding-bottom:10px; 
	text-shadow: -1px -1px 1px #000000;
	color: #fff;
}
.footer_column p{ 
	text-shadow: -1px -1px 1px #000000;
}
.footer_column span {
	color:#868686;
	text-shadow: -1px -1px 1px #000000;
}

#footer_column_pages {
	width:145px;
	border-left:none;
	padding-left:0;
}
#footer li {
	list-style-type:none;
	margin:0 0 5px 0;
	font-size:14px;
	text-shadow: -1px -1px 1px #000000
}

#footer li a{text-decoration: none;}

#footer li a:hover{ color: #fff;}

/*** Startsida Styles **/

/************
* Start Meny                                                                   *
************/

#start_meny li{
	float:left;
	width:156px;
	margin:0 0 10px 5px;
}

#start_meny li.no_margin{
	margin:0px;
}

#start_meny span{
	background:white;
	width:150px;
	display:block;
	padding:3px;
	height:18px;
	background: url('images/start_meny_bg.jpg') repeat-x;
}

#start_meny a{	
	text-decoration:none;
	display:block;
	height:223px;
	color:#fff;
}

#start_meny p{
	display:none;
	color:#fff;
	padding: 10px;
	position:absolute;
	width:136px;
	height: 180px;	
	z-index:5;
	background:#000;
	
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    -moz-opacity: .8;
    opacity:0.8;
}
#start_meny li:hover img{
	display:block;
	position:absolute;
}
#start_meny li:hover p{
	display:block;
}

#start_meny li:hover span{
	background-position: 0px -24px;
}

.startsida_reklam { /*Reklamen på startsidan*/
	width:780px;
	padding:10px;
	background:#e4dfbe;
	border: solid 1px #aba683;
	margin-top:10px;
}
.startsida_reklam:hover {
	background:#f3f0dc;
}
.startsida_reklam a {
	color:#716d4c;
	text-decoration:none;
	font-style:italic;
}

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

.startsida_reklam h2 a{
	font-size:1.2em;
	font-style:normal;
	color:#423f2b;
}

.startsida_reklam p {
	padding:0px;
	margin:1em 0;
	color:#716d4c;
}

/************
* Infosidor                                                                   *
************/

.infosida_content{ /*Innehåll container*/
	width:800px;
}
.infosida_content h1, h2, h3, h4, h5, h6 {
	margin: 0 0 10px 0;
	font-weight:normal;
}
.infosida_content h1 {
	font-size:1.8em;
	text-transform:uppercase;
}

.infosida_content h2 {
	font-size:1.5em;
	text-transform:uppercase;
}

.infosida_content h3 {
	font-size:1.2em;
}

.infosida_content p{
	margin: 1em 0;
	width:450px;
}

.infosida_content img{
	margin:0 10px;
}
img.alignright {
margin: 0 0 10px 15px;
clear:right;
}

img.alignleft {
margin: 0 15px 10px 0px;
}

img.aligncenter {
	margin:0 0 1em 0;
}

.infosida_content strong{
}

.infosida_content blockquote {
	margin:5px 0  5px 20px;
	font-style:italic;
	color: #4e4e4e;
	padding:10px;
}

.infosida_content ol li{
	list-style-type:decimal;
	margin-left:25px;
	font-size: .8em;
}

.infosida_content ul li{
	list-style-type:disc;
	margin-left:20px;
	font-size: .8em;
}

.infosida_content td {
	padding:5px;
}

/************
* Kontakt                                                                   *
************/

.googlemaps {
	margin: 0 0 20px 0;
}
.googlemaps_text{
	color:#beb995;
}
.googlemaps a{
	text-decoration:none;
}
.kontakt_info_content { /*inforutan till höger*/
	float:right;
	width:500px;
	padding:10px;
	background:#fff;
	border: 1px solid #bfb995;
}

.forms { /*Behållaren för formuläret*/
width:210px;
color:#908a5f;
}
.forms li{
	margin: 5px 0 0 0;
} /*Varje rad i formuläret*/
.forms h3{
	font-size:1.2em;
	color:#6a643d;
	margin: 0 0 10px 0;
} 
#contactName, #email { /*Namn, och email fälten*/
	background:#bfb995;
	padding:5px;
	border: 1px solid #908a5f;
	color:#fff;
}

#contactName:focus, #email:focus{ 
	border: 1px solid #100f0a;
}

.forms span { /*Namn, email etc texerna */
	font-size:14px;
	margin: 0 0 0 3px;
}

#commentsText { /*Meddelande-rutan*/
	background:#bfb995;
	padding:5px;
	border: 1px solid #908a5f;
	color:#fff;
}

#commentsText:focus{ /*Meddelande-rutan_activ*/
	border: 1px solid #100f0a;
}

.inline {/*Skicka en kopia till mig själv-texten*/
	font-size:10px;
	float:left;
	width:150px;
}
.forms p { 
margin: 0 0 0 5px;
}

#sendCopy{ /*Vill du ha kopia checkboxen*/
float:left;
margin: 0 4px 0 0;
}

.screenReader {
	display:none; /*VIKTIGT*/
}

#skicka { /*Skicka-Knappen*/
	cursor:pointer;
	float:right;
	background:#100f0a;
	border: 1px solid #100f0a;
	padding:5px 20px;
	color:#fff;
	margin:10px 0 0 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#skicka:hover { 
	background:#343124;
	border: 1px solid #343124;
	}

.error { /*Felmedelanden*/
	color:red;
	font-size:.8em;
	padding:2px;
}
#sida_container_kontakt{
	display:block;
}