/*  
Theme Name: SmiN
Description: Nynorsk formgjeving basert på «<a href="http://www.alistapart.com/articles/holygrail">The Holy Grail</a>» med <a href="http://www.gerd-riesselmann.net/development/the-holy-grail-css-layout-fix-for-ie7">IE7-fiksen til Gerd Riesselmann</a>. Bumerkegrafikk av Tone Rossow.
Version: 1.0
Author: Simon Hansen
Author URI: http://www.boba.no/
*/

img#wpstats{display:none}

/*--------------------
  Ymis tekst 
---------------------*/
a {color: green; text-decoration:none;}
a:hover {
  color: #889977;
  text-decoration: underline;
}
a img { border:0; }
#innhald h2 > a{
  color: #445533;
  text-decoration: none;
}
#innhald h2 > a:hover{
  color: #889977;
  text-decoration: underline;
}
h2, h3, h4, h5, h6 {
  clear:both;
  color: #445533;
  text-shadow: 1px 1px 6px #889977;
}
#innhald h2{ 
  margin:0;
  font-family: sans-serif;
  font-size: 20px;
}
.intro {
  padding: 3px;
  margin-top:0;
  margin-left: 3em;
  margin-right: 3em;

  font-family: trebuchet, verdana, sans-serif; 
  text-align: center;
  font-size: 16px;
  color: #445533;

}
.usynleg { display:none; }
.dato { color: green; font-weight:bold; }
.sidedato { font-style: italic; margin-top: -1.5em;}
.venstre { text-align:left; }
.hogre { text-align:right; }
.midtstill { text-align:center; }
.blokk { text-align:justify; }
.hr_front {
	width: 50%; 
	margin: 1.5em auto; 
	height: 4px; 
	color: #889977; 
}
.ikkjeliste {
  list-style-type:none;
  padding: 0;
}
.wp-tag-cloud {
  list-style-type:none;
  padding:0;
  width:80%;
  text-align:center;
  margin:0 auto;
}
.wp-tag-cloud li {
  display:inline; 
  margin-left: 1em;
  margin-right: 1em;
}

/*--------------------
  Metainfo 
---------------------*/
.metapost {
  color: #889977;
  clear:both;
}
p.metapost {
  margin-bottom:2em;
  padding-top:1em;
}
ul.metapost {
  list-style-type: none;
  padding:0
}
ul.metapost li { display:inline; }
ul.metapost li:after { content: " | "; }
ul.metapost li:first-child:before { content: " | "; }
ul.metapost li:first-child:after{ content: " | "; }
.metanav p.venstre {
  float:left;
  text-align:left;
  clear:left;
  margin-top:.5em;
}
.metanav p.hogre {
  float:right;
  text-align:right;
  clear:right;
  margin-top:.5em;
}
.metanav{
  clear:both;
  width:100%;
  padding:0;
  margin: 0;
}
/*--------------------
  Innspel 
---------------------*/
#attendemelding {
	padding: 10px;
	margin: 0 0 10px 0;
	background: #fff;
	border-bottom: 1px solid #999;
}
#attendemelding ol.innspel-liste { list-style-type: none; margin-top: 10px; }
#attendemelding ol.innspel-liste>li {
	width: 97.5%;
	clear: left;
	overflow: hidden;
	margin: 0 0 10px 0;
	padding: 5px 1%;
	background: #dcdfd5;
	border: 1px solid #ccc;
	}
#attendemelding ol.innspel-liste>li.alt { background: #e9eae5; }
#attendemelding ol.innspel-liste>li.author { border-color: #900; }
#attendemelding .innspel-meta { float: left; font-size: 1em; margin: 7px 0; }
#attendemelding ol.innspel-liste>li .innspel-meta a.innspeldato { margin-left: 5px; color: #666; }
#attendemelding ol.innspel-liste>li .innspel-tekst { float: left; width: 80%; padding: 0; clear:left;}

/*--------------------
  Tilskipingar 
---------------------*/
.hending_idag {
  border: 1px dashed green;
  padding:1em;
  width:80%;
  margin:1em auto;
}

/*--------------------
  Peikarar
---------------------*/
ul.links {
  list-style-type: none;
  padding:0;
}
ul.links ul {
  list-style-type: none;
  padding:0 1em;
}
ul.links li {margin:1ex 0;}

/*--------------------
  Fotoalbum
---------------------*/
.attachment-link-previous{
	text-align:left; 
	float:left; 
	clear:left;
}
.attachment-link-next{
	text-align:right; 
	float:right; 
	clear:right;
}

.navigation-attachment .attachment-thumbnail{
	height: 75px;
	width: 75px;
}
.fotoalbum-liste {
	list-style-type:none;
	padding:0;
}
.fotoalbum-album .venstre{
	float:left;
}

.fotoalbum-album .hogre{
	float:right;
}

.fotoalbum-tittel{
	padding: 10px;
	width:45%;
}
.fotoalbum-tittel h3{margin:0;}
.fotoalbum-album {
	clear:both;
	padding-top:5px;
}
.fotoalbum-album img{
	height: 100px;
	width: 100px;
	border:1px solid #ccc;
}

/*--------------------
  Menyen
---------------------*/

#meny ul.menylenkjer{
  list-style-type: none;
  padding:0;
  margin-left: 0;
  margin-right:0;
}

#meny #menyinnlegg{
	list-style-type:disc;
	padding-left: 2em;
}
#meny #menyinnlegg li{margin-top:.5em;}
#meny li>ul{ padding-left:2em; margin-left:0;}
#meny li:first-child {border-top: none;}
#meny li {
  margin: 0;
 }
