﻿/*  
Theme Name: jProsjekt
Theme URI: http://jorgent.com
Description: Stilsetting
Version: 2.0
Author: Jørgen Thomsen
Author URI: http://www.jorgent.com/

*/

/***********************************/
/************ CSS RESET ************/
/***********************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {

margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
}

body {
line-height: 1;
}


ol, ul {
list-style: none;
}


blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {

content: '';
content: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {

border-collapse: collapse;
border-spacing: 0;
}

/*************************************************************/
/************ FORMATERING AV GRUNNLEGGENDE LAYOUT ************/
/*************************************************************/

body {
background: #2d2d2d url(layout/hovedBG.jpg) top center no-repeat;
color: #292929;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

h1{
position: absolute;
left: -5000px;
}

#HovedRamme {
margin: 0 auto;
position: relative;
width: 970px;
}

#ToppFelt {
height: 200px;
width: 970px;
margin-bottom: 10px;
}

#ToppFelt img {
position: relative;
top: 38px;
left: 7px;
}

#MenyFelt {
height: 200px;
position: absolute;
top: 0;
left: 345px;
width: 638px;
}

#StikkordSky {
background: url(layout/StikkordskyBG.png) no-repeat;
height: 104px;
padding: 30px 35px 0 50px;
text-align: center;
}

#Meny {
background: url(layout/MenyBG.png) no-repeat;
height: 73px;
}

#Innhold3Kol {
float: left;
margin-top: 12px;
width: 499px;
}

#Innhold2Kol,
#Innhold2KolPage {
float: left;
margin-top: 0px;
width: 713px;
}


.SideFelt1 {
background: url(layout/SideFelt1BG.png) center 21px no-repeat;
float: left;
height: 580px;
position: relative;
top: 10px;
width: 214px;
}

.SideFelt2 {
background: url(layout/SideFelt2BG.png) center 24px no-repeat;
float: right;
height: 845px;
position: relative;
width: 257px;
}

#BunnFeltTopp {
background: url(layout/BunnFeltToppBG.png) no-repeat center;
height: 20px;
clear: both;
}

#BunnFeltMidt {
background: url(layout/BunnFeltMidtBG.png) repeat-y center;
text-align: center;
}

#BunnFeltBunn {
background: url(layout/BunnFeltBunnBG.png) no-repeat center;
height: 20px;
}

hr {
clear: both;
margin-top: 18px;
margin-bottom: 5px;
border: 0;
width: 225px;
color: #c5c5c5;
background-color: #c5c5c5;
height: 1px;
}

.hrVenstre {
width: 180px;
}

#HovedRamme .wp-smiley {
border: none;
}

.clearfloat {
clear: both;
}


.innleggsbilde {
float: left;
margin: 6px 15px 10px 0;
}



/**************************************************/
/************* FORMATERING AV MENYFELT ************/
/**************************************************/


#MenyFelt .st-tag-cloud a {
font-family: Georgia, "Times New Roman", Times, serif;
text-decoration: underline !important;
line-height: 1.4em;
}


#MenyFelt .st-tag-cloud a:hover {
color: #000 !important;
}

#MenyFelt a {
color: #000;
text-decoration: none;
}

#Meny ul {
padding-top: 7px;
padding-left: 50px;
}

#MenyFelt li {
float: left; /* IE fiks */
}

#Meny a {
color: #939393;
display: block;
float: left;
margin: 0px 15px;
}


#MenyFelt #Meny .current_page_item a,
#MenyFelt #Meny .current-cat a,
#MenyFelt #Meny .current_item_parent a {

display: block;
color: #333;
background: url(layout/MenyMarkorAktiv.png) bottom center no-repeat;
padding: 7px 0 16px 0;
}


#Meny .cat-item a, #Meny .page_item a {
background: url(layout/MenyMarkor.png) top center no-repeat;
display: block;
padding: 16px 0 7px 0;
}

#Meny .cat-item a:hover, #Meny .page_item a:hover {

display: block;
color: #666;
background: url(layout/MenyMarkorHover.png) bottom center no-repeat;
padding: 7px 0 16px 0;
}


/*
.current_page_item,
.current-cat,
.current_item_parent {
background: url(layout/MenyMarkorAktiv.png) bottom center no-repeat;
}
*/

#Meny {
font-size: 145%;
/*padding: 15px 0 0 0;*/
text-align: center;
}







/*****************************************************/
/************ FORMATERING AV OVERSKRIFTER ************/
/*****************************************************/

#Innhold3Kol h2,
#Innhold2Kol h2,
#Innhold2KolPage h2 {
font: 200% Arial, Helvetica, sans-serif;
height: 90px;
padding: 2px 20px 0 100px;
}

