/*
Theme Name: Kongleriket
Theme URI: www.firdadigital.no
Description: Theme for Kongleriket
Version: 1.0
Author: tersor
Author URI: www.firdadigtial.no
*/

@import "reset.css";

html,body {
  height: 100%;
}
body {
  background: url(images/background.jpg) repeat;
  /* background: url(images/bakgrunn_vinter.jpg) repeat; */
  padding: 7em 0;
}
h1, h2, h3, h4, h5, h6 {
  color: #78194D;
  font-family: Tahoma, Arial, Helvetica;
}
h1 { font-size: 2em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.3em; }
h6 { font-size: 1.3em; }
p, ol, ul {
  margin-bottom: 1.4em;
}
a {
  color: #78194D;
}
a:hover {
  color: red;
}
.post_meta {
  color: #777;
  font-size: 90%;
}
#container {
  background-color: #fff;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  margin: 0 auto;
  padding-top: 8px;
  width: 960px;
}
#header {
  font-size: 1.2em;
}
#header object {
  display: block;
  margin-bottom: 2px;
}
#content {
  font-size: 1.4em;
  padding: 20px;
}

/* footer */
#footer {
  color: #360;
  font-size: 1.1em;
  margin: 0 auto 2em auto;
  padding: 1em 20px;
  width: 920px;
}
#footer a {
  color: #fff;
  padding: 2px;
}
#footer #ssf {
  background: url(images/ssfFooterLogo.png) 0 50% no-repeat;
  float: left;
  height: 100px;
  width: 150px;
}
#footer #company {
  float: right;
  padding: 10px 0 10px 0;
}

/****** search ******/
#searchform {
  margin-top: 13px;
  display: block;
  float:right;
  height: 100%;
  margin-right: 10px;
  overflow: hidden;
  width: 120px;
}
#searchform input.search-field {
	font-size: 1.4em;
	background:transparent url(images/search.png) no-repeat scroll 0 50%;
	border:medium none;
	color:#63400a;
	float:left;
  font-size: 1.2em;
	height:16px;
	padding:6px 0 6px 10px;
  outline: none;
	width:90px;
}
#searchform input.search-button {
	background:transparent url(images/search.png) no-repeat scroll right 0;
	border:medium none;
	cursor: pointer;
	float:left;
	height:28px;
  text-indent: -9999px;
	width:20px;
}

/* =Menu
-------------------------------------------------------------- */

#access {
	background: #93b638;
	display:block;
	float:left;
  margin: 0 0 20px 20px;
  width: 919px;
  border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
}
#access .menu-header,
div.menu {
	font-size: 13px;
	margin-left: 12px;
}
#access .menu-header ul,
div.menu ul {
  background: url(images/submenuBg.png) 50% bottom no-repeat;
	list-style: none;
	margin: 0;
	padding-bottom: 52px;
}
#access .menu-header li,
div.menu li {
	float:left;
	position: relative;
}
#access a {
	display:block;
	text-decoration:none;
	color:#363;
	padding:0 10px;
	line-height:38px;
  font-weight: bolder;
  height: 56px;
}
#access li a {
  text-indent: -9999px;
  background-image: url(images/menu.png);
  background-repeat: no-repeat;
}
#access li li a {
  text-indent: 0px;
  background: none;
}

#access a[title="Framsida"] { background-position: left 0; width: 107px; }
#access a[title="Kongleriket"] { background-position: left -56px; width: 131px; background-repeat: no-repeat; }
#access a[title="Konglemoro"] { background-position: left -112px; width: 132px; }
#access a[title="Konkurranse"] { background-position: left -168px; width: 137px; }
#access a[title="Klima"] { background-position: left -224px; width: 140px; }
#access a[title="Sparing"] { background-position: left -280px; width: 93px; }

