/*
Theme Name: Guaranine
Theme URI: http://www.bekkelund.net/
Description: Tema for Martin Bekkelund hos www.bekkelund.net, basert p&aring; <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 8.0
Author: Martin Bekkelund
Author URI: http://www.bekkelund.net/
Tags: background picture, single column, widgets

	Guaranine v8.0
	 http://www.bekkelund.net/

	This theme was designed and built by Martin Bekkelund,
	whose blog you will find at http://www.bekkelund.net/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


/* ---------------------------------------------------- */
/*                  GENERELLE ELEMENTER                 */
/* ---------------------------------------------------- */


body {
	margin: 0;
	padding: 0;
	
	/*
	
	potensielle bakgrunnsbilder:
	
	http://www.flickr.com/photos/martinbekkelund/2696100459/ - Trillemarka, fungerer bra
	http://www.flickr.com/photos/martinbekkelund/3814619569/ - Italia, fungerer greit
	http://www.flickr.com/photos/martinbekkelund/3269698655/ - Kjekstadmarka, fungerer bra
	http://www.flickr.com/photos/martinbekkelund/3269698007/ - Kjekstadmarka, fungerer bra
	http://www.flickr.com/photos/martinbekkelund/2706872934/ - Goliaten, fungerer greit nok
	http://www.flickr.com/photos/martinbekkelund/2696914618/ - Trillemarka, fungerer greit nok
	http://www.flickr.com/photos/martinbekkelund/2696099273/ - Trillemarka, fungerer greit nok
	http://www.flickr.com/photos/martinbekkelund/2685421925/ - Jonsknuten, fungerer bra - ikke like bra i 1920x1280
 	http://www.flickr.com/photos/martinbekkelund/2685421695/ - Axel, fungerer bra - ikke like bra i 1920x1280
	
	background-image: url(images/bakgrunner/2685421695_24d2f01aa2_o_v2.jpg);
	background-image: url(images/bakgrunner/2685421925_6edfcf3d8a_o_v2.jpg);
	background-image: url(images/bakgrunner/3269698007_dcd22e6195_o_v2.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	
	background-image: url(images/body_bakgrunn_pattern.jpg);
	background-position: top center;
	background-repeat: repeat;
	
	*/
	
	background-image: url(images/bakgrunner/2685421925_6edfcf3d8a_o_v2.jpg);
	background-position: top center;
	background-repeat: no-repeat;

	background-attachment: fixed;
	background-color: #c3c3c3;
	
	font-family: Georgia,serif;
	font-size: 90%;
	line-height: 1.6;
	color: #363535;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: lighter;
}

p {
	text-align: justify;
}

a {
	color: #0084ff;
}

blockquote {
	margin: 0;
	padding: 0 0 0 30px;
	background-image: url(images/sitat_bakgrunn.png);
	background-position: 0 7px;
	background-repeat: no-repeat;
}

table {
	padding: 3px 5px;
	width: 100%;
	background-color: white;
	border: 1px solid #ddd;
}

th, td {
	padding: 3px 5px;
	vertical-align: top;
	background-color: #eaeaea;
}

kbd {
	padding: 0pt 3px;
	font-size: 110%;
	border-color: silver black black silver;
	border-style: solid;
	border-width: 3px;
	font-family: courier;
	font-size: 90%;
}

pre {
	padding: 3px 5px;
	border: 1px solid #ddd;
	background-color: #eaeaea;
	font-size: 110%;
}

iframe {
	border: 1px solid #5f5f5f;
	max-width: 538px;
}

q {
	font-style: italic;
}

q:before {content: "\201C";}
q:after {content: "\201D";}
q>q:before {content: "\2018";}
q>q:after {content: "\2019";}


/* ---------------------------------------------------- */
/*                    IDENTIFIKATORER                   */
/* ---------------------------------------------------- */


div#hode {
	margin: 45px auto 60px auto;
	width: 600px;
	text-align: center;
}

div#hode h1 {
	margin: 0;
}

