/*
Theme Name: skjermtroll
Theme URI: http://skjermtroll.no
Author: Unni Amdam
Author URI: http://skjermtroll.no
*/

@import "style/css/reset_skjermtroll.css";
@import "style/css/topnav.css";
@import "style/css/slider.css";
@import "style/css/pagenavi.css";
@import "style/css/sooperfish-style.css";
@import "style/css/sooperfish.css";
@import "style/css/jquery.ad-gallery.css";

/* HEADER */

#header{
	width : 960px;
	height : 110px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: no-repeat;
	background-image: url(style/images/header.png);
}
#topbar{
	height: 35px;
	width: 100%;
}
.sosial{
	float: left;
}

ul#sosial{
	float : left;
	list-style : none;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

ul#sosial li{
	float : left;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
	margin-left: 10px;
}

#wrapper {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #C3BCAD;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}
/* SEARCH */

#searchdiv {
	padding : 0;
	width: 270px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#searchform {
	width: 290px;
	height: auto;
	padding: 0px;
	clear: both;
	float: right;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
} 
#searchbox {
	color : #999999;
	font-size : 12px;
	font-family : Arial, Tahoma, Verdana;
	border: 1px solid #333333;
	background-color: #CCCCCC;
	padding: 5px;
	height: 15px;
	width: 200px;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
} 
#searchbutton {
	color : #FFFFFF;
	font-size : 14px;
	font-family : Arial, Tahoma, Verdana;
	padding : 4px;
	border : 1px solid #CCCCCC;
	margin: 0;
	width: 40px;
	background-color: #333333;
} 
#topSearch {
	position:absolute;
	right:5px;
	top:25px;
}
/* STRUKTUR */
#innhold{
	float: left;
	width: 620px;
	background-color: #FFFFFF;
	font-size: 16px;
}
#innhold a{
	color: #333333;
	text-decoration: underline;
}
#innhold a:hover{
	color: #999999;
}
#innhold li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.15em;
	color: #333333;
	list-style-position: outside;
	list-style-type: circle;
	margin-left: 20px;
}
.widepost{
	height: auto;
	width: 960px;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}


/* STARTSIDE */

#contentstart{
	height: auto;
	width: 960px;
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.start{
	height: auto;
	width: 590px;
	margin-left: 10px;
	background-color: #FFFFFF;
	padding-left: 10px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	padding-right: 10px;
}
#startBox{
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background-color: #FFFFFF;
	overflow: hidden;
	margin-top: 0px;
	height: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-bottom: 0px;
	font-size: 16px;
}
#startBox p{
	color: #333333;
}
#startBox ul
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#startBox ul li {
	display: block;
	float: left;
	width: 274px;
	height: 190px;
	margin-right: 16px;
	margin-left: 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	margin-bottom: 20px;
	background-image: url(style/images/lesmer.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	position: relative;
	margin-top: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-position: 2px 4px;
}
#startBox ul li a
{
	display: inline-block;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	line-height: 1.4;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	text-shadow: 0 -1px 1px #222;
	position: relative;
	cursor: pointer;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #710678;
	background-image: url(style/images/topnav_mon.jpg);
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	margin-top: 10px;
	font-size: 14px;
}
#startBox ul li a:hover
{
	color: #CCCCCC;
	background-color: #BB1008;
}
#startBox .homeCol{
	width: 290px;
	float: left;
	display: inline;
	background-color: #F5F2ED;
	padding: 5px;
}
#startBox .homeCol2{
	width: 290px;
	margin-left: 10px;
	display: inline;
	background-color: #F5F2ED;
	float: left;
	padding: 5px;
}
#startBox .homeCol3{
	width: 300px;
	display: inline;
	float: right;
	margin-right: 10px;
	background-color: #F5F2ED;
	padding: 5px;
}
#contentstart ul{
	list-style-image: none;
	list-style-type: none;
}
#contentstart li{
	list-style-position: outside;
	list-style-type: none;
	border: 1px dotted #CCCCCC;
	padding: 5px;
	background-color: #FDFDFD;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 1em;
	font-weight: bold;
}
#contentstart li a{
	color: #333333;
}
#contentstart li a:hover{
	color: #710678;
}
/* TWITTER*/
#twitterstatic{
	float: left;
	height: auto;
	width: 400px;
	clear: both;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 0.9em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