#Innhold3Kol .ikkeFunnet,
#Innhold2Kol .ikkeFunnet,
#Innhold2KolPage .ikkeFunnet {
font: 200% Arial, Helvetica, sans-serif;
height: 50px;
text-align: center;
padding: 0;
}



h2 a {
text-decoration: none;
color: #333;
}



#Innhold2Kol h3 {
font: 150% Arial, Helvetica, sans-serif;;
margin-top: 10px;
margin-bottom: 15px;
}

h4 {
margin-bottom: 15px;
}







/****************************************************************/
/************ FORMATERING AV INNHOLDSFELT 3 KOLONNER ************/
/****************************************************************/

/* _-_-_-_-_- FORMATERING AV DATO -_-_-_-_-_ */

	.dato 
		{
	background: url(layout/DatoBG.png) no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	height: 118px;
	position: absolute;
	top: -29px;
	left: -9px;
	width: 105px;
	text-align: center;
	padding-top: 15px;
		}

	.dag 
		{
	font-size: 2.2em;
		}

	.maaned 
		{
	font-size: 1.7em;
		}

	.aar 
		{
	font-size: 1.3em;
		}


/* _-_-_-_-_- FORMATERING AV OVERSKRIFTER -_-_-_-_-_ */

	#Innhold3Kol .arkivOverskrift h2 
		{
	font-size: 150%;
	padding-left: 17px;
	padding-right: 17px;
	text-align: center;
	height: auto;
		}


	#Innhold3Kol h2 a:hover 
		{
	color: #000;
		}



/* _-_-_-_-_- FORMATERING AV STIKKORDSFELT -_-_-_-_-_ */

	.TemaStikkord 
		{
	background: url(layout/TemaStikkordBG.png) repeat-x;
	height: 29px;
	margin: 0 0 0 9px;
	position: absolute;
	top: 95px;
	padding: 4px 20px 0 10px;
	width: 451px;
		}



/* _-_-_-_-_- FORMATERING AV TEKST -_-_-_-_-_ */

	.innlegget 
		{
	margin-top: 40px;
	padding: 0 20px;
		}


	#Innhold3Kol .innlegget p 
		{
	padding-bottom: 20px;
	line-height: 1.4em;
		}


	.lesMer 
		{
	float: left;
	margin-right: 20px;
		}

	.sokResultat
		{
	text-align: center;
	padding: 7px 20px 5px 20px;
		}


	.navigation 
		{
	width: 300px;
	margin: 0 auto;
		}

	.navigation a
		{
	font-size: 90%;
	text-decoration: none;
		}

	.nav-venstre a
		{
	float: left;
	height: 32px;
	width: 85px;
	padding: 16px 0 0 53px;
	background: url(layout/nav-venstre.png) no-repeat left;
		}


	.nav-hoyre a
		{
	height: 32px;
	width: 85px;
	float: right;
	padding-top: 16px;
	background: url(layout/nav-hoyre.png) no-repeat right;
		}





/* _-_-_-_-_- FORMATERING AV BAKGRUNNSGRAFIKK -_-_-_-_-_ */

	.postTopp 
		{
	background: url(layout/Innlegg3KolToppBG.png) repeat-y;
	height: 20px;
		}


	.post, .arkivOverskrift 
		{
	background: url(layout/Innlegg3KolMidtBG.png) repeat-y;
	position: relative;
		}


	.postBunn 
		{
	background: url(layout/Innlegg3KolBunnBG.png) top no-repeat;
	height: 20px;
	margin-bottom: 30px;
		}



/* _-_-_-_-_- FORMATERING AV BILDER -_-_-_-_-_ */

.imgtfe {
margin: 5px 10px 10px 0;
border: 1px solid #666;
float: left;
}







/****************************************************************/
/************ FORMATERING AV INNHOLDSFELT 2 KOLONNER ************/
/****************************************************************/

	/* _-_-_-_-_- FORMATERING AV DATO -_-_-_-_-_ */

	#Innhold2Kol .dato 
		{
	background: url(layout/DatoBGLiten.png) no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	height: 53px;
	position: absolute;
	top: 73px;
	left: 10px;
	width: 105px;
	text-align: center;
	padding-top: 23px;
        z-index: 10;
		}

	#Innhold2Kol .dag, 
        #Innhold2Kol .maaned, 
        #Innhold2Kol .aar 
		{
	font-size: 90%;
		}



/* _-_-_-_-_- FORMATERING AV OVERSKRIFTER -_-_-_-_-_ */

	#Innhold2Kol h2,
	#Innhold2KolPage h2
		{
	padding: 15px 0 5px 0;
	text-align: center;
		}


	#Innhold2KolPage h2 
		{
	height: 30px;
		}