div#hode h1 a {
	color: #cc0000;
	text-decoration: none;
	font-size: 200%
}

div#hode p {
	margin: 0;
	text-align: center;
	font-size: 150%
}

div#hode p a {
	color: #5f5f5f;
	text-decoration: none;
}

div#beholder {
	margin: 0 auto;
	width: 600px;
	text-align: left;
}

div#meny {
	margin: 0 auto;
	padding: 0;
	width: 600px;
	line-height: normal;
	text-align: center;
	background-image: url(images/meny_bakgrunn.png);
	background-repeat: repeat;
}

div#meny ul {
	margin: 0;
	padding:0;
	list-style: none;
	width: auto;
	position: relative;
	display: block;
	height: 36px;
	background-color: transparent;
}

div#meny li {
	margin: 0 2px 0 0;
	padding: 0;
	float: left;
}

div#meny a {
	margin-right: 1px;
	padding: 9px 12px 9px 12px;
	display: block;
	color: white;
}

div#meny a:hover {
	color: white;
	background-image: url(images/bunntekst_bakgrunn.png);
	background-repeat: repeat;
}

div#artikkel_metadata {
	margin: 0 0 30px 0;
	padding: 5px 30px 10px 30px;
	background-image: url(images/rss_ikon_stort.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	background-color: white;
}

div#siste_artikler {
	margin: 0 0 30px 0;
	padding: 5px 30px 10px 30px;
	background-image: url(images/kompass_ikon_stort.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	background-color: white;
}

div#siste_artikler h2 {
	color: #5f5f5f;
}

div#siste_artikler ul {
	margin: 0;
	padding: 0;
}

div#siste_artikler ul li {
	list-style: none;
}

div#bunntekst {
	margin: 0 0 30px 0;
	padding: 10px 30px 10px 30px;
	background-image: url(images/bunntekst_bakgrunn.png);
	background-repeat: repeat;
	color: white;
}

div#bunntekst img {
	border: none;
}

div#bunntekst a {
	color: white;
}

/* KOMMENTARER og KONTAKTSKJEMA */

h3#comments {
	padding: 25px 30px;
	background-color: white;
}

div#kommentarer h3 {
	margin-bottom: 20px;
}

.gravatar img {
	border: 1px solid #5f5f5f;
	float: left;
	clear: both;
}

.kommentar-metadata, .kommentar-innhold {
	margin: 0 0 0 80px;
}

ol.kommentarliste {
	margin: 0;
	padding: 0;
	list-style: none;
}

ol.kommentarliste li {
	margin-bottom: 30px;
	padding: 15px 30px 25px 30px;
	background-color: white;
}

ul.children {
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
}

ul.children li {
	margin: 0;
	padding: 0;
}

div#respond {
	margin: 0 0 30px 0;
	padding: 5px 30px 15px 30px;
	background-color: white;
	clear: both;
}

form#kommentarskjema {}

input#kommentar_navn, input#kommentar_epost, input#kommentar_url, span.your-name input, span.your-email input, span.your-subject input {
	border: 2px solid #c3c3c3;
	padding: 5px;
	font-family: Georgia,serif;
	font-size: 100%;
}

textarea#comment, span.your-message textarea {
	padding: 5px;
	width: 528px;
	height: 15em;
	border: 2px solid #c3c3c3;
}

/* Formatering */

div#ed_toolbar input, #ed_toolbar span {
	background-image: url(images/knapp_bakgrunn.png);
	background-repeat: repeat;
	border: 1px solid #C3C3C3;
	display: inline-block;
	font-size: 12px;
	line-height: 18px;
	margin: 3px 1px 4px;
	min-width: 26px;
	padding: 2px 4px;
	text-align: center;
	width: auto;
}

input#ed_strong {
	font-weight: bold;
}

input#ed_em {
	font-style: italic;
}

input#ed_link {
	color: #0000FF;
	text-decoration: underline;
}