#twitterstatic a {
	color: #382E2D;
}
#twitterstatic a:hover{
	color: #BB1008;
}
#twitterstatic li{
	list-style-image: none;
	list-style-type: none;
	margin-top: 15px;
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-bottom: 5px;
}
#twitterstatic_meta {
	font-size: 0.8em;
	font-style: italic;
	color: #9a9898;
}



/* STRUKTUR */

#helside{
	height: auto;
	width: 940px;
	margin-left: 10px;
	background-color: #FFCC99;
}

/* MENYVERT */

#fullpage{
	height: auto;
	width: 930px;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-size: 1em;
	background-color: #CC66CC;
}
#fullpage p{
	padding-top: 5px;
	padding-bottom: 5px;
}
#fullpage h1{
	font-size: 0.95em;
	font-weight: bold;
	color: #333333;
	padding-bottom: 10px;
}
#fullpage a{
	color: #BB1008;
}
#fullpage a:hover{
	color: #999999;
}
.tjenesterpost{
	height: auto;
	width: 610px;
	float: left;
}
#menuvert{
	font-size: 1em;
	font-weight: bold;
	background-color: #C3BCAD;
	float: right;
	width: 300px;
	border: 1px solid #CCCCCC;
	padding-bottom: 10px;
	margin-top: 10px;
}
#menuvert h2{
	color:#1b1b1b;
	letter-spacing: 1px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 1.2em;
	background-color: #F8F7F8;
	padding-left: 10px;
	margin-top: 5px;
}
#menuvert ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}

#menuvert li { margin: 0 0 1px 0; }

#menuvert a
{
	display: block;
	width: 280px;
	color: #333333;
	background-color: #F8F7F8;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 1px;
}

#menuvert a:hover
{
	color: #666666;
	background-color: #F8F7F8;
	text-decoration: none;
}

#menuvert ul ul li { margin: 0 0 1px 0; }

#menuvert ul ul a
{
	display: block;
	width: 265px;
	color: #333333;
	background-color: #F8F7F8;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
}
#menuvert ul ul a:hover
{
	color: #666666;
	background-color: #F8F7F8;
	text-decoration: none;
}
/* referanser-ref*/
#effside{
	width: 800px;
	height: 1500px;
	margin-left: 90px;
	background-color: #FFFFFF;
}
.eff {
	/* the image size is 126x126, it's adjusted to fit the border as well*/
	width:220px;
	height:220px;
	/* important, allow the children object to move inside its parent obj */
	position:relative;
	/* important, it hides the moved image */
	overflow:hidden;
	/* with the clear class, make it into 3 x 3 layout */
	float:left;
	/* IE float bug fix */
	display:inline;
	font-size:12px;
	margin-top: 24px;
	margin-right: 30px;
	margin-bottom: 24px;
	margin-left: 10px;
}
.eff img {
	display:block;
	width:200px;
	height:200px;
	/* styling */
	text-decoration:none;
	border:4px solid #C3BCAD;
	background:#ddd;
	/* important, it allows this obj to move by jquery */
	position:absolute;
	/* make sure it appears above the caption */
	z-index:500;
	cursor:pointer;
	cursor:hand;
}
.eff .caption {
	/* should be the same size with the image */
	width:210px;
	height:210px;
	/* styling */
	background:#333;
	border:4px solid #ccc;
	color:#eee;
	/* set the position to 0, 0 and appear under the image */
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}
/* extra styling*/

.eff .caption a.header {
	margin:10px 5px 5px 5px;
	display:block;
	font-size:14px;
	font-weight:700;
	color:#FFFFFF;
}

.eff .caption p {
	margin:5px;
}
/* REFERANSER */

#ref-side{
	width: 940px;
	height: auto;
	padding-left: 20px;
	background-color: #FFFFFF;
	margin: 0px;
}
.ref-side-post{
	background-color: #FFFFFF;
	height: auto;
	width: 940px;
}

