/*  
Theme Name: Boba.no Wordpress
Theme URI: http://www.boba.no
Description: Boba.no på WordPress
Version: 1.1
Author: Simon Hansen
Author URI: http://www.boba.no
*/

/* Fiks: legg biletfiler til i header.php i staden */

/*--------------------
  Tekst og farge
---------------------*/
body {
	color: black;
	background-color: #F8EFEF;
}
a, a:visited, a:active {
	color: #A00;
	text-decoration:none;
}
a:hover {
	color:#F00;
}
ul {	list-style-type: square; }
h2{
	border-bottom: 2px dotted #900;
}
h2, h3, h4, h5, h6 {
	color: #990000;
	/*text-shadow: 4px 4px 1px #ededed;*/
	font-family: sans-serif;
	font-variant: small-caps;
	clear:both;
}
blockquote{
	margin: 1em auto;
	padding: .5ex 1.5em;
	background: url('images/bggrad_vert.png') top left repeat-y;
	border-left: 5px solid #900;
	width: 90%;
	text-align:justify;
}

a img { border:0; }
.venstre {	text-align: left; }
.hogre {	text-align: right; }
.midtstill {	text-align: center; }
.blokk {	text-align: justify; }
.usynleg {	display:none; }
.kvitring:hover .usynleg {display:inline;}
.menypunkt:hover .usynleg{display:inline;}
.dato {	 }
.post { text-align: justify}
.ikkjeliste{
	list-style-type:none; 
	padding:0; 
}
ul.kalender li span.skjult {
	display:none;
}
ul.kalender li:hover span.skjult {
	display:inline;
	font-weight: normal;
	font-size: 75%; 
	line-height: 75%;
	margin-left: 2em;
}

ol.menyinnspel {
	list-style: square;
}
ol.menyinnspel li span.skjult {
	display:none;
}
ol.menyinnspel li:hover span.skjult {
	display:inline;
	font-weight: normal;
	font-size: 75%; 
	line-height: 75%;
	margin-left: 2em;
}

.biletboks{ width:400px; padding: 1em; border: 1px solid #900; margin:0.5em auto; background-color: #f8efef; }
img#wpstats{display:none}
h2 a, h3 a, h4 a, h5 a, h6 a{ color: #900;}
h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { color: #900;}
h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{ color: #F00;}
.sidedato { font-style: italic; margin-top: -1em;}

.metapost{
	clear:both;
	width: 75%; 
	margin:1em auto;
	background-color: #F5F5F5; 
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding:0;
	/*text-align: center;*/
}
.metapost ul {
	/*list-style-type: none;*/
	padding:0;
	margin:0;
}
.metapost li { 
	/*display:inline; */
	margin: 0 1.5em;
}
.metapost a {
	font-style: italic;
}
.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 p.indekssider a{
	margin: 0 1em;
}
.metanav p.indekssider{
	padding:1em 0;
}
.metanav{
	clear:both;
	width:100%;
	padding:0;
	margin: 0 0 1em;
}
.metanav>p.indekssider{
	background-color: #ededed;
	border-top: 1px dotted #900; 
	border-bottom: 1px dotted #900; 
	margin-left: auto;
	margin-right: auto;
	margin-top: 3em;
	margin-bottom: 0;
	width: 50%;
}

.sidebarboks h2{
	font-size: 120%;
	text-shadow:none;
}
.sidebarboks h3{
	font-size: 100%;
	text-shadow:none;
}

dl.tabell {
	padding: 0.5em;
}
dl.tabell dt {
	float: left;
	clear: left;
	width: 250px;
	text-align: right;
	font-weight: bold;
	color: #900;
}
dl.tabell dt:after {
	content: ":";
}
dl.tabell dd {
	margin: 0 0 0 255px;
	padding: 0 0 0.5em 0;
}
dl.filmomtale dt {
	width: 14ex;
}

dl.filmomtale dd {
	margin-left: 15ex;
}
dl.om dt {
	width: 14ex;
}

dl.om dd {
	margin-left: 15ex;
}
ul.innspelarkiv .dato{color: #900; font-weight: bold;}

body {
	font-family:sans-serif;
}

/*-----------------
 Fastlimte innlegg
------------------*/
.sticky{
	border:1px solid #900;
	width: 50%;
	background-color: #F8EFEF;
	margin: 1em auto;
	padding: 1em;

}
/*--------------------
  Innspel
---------------------*/

#comments-template {
	padding: 10px;
	margin: 0 0 10px 0;
	background: #fff;
}
#comments-template ol.commentlist { list-style-type: none; margin-top: 10px; }
#comments-template ol.commentlist>li {
	width: 97.5%;
	clear: left;
	overflow: hidden;
	margin: 0 0 10px 0;
	padding: 5px 1%;
	background: #dcdfd5;
	border: 1px solid #ccc;
	}
#comments-template .avatar {
	float: left;
	width: 100px; height: 100px;
	margin: 7px 12px 0 0;
	background: #eee;
	border: 1px solid #999;
	padding: 2px;
	}
#comments-template ol.commentlist>li.alt { background: #e9eae5; }
#comments-template ol.commentlist>li.author { border-color: #900; }
#comments-template .comment-meta-data { float: left; font-size: 1em; margin: 7px 0; }
#comments-template ol.commentlist>li .comment-meta-data a.time { margin-left: 5px; color: #666; }
#comments-template ol.commentlist>li .comment-text { float: left; width: 80%; padding: 0; }
#no-sidebar #comments-template ol.commentlist>li .comment-text { width: 92%; }
#comments-template input {
	color: #000;
	width: 50%;
	padding: 5px;
	margin: 0;
	background: #e9eae5;
	border: 1px solid #ccc;
	}
#no-sidebar #comments-template input { width: 25%; }
#comments-template textarea {
	color: #000;
	width: 97%;
	padding: 7px;
	background: #e9eae5;
	border: 1px solid #ccc;
	}