/* ---------------------------------------------------- */
/*                        KLASSER                       */
/* ---------------------------------------------------- */


.usynlig {
	display: none;
}

.artikkel {
	margin: 0 0 30px 0;
	padding: 20px 30px 10px 30px;
	background-color: white;
	clear: both;
}

.artikkel h2 {
	margin: 0;
	padding: 0;
	text-align: center;
	border-bottom: 1px solid #c3c3c3;
}

.artikkel h2 a {
	color: #5f5f5f;
	text-decoration: none;
}

.publiseringsdato {
	text-align: center;
	color: #c3c3c3;
	margin-top: 5px;
}

.publiseringsdato a {
	color: #c3c3c3;
	text-decoration: none;
}

.artikkel img {
	max-width: 538px;
}

.artikkel embed {
	padding: 0;
	max-width: 538px;
}

.bilde {
	margin: 0;
	padding: 0;
}

.bildetekst {
	padding: 5px 10px;
	background-color: #c3c3c3;
	color: white;
	font-size: 90%;
	text-align: center;
}

.bildetekst a {
	color: white;
}

.legg_igjen_kommentar {
	padding-top: 20px;
	clear: both;
	border-top: 1px solid #c3c3c3;
	text-align: center;
}

.bunntekst_bio {
	padding-bottom: 5px;
}

ol.kode {
	border: 1px solid #ddd;
	margin: 1em 0;
	padding: 3px 5px 3px 35px;
	font-family: Courier;
	font-size: 90%;
	list-style-type: decimal-leading-zero;
	background-color: White;
}

ol.kode code {
	font-family: courier;
}

ol.kode li {
	padding:0 5px;
	margin:2px 0;
	background: #eaeaea;
}

ol.kode li.tab1 {
	padding-left: 5ex;
}

ol.kode li.tab2 {
	padding-left: 10ex;
}

ol.kode li.tab3 {
	padding-left: 15ex;
}

ol.kode li.tab4 {
	padding-left: 20ex;
}

ol.kode li.tab5 {
	padding-left: 25ex;
}

ul.test_fordeler li {
	list-style-type: none;
	list-style-image: url(images/pluss.png);
}

ul.test_ulemper li {
	list-style-type: none;
	list-style-image: url(images/minus.png);
}

.advarsel {
	padding: 5px 10px;
	background-color: #cc0000;
	color: white;
}

.info {
	padding: 5px 10px;
	background-color: #90ce74;
	color: white;
}

.advarsel a, .info a {
	color: white;
}

.center {
	text-align: center;
}

.midten {
	vertical-align: middle;
	border: none;
}

.red {
	color: #cc0000;
}

.wp-smiley {
	border: none;
}

.navigering {
	margin: 0 0 30px 0;
	padding: 30px;
	background-color: white;
}

.navigering h2 {
	margin-top: 0;
}

.ramme {
	border: 1px solid #5f5f5f;
}

.kategorinavn {
	margin: 0 0 30px 0;
	padding: 20px 30px 10px 30px;
	background-color: white;
	clear: both;
}


/* ---------------------------------------------------- */
/*                      FARGEKODER                      */
/* ---------------------------------------------------- */


/*

c3c3c3 Lys graa, bakgrunnsfarge paa hele siden
363535 Moerk graa, tekstfarge for all tekst
0084ff Lys blaa, lenkefarge
ddd    Graa, tabell- og koderamme
eaeaea Beige, tabell- og kodebakgrunn
606060 Graa, menybakgrunn
cc0000 Roed, bl.a. advarsler
90ce74 Groenn, infobokser
5f5f5f Graa, bilderamme

*/


/* ---------------------------------------------------- */
/*                         LENKER                       */
/* ---------------------------------------------------- */


/*

Bakgrunn hele siden: everydayicons.jp
Kompass: http://www.webdesignhot.com/free-vector-graphics/free-vector-compass/

*/


/*------------------------------------ */
/* ----- DU HAR FRITIDSPROBLEMER ----- */
/*------------------------------------ */