/*  
Theme Name: Rhea tema for SMN
Theme URI: http://www.bellenett.no
Description: Spesialutviklet tema for Partnere for Nyskaping
Version: 1.7
Author: Bellenett DA
Author URI: http://www.bellenett.no

Med mulighet for å knytte YouTube-videoer inn i et galleri. Bruker Widgets i to sidefelt, spesialtilpasset Redaktørrolle med redigeringsrett for Widgets.

PHP4-vennlig. Baserer seg på My Category Order (v2.8) og Lightbox Gallery (v0.4.7 - NB: sjekk url i linje 2 i lightbox-gallery.js).

*/
/* ======    Changelog     ======

1.7 Publisert-dato på hver sak (.metadata cssklasse)

1.6 Nye grafikker fra Kolbjørn (ikke forløpninger i vignetter). Innskriving av tekst over vignett istf. grafikk-for-tekst

1.5 Justere bakgrunnsgrafikk og css for bredere kategorisidevignetter

1.4 Grafiske headere i høyrespaltene, div css-pussing

1.3 Bugfix printstilark, index catquery-knaing. 

1.2 Samarbeidswidget, kontekstsensitivt teaser-galleri, styling av særlig lenker bikolonne1

1.1 Utskrifts-stilark. Fjerne Nyhetskategori i menyen, gruppere aktivitetsprogrammene for seg (etter Eiriks bestilling).

1.0 Pussing, inkl. skjermdump, brukerrolle etc.

0.13 Litt mer pussing på overskrifter, sentrering av galleriteaser etc

0.12 Undersidenavigering

0.11 Fikset på grafikker og css, begynt på print-stilark.

0.10 Lagt til widgeter for årshjul og galleriteaser

0.9 Grovhuggen versjon av Klipp&Lim-design

0.8 Lagt til admin-oversikt for å vite hvilke filnavn som er lagt inn i hvilke galleri

*/


/*
body.single #hovedkolonne {
	width:620px;
}
body.single #bikolonne2 {
	display:none;
}
*/
/* ========= Stilark ============== */
body {
	margin:0;
	padding:0;
	/*background-color: #3A5863;*/
}
.sitetittel {
	padding-left: 40px;
}
h1, h2, h3, h4, h5,.stikktittel, .innforing-dato, .billedtekst, .wp-caption-text, .sitetittel, #fancyord {
	/*font-family: "Lucida Sans Unicode", "Lucida Grande", Lucida, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
} 
 div, p, td, dd, li {
	/*font-family: Georgia, serif;*/
	/*font-family: "Times New Roman", Times, serif;*/
	font-family: Arial, Helvetica, sans-serif;
}
h1, .sitetittel {
	margin:18px 0;
	font-size:36px;
	line-height: 36px;
	font-weight: bold;
	clear: both;
}
h2 {
	margin:0 0 18px;
	font-size:18px;
	line-height: 18px;
	position:relative;
	top:9px;
	font-weight: bold;
	clear: both;
}
h3 {
	margin:18px 0 0;
	font-size:18px;
	line-height: 18px;
	clear: both;
	/*font-weight: normal;*/
}
div, p, td, dd, li, h4, h5 {
	font-size:12px;
	line-height: 18px;
	margin: 0 0 18px;
	font-weight: normal;
}


h1 a, h2 a, h3 a, h4 a, h5 a, .sitetittel a {
	text-decoration: none;
	font-weight: bold;
}

ul {
	padding-left: 16px;
	margin-left:0;
	list-style-position: outside;
}
li {
	padding-left: 0;
	margin-left: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}
td {
	vertical-align: top;
}
.stikktittel {
	font-size:12px;
	line-height: 18px;
	position:relative;
	top:20px;

}
.innforing-dato, .billedtekst, .wp-caption-text-text {
	margin:0;
	line-height: 18px;
	font-size:10px;
	position:relative;
	top: 3px;
}
.billedtekst, .wp-caption-text {
	top: -4px;
}

.ingress {
	font-weight: bold;
}
/*
#bikolonne1 .post {
	width:168px;
	padding:5px;
	border: 1px solid grey;
	margin-bottom: 0;
}
*/
li.widget-container {
	list-style-type: none;
}
.widget-area ul {
	padding: 0;
	margin: 0;
}
.widget-area {
	margin-top: 18px;
}
/* === I bikolonnene tar vi all tekst ned === */

#bikolonne1 h1, #bikolonne1 h2, #bikolonne1 h3,
#bikolonne2 h1, #bikolonne2 h2, #bikolonne2 h3 {
	font-size:12px;
	line-height: 18px;
	margin: 0; 
	position: static;
	top:0;
}

