/*
Theme Name: Dugnaden.no
Theme URI: http://www.dynamicguru.com/2009/08/wordpress-theme-tranquility-10/
Description: Utseende for dugnaden.no. Basert på Tranquility 1.1 av Mujtaba Ahmed - http://www.dynamicguru.com/mujtaba/
Version: 1
Author: Alt i ett reklamebyrå
Author URI: http://www.aie.no/
Tags: light,two-columns,left-sidebar,fixed-width
*/

body {
	margin:0;
	padding:0;
	text-align:center;
	color:#555;
	font-family: Helvetica,sans-serif;
	background:#eee url("images/bg.png") repeat-x top center;
}
#page {
	margin:0px auto;
	text-align:left;
	width:1000px;
	padding-top:0px;
	background:transparent;
}

/*Header Begin*/
#header {
	background:transparent url("images/header.png") no-repeat 0px 0px;
	height:161px;
	text-align:left;
	padding:0px;
	margin:0px;
}
#header a {
	color:#444;
	text-decoration:none;
}
#header a:hover {
	color:#09f;	
}
#header h1 {
	margin-left:0;
	font-weight:normal;
	font-size:60px;
	text-indent:-9000px;
}
#description {
	font-family: Helvetica,'Trebuchet MS';
	font-weight:normal;
	color:#000;
	font-size:24px;
	padding:3px;
	padding-left:10px;
	text-indent:-9000px;
}

#logo {
	text-align:center;
	position:relative;
	top:8px;
	margin-left:60px;
	width:970px;
}

/*END HEADER***/

/***************Begin SIDEBAR************************/
#sidebar {
	float:left;
	width:210px;
	padding-left:30px;
	text-align:left;
	padding-top:10px;
}
#sidebar h2 {
	color:#09f;
	border-bottom:1px solid #ccc;
	background:transparent;
	font-size:22px;
	margin:4px;
	padding:5px;
}
#sidebar ul,#sidebar   ul   li {
	padding:0;
	margin:0;
	margin-bottom:10px;
	list-style:none;
	font-size:13px;
}
#sidebar>ul {
	padding-bottom:5px;
}
#sidebar>ul>li>ul {
	margin-bottom:15px;
}
#sidebar>ul>li>ul>li {
	border-bottom:1px solid #ddd;
}
#sidebar li.current_page_item>a ,#sidebar li.current-cat>a {
	color:#000 !important;
}
#sidebar>ul>li ul {
	margin-left:5px;
}

.textwidget {
	padding-left:9px;
	padding-right:5px;
}

/*******SIDEBAR END***************/


#blog-body {
	padding:10px;
	background:#eee url("images/header.png") no-repeat 0px -197px;
}
/*Menu */
#top_nav {
	margin:0 auto;
	width:100%;
	height:36px;
	text-align:center;
	background:transparent url("images/header.png") no-repeat 0px -161px;
}
#top_nav>ul{
	width:850px;
	height:36px;
	margin:0 auto;
	padding:0 0 0 0;
	font-size:18px;
	font-family:'Helvetica';
	overflow:visible;
}
#top_nav>ul li{
	display: inline;
	width:160px;
	float:left;
}

#top_nav>ul li a{
	color:#fff;
	padding:9px 10px;
	text-decoration: none;
	border-bottom:0;
	background:transparent url("images/menyknapp_2012.png") no-repeat top center;
	display:block;
	width:130px;
	height:18px;
}

#top_nav>ul li a:visited
{
	color: #fff;
}

#top_nav>ul li a:hover
{
	color:#fff;
	background:transparent url("images/menyknapp_hover_2012.png") no-repeat top center;
}

#top_rss {
	height:16px;
}

#top_nav #top_rss > a {
	float: left;
	color: #fff;
	padding-top:3px;
	padding-bottom:8px;
	text-decoration: none;
	border-bottom:0;

}

#top_nav #top_rss img {
	position:relative;
	top:5px;
}

#content {
	margin-left:10px;
	font-size:15px;
	background:transparent;
	padding-left:15px;
	padding-right:15px;
}
 #content .post {
	padding:5px;
	margin-left:0px;
	float:left;
	width:680px;
	line-height:1.4em;
 }

 #content h2,#content h3 a{
	font-weight:normal;
	margin:0.5em 0 0.5em 0;
 }
 
 h1{
	font-size:36px;
 	margin:1em 0 0.5em 0;
 	color: 666;
 }
 
 h2 {
 	margin:1em 0 0.5em 0;
 	color:#09f;
 }
 
 h3{
	font-size:26px;
 	margin:1em 0 0.5em 0;
 	color:#666;

 }
 h4{
	font-size:22px;
 	margin:1em 0 0.5em 0;
 	color:#666;

 } 
 #content h2 {
	background:transparent;
	font-size:32px;
 }
 #content h2 a{
	color:#09f;
	text-decoration:none;
 }
 #content h2 a:hover {
	color:#FF6600;
 }
 #content .entry {
	
 }