/* _-_-_-_-_- FORMATERING AV STIKKORDSFELT -_-_-_-_-_ */

	#Innhold2Kol .TemaStikkord 
		{
	background: url(layout/TemaStikkordBG.png) repeat-x;
	height: 29px;
	margin: 0 0 0 9px;
	position: absolute;
	top: 95px;
	padding: 4px 20px 0 105px;
	width: 570px;
	z-index: 0;
		}



/* _-_-_-_-_- FORMATERING AV BAKGRUNNSGRAFIKK -_-_-_-_-_ */

	#Innhold2Kol .postTopp,
	#Innhold2KolPage .postTopp 
		{
	background: url(layout/Innlegg2KolToppBG.png) repeat-y;
	height: 20px;
		}


	#Innhold2Kol .post,
	#Innhold2KolPage .post 
		{
	background: url(layout/Innlegg2KolMidtBG.png) repeat-y;
	position: relative;
		}


	#Innhold2Kol .postBunn,
	#Innhold2KolPage .postBunn 
		{
	background: url(layout/Innlegg2KolBunnBG.png) top no-repeat;
	height: 20px;
	margin-bottom: 30px;
		}



/* _-_-_-_-_- FORMATERING AV TEKST -_-_-_-_-_ */

	#Innhold2Kol .innlegget,
	#Innhold2KolPage .innlegget 
		{
	margin-top: 20px;
	padding: 0 30px;
		}


	#Innhold2Kol .innlegget p,
	#Innhold2KolPage .innlegget p 
		{
	line-height: 1.6em;
	padding-bottom: 20px;
		}


	#Innhold2Kol .innlegget a,
	#Innhold2KolPage .innlegget a
		{
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #000;
		}

	#Innhold2KolPage .innlegget a
		{
	font-weight: normal;
		}

	#Innhold2Kol .innlegget a:hover, 
	#Innhold2KolPage .innlegget a:hover
		{
	background: #ccc;
		}

	#Innhold2Kol blockquote 
		{
	margin: 0 0 20px 0;
	background: #f2f2f2;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding: 5px 0 5px 10px;
	border-left: 3px solid #999;
        border-top: 1px dotted #999;
        border-right: 1px dotted #999;
        border-bottom: 1px dotted #999;
		}


	#Innhold2Kol ul,
	#Innhold2Kol ol,
	#Innhold2KolPage ul
		{
	padding: 0 10px 20px;
		}


	#Innhold2Kol ul 
		{
	list-style: disc;
		}


	#Innhold2Kol ol 
		{
	list-style: decimal;
		}


	#Innhold2KolPage li,
        .st-related-posts li
		{
	margin: 0 0 20px 0;
		}

	#Innhold2Kol .innlegget ul,
	#Innhold2Kol .innlegget ol
		{
	padding-left: 50px;
		}

#Innhold2Kol ul.aktt_tweet_digest {
padding-left: 0;
}

.aktt_tweet_digest li {
background: #f2f2f2;
margin-bottom: 40px;
line-height: 1.4em;
list-style-type: none;
margin
}

        code 
                {
        background: #666;
        border: 1px dotted #999;
        padding: 0 5px;
        font: 90% "Courier New", Courier, monospace;
        color: #f2f2f2;
                }

#Innhold2Kol .DelKnapp a {
border-bottom: none ;
font-size: 90%;
}

#Innhold2Kol .TemaStikkord .DelKnapp a {
border-bottom: none ;
font-size: 90%;
text-align: right;
}

#LignendeInnleggFelt {
width: 230px;
padding: 5px;
margin: 7px 0 10px 20px;
float: right;
border: 1px dotted #666;
background: #fff;
}

#LignendeInnleggFelt h3 {
font-size: 100%;
}

#LignendeInnleggFelt ul.st-related-posts {
font-size: 80%;
margin-left: 0;
padding-left: 0;
list-style: none;
}

#LignendeInnleggFelt li {
line-height: 1.5em;
margin: 0 0 10px 0;
}

.wp-caption-text {
font-size: 90%;
font-style: italic;
text-align: center;
color: #666;
}



/* _-_-_-_-_- FORMATERING AV BILDER -_-_-_-_-_ */

	#Innhold2Kol img 
		{
	border: 1px solid #666;
		}

	#Innhold2Kol .size-large,
	#Innhold2Kol .size-full 
		{
	padding: 3px;
		}

	.alignleft
		{
	float: left;
	margin: 7px 20px 20px 0;
		}

	.alignright
		{
	float: right;
	margin: 7px 0 20px 20px;
		}

	.aligncenter
		{
	display: block;
	margin: 7px auto 20px auto;
		}

        #Innhold2Kol .highslide 
                {
        border-bottom: none !important;
                }