/* SIDEBAR */

#sidebar{
	float: right;
	width: 300px;
	margin-right: 10px;
	margin-bottom: 30px;
	background-color: #FFFFFF;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 16px;
}
#sidebar a{
	color: #333333;
}
#sidebar a:hover{
	color: #710678;
}
#sidebar h2{
	color:#FFFFFF;
	letter-spacing: 1px;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #333333;
	padding-left: 5px;
	margin-bottom: 1px;
	margin-top: 5px;
	font-size: 17px;
}
#sidebar h2 a{
	color: #FFFFFF;
}
#sidebar h2 a:hover{
	color: #710678;
}
#sidebar ul{
	background-image:none;
	list-style-type: none;
}

#sidebar ul li ul{
	padding-bottom:5px;
	margin-bottom:20px;
	padding-top:5px;
	background-color: #FFFFFF;
}
#sidebar ul li ul li a{
	color:#1a1a1a;
	text-decoration:none;
	display:block;
	height:23px;
	padding:0px 5px 0px 15px;
	font-size:1em;
	line-height:20px;
	font-weight: bold;
}
#sidebar ul li ul li a:hover{
	color:#710678;
}
#sidebar ul li ul li ul{
	background-image:none;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CC0000;
}
#sidebar ul li ul li{
	margin:0px;
	padding:0px;
}
/* POSTMETADATA */

.post{
	text-align:left;
	margin-bottom:10px;
	width:600px;
	margin-top: 0px;
	padding: 0px;
	margin-left: 10px;
	background-color: #FFFFFF;
}

.post h2{
	text-align:left;
	font-weight: bold;
	text-transform: uppercase;
	color: #666666;
	padding-top: 15px;
	padding-bottom: 5px;
}
.post h2 a{
	color:#333333;
	padding-right:50px;
	text-decoration:underline;
}
.post h2 a:hover{
	color: #999999;
}
.post h3, h4, h5, h6{
	color:#333333;
	font-size: 1.3em;
}
.lesmer{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #990000;
}
.lesmer a{
	color: #990000;
	font-size: 0.9em;
}
.lesmer a:hover{
	color: #CCCCCC;
}
.lesmer ul{
	list-style-type: none;
}
.lesmer li{
	list-style-position: outside;
	list-style-type: none;
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.15em;
}
.stikkord{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #333333;
	padding-top: 2px;
	padding-bottom: 2px;
}
.stikkord a{
	color: #333333;
}
.stikkord a:hover{
	color: #CCCCCC;
}
.date{
	font-size: 12px;
	color: #999999;
}
.pub{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #333333;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-color: #F4F4F4;
	margin-top: 20px;
	margin-bottom: 10px;
	clear: both;
}
.pub a{
	font-size: 1em;
	color: #333333;
}
.pub a:hover{
	color: #CCCCCC;
}
.post small{
	font-size:11px;
}

.postmetadata{
	padding-top:10px;
	padding-bottom:15px;
	color: #382E2D;
}
.postmetadata a{
	text-decoration: underline;
	color: #382E2D;
}
.postmetadata a:hover{
	color: #29A9C0;
	text-decoration: none;
}


.entry{
	padding:0px;
	font-size:1em;
	color:#333333;
	font-weight: normal;
	background-color: #CCCC00;
}
.entry li{
	background-image: url(images/circle-li.gif);
	background-repeat: no-repeat;
	list-style-position: inside;
	background-position: -0.5em 0.7em;
}
.entry .entry{
	padding:0px 0px 0px 0px;
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
	line-height:normal;
	padding:0px;
	margin:0px;
	color:#333333;
	font-size: 1em;
	background-image: none;
}
.entry pre{
	overflow:auto;
}
.entry table{
	background-color:#FFFFFF;
	margin-bottom:5px;
	padding:5px;
	font-size: 0.8em;
	font-weight: normal;
	color: #1a1a1a;
	font-family: "Trebuchet MS";
	line-height: 20px;
	border: 0.01em dotted #CCCCCC;
	width: 100%;
}
.entry table tr td, .entry table tr th{
	padding:5px;
}
.entry table tr th{
	background-color:#f8f7f3;
	border: 5px solid #FFFFFF;
}
.entry table .even{
	background-color:#ebe9e4;
}
.entry p{
	margin:0px 0px 10px 0px;
}
.entry a{
	color:#333333;
}
.bbn{
	border-bottom:none;
}
.entry a:hover{
	color:#999999;
	text-decoration: none;
}
.entry ul, .entry ol{
	margin-left:40px;
	color: #1a1a1a;
	font-size: 0.8em;
	font-weight: normal;
}