p.postmetadata {
	border-top:3px solid #ddd;
	color:#555;
	padding:8px;
	font-size:14px;
	}
	
a.readmore,a.more-link{
	padding:5px;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	text-transform:uppercase;
	font-size:12px;
	background:#333;
	margin:5px;
	color:#eee;
	text-decoration:none;
}
a.readmore:hover,a.more-link {
	background:#06f;
	color:#fff;
}
small.time,small.author,small.comments_count {
	color:#444;
	margin-left:10px;
	text-transform:uppercase;
	padding-left:25px;
	border-left:1px solid #aaa;
	
}
small.time {
	background:transparent url("images/date.png") no-repeat center left;
	border:none !important;
}
small.author {
	background:transparent url("images/author.png") no-repeat center left;
}
small.comments_count {
	background:transparent url("images/comment.png") no-repeat center left;
}
span.cat {
	color:#000;
	padding-left:20px;
	font-style:italic;
	background:transparent url("images/cat.png") no-repeat center left;
}
span.tags {
	color:#000;
	padding-left:20px;
	font-style:italic;
	background:transparent url("images/tag.png") no-repeat center left;
}
span.permalink {
	color:#09f;
	padding-left:20px;
	text-transform:lowercase;
	background:transparent url("images/permalink.png") no-repeat center left;	
}
span.time {
	color:#000;
	padding-left:20px;
	font-style:italic;
	background:transparent url("images/date.png") no-repeat center left;
}
span.trackback {
	color:#000;
	padding-left:20px;
	text-transform:lowercase;
	background:transparent url("images/trackback.png") no-repeat center left;
}
div.clear {
	clear:both;
}
a.post-edit-link {
	padding-left:16px;
	background:transparent url("images/edit.png") no-repeat center left;
}
a {
	color:#0089d0;
	text-decoration:none;
}
a:hover {
	color:#555555;
}
a img {
	border:none;
}
a.rss {
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
	background:transparent url("images/rss.png") no-repeat 6px left;
}
div.comment_part {
	padding-left:0px;
 }
h3#comments {
	padding:5px;
	color:#333;
}
ul.commentlist {
	list-style:none;
	padding: 0 !important;
}
ul.commentlist li {
	padding:10px;
	border:1px solid #ccc;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	margin: 10px 0 10px 0;
}
ul.commentlist li.authcomment {
	border-color:#09f;
}
ul.commentlist li.alt {
	background:#f9f9f9;
	padding:10px;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
ul.commentlist img.avatar {
	display:block;
}
cite.comment_author {
	text-transform:capitalize;
	font-style: normal;
	font-weight: bold;
}
em.awaiting_moderation {
	color:red;
	display:block;
	font-size:10px;
	margin:0px;
}
hr {
	display:none;
}

#footer-wrapper {
	padding:20px;
	text-align:center;
	margin-top:25px;
	background:transparent url("images/footer.png") no-repeat top center;
}
div.footer {
	color:#222;
	margin:0px auto;
	margin-top:10px;
	width:1000px;
	text-align:left;
}
div.footer h1{
	margin:5px;
}
span.description {
	color:#444;
	text-transform:lowercase;
}
div.footer small {

	font-size:12px;
	text-transform:uppercase;
	color:#aaa;
}

img#wpstats{display:none}

/*** Custom Classes **************/
.warning,.caution {
	background:#FFEEEE;
	padding:5px;
	margin:5px;
	font-size:14px;
	color:#800;
	border:1px solid #c00;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
.note,.highlight {
	background:#FFFFCC;
	padding:5px;
	margin:5px;
	font-size:14px;
	color:#666;
	border:1px solid #CCCC99;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
.success,.good {
	background:#EEFFEE;
	padding:5px;
	margin:5px;
	font-size:14px;
	color:teal;
	border:1px solid teal;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
a.download {
	background:#09f;
	color:#fff;
	padding:4px;
	margin:5px;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
a.download:hover {
	background:#f60;
}
#content .entry img.frame,#content .entry img.border {
	background:#fff;
	border:1px solid #ccc;
	padding:4px;
}
#content .entry img.frame:hover,#content .entry img.border:hover {
	border-color:#09f;
}
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

/* End Images */

code {
	font: 0.9em 'Courier New', Courier, Fixed;
	color:#eee;
	padding:20px;
	background:#222;
	display:block;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	}

acronym, abbr, span.caps

{
	font-size: 0.9em;
	letter-spacing: .07em;
	}
/* Begin Calendar */

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}
#wp-calendar {
}
#wp-calendar caption {
	font: normal 1.3em Helvetica, Sans-Serif;
	text-align: center;
	margin-bottom: 3px;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	text-align:center;
	color:#53BE89;
	}
	