#meny a{ 
  color: green; 
  text-decoration: none;
  display: block;
}
#meny a:hover { 
  color: #FFFFFF; 
  background-color: #889977;
}
#meny p>a:hover{
  border:0; 
  background-color: transparent;
}
#meny h3 {
  font-family: sans-serif; 
  color: #445533;
}
#meny h4 {
  margin:0;
  padding:0;
  color: #445533;
}
#meny input{ border:1px green solid; }
#meny input[type="text"]{ width:70%; }
#searchsubmit { width:25%; background-color: #D3D3D3; }
#searchsubmit:hover{ background-color: #889977; }
#meny input[type="text"]:hover{ background-color: #D3D3D3; }
#meny a.menybumerkebilete {
	display:block;
	background-color: #FFFFFF;
	float:left;
	margin: 0 2px;
}
#meny a.menybumerkebilete span {  display: none; }
#meny a#menybumerkebilete_smin {
	background-image: url('images/ivar.png');
	height: 100px;
	width:   70px;
	margin-left:45px; 
	margin-right:45px;
	margin-top: 5px;
}
#meny a#menybumerkebilete_nmu {
	background-image: url('images/nmu.png');
	height: 80px;
	width:  80px;
}
#meny a#menybumerkebilete_nm {
	background-image: url('images/nm.png');
	height: 80px;
	width:  76px;
}
#meny a#menybumerkebilete_smin:hover {
	background-image: url('images/ivarsvart.png');
}
#meny a#menybumerkebilete_nmu:hover {
	background-image: url('images/nmusvart.png');
}
#meny a#menybumerkebilete_nm:hover {
	background-image: url('images/nmraud.png');
}
#meny .boks { padding-bottom: 1em;}
#meny .menylenkjer { padding-bottom: 1em;}

/*--------------------
  Menyboksar 
---------------------*/
.boks{
  border: 1px groove green; 
  background-color: white;
  padding:0 5px;
  margin-top: 0;
  margin-bottom: 1em;
  background-image: url('images/menytoppbg.png');
  background-repeat: repeat-x;
  font-family: trebuchet, verdana, sans-serif; 
  font-size: 80%; 
  font-weight: bold;
  line-height: 140%;
}
.boks h2{
  font-size: 20px;
  color: #445533;
  text-align:center;
  margin-top:.5em;
  margin-bottom:0;
  font-variant: small-caps;
}

/*--------------------
  Bumerket 
---------------------*/
#bumerke {
  height:175px;
  width: 100%; 
  background-image: url('images/toppbg.png');
  background-repeat: repeat-x;
  background-color: #889977;
}
#bumerke .v {
  position: absolute; 
  top:0; 
  left:0; 
  padding:0; 
  margin:0;
  width: 210px;
  height: 175px;
  background-image: url('images/toppv.png');
  background-repeat: no-repeat;
}
#bumerke .h {
  position: absolute; 
  top:0; 
  right:0; 
  padding:0; 
  margin:0;
  width: 157px;
  height: 175px;
  background-image: url('images/topph.png');
  background-repeat: no-repeat;
}
#bumerke h1 {
  margin: 0;
  padding: 0;
  text-align: center;
}

/*--------------------
  Etterskrifta 
---------------------*/
#etterskrift{
  text-align:center;
  background-image: url('images/botnbg.png');
  background-repeat: repeat-x;
  background-color: #889977;
  color: #445533;
}
#etterskrift p {
  margin:  0; 
  padding: 0;
}
#etterskrift a {
  color: #445533;
}
.metaetterskrift{
  padding: 0;
  margin: 1ex;
  list-style-type: none;
}
.metaetterskrift img {
  width: 80px;
  height: 15px;
  border:0;
}
.metaetterskrift li { display: inline; }

/*--------------------
  Kommentarskjema 
---------------------*/
#innspel-skjema textarea{max-width:80%}

/*--------------------
  kalender 
---------------------*/
.kalender {margin-left:0;}
.kalender li { display: block; margin-top: 0.5em; padding-left: 1em;}
.kalender li span { display: block; margin-left: -1em; }


/*--------------------
  Formgjeving 
---------------------*/

	/************************************************************
	 * Storleiker:
	 *  180px	meny
	 *   20px	menypolstring breidde (10px på kvar side)
	 *  200px	meny fullbreidde (breidde + polstring)
	 *   40px	innhaldpolstring breidde (20px på kvar side)
	 *  180px	boksar
	 *   20px	boksar-polstring breidde (10px på kvar side)
	 *  200px	boksar fullbreidde  (breidde + polstring)
	 *[180]px	(flytande) innhaldsbreidde
	 ************************************************************/

body {
  min-width: 680px;	/* 2 x (meny fullbreidde + innhaldpolstring) + boksar fullbreidde */
  margin:0;
  padding:0;
}
#kjerald {
  padding-left: 200px;	/* meny fullbreidde */
  padding-right: 240px;	/* boksar fullbreidde + innhald-poltring */
  margin-top: 2em;
  height:100%;
}
#kjerald .kolonne {
  position: relative;
  float: left; 
}
#innhald {
  padding: 0 20px;	/* innhald-polstring */
  width: 100%;
}

#meny {
  width: 180px;             /* menybreidde */
  padding-left: 10px;       /* menypolstring */
  padding-right: 10px;      /* menypolstring */
  margin-left: -100%;
}
#boksar {
  width: 180px;		/* boksar breidde */
  padding: 0 10px;	/* boksar polstring */
  margin-right: -100%;
}
#etterskrift {
  clear: both;
  width: 100%;
  padding-top: 30px;
  height: 89px;
}

#kjerald > #meny {
  left: -240px;	/* -(meny fullbreidde + innhaldpolstring) */
}