/* FOOOOOTER */

#footer{
	height:200px;
	width:auto;
	margin-left:auto;
	margin-right:auto;
	background-color: #272B31;
	color: #FFFFFF;
	text-align: center;
	clear: both;
}
#superfooter{
	height:80px;
	width:960px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #999999;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
	background-color: #272B31;
}
#superfooter ul{
	list-style:none;
	padding-top:5px;
	margin-right: auto;
	margin-left: auto;
}
#superfooter ul li{
	margin-right: auto;
	margin-left: auto;
	display: inline;
}
#superfooter .right{
	float: right;
	width: 280px;
	background-color: #383D45;
	padding: 5px;
	margin-top: -15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#superfooter .right a{
	color: #FFFFFF;
}
#superfooter .right a:hover{
	color: #710678;
}
.footercolumn {
	width: 280px;
	float: left;
	display: inline;
	margin-top: 45px;
	text-align: center;
	padding-bottom: 5px;
} 

.footercolumn2 {
	width: 280px;
	margin-left: 50px;
	display: inline;
	text-align: center;
}
.footercolumn3{
	width: 280px;
	display: inline;
	float: right;
	margin-right: 20px;
	text-align: center;
	height: auto;
}

.footercolumn p {
	color: #fff;
	text-align: center;
} 
.footercolumn ul {
	list-style-type: none;
	line-height: 20px;
} 
.footercolumn li a {
	color: #FFFFFF;
	text-decoration : none;
	display: block;
	padding-bottom: 3px;
	padding-top: 3px;
} 
.footercolumn li a:hover {
	text-decoration: none;
	color: #710678;
}

#cpr{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #CCCCCC;
	height: 40px;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	clear: both;
	margin-top: 10px;
	padding-top: 20px;
}
#cpr a{
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
}
#cpr a:hover{
	color: #FFFFFF;
}
#mediafooter img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/* Footer Widgets */

#footerWidgetsInner .boxFooter {
	float:left;
	width:210px;
	padding-right:30px;
	overflow:hidden;
	margin-bottom:40px;
}
#footerWidgetsInner h2 {
	font-size:20px;
	border-bottom:1px solid #292929;
	padding:7px 0 12px;
	margin-bottom:2px;
	color:#ccc;
}
#footerWidgetsInner .boxFooter ul li {
	padding:7px 0;
	border-bottom:1px solid #292929;
	color:#986123;
	font-size:10px;
	font-style:italic;
}
#footerWidgetsInner .boxFooter ul li a {
	text-decoration:none;
	color:#515151;
	font-size:13px;
	font-style:normal;
}
#footerWidgetsInner .boxFooter ul li a:hover {
	color:#ccc;
}
/* PAGINATION */

.emm-paginate {padding:10px 0; overflow:hidden; clear:both;}
.emm-paginate a {background:url(images/bk_pagenavi.jpg) 0 100% repeat-x; border:1px solid #ddd; color:#666; margin-right:5px; padding:4px 8px; text-align:center; text-decoration:none;}
.emm-paginate .emm-title {color:#555; margin-right:4px;}
.emm-paginate .emm-gap {color:#999; margin-right:4px;}
.emm-paginate a:hover, .emm-paginate a:active, .emm-paginate .emm-current {color:#fff; background:#18AEF5; border:1px solid #0A95D8; margin-right:5px; padding:4px 8px;}
.emm-paginate .emm-page {}
.emm-paginate .emm-prev, .emm-paginate .emm-next {}

.postthumb{
	background-color: #CCFF66;
}