/**********************************************/
/************ FORMATERING AV STIKKORDSFELT ************/
/**********************************************/

.TemaStikkord, 
.TemaStikkord a {
color: #f2f2f2;
}

 .TemaStikkord a:hover {
color: #cfcfcf;
}

.TemaStikkord {
font-size: 90%;
}

.TemaStikkord a {
font-size: 80%;
}


/*********************************************************************/
/************ FORMATERING AV FELLESREGLER FOR SIDEFELT1/2 ************/
/*********************************************************************/

.SideFelt1 h2,
.SideFelt1 ul,
.SideFelt1 ol,
.SideFelt1 p,
.SideFelt2 h2,
.SideFelt2 ul,
.SideFelt2 p {
color: #f2f2f2;
padding: 10px 15px 1px 17px;
}

.SideFelt1 p,
.SideFelt1 ol li,
.SideFelt2 p,
.SideFelt2 ul li ul li {
font-size: 90%;
line-height: 1.5em;
}

.SideFelt1 a,
.SideFelt2 a {
color: #f2f2f2;
}

.SideFelt1 h2,
.SideFelt2 h2 {
padding-top: 12px;
text-transform: uppercase;
font-weight: 100;
}

.SideFelt1 li a,
.SideFelt2 a {
text-decoration: none;
border-bottom: 1px solid #cfcfcf;
}

.SideFelt1 li a:hover,
.SideFelt2 a:hover {
color: #cfcfcf;
}

/***************************************************/
/************ FORMATERING AV SIDEFELT 1 ************/
/***************************************************/


.SideFelt1 .rssFelt {
background: url(layout/rssBG.png);
color: #fff;
font-size: 80%;
height: 24px;
margin-left: 9px;
padding: 5px 0 0 10px;
width: 186px;
}

.SideFelt1 .innleggRSS {
background: url(layout/rss-ikon.png) no-repeat;
padding: 1px 0 5px 20px;
}

.SideFelt1 .kommentarerRSS {
background: url(layout/rss-ikon.png) no-repeat;
padding: 1px 0 5px 20px;
margin-left: 5px;
}

.SideFelt1 .rssFelt a {
color: #f2f2f2;
text-decoration: none;
}

.SideFelt1 .rssFelt a:hover {
border-bottom: 1px solid #f2f2f2;
}

.SideFelt1 img {
float: left;
padding: 10px 20px 0 30px;
}

.SideFelt1 .arkiv {
font-size: 160%;
padding-top: 20px;
}

.arkiv a {
color: #f2f2f2;
}

.arkiv a:hover {
color: #cfcfcf;
}

.SideFelt1 h2 {
margin-top: 30px;
margin-left: 5px;
}

.SideFelt1 ol li {
list-style: decimal;
margin-bottom: 10px;
margin-left: 25px;
}

.SideFelt1 p {
margin-left: 5px;
}




/***************************************************/
/************ FORMATERING AV SIDEFELT 2 ************/
/***************************************************/

#sokFelt {
padding: 0;
}

#sok {
background: #fff url(layout/sokBG.gif) no-repeat;
border: 1px solid #666;
margin-left: 7px;
padding: 5px 5px 5px 30px;
width: 206px;
}

.SideFelt2 img {
float: left;
margin-top: 5px;
padding: 10px 10px 1px 17px;
}

.SideFelt2 .TwitterLink {
padding: 0;
}

.SideFelt2 .TwitterTekst {
font-style: italic;
}



.SideFelt2 ul h2 {
padding: 12px 0 10px 0;
}


.SideFelt2 ul {
padding-top: 0;
}


.SideFelt2 ul li ul {
list-style: disc;
margin-bottom: 15px;
}



/****************************************************/
/************ FORMATERING AV KOMMENTARER ************/
/****************************************************/

.kommentarFelt {
padding: 60px 30px 0 30px;
}

.kommentarFelt h3 {
padding: 0 0 20px 0;
}

.avatar {
width: 60px;
float: left;
margin: 0 20px 10px 35px;
}

.kommentarliste  li {
background: #eee;
margin: 20px 0;
padding: 20px;
list-style: decimal inside;
}

.kommentarliste  p {
padding: 10px 0 10px 34px;
line-height: 1.4em;
}

li.adminKommentar {
background: #fff;
border: 3px solid #666;
}

.kommentarMetaData {
margin-top: -18px;
}


#skrivKommentar {
clear: both;
margin-top: 20px;
}