/*
Theme Name: Fragile Nature
Theme URI:
Description:
Version: 1.0
Author: Andreas Hamberg
Author URI: http://www.andreashamberg.com/
Tags:
*/

  @import url("layout.css");


/* Style
--------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}

body {
	width:100%;
	height:100%;
	text-align: center;   /* horizontal centering hack for IE */
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#444;
	font-size:10px;
	background:url(../img/bg.jpg) repeat-x top center;
	background-color:#fff;
}

/* Commons
--------------------------------------------------*/
select, input, textarea
{
  font-family:Georgia, "Times New Roman", Times, serif;
  color:#666666;
}

p {
	margin: 0 0 1.5em 0;
	line-height: 1.5em;
	letter-spacing:0.025em;

}

strong {}

a {
	color:#2863a9;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

img
{  	border-style: none;

}

ul, ol { padding: 0 0 20px 25px; list-style:outside;}
ul li, ol li { padding: 0 0 5px 0;}


h1, h2, h3, h4, h5 {
	font-family:Georgia, Palatino,” Palatino Linotype”, Times, “Times New Roman”, serif;
	font-style:italic;
	font-weight:normal;
	color:#11396e;
	margin: 0 0 0.5em 0;
	font-size: 1em;
	letter-spacing: -0.05em;
}

h1 {font-size: 2em;}

h2 {font-size: 1.6em;}

h3 {font-size: 1.4em;}

h5 {color: #FF0000;}

/*h1:first-letter {font-size: 1.2em;}
h2:first-letter {font-size: 1.2em;}
h3:first-letter {font-size: 1.2em;}*/

hr {
	margin:15px 0 5px 0;
	padding:0px;
	height: 1px;
	border-style: none;
	color: #ccc;
	background-color: #ccc;


}

.clear { clear:both; height:1px;}

.padding_10 {  padding: 0 30px 0 10px; }
.padding_20 {  padding: 0 30px 0 20px; }
.padding_30 {  padding: 0 30px 0 30px; }

/* wrap
--------------------------------------------------*/

#wrap {
	font-size:1.3em;
	background:url(../img/bg2.jpg) no-repeat top center;
}

/* header
--------------------------------------------------*/
/*
#headerLinks ul { float:right; display:inline; margin: 2px 0 0 0; padding-bottom: 0px; font-size:0.9em;}
#headerLinks ul li { float:left; display:inline; margin: 0 0 0 10px; font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; }
#headerLinks ul li a { color:#808761;}
#headerLinks ul li a:hover { color:#f1d851; text-decoration:none;}
*/
/* menu
--------------------------------------------------*/

#menu { background-image:url(../img/menu.jpg); background-repeat:no-repeat; background-position:top center; }
/*#menu ul { float:left; display:inline; margin: 1px 0 0 0; padding:0 0 0 20px; height:39px;}
#menu ul li { float:left; display:inline; margin: 0; padding: 0 0px 0 0px; font-style:italic; text-shadow: #102c47 1px 1px 1px; background-image:url(../img/menu_shadow.jpg); background-position:right; background-repeat:no-repeat!important;}
#menu ul li:first-letter { }

#menu ul li a { color:#f5dd3b;  margin: 0 1px 0 1px;  padding: 5px 10px 12px 10px; display:block; }
*/
#menu ul li a:hover {color:#fff;  background-image:url(../img/menu_gradient_light.jpg); background-repeat:repeat-x; text-decoration:none;  }
#menu ul li a.active { color:#fff;   background-image:url(../img/menu_gradient.jpg); background-repeat:repeat-x;  }


/*drop down for main menu*/

/* drop down
--------------------------------------------------*/

/* site spesific
--------------------------------------------------*/

#nav a {
	color:#f5dd3b;

}

#nav ul a:hover {
	background-color: #2b65ae!important;
	color: #fff !important;
}

#nav ul li:hover a, #nav li:hover li a {
	color: #fff;
}

#nav ul { background-color:#142a5a; }

/* site spesific END
--------------------------------------------------*/

#nav li {
	font-style:italic; text-shadow: #102c47 1px 1px 1px; background-image:url(../img/menu_shadow.jpg); background-position:top right; background-repeat:no-repeat!important;
	float: left;
	position: relative;
	list-style: none;
	font-size:1.7em;
	margin:1px 0 0 0;
}