#bikolonne1 h1, #bikolonne1 h2,
#bikolonne2 h1, #bikolonne2 h2 {
	margin-top: 18px;
}
#bikolonne1 p, #bikolonne2 p {
	margin:0;
}
#bikolonne1 div.post {
	margin-bottom:0px;
}
h1.vignett {
	margin-top: -48px;
	color: white;
}
#hovedkolonne img.bildefortekst-vignett, #hovedkolonne img.vignett {
	border: none;
	width:402px;
	margin: 0 2px 0 -8px; /*Skulle vel teoretisk vært -9, men det blir bedre med 8. Whatever.. */
}
#bikolonne1 .bildefortekst-vignett {
	border: none;
	width:180px;
	margin-top:18px; /* Samme som H2 i nabospalten */
}
h2.bredspalte {
	width: 380px;
}
#bikolonne1.bredspalte {
	width:390px;
}
/* ==== Noen faste ting ==== */
#fancyord p {
	padding: 18px 0 0 480px;
	width: 400px;
	font-style: italic;
	font-size: 24px;
	line-height: 24px;
	font-family: "Times New Roman", Times, serif;
}
img {
	border: 1px solid black;
}


#logofelt {
	text-align: center;
}
#logofelt img {
	width: 178px;
}
#sidebunn p, #sidebunn p a {
	font-size:9px;
	margin:0;
	padding:0;
	text-decoration:none;
}
.venstre {
	float:left;
}
.hoyre {
	float:right;
}

/* ========== WordPress kvasi-offisielle ting, jf http://codex.wordpress.org/CSS ==== */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   margin: 0.5em 1em 0.5em 0;
}

.alignright {
   float: right;
   margin: 0.5em 0 0.5em 1em;
}

.wp-caption {
   border: 1px solid #888;
   text-align: center;
   /*padding-top: 4px;
   margin: 10px;*/

}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}
.categories {...}
.cat-item {...}
.current-cat {...}
.current-cat-parent {...}
.pagenav {...}
.page_item {...}
.current_page_item {...}
.current_page_parent {...}
.widget {...}
.widget_text {...}
.blogroll {...}
.linkcat{...}


/* ================= Menyting ============ */

#navcontainer
{
margin: 0;
padding: 0;
height: 22px;
width: 100%;
border-bottom: 1px solid #bbb;
list-style-type: none;
background: #fff;
}
ul#navlist {
	padding-left: 35px; /*Egentlig 40, men vi tar ut 5 for å få lenketeksten på linjen */
}
#navlist li
{
line-height: normal;
height: 25px;
float: left;
margin: 0;
padding: 0;
width: auto;
display: block;
}

#navlist li a, #navlist li a:link
{
background: #fff;
text-decoration: none;
padding: 3px 5px 3px 5px;
display: block;
}

#navlist li a:hover
{
border-bottom: 3px solid #bbb;
cursor: pointer;
background: #eee;
}

#navlist li#current a, #navlist li#current a:link, #navlist li.current_page_item a, #navlist li.current_page_item a:link, #navlist li.current-cat a, #navlist li.current-cat a:link, #navlist li a.active_category, #navlist li a.active_category:link
{
cursor: default;
font-weight: bold;
border-bottom: 3px solid #999;
}

#navlist li#current a,#navlist li#current a:hover, #navlist li.current_page_item a, #navlist li.current_page_item a:hover, #navlist li.current-cat a, #navlist li.current-cat a:hover, #navlist li a.active_category, #navlist li a.active_category:hover
{
border-bottom: 3px solid #f90;
background: #eee;
}

/* ================ Fancy saker ===== 

#sidetopp {
	height:80px;
	width: 100%;
	background: white;
	margin: 0;
	padding:0;
	top:0;
	left:0;
	z-index:2;
	position: fixed;
}
.sitetittel {
	margin: auto;
	width:880px;
	padding-left:40px;
}
#navcontainer {
	width:920px;
	padding:0;
	margin:auto;
}
#omslag {
	margin: 80px auto 10px;
}
*/

