/*
Theme Name: NordpolenFF
Theme URI: http://www.nordpolenff.com/
Description: This is the empty theme, and style sheet
Version: 0.8
Author: Stian B Johansen
*/


/***********************
*  Basic tags        *
***********************/

body {
	margin: 0px;
	padding: 0px;
	background: #fff url(images/body_bg.gif) repeat-x;
	font: 76%  Arial, Helvetica, Sans-Serif; /*http://www.thenoodleincident.com/tutorials/typography/template.html*/
	text-align: center;
}

/*H1 {font-size:2em;} */ /* displayed at 24px */
/*H2 {font-size:1.5em;}*/  /* displayed at 18px */
/*H3 {font-size:1.25em;} */ /* displayed at 15px */
/*H4 {font-size:1em;}*/  /* displayed at 12px */

/*h1 {font-size: 150%;font-weight: normal;}
h2 {font-size: 120%;font-weight: normal;}
h3 {font-size: 100%;font-weight: normal;}
h4 {font-size: 80%;font-weight: bold;}
h5 {font-size: 70%;font-weight: bold;}
h6 {font-size: 64%;	font-weight: bold;}*/

/*Typography*/
h1 {font-size: 2.0em;font-weight: normal;margin-top: 0em;margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/	}
h2 {font-size: 1.7em;margin: 1.2em 0em 1.2em 0em;font-weight: normal;}
h3 {font-size: 1.4em;margin: 1.2em 0em 1.2em 0em;font-weight: normal;}
h4 {font-size: 1.2em;margin: 1.2em 0em 1.2em 0em;font-weight: bold;}
h5 {font-size: 1.0em;margin: 1.2em 0em 1.2em 0em;font-weight: bold;}
h6 {font-size: 0.8em;margin: 1.2em 0em 1.2em 0em;font-weight: bold;}

ol, ul, li {/*list-style: none;*/font-size: 1.0em;line-height: 1.8em;margin-top: 0.2em;	margin-bottom: 0.1em;}
p {	font-size: 1.0em;line-height: 1.6em;margin: 1.2em 0em 1.2em 0em;}
li > p {margin-top: 0.2em;}
pre {font-family: monospace;font-size: 1.0em;/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/}
strong, b {	font-weight: bold;}

a{	color: #ff6600;font-weight: bold;}
/*a:hover {text-decoration: underline;}*/



/***********************
*  DIV #PARENT   *
***********************/
#outline {
	padding: 0px;
	margin:0 auto;
	margin-top:-1px;
	width:900px;
	text-align: left;
	background: url(images/box_bg.gif) repeat-y;
}

#header {	
	background: url(images/head_bg4.gif) no-repeat;
	width:900px;
	height: 300px;
	border-top:#fff 1px solid;
}

#header_box {
	width: 810px;
	margin:0 auto;
	height:240px;
}

#head_flash{
	width: 540px;
	float: left;
	clear: both;
	margin: 10px 0 0 10px;
	padding: 0px;	
}

#menu{
	height: 40px;
	margin:-10px auto 0px auto;
	padding:0px;
	clear: both;
	float: left;
	/*background: transparent url(images/nav_bg.gif) repeat-x 0 0;*/
}

#wrapper {
	width: 810px;
	margin:0 auto;
}

#box{
	width: 810px;
	margin:0 auto;
	height: 100%;
}

#content {
	width: 540px;
	float: left;
	clear: both;
	margin-top: 20px;
}

#sidebar {
	float: left;
	width: 270px;
	padding-top: 20px;
	padding: 0px;
	background: transparent url(images/sidebar_bg.gif) no-repeat;
}

#bottom {
	background: transparent url(images/bg_bottom.gif) repeat-y; 
	clear: both;
	height: 300px!important; height: 100%;
	margin: 0 auto;
	padding: 0px;
	font-size: 0.8em;
	text-align: left;
/*	border:1px solid #000000;*/
/*	border-top: 20px solid #ccc;*/
/*	color: #fff;*/
/*	width: 810px;*/	
}

#bottom-left,
#bottom-mid,
#bottom-right {
	width: 30%;
	float: left;
	/*padding: 20px 0 20px 20px;*/
	/*padding:10px;*/
}
#bottom-left{
	background: transparent url(images/bg_bottom-left.gif)  no-repeat;
	padding: 0px; 
	width: 270px;
	height: 50px;
}
#bottom-mid{
	background: transparent url(images/bg_bottom-mid.gif)  no-repeat; 
	padding: 0px;
	width: 270px;
	height: 50px;
}
#bottom-right{
	padding: 0px;
	background: transparent url(images/bg_bottom-right.gif)  no-repeat; 
	width: 270px;
	height: 50px;
}