#wp-calendar {
	empty-cells:hide;
	margin: 0px auto 0;
	width: 210px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	color:#09f;
	font-weight:bold;
	border:none;
	}

#wp-calendar caption {
	text-align: center;
	font-weight:normal;
	color:#09f;
	padding:5px;
	}

#wp-calendar td {
	padding: 3px 0;
	background:transparent;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-align:center;
	margin:-1px;
	font-family:Georgia,serif;
	color:#333;
	}
#wp-calendar td:hover{
	background:#ccc;
	cursor:pointer;
}

.forsideknapp {
	height:165px;
	background:url('images/forsideknapp.png') no-repeat 0px 0px;
}

.knapp {
	background:url('images/knapp.png') no-repeat 0px 0px;
	height:130px;
	width:130px;
	text-align:center;
	padding-top:8px;
}

.knapp:hover {
	background:url('images/knapp_hover.png') no-repeat 0px 0px;
	color:#fff;
}

.skjema_litenknapp {
	cursor:pointer;
	margin-top:22px;
	margin-right:5px;
	text-align:center;
	width:140px;
	height:22px;
	background:url('images/skjema_litenknapp.png') no-repeat 0px 0px;
	float:left;
	font-size:0.6em;
	font-style:italic;
}
/* TEST ny knapp */

.knapp_mindre2 {
	background:url('images/knapp_mindre2.png') no-repeat 0px 0px;
	height:50px;
	width:200px;
	text-align:center;
	padding-top:8px;
	margin: 0px 10px;
}
.knapp_mindre2:hover {
	background:url('images/knapp_mindre2_hover.png') no-repeat 0px 0px;
	color:#fff;
}

/* TEST ny knapp ferdig*/
/* TEST SIDEBAR ny knapp */

.menyknapp_sidebar {
	background:url('images/menyknapp_sidebar.png') no-repeat 0px 0px;
	height:30px;
	width:140px;
	text-align:center;
	padding-top:9px;

	
}
.menyknapp_sidebar:hover {
	background:url('images/menyknapp_sidebar_hover.png') no-repeat 0px 0px;
	color:#fff;
}

/* TEST SIDEBAR ny knapp ferdig*/

/* End Calendar */
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	font-family:'Helvetica';
	font-style:italic;
	text-transform:lowercase;
	border-left: 5px solid #aaa;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}
	
img.avatar {
	background:#eee;
	padding:4px;
	border:1px solid #999;
}
.wp-caption {
	border: 1px solid #aaa;
	text-align: center;
	background-color: #ddd;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.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;
}

/*Single posts Navigation*/

div.single_navigation {
	font-size:18px;
	width:650px;
	margin-top:25px;
}
div.single_navigation table {
	width:650px;
}

div.single_navigation table a {
	color:#666;
}
div.single_navigation table a:hover {
	color:#FF9933;
}
td.single_alignleft,td.single_alignright {
	width:325px;
}
td.single_alignright {
	text-align:right;
	border-left:1px solid #333;
}
input,textarea {
	background:#f4f4f4;
	border:1px solid #aaa;
	padding:4px;
	color:#444;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin:5px 5px 5px 0;
}
.eknapp, input[type="submit"], input[type="button"]
{
	cursor:pointer;
	background:#3a3a3a;
	border-color:#666;
	color:#fff;
	font-weight:bold;
	font-size:15px;
	border: none;
}
.eknapp:hover, input[type="submit"]:hover, input[type="button"]:hover
{
	cursor:pointer;
	background:#0089D0;
	color:#fff;
	border-color:#09f;
	font-weight:bold;
}

	
#enkelt {
	width: 708px;
	height: 194px;
	
	font-family: Helvetica;
	font-size: 13px;
	clear: both;
}

#enkelt div {
	width: 157px;
	height: 194px;
	display: block;
	padding: 0 10px 0 10px;
	float: left;
}

#enkelt .en  {
	background: url(images/1enkelt.jpg) no-repeat;
}

#enkelt .to  {
	background: url(images/2enkelt.jpg) no-repeat;
}

