/*
Theme Name: Sofacore
Theme URI: http://sofacore.net
Description: The awesome sofacore.net
Version: 3.0
Author: André Lersveen
Author URI: http://sofacore.net
Tags: hot, awesome, nice, pretty
*/

/* GENERAL */

* {
	margin: 0;
	padding: 0;
	outline: 0 none;
}

html {
	padding: 0;
	margin: 0;
	text-align: center;
	height:100%;
	
}

body {
 	 text-align: center;
  	 margin: 0;
 	 padding: 0;
 	 font-family: arial, helvetica, sans-serif;
 	 font-size:16px;
 	 color: #7d8abb;
 	 height:100%;
 	 background: #b3d0f1 url('images/bg.jpg');
}

a:focus {
outline:none
}

a {
	color: #ed6363;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.clearboth {
	clear: both;
}

.center {
	margin: 30px;
	text-align: center;
}

.hidden {
	display:none;
}

.margintop {
	margin-top: 30px;
}

/* GENERAL END */

/* LAYOUT */

.container {
	margin: auto;
  	text-align: left;
	width: 900px;
}

#header {
	position: relative;
	width: 100%;
	height: 122px;
	margin: auto;
}

#logo {
	background: url('images/logo.png');
	width: 277px;
	height: 96px;
	position: absolute;
	top: 0;
	left: 7px;
}

#logo a, #logo h1 {
	display: block;
	width: 100%;
	height: 100%;
}

h3 {
	font-family: georgia, serif;
	font-size: 24px;
	padding-bottom: 3px;
	border-bottom: 2px solid white
}

#title span {
	color: #fc3da0;
}

#meny {
	position: absolute;
	bottom: 24px;
	right: 0;
	list-style: none;
}

#meny li {
	float: left;
	height: 34px;
	margin-left: 33px;
}

#meny a {
	display: block;
	width: 100%;
	height: 100%;
	background: url('images/meny.png');
}

#meny a:hover, #meny a.aktiv {
	color: #ed6363;
}

#meny #hjem {
	width: 85px;
}

#meny #hjem a:hover, #meny #hjem a.aktiv {
	background: url('images/meny.png') no-repeat;
	background-position: bottom left;
}

#meny #arbeid {
	width: 107px;
}

#meny #arbeid a {
	background-position: -85px 0px;
}

#meny #arbeid a:hover, #meny #arbeid a.aktiv {
	background: url('images/meny.png') no-repeat;
	background-position: -85px -34px;
}

#meny #om {
	width: 58px;
}

#meny #om a {
	background-position: -192px 0px;
}

#meny #om a:hover, #meny #om a.aktiv {
	background: url('images/meny.png') no-repeat;
	background-position: -192px -34px;
}

hr.enkel {
	float: left;
	width: 100%;
	border: 0;
	border-top: 2px solid white;
}

hr.dobbel {
	float: left;
	width: 100%;
	padding: 3px 0;
	border: 0;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
}

#intro {
	float: left;
	width: 100%;
	height: 208px;
	margin: 30px 0;
	background: url('images/intro.png') no-repeat;
}

.titlewrap {
	float: left;
	width: 100%;
	height: 48px;
}

#action {
	margin: 15px auto;
	width: 320px;
	height: 18px;
}

.ornament {
	display: block;
	float: left;
	width: 40px;
	height: 18px;
	margin: 0 34px;
	background: url('images/action.png') no-repeat;
	background-position: -212px 0;
}

#action a.se {
	display: block;
	float: left;
	width: 114px;
	height: 18px;
	background: url('images/action.png') no-repeat;
}

#action a.se:hover {
	background-position: bottom left;
}

#action a.les {
	display: block;
	float: left;
	width: 98px;
	height: 18px;
	background: url('images/action.png') no-repeat;
	background-position: -114px 0;
}

#action a.les:hover {
	background-position: -114px -18px;
}

.panel {
	float: left;
	width: 900px;
}

.panel.margin {
	margin: 30px 0;
}

.imgwrap {
	float: left;
	border: 2px solid white;
	line-height: 0;
}

.imgwrap img {
	margin: 4px;
	border: 2px solid white;
}

.textbox {
	margin-top: 20px;
	margin-bottom: 30px;
	margin-left: 45px;
	float: left;
	text-align: left;
	width: 270px;
}

.textbox.first {
	margin-left: 0;
}