#footer {
	width: 100%;
	height: 75px;
	clear: both;
	background: #4c4c4c;
	border-top: 1px solid #000;
}

/***********************
*  DIV #PARENT.class   *
***********************/

/*----- blogtitle -----*/
#header .blogtitle {
	width: 810px;
	margin:0 auto;
	padding-top:10px!important; padding-top:0px;
	height:50px !important; height:60px;
}

#header .blogtitle h1 {
	color: #333333;
	text-decoration: none;	
}

/*------ quote ------*/
#wp_quotes{
	font-size: 1.25em;
	line-height: 1.25em;
	float: left;
	width: 220px;
	margin: 80px 10px 10px 20px;
/*	padding: 45px 10px 10px 20px;*/
	color: #666666;
}

.wp_quotes_author
{
	text-align:right;
	font-style: italic;
	margin-top: 5px;
}

.wp_quotepage{
	margin: 0px;
	width: 200px;
}

.wp_quotepage_author{
	margin-left: 40px;
	font-style: italic;
}

hr.wp_quotepage_hr{
	width: 70%;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}

.wpquotes_poweredby{
	text-align: center;
	font-size: 0.8em;
	margin-top: 12px;
}


/***********************
*  DIV #CONTENT.class   *
***********************/
#breadcrumb{
	width: 500px;
	margin:0 auto;
}

/*------ Post ------*/
.post {
	width: 500px;
	margin:0 auto;	
}
h3.posttitle{
	border-bottom: 1px dotted #333;
}

h3.posttitle a{
	color: #ff6600;
	text-decoration: none;	 
}

.post p {
	
}

.postentry{
	line-height: 90%;
}
.bilde{
	margin: 10px;
	border: 5px solid #f4f4f4;
}


p.resten a{
	font-size: 0.8em;
	color: #ff6600;
	text-decoration: none;	
}

/*.post-date{
	font: 0.8em #ccc;
}*/
/*------ date ------*/
.cal-bg {
	background:url(images/dateBG.jpg) no-repeat top center;
	width: 48px;
	height: 61px;
	padding-top: 5px;
	margin: 0px 15px 5px 0px !important; margin: 10px 15px 5px 0px;
	position: relative;
	float: left;
	text-align: center;
}
.cal-month{
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	padding-top:3px !important; padding-top:5px;
	font-size: 0.8em;
}
.cal-date{
	color: #000000;
	font-size: 1.3em;
	text-align: center;
/*	padding-top:3px !important; padding-top:10px;
	margin-top:20px !important; margin-top:0px;*/
}

.cal-year{
	color: #000000;
	font-size: 0.8em;
	text-align: center;
	font-weight: bold;
	padding-top: 5px;
}


.post a {}

.post ul {}

.post li {}

.entry {}

.entrytext {}

.postmeta {}

.postmeta a {	
/*	font: 0.8em #ccc;*/
	text-decoration: none;
}

.navigation {}

.alignleft {}

.alignright {}

.center {}

.pagetitle {}

blockquote {}

cite {}

a img {}

acronym, abbr {}


/*the following classes are to demonstrate better line heights for narrow columns*/	
.narrow1{
	width: 50%;
	line-height: 90%;
	}
.narrow2{
	width: 50%;
	line-height: 105%;
	}
	
	/*the following classes are to demonstrate better line heights for narrow columns*/	
.narrow {
	font: 0.8em/1.2em Verdana, Arial, Helvetica, sans-serif;/*font-weight: bold;*/
	margin:0 5px;
	}
.narrow2{
	width: 50%;
	line-height: 105%;
	}

/*------ page ------*/
.page-title{}
.page{
	width: 500px;
	margin:0 auto;	
}
pages-border{
	border: 1px dotted #333;
}
.page-previous{float:left; width:250px; margin:20px 0 0 20px;}
.page-next{float:right;width:250px; margin:20px 0 0 20px;}
.clear {
	clear: both;
}

/*------ navigation ------*/
.navigation{
	width: 500px;
	margin:0 auto;
	text-align: center;
	font-size: 0.8em;
	color:#333; 
/*	background-color:#f4f4f4;*/
	/*border: 1px solid #333;*/
}
.navigation a{
	color:#333;
	text-decoration: none;
}
.alignleft{
	float:left;
	width: 250px;
	line-height: 90%;
}
.alignright{
	float:right;
	width: 250px;
	line-height: 90%;
}