#enkelt .tre  {
	background: url(images/3enkelt.jpg) no-repeat;
}

#enkelt .fire  {
	background: url(images/4enkelt.jpg) no-repeat;
	float: right;
}

#enkelt div p {
	padding-top: 120px;
}

.clear {
	clear:both;
	float: none !important;
	display: block;
	width: 100%;
}
/*gallery begin*/
.gallery {
	line-height:10px !important;
}
.gallery {
	margin: auto;
	}
.gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 33%;
	}
.gallery img {
	border: 2px solid #ccc;
	}

.gallery-caption {
	margin-left: 0;
	}
.gallery-icon {
}
/*gallery end*/

/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* Default CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron> */
 
.hidden {
	opacity: 0;
	position: absolute;
}
.visible {
	opacity: 1;
}
 
input.calendar,
select.calendar {
	float:left;
}
 
button.calendar {
	background: url(images/calendar-icon.gif);
	border: 0;
	cursor: pointer;
	float: left;
	height: 20px;
	margin: 6px 0 4px 0;
	width: 20px;
}
button.calendar:hover,
button.calendar.active {
	background-position: 0 20px;
}
 
div.calendar {
	background: url(images/calendar.png);
	height: 205px;
	padding: 0 6px;
	text-align: center;
	width: 147px;
	margin-left:5px;
}	
	div.calendar * {
		margin: 0;
		padding: 0;
	}	
	div.calendar div {
		background: none !important;
		cursor: move;
		height: 185px;
		overflow: hidden;
		padding-top: 20px;
		position: relative;
		width: 147px;
	}	
	
	div.calendar caption {
		color: #333;
		font: normal 12px/16px Helvetica, sans-serif;
		overflow: hidden;
		text-align: center;
		width: 100%;
	}
	div.calendar caption a {
		cursor: pointer;
		display: block;
		height: 12px;
		overflow: hidden;
		position: absolute;
		text-indent: -100px;
		top: 7px;
		width: 11px;
	}
	div.calendar caption a.prev {
		background-image: url(images/calendar-prev.gif);
		left: 0;
		float:left;
	}
	div.calendar caption a.next {
		background-image: url(images/calendar-next.gif);
		right: 0;
		float:left;
	}
	div.calendar caption a:hover {
		background-position: 0 12px;
	}
	div.calendar caption span {
		padding-top:6px;
		position: relative;
		text-align: center;
	}
	div.calendar caption span.month {
		float:left;
		width:84px;
	}
	div.calendar caption span.year {
		float:right;
		width:63px;
	} 
	div.calendar table {
		background: #FFF;
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
		cursor: default;
		margin: 0 auto;
		overflow: hidden;
		width: 147px;
	}
	div.calendar td,
	div.calendar th {
		border: 0;
		color: #0597DB;
		font: normal 12px Helvetica, sans-serif;
		height: 21px;
		text-align: center;
		width: 21px;
	}
	div.calendar td {
		background: url(images/calendar-td.gif);
		color: #FFF;
		font-size: 11px;
	}
	div.calendar td.invalid {
		color: #999;
	}
	div.calendar td.valid {
		background: url(images/calendar-valid.gif);
		color: #0597DB;
		cursor: pointer;
	}
	div.calendar td.hilite {
		background: url(images/calendar-hilite.gif);
	}
	div.calendar td.inactive {
		background: url(images/calendar-td.gif) 0 100%;
		color: #FFF;
	}
	div.calendar td.active,
	div.calendar td.hover {
		background: url(images/calendar-valid.gif) 0 100%;
		color: #FFF;
		cursor: pointer;
	}
	
/************** Kalkulator ***************/

#kalkulator_kategorivalg {
	float:right;
	margin-top:-53px;
}



/*produkter*/

.produkt {
	margin: 0px 0 0 0;
	position: relative;
		-webkit-box-shadow: 1px 2px 4px rgba(0,0,0,.5);
		-moz-box-shadow: 1px 2px 4px rgba(0,0,0,.5);
		box-shadow: 1px 2px 4px rgba(0,0,0,.5);
		
		/* Kokakify */
		padding: 10px;
		background: white;
}



.produkt:after {
		content: '';
		-webkit-box-shadow:  100px 0 10px 20px rgba(0,0,0,.2);
		-moz-box-shadow:  100px 0 10px 20px rgba(0,0,0,.2);
		box-shadow:  100px 0 10px 20px rgba(0,0,0,.2);
		position: absolute;
		width: 50%;
		height: 40px;
		bottom: 20px;
		right: 90px;
		z-index: -1;
}

.produkt div {
	height: 1px;
}