#no-sidebar #comments-template textarea { width: 98%; }
#comments-template input.submit-comment, #comments-template input.reset-comment, .button {
	width: 100px;
	padding: 7px;
	margin-right: 10px;
	}
#comments-template #submit{
	width: 20ex;
}
#recentcomments .forfattar {display:block; width: 30%; float:left;}
#recentcomments a {display:block; width: 70%; float:left; clear: right;}
#recentcomments {display:block; overflow: auto; margin-bottom: 1em;}




/*--------------------
  Merkjelapp-skyen
---------------------*/
#cloud	{width: 80%; padding: 2px; margin: 0 auto; background: url('images/bggrad_vert.png') top left repeat-y;} 
.wp-tag-cloud { text-align: center; }
.wp-tag-cloud a { padding: 0px; }
.wp-tag-cloud { width: 100%; margin: 0; background: url('images/bggrad_vert_inv.png') top right repeat-y;}
.wp-tag-cloud li { display: inline; margin: 2em 2ex;}
#toggleknapp { width: 22ex; height: 22px; text-align:center; font-size: 10pt; font-family:sans-serif; }
#toggleknapp a {border:1px outset #999; background: #dcdee0 url('images/toggleknapp_1.png') top left repeat-x; color:black; display:block; padding:2px;}
#toggleknapp a:active {border:1px inset #999; background: #ebf7ff url('images/toggleknapp_2.png') top left repeat-x;}
/*--------------------
  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;
}

/*--------------------
  Søkjetreff
---------------------*/
.sok {
	list-style: none;
	padding: 0;
	margin: 0;
}
.sok-treff {
	margin: 1em 0; 
}
.sok-tittel {
	margin: 0; 
	color: #A00; 
	text-shadow: none; 
	font-family: serif; 
	font-size: 100%; 
	font-variant: normal;
	font-weight: normal;
}
.sok-utdrag p {
	margin: 0;
}
.sok-url {
	color: green;
}
.search-excerpt {

}
.sok-dato {
	font-style: italic; 
	color: green;
}



/*--------------------
  Formgjevinga
---------------------*/
	/************************************************************
	 * Storleiker:
	 *   40px	innhaldpolstring breidde (20px på kvar side)
	 *  300px	sidebar
	 *    0px	sidebarpolstring
	 *  300px	sidebar fullbreidde  (breidde + polstring)
	 *[440]px	(flytande) innhaldsbreidde
	 ************************************************************/