/**********************
*   Comments          *
***********************/
#comments {
	width: 350px;
	margin:0 auto;
	border: 1px dotted #333;
}
#commentlist{
	
}
#commentlist li{
	list-style: none;
}
.commentmetadata{}
.commentpage {}

.alt {
	background-color: #f4f4f4 ;
	padding: 10px;
	margin:5px;
	border: 1px solid #ccc;
	}


/*------ form ------*/
/* fieldset styling */
fieldset {
	margin: 1em 2em; /*  space out the fieldsets a little*/
	border : 1px solid #ccc;
	background: #f8f8f8;
}

/* legend styling */
legend {
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-weight: bold;
	padding: 0 0.5em; /* just some cosmetic padding */
}

/* bit of styling */
fieldset div.outline {
	padding: 2px;
	background: #EBECEF;
	margin-bottom: 1em;
	float: left;
}

/* style for required labels */
label .required {
	font-size: 0.83em;
	color:#760000;
}

/* style form elements on focus */
input:focus, textarea:focus {
	background: /*#ffc #ffc299*/ #ffe0cc;

}

textArea {
	width: 200px;
	height: 100px;
}

#toggle {
	margin-top: 0;
}



/**********************
*  DIV #SIDEBAR.class  *
***********************/

#sidebar a{
	text-decoration: none;
}

#sidebar ul {
	clear: both;
	margin: 0;
	padding: 0;
	list-style-type: none;
}


#sidebar ul li {
	clear: both;
	color: #bbb;
}
#sidebar h2 {
/*	font-size: 1em;*/
	color:#4b4b4b;
	border-bottom: 1px solid #4b4b4b; 
}
.kalender{
	width: 80%;
	margin:0 auto;
}
.kalender li{
	text-decoration: none;
	color: #ff6600;
}

.kalender li a{
	text-decoration: none;
	color: #ff6600;
}
.kalender li a img{
	border:none;
}
.np_eventlist{
	font-size: 1.25em;
	text-decoration: none;
	color:#ff6600;
}

.polls{
	width: 80%;
	margin:0 auto;
}
.arkiv{
	width: 80%;
	margin:0 auto;
}
.partners{
	width: 80%;
	margin:0 auto;
}

.rssfeeds{
	width: 80%;
	margin:0 auto;
}


/**********************
*   DIV #BOTTOM.class *
***********************/
#bottom h2 {
	margin: 0 0 10px 0;
	padding: 0 8px;
/*	font-size: 1.6em;*/
	color: #fff;
}

#bottom h2 span {
	color: #508fd2;
}

#bottom ul {
	margin: 30px 10px /*!important; margin: 0px*/;
	padding: 0;
	list-style-type: none;
/*	border-top: 1px solid #031c5d;*/
}

#bottom ul li {
	line-height: 26px;
	border-bottom: 1px dotted #031c5d;
}

#bottom ul li a {
	display: block;
	padding: 0 10px;
/*	color: #fff;*/
	text-decoration: none;
}

#bottom ul li a:hover {
/*	background: #010b32;*/
	background: #4c4c4c;
}
.skyvinn{
/*	padding: 20px;*/
/*	margin-left: 10px !important; margin-left: 0px;*/
}
.skyvinn li a{
	border:none;
}

/**********************
*  DIV #FOOTER.class  *
***********************/


#footer_copyright,
#footer_credits,
#footer_logo {
	width: 30%;
	float: left;
	height: 45px;
	padding-top:15px;		
}

#footer p {
	color: #fff;
	font-size: 0.8em;margin: 1.2em 0em 1.2em 0em;font-weight: bold;
	/*padding: 15px;*/
}


#footer p a:link, #footer p a:visited {color: #fff;text-decoration:none; font-weight: normal;}
#footer p a:hover {	color: #fff; text-decoration:underline; font-weight: normal;}
#footer p a:active {color: #fff}

#footer .copyright{}
#footer .validate {}
#footer_logo img {
	width:80px;
	height:15px; 
}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}


	
/***********************
*  DIV #MENU   *
***********************/

ul#nav {position: relative;	/*top: 40px;*/	left: 45px !important; left: 0px;	width: 770px !important; width: 810px ;	margin: 0 auto;	height: 40px;	list-style-type: none;	overflow: hidden; background: transparent url(images/nav_bg.png) repeat-x 0px -2px !important;background: transparent url(images/nav_bg.gif) repeat-x 0px -2px;}