/* main level link */
#nav a {
	display: block;
	padding:  8px 20px;
	margin: 0 1px 0 0;

}
#nav a:hover {
	color:#fff;  background-image:url(../img/menu_gradient_light.jpg); background-repeat:repeat-x; text-decoration:none; 
}

/* main level link hover */
#nav .current a, #nav li:hover > a {
	color:#fff;   background-repeat:repeat-x; text-decoration:none; 
}

/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: none;
	border: none;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
#nav ul a:hover {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;

	
}


/* dropdown */
#nav li:hover > ul {
	display: block;
}

/* level 2 list */
#nav ul {
	display: none;

	margin: 0;
	padding: 0;
	width: 200px;
	position: absolute;
	top: 38px;
	left: 0;
	
	

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
	
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;

	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
	font-size:14px;
	background-image:none;
}

#nav ul a {
	font-weight: normal;
	
}

/* level 3+ list */
#nav ul ul {
	left: 181px;
	top: -3px;
}

/* rounded corners of first and last link */
#nav ul li:first-child > a {
	/*-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;

	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;*/
}
#nav ul li:last-child > a {
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;

	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
}

/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
} 
html[xmlns] #nav {
	display: block;
}
 
* html #nav {
	height: 1%;
}

/* sidebar
--------------------------------------------------*/

#sidebar { font-size: 0.95em; }


#sideMenu ul { float:left; display:inline; margin: 0 0 0 0; font-size: 1.2em; letter-spacing:-0.02em; padding: 0 0 0 15px; width:100%;}
#sideMenu ul li { float:left; display:inline; margin: 0 0 10px 0;  font-style:italic; width:100%; padding: 0 0 5px 0;}
#sideMenu ul li a { }
#sideMenu ul li a.active { text-decoration:underline; }
#sideMenu ul li a:hover { }

.bestall { background-image:url(../img/knapp_bg.jpg); background-repeat:no-repeat; background-position:center; font-style:italic; padding: 15px 0 0 0; width: 220px; height:50px; display:block; text-shadow: #102c47; color:#FFF; font-size:30px; text-align:center;}
.bestall:hover { text-decoration:none;}

/* center
--------------------------------------------------*/

#center {
	
	}

/* content (right)
--------------------------------------------------*/

/* custom page page
--------------------------------------------------*/

/* footer
--------------------------------------------------*/

#footer {
	color:#999;
	font-style:italic;
	font-size: 0.9em;
	overflow:hidden;
}

#footer p{
	display:block;
	margin:0;
	padding:0 0 10px 0;
}

#footer ul { margin:0; padding:0px 0 0 0; display:inline;}
#footer ul li { display:inline; float:left; padding:0 5px 0 5px; border-right: solid 1px #999;}
#footer ul li a { color:#2863a9;}
#footer ul li a.active { text-decoration:underline;}


#footer ul.icons { margin:0; padding:0px 0 0 0; float:right;}
#footer ul.icons li { display:inline; float:left; padding:0 5px 0 5px; border-right: none;}
#footer ul.icons li a { color:#999; display:block; float:left; margin:0;}


#footer ul.icons li a#skriv_ut {background-image:url(../img/skriv-ut.gif); background-position: top right; background-repeat:no-repeat; padding: 0 20px 15px 0}
#footer ul.icons li a#tipsa {background-image:url(../img/tipsa.gif); background-position: top right; background-repeat:no-repeat;  padding: 0 20px 15px 0}

.tell-a-friend-link a#tipsa {vertical-align: top;}
.tell-a-friend-link a#tipsa {background-image:url(../img/tipsa.gif); background-position: top right; background-repeat:no-repeat;  padding: 0 20px 15px 0}

#footer ul.icons li a#facebook {background-image:url(../img/facebook.gif); background-position: top right; background-repeat:no-repeat; padding: 0 20px 15px 0}
#footer ul.icons li a#twitter {background-image:url(../img/twitter.gif); background-position: top right; background-repeat:no-repeat; padding: 0 20px 15px 0}
#footer ul.icons li a#myspace {background-image:url(../img/myspace.gif); background-position: top right; background-repeat:no-repeat; padding: 0 20px 15px 0}

/* framsidan
--------------------------------------------------*/

.frontpage { padding: 0 0 10px 0;}






































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
Rubrik {
h1
}

Underrubrik {
h2
}

Viktigt meddelande {
h5
}