#access .submenu a {
  padding-left: 0;
}
#access ul {
  position: relative;
  z-index: 999;
}
#access ul ul {
	display:none;
	position:absolute;
	top:56px;
	left:0;
	float:left;
	width: 180px;
	z-index: 99998;
}
#access ul ul li {
  border-top: 1px solid #819e34;
	min-width: 180px;	
	position: relative;
}
#access ul ul ul {
	left:100%;
	top:0;
}
#access ul ul a {
	background:#93b638;
	height:auto;
	line-height:1em;
	padding:5px 10px;
	width: 160px;
}
#access li:hover > a {
	background-image: url(images/menuOver.png);
}
#access ul ul :hover > a {
	background-image: none;
  background-color: #363;
  color: #fff;
}
/*
#access li:hover > a,
#access ul ul :hover > a {
	color:#fff;
	background:#333;
}
*/
#access ul li:hover > ul {
	display:block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #fff;
}

* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color:#fff;
}

/* sidebar */
#sidebar {
  float:left;
  width: 200px;
}
.widget-container {
  background-color: #f1f1f1;
  border: 1px solid #e3e3e3;
  color: #454545;
  margin-bottom: 1em;
}
.widget-container h3 {
  border-bottom: 1px solid #e3e3e3;
  font-size: 1.3em;
  padding: .3em .5em;
}
.widget-container p, .widget-container ul {
  margin: 0;
}
.widget-content {
  border-top: 1px solid #fff;
  padding: .8em .5em;
}
.widget-content .cat-post-item a {
  border-bottom: 1px solid #e4d9f3;
  display: block;
  padding: .2em 0;
  text-decoration: none;
}

/* content */
#mainContent {
  float: left;
  margin-right: 20px;
  width: 700px;
}
.post {
  clear: both;
  overflow: hidden;
  width: 100%;
}
.post h3 a {
  text-decoration: none;
}
.navigation {
  height: 100%;
  overflow: hidden;
}
#breadcrumbs {
  color: #666;
  font-size: .9em;
}
#breadcrumbs a {
  
}
#post {
  height: 100%;
  overflow: hidden;
}
#flash-frontpage {
  /*float: left;*/
}
.archive .post {
  border-bottom: 1px solid #ccc;
  padding: 1em 0;
  
}

/* frontpage map */
#fp_left {
  float:left;
  width: 400px;
}
#fp_right {
  float: left;
  margin-left: 4px;
  width: 516px;
}
#map_canvas {
  font-family: Trebuchet MS, Arial;
  font-size: .85em;
  height: 516px;
  position: relative;
  width: 516px;
  z-index: 10;
}
#map_canvas ul, #map_canvas ul li {
  position: absolute;
  left: 0;
  top: 0;
}
#map_canvas ul li a {
	background: url(images/kongleikon.png) 0 50% no-repeat;
  color: #00693c;
  display: block;
  font-weight: bolder;
	padding-left: 20px;
  text-decoration: none;
}
#map_canvas ul li a:hover {
  color: #000;
  text-shadow: none;
}
#map_canvas ul li a span {
  /*
  background-color: #fff;
  background-color: rgba(255, 255, 255, .5);
  */
  display: block;
  padding: 0 5px;
}
#map_canvas ul li a:hover span {
  /*
  background-color: #fff;
  background-color: rgba(0, 105, 60, .5);
  */
}
#map_canvas ul #ardal { left: 457px; top: 219px; }
#map_canvas ul #askvoll { left: 70px; top: 198px; }
#map_canvas ul #balestrand { left: 279px; top: 239px; }
#map_canvas ul #bergen { left: 104px; top: 485px; }
#map_canvas ul #bremanger { left: 56px; top: 51px; }
#map_canvas ul #fjaler { left: 85px; top: 221px; }
#map_canvas ul #floro { left: 56px; top: 126px; }
#map_canvas ul #forde { left: 181px; top: 169px; }
#map_canvas ul #hornindal { left: 279px; top: 11px; }
#map_canvas ul #hoyanger { left: 214px; top: 240px; }
#map_canvas ul #hyllestad { left: 101px; top: 257px; }
#map_canvas ul #gaular { left: 174px; top: 208px; }
#map_canvas ul #gloppen { left: 229px; top: 95px; }
#map_canvas ul #gulen { left: 71px; top: 307px; }
#map_canvas ul #jolster { left: 267px; top: 136px; }
#map_canvas ul #leikanger { left: 319px; top: 251px; }
#map_canvas ul #maloy { left: 83px; top: 4px; }
#map_canvas ul #naustdal { left: 161px; top: 152px; }
#map_canvas ul #nordfjordeid { left: 207px; top: 29px; }
#map_canvas ul #sogndal { left: 361px; top: 238px; }
#map_canvas ul #solund { left: 16px; top: 272px; }
#map_canvas ul #stryn { left: 304px; top: 32px; }
#map_canvas ul #svelgen { left: 99px; top: 72px; }