/* ===== "Semitransparens" ====

body {
	background: url(grafikk/1x500-bggrad.jpg) repeat-x fixed #005F81;
}
#sidetopp,
#omslag {
	background-color: #013264;
	color: white;
}
#fancyord, #bikolonne1 h2, #bikolonneXXX h2 {
	background: url(grafikk/gen-blaa-dypmork.jpg) fixed;
	color: white;
}
#hovedkolonne * {
	color: #333;
}
#bikolonne1 h2, #bikolonneXXX h2{
	padding: 0 5px;
	width:170px;
}
#bikolonne1 p, #bikolonne2 p {
	color: white;
}
#hovedkolonne {
	width:390px;
	padding: 0 15px 0 5px;
	min-height:400px;
	background: url(grafikk/hovedfeltskygge.gif) repeat-y 0 0;
}
.innforing-dato {
	color: #EAB219;
}
*/


/* =============== Ny blåhvit basert på Klipp&Lim-design ========== */

/* Farger og kantlinjer */
body {
	background-color: #005F81;
}
#navcontainer {
	background-color: #EDF0F5;
}
#navlist li a, #navlist li a:link {
	background-color: #EDF0F5;
	color: black;
}
#navlist li a:hover {
	color: #039;
}
#navlist li#current a, #navlist li#current a:link, #navlist li.current_page_item a, #navlist li.current_page_item a:link, #navlist li.current-cat a, #navlist li.current-cat a:link, #navlist li a.active_category, #navlist li a.active_category:link {
	color: #000;
}
#fancyord {
	border-bottom: dotted 2px gray;
}
#fancyord p {
	color: black;
}
h1 a, h2 a, h3 a, h4 a, h5 a, .sitetittel a {
	color: black;
}
.wp-caption {
   background-color: #f3f3f3;
}
.billedtekst, .wp-caption-text {
	color: #555;
}
#hovedkolonne h1 a, #hovedkolonne h2 a, #hovedkolonne h3 a, #hovedkolonne h4 a, #hovedkolonne h5 a, #sitetittel a {
	color: black;
}
#bikolonne1 h2, #bikolonne2 h2 {
		background-color: #ddd;
		border-left:18px solid orange;
		padding:2px 2px 2px 4px;
}
#bikolonne1 h1, #bikolonne1 h2,
#bikolonne2 h1, #bikolonne2 h2 {
	color: black;
}
#bikolonne1 p, #bikolonne2 p {
	color: black;
}
/*#bikolonne1 a {
	color:#014268;
}*/
#bikolonne1 a:hover {
	text-decoration: underline;
}
#sidebunn p, #sidebunn p a {
	color:#999999;
}

/* Avstander og grafikker m/størrelser */
body {
	padding-top: 10px;
	background: url(grafikk/5x475-bggrad.jpg) repeat-x #005F81;
}
#sidetopp {
	height: 465px;
	background: url(grafikk/Topp.jpg) no-repeat;
	width: 920px; /* En hvit kant på bakgrunnsgrafikken, tekstfeltet er 920px selv om grafikken strekker seg utenfor */
	padding: 10px 40px 0;
	margin:0 auto;
	position: relative;
	z-index: 1;
}
#omslag_bg {
	background: url(grafikk/Midtdel.jpg) repeat-y;
	width: 920px;
	padding: 0 40px;
	margin: 0 auto;
}
#omslag {
	position: relative;
	z-index: 2;
	top: -270px;
	margin: 0 auto;
}
#sidebunn {
	height: 55px;
	width: 920px;
	background: url(grafikk/Bunn.jpg) no-repeat;
	margin: 0 auto;
	padding: 26px 40px;
	border: none;
	
}
#hovedkolonne {
	margin-left: 38px;
	padding-left:9px;
	padding-right:3px;
	width:390px;
	background: none;
}
#navcontainer {
	/*position:relative;
	top: 104px;*/
	width: 918px;
	margin: 0 1px;
}
#navlist {
	margin-top:0;
	margin-bottom:0;
}
#fancyord {
	float: right;
	width: 404px;
	margin-right: 1px;
	padding-right: 40px;
	text-align: right;
}
#fancyord p {
	padding:0;
	margin: 0;
	line-height: 30px;
}
.fancyordloft {
	margin-top:0;
}
.sitetittel {
	padding: 0;
	margin: 0;
}
#bikolonne1 h1, #bikolonne1 h2,
#bikolonne2 h1, #bikolonne2 h2 {
	background: url(grafikk/gfx4txt/vignett_generell.gif) repeat-y;
	color: white;
	border: none;
	padding-left: 24px;
}
#bikolonne1 h1 a, #bikolonne1 h2 a,
#bikolonne2 h1 a, #bikolonne2 h2 a {
color: white;
}
.metadata {
	border-top: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	color: #666666;
	font-size: 10px;
	font-weight: normal;
	margin-bottom: 9px;
}