/*kan denne endres?*/
/*body#hovedsiden ul#nav  { background: transparent url(images/nav_bg.png) repeat-x 0px -2px ; }
body#om ul#nav { background: transparent url(images/nav_bg.png) repeat-x 0px -2px; }
body#spillere ul#nav  { background: transparent url(images/nav_bg.png) repeat-x 0px -2px ; }
body#turneringer ul#nav { background: transparent url(images/nav_bg.png) repeat-x 0px -2px; }
body#media ul#nav  { background: transparent url(images/nav_bg.png) repeat-x 0px -2px ; }
body#quiz ul#nav { background: transparent url(images/nav_bg.png) repeat-x 0px -2px; }
body#forum ul#nav { background: transparent url(images/nav_bg.png) repeat-x 0px -2px; }
*/
ul#nav li a {	
	position: absolute;	top: 0;	width: 100px;	text-indent: -9000px;	text-decoration: none;	padding: 40px 0 0 0; 	overflow: hidden;	height: 40px !important; height /**/:40px; /* IE5/Win */	background: transparent url(images/nav2.gif) no-repeat /*!important;background: transparent url(images/nav2.gif) no-repeat;*/}

/******* Meny items ************/

/*Hovedsiden*/
body#hovdesiden li#hov a 			{ background-position: 0 0; width: 100px; left: 20px; }
body#hovdesiden li#hov a:hover		{ background-position: 0 0; }
body#hovdesiden li#np a 			{ background-position: -100px -0px; left: 120px; }
body#hovdesiden li#np a:hover		{ background-position: -100px -282px; }
body#hovdesiden li#pl a 			{ background-position: -200px -0px; left: 220px; }
body#hovdesiden li#pl a:hover		{ background-position: -200px -282px; }
body#hovdesiden li#tur a 			{ background-position: -300px -0px; left: 320px; }
body#hovdesiden li#tur a:hover		{ background-position: -300px -282px; }
body#hovdesiden li#med a 			{ background-position: -400px -0px; left: 420px; }
body#hovdesiden li#med a:hover		{ background-position: -400px -282px; }
body#hovdesiden li#qz a 			{ background-position: -500px -0px; left: 520px; }
body#hovdesiden li#qz a:hover		{ background-position: -500px -282px; }
body#hovdesiden li#for a 			{ background-position: -600px -0px; left: 620px; }
body#hovdesiden li#for a:hover		{ background-position: -600px -282px; }

/*Om NP*/
body#om li#hov a					{ background-position: 0px -42px; width: 100px; left: 20px; }
body#om li#hov a:hover				{ background-position: 0px -282px; }
body#om li#np a						{ background-position: -100px -42px; left: 120px; }
body#om li#np a:hover				{ background-position: -100px -42px; }
body#om li#pl a 					{ background-position: -200px -0px; left: 220px; }
body#om li#pl a:hover				{ background-position: -200px -282px; }
body#om li#tur a 					{ background-position: -300px -0px; left: 320px; }
body#om li#tur a:hover				{ background-position: -300px -282px; }
body#om li#med a 					{ background-position: -400px -0px; left: 420px; }
body#om li#med a:hover				{ background-position: -400px -282px; }
body#om li#qz a 					{ background-position: -500px -0px; left: 520px; }
body#om li#qz a:hover				{ background-position: -500px -282px; }
body#om li#for a 					{ background-position: -600px -0px; left: 620px; }
body#om li#for a:hover				{ background-position: -600px -282px; }

/*Spillere*/
body#spillere li#hov a				{ background-position: 0px -42px; width: 100px; left: 20px; }
body#spillere li#hov a:hover		{ background-position: 0px -282px; }
body#spillere li#np a 				{ background-position: -100px 0px; left: 120px; }
body#spillere li#np a:hover			{ background-position: -100px -282px; }
body#spillere li#pl a				{ background-position: -200px -82px; left: 220px; }
body#spillere li#pl a:hover			{ background-position: -200px -82px; }
body#spillere li#tur a 				{ background-position: -300px -0px; left: 320px; }
body#spillere li#tur a:hover		{ background-position: -300px -282px; }
body#spillere li#med a 				{ background-position: -400px -0px; left: 420px; }
body#spillere li#med a:hover		{ background-position: -400px -282px; }
body#spillere li#qz a 				{ background-position: -500px -0px; left: 520px; }
body#spillere li#qz a:hover			{ background-position: -500px -282px; }
body#spillere li#for a 				{ background-position: -600px -0px; left: 620px; }
body#spillere li#for a:hover		{ background-position: -600px -282px; }