/* kongle fun */
#konglemoro {
  float: left;
  font-family: Trebuchet MS, Arial;
  height: 481px;
  position: relative;
  width: 1081px;
}
#konglemoro ul, #konglemoro ul li {
  position: absolute;
  left: 0;
  top: 0;
}
#konglemoro ul li a {
  background:none repeat scroll 0 0 transparent;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: -9999px;
}
#konglemoro ul #fargelegg a { 
  background-image: url(images/map_fargelegg.png); 
  left: 74px;   
  top: 176px; 
  height: 27px; 
  width: 97px;
}
#konglemoro ul #konkurransar a {
  background-image: url(images/map_konkurransar.png); 
  left: 15px;
  top: 328px;
  height: 29px;
  width: 127px;
}
#konglemoro ul #skulesaker a {
  background-image: url(images/map_skulesaker.png); 
  left: 194px;
  height: 27px;
  top: 383px;
  width: 100px;
}
#konglemoro ul #oppskrifter a {
  background-image: url(images/map_oppskrifter.png); 
  left: 337px;
  height: 26px;
  top: 371px;
  width: 111px;
}
#konglemoro ul #bursdagsinvitasjonar a {
  background-image: url(images/map_bursdagsinvitasjonar.png); 
  left: 434px;
  height: 26px;
  top: 85px;
  width: 187px;
}
#konglemoro ul #konglesongen a {
  background-image: url(images/map_konglesongen.png); 
  left: 521px;
  height: 54px;
  top: 317px;
  width: 133px;
}
#konglemoro ul #natursti a {
  background-image: url(images/map_natursti.png); 
  left: 654px;
  height: 39px;
  top: 371px;
  width: 85px;
}
#konglemoro ul #skrivebordsbakgrunnar a {
  background-image: url(images/map_skrivebord.png); 
  left: 654px;
  height: 32px;
  top: 203px;
  width: 211px;
}
#konglemoro ul #annamoro a {
  background-image: url(images/map_anna.png); 
  left: 836px;
  height: 37px;
  top: 346px;
  width: 62px;
}

/* images */
img.alignright {float:right; margin:0 0 3em 3em}
img.alignleft {float:left; margin:0 3em 3em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 3em 3em}
a img.alignleft {float:left; margin:0 3em 3em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


/* FLOAT CONTROL SYSTEM By Ståle Raknes - 2006 - http://fcs.raknes.net */

/* WIDTHS */
.fcsA,.fcsD,.fcsB,.fcsC{width:227px;overflow:hidden;}
.fcsAD{width:920px;overflow:hidden;}
.fcsBC,.fcsAB,.fcsCD{width:458px;overflow:hidden;}
.fcsBD,.fcsAC{width:689px;overflow:hidden;}


/* MARGIN RIGHT */
.fcsA, .fcsAB, .fcsAC, .fcsB, .fcsBC, .fcsC{margin-right:4px;}

/* NO MARGIN RIGHT */
.fcsA .fcsA, .fcsAB .fcsAB, .fcsAB .fcsB, .fcsAC .fcsAC, .fcsAC .fcsBC, .fcsAC .fcsC, 
.fcsB .fcsB, .fcsBC .fcsBC, .fcsBC .fcsC, .fcsC .fcsC{margin-right:0}

.fcsFloat{float:left;}
.fcsClear{clear:both;}
.fcsPush{clear:both;margin-bottom:4px;}