.panel .textbox {
	margin-top: 0;
	margin-bottom: 0;
}

.textbox p {
	margin-top: 15px;
	line-height: 20px;
}

#bla {
	float: left;
	height: 26px;
	margin: 20px 0;
}

#bla div {
	float: left;
}

.blatekst {
	display: none;
	margin-left: 70px;
	background: url('images/bla.png') no-repeat;
	width: 206px;
	height: 26px;
	background-position: 0 -26px;
}

.noscript {
	float: left;
	height: 10px;
	width: 10px;
	margin: 10px 0;
}

.arbeid {
	margin: auto;
	width: 83px;
	height: 18px;
	background: url('images/arbeid.png');
}

.om {
	margin: auto;
	width: 43px;
	height: 18px;
	background: url('images/om.png');
}

#pagenav {
	margin: 15px auto;
	width: 284px;
	height: 23px;
}

#pagenav #forrige a {
	display: block;
	float: left;
	width: 88px;
	height: 23px;
	background: url('images/pagenav.png') no-repeat;
}

#pagenav #forrige a:hover {
	background-position: 0 -23px;
}

#pagenav #neste a {
	display: block;
	float: left;
	width: 88px;
	height: 23px;
	background: url('images/pagenav.png') no-repeat;
	background-position: -88px 0;
}

#pagenav #neste a:hover {
	background-position: -88px -23px;
}

#pagenav #forrige.grey {
	float: left;
	width: 88px;
	height: 23px;
	background: url('images/pagenav.png') no-repeat;
	background-position: 0 -46px;
}

#pagenav #neste.grey {
	float: left;
	width: 88px;
	height: 23px;
	background: url('images/pagenav.png') no-repeat;
	background-position: -88px -46px;
}

#innhold {
	float: left;
	width: 585px;
	margin-top: 20px;
	margin-bottom: 10px;
}

#innhold a {
	text-decoration: underline;
}

#innhold a:hover {
	text-decoration: none;
}

#innhold h3 {
	border: 0;
	margin-bottom: 10px;
}

#innhold p {
	margin-bottom: 20px;
	letter-spacing: 0.4px;
}

#innhold .imgwrap {
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 5px;
}

#sidebar .textbox{
	text-align: right;
}

#sidebar span {
	display: block;
	margin-top: 5px;
}

#sosial {
	margin: auto;
	width: 822px;
}

.site {
	margin-top: 10px;
	height: 32px;
	margin-right: 100px;
}

.site a {
	display: block;
	width: 100%;
	height: 100%;
	color: #7d8abb;
}

.site a:hover {
	text-decoration: none;
	color: #ed6363;
}

.site {
	float: left;
	font-family: georgia, serif;
	color: #7d8abb;
	font-size: 24px;
}

.site span {
	float: left;
	margin-top: 2px;
	margin-left: 50px;
}

.siste {
	margin-right: 0px;
}

#facebook {
	background: url('images/sosial.png') no-repeat;
}

#flickr {
	background: url('images/sosial.png') no-repeat;
	background-position: 0 -32px;
}

#lastfm {
	background: url('images/sosial.png') no-repeat;
	background-position: 0 -64px;
}

#twitter {
	background: url('images/sosial.png') no-repeat;
	background-position: 0 -96px;
}

#footer {
	position: relative;
	float: left;
	width: 100%;
	text-align: left;
	margin-top: 20px;
}

#footer .left {
	float: left;
}

#footer .right {
	position: absolute;
	right: 0;
}

#footer p {
	margin-bottom: 20px;
}

#footer a {
	color: #7d8abb;
	font-weight: bold;
}

/* LAYOUT END */

/* CODA SLIDER */

		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: auto;
			float: left;
			margin-top: 30px;
			position: relative;
			width: 900px;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 277px; overflow: hidden}
		.csw .loading {margin: 100px 0 277px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			margin: auto;
			width: 900px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 277px;
			clear: both;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 900px; /* Also specified in  .stripViewer  above */
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			bottom: -46px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			width: 37px;
			height: 26px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			left: 309px;
		}
		
		.stripNavL a {
			background: url('images/bla.png') no-repeat;
		}
		
		.stripNavR a {
			background: url('images/bla.png') no-repeat;
			background-position: -37px 0;
		}
		
		.stripNavL a:hover {
			background-position: -73px 0;
		}
		
		.stripNavR a:hover {
			background-position: -110px 0;
		}

/* CODA SLIDER END */