body{
	min-width: 380px;
	margin:0;
	padding:0;
}
#bumerket{
	background: #F8EFEF;
	text-align: center;
	height: 66px;
}
#bumerket h1 {
	margin:0;
	padding:0;
}
/******/
#sidemeny {
	border-bottom:3px solid #900;
	height: 1.2em;
	font-weight:bold;
	font-family: sans-serif;
	font-variant: small-caps;
	background-color: #F8EFEF;
}
#sidemeny a {
	text-decoration: none;
	color: #900;
	display:block;
	width: 120px;
}
#sidemeny #nav>li>a{
	border-right: 1px dotted #900;
	border-top: 1px dotted #900;
	padding: 0 1px;
	text-align: center;
}
#sidemeny a:hover, #sidemeny li.current_page_item>a, #sidemeny li.current_page_ancestor>a{
	color: #F00;
}
#sidemeny ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#sidemeny li { /* all list items */
	float: left;
	position: relative;
}

#sidemeny li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
	border-left: 2px solid #900; 
	border-right: 2px solid #900; 
	border-bottom: 2px solid #900;
	font-size: 80%;
}
#sidemeny li ul li a{
	padding: 0 5px;
	width: 110px; /* "#sidemeny a" - 2x5 */
}
#sidemeny li ul li {
	background: #F8EFEF;
	border-top: 2px solid #900;
}

#sidemeny li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#sidemeny li:hover ul{ /* lists nested under hovered list items */
	display: block;
	z-index: 1000;
}


/*
#sidemeny {
	border-bottom:3px solid #900;
	height: 1.1em;
	font-weight:bold;
	font-family: sans-serif;
	font-variant: small-caps;
	background-color: #F8EFEF;
	text-align: right;
	padding:0;
}
#nav, #nav ul {
	margin:0;
	padding:0;
	list-style:none;
}
#nav ul{ font-size: 90%; border-left: 2px solid #900; border-right: 2px solid #900; border-bottom: 2px solid #900;}
#nav li { float: right;}
#nav a {
	text-decoration: none;
	color: #900;
	padding: 0 1ex;
}
#nav a:hover, #nav li.current_page_item a, #nav li.current_page_item ul a:hover{
	color: #F00;
}
#nav li.current_page_item ul a{
	color: #900;
}
#nav li li {
	background: #F8EFEF;
	border-top: 2px solid #900;
}
#nav li ul {
	display: none;
	position: absolute;
	width: 24ex;
	right: -997em;
	text-align: left;
}
#nav li:hover ul {
	right: auto;
	z-index: 1000;
}
#nav li ul li { width: 24ex; height: 1.5em;}
#nav li ul a { display:block; width: 24ex; height: 1.5em;}
#nav li:hover ul, #nav li li:hover ul { right: auto; }
#nav li:hover ul, #nav li li:hover ul {
	display: block;
	right: auto;
}

*/

#kjerald{
	padding-left:0;
	padding-right: 340px; /* boksar fullbreidde + innhald-poltring */
	background-color: white; 
	background-image: url('images/bgkjerald.png'); 
	background-repeat: repeat-y; 
	background-position: top right;
	overflow:hidden;
}
#kjerald .kolonne {
	position: relative;
	float: left; 
}
#innhald{
	padding: 0 20px;/* innhald-polstring */
	background-color: white; 
	width: 100%;
}

#sidebar{
	width: 300px;/* sidebar breidde */
	float: right;
	margin-right: -100%;

}
.sidebarboks{
	width: 260px;
	margin: 10px auto; 
	padding: 0 5px;
	background-color: #FFF;
	background-image: url('images/bggrad.png');
	background-position: top left;
	background-repeat: repeat-x;
	border: 1px solid #900;
}
.sidebarboks h2, .sidebarboks h3{
	margin:.5ex 0;
}

#etterskrift{
	clear:both;
	border-top: 2px solid #900;
	background-color: #F8EFEF;
	text-align: center;
}
.validering{
	list-style: none;
	padding: 0;
	margin:1px;
}
.validering li{
	display:inline;
}