/*Turneringer*/
body#turneringer li#hov a			{ background-position: 0px -42px; width: 100px; left: 20px; }
body#turneringer li#hov a:hover		{ background-position: 0px -282px; }
body#turneringer li#np a			{ background-position: -100px 0px; left: 120px; }
body#turneringer li#np a:hover		{ background-position: -100px -282px; }
body#turneringer li#pl a 			{ background-position: -200px 0px; left: 220px; }
body#turneringer li#pl a:hover		{ background-position: -200px -282px; }
body#turneringer li#tur a 			{ background-position: -300px -122px; left: 320px; }
body#turneringer li#tur a:hover		{ background-position: -300px -122px; }
body#turneringer li#med a 			{ background-position: -400px -0px; left: 420px; }
body#turneringer li#med a:hover		{ background-position: -400px -282px; }
body#turneringer li#qz a 			{ background-position: -500px -0px; left: 520px; }
body#turneringer li#qz a:hover		{ background-position: -500px -282px; }
body#turneringer li#for a 			{ background-position: -600px -0px; left: 620px; }
body#turneringer li#for a:hover		{ background-position: -600px -282px; }

/*Media*/
body#media li#hov a					{ background-position: 0px -42px; width: 100px; left: 20px; }
body#media li#hov a:hover			{ background-position: 0px -282px; }
body#media li#np a					{ background-position: -100px 0px; left: 120px; }
body#media li#np a:hover			{ background-position: -100px -282px; }
body#media li#pl a 					{ background-position: -200px 0px; left: 220px; }
body#media li#pl a:hover			{ background-position: -200px -282px; }
body#media li#tur a 				{ background-position: -300px -0px; left: 320px; }
body#media li#tur a:hover			{ background-position: -300px -282px; }
body#media li#med a 				{ background-position: -400px -162px; left: 420px; }
body#media li#med a:hover			{ background-position: -400px -162px; }
body#media li#qz a 					{ background-position: -500px 0px; left: 520px; }
body#media li#qz a:hover			{ background-position: -500px -282px; }
body#media li#for a 				{ background-position: -600px 0px; left: 620px; }
body#media li#for a:hover			{ background-position: -600px -282px; }

/*Quiz*/
body#quiz li#hov a					{ background-position: 0px -42px; width: 100px; left: 20px; }
body#quiz li#hov a:hover			{ background-position: 0px -282px; }
body#quiz li#np a					{ background-position: -100px 0px; left: 120px; }
body#quiz li#np a:hover				{ background-position: -100px -282px; }
body#quiz li#pl a					{ background-position: -200px 0px; left: 220px; }
body#quiz li#pl a:hover				{ background-position: -200px -282px; }
body#quiz li#tur a 					{ background-position: -300px 0px; left: 320px; }
body#quiz li#tur a:hover			{ background-position: -300px -282px; }
body#quiz li#med a 					{ background-position: -400px 0px; left: 420px; }
body#quiz li#med a:hover			{ background-position: -400px -282px; }
body#quiz li#qz a 					{ background-position: -500px -202px; left: 520px; }
body#quiz li#qz a:hover				{ background-position: -500px -202px; }
body#quiz li#for a 					{ background-position: -600px 0px; left: 620px; }
body#quiz li#for a:hover			{ background-position: -600px -282px; }

/*Forum*/
body#forum li#hov a					{ background-position: 0px -42px; width: 100px; left: 20px; }
body#forum li#hov a:hover			{ background-position: 0px -282px; }
body#forum li#np a					{ background-position: -100px 0px; left: 120px; }
body#forum li#np a:hover			{ background-position: -100px -282px; }
body#forum li#pl a					{ background-position: -200px 0px; left: 220px; }
body#forum li#pl a:hover			{ background-position: -200px -282px; }
body#forum li#tur a 				{ background-position: -300px 0px; left: 320px; }
body#forum li#tur a:hover			{ background-position: -300px -282px; }
body#forum li#med a 				{ background-position: -400px 0px; left: 420px; }
body#forum li#med a:hover			{ background-position: -400px -282px; }
body#forum li#qz a 					{ background-position: -500px 0px; left: 520px; }
body#forum li#qz a:hover			{ background-position: -500px -282px; }
body#forum li#for a 				{ background-position: -600px -242px; left: 620px; }
body#forum li#for a:hover			{ background-position: -600px -242px; }