/*
Theme Name: Studentunionen
Theme URI: http://brafolk.no/
Description: Theme for studentunionen
Version: 1.2
Author: Bra folk
License: N/A
License URI: N/A
Tags: two-columns, three-columns, fixed-width
*/


/*
Content
---------------------
0.	Reset & WP Standards
---------------------
1. 	Typography
---------------------
2. 	Layout
---------------------
	2.1 	Layout - Header
	2.1.1	Layout - Header - Menu
	2.1.1.1 Layout - Header - Menu - Dropdown
	2.2 	Layout - Content
	2.2.1 	Layout - Content - Post
	2.3 	Layout - Footer
--------------------
3. 	Forms
--------------------
4. 	Misc
--------------------
5. 	Mobile
--------------------
*/

@font-face {
    font-family: 'SpringsteelSerifThin';
    src: url('fonts/springsteelserif-thin-webfont.eot');
    src: url('fonts/springsteelserif-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/springsteelserif-thin-webfont.woff') format('woff'),
         url('fonts/springsteelserif-thin-webfont.ttf') format('truetype'),
         url('fonts/springsteelserif-thin-webfont.svg#SpringsteelSerifThin') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SpringsteelSerifHeavy';
    src: url('fonts/springsteelserif-heavy-webfont.eot');
    src: url('fonts/springsteelserif-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/springsteelserif-heavy-webfont.woff') format('woff'),
         url('fonts/springsteelserif-heavy-webfont.ttf') format('truetype'),
         url('fonts/springsteelserif-heavy-webfont.svg#SpringsteelSerifHeavy') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SpringsteelSerifHeavyItalic';
    src: url('fonts/springsteelserif-heavyitalic-webfont.eot');
    src: url('fonts/springsteelserif-heavyitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/springsteelserif-heavyitalic-webfont.woff') format('woff'),
         url('fonts/springsteelserif-heavyitalic-webfont.ttf') format('truetype'),
         url('fonts/springsteelserif-heavyitalic-webfont.svg#SpringsteelSerifHeavyItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* 0. Reset & WP Standards */

	/* Global reset */
	/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
	*, html, body, div, dl, dt, dd, ul, dir, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
	table { border-collapse:collapse; border-spacing:0 }
	ul {padding-left:0;}
	hr, fieldset, img { border:0 }
	address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
	ol, ul, li { list-style:none }
	caption, th { text-align:left }
	h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
	q:before, q:after { content:''}
	
	/* Global reset-RESET */
	/* The below restores some sensible defaults */
	strong { font-family:'SpringsteelSerifHeavy';}
	em { font-style:italic }
	a img { border:none } /* Gets rid of IE's blue borders */
	
	
	/* Wordpress standards */
	/* ----------------------------------------- */
	
	/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
	.aligncenter { display:block; margin:0 auto }
	.alignleft { float:left }
	.alignright { float:right }
	.wp-caption {text-align:center; background:#333; padding:4px 0; margin:10px }
	.wp-caption {color: white;}
	.wp-caption-text {}
	.sticky {}
	.gallery-caption {}
	.bypostauthor {}
	
	/* You might find the following useful */
	/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
	br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
	li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */






/*1. Typography */
	
/* 	@import url("fonts/droidsans.css"); */
/* 	@import url("fonts/springsteel.css"); */





	body {
	font-family: 'SpringsteelSerifThin', "Helvetica Neue", Helvetica, Arial, Sans-serif; 
	font-size: 16px;
	line-height: auto;
	color: #333;
	background: #eaeaea;
	white-space: normal;
	}
	
	h1 {
		font-size: 77px; line-height: 60px;
		margin-bottom: 10px;
		font-weight: normal;
		position: absolute;
		margin-top: 90px;
		margin-left: 10px;
		z-index: 999;
		color: white;
	}
	
	
	
	h2 {
		font-size: 28px;
		
	}
	
	h3 {
		font-size: 25px;
	}
	
	h4 {
		font-size: 20px;
	}
	
	h5 {
		font-size: 20px;
	}
	
	h6 {
		font-size: 20px;
	}
	p a,
	span a {
	color: #398EE0;
	text-decoration: none;
	}
	
	pre {
	font-size: 12px;
	padding: 0;
	margin: 0;
	background: #f0f0f0;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	line-height: 20px; /*--Height of each line of code--*/
	width: 100%;
	overflow: auto; /*--If the Code exceeds the width, a scrolling is available--*/
	overflow-Y: hidden;  /*--Hides vertical scroll created by IE--*/
	}
	pre code {
		margin: 0 0 0 40px;  /*--Left Margin--*/
		padding: 18px 0;
		display: block;
	}
	
	pre:hover, pre:hover code {
		display:  inherit;
	}
	
	#header h1 a {
		padding: 0px 10px;
		float: left;
		background: none;
	}
	
	
	a:hover {
	color: #000;
	cursor: pointer;
	}
	
	p {

	font-size: 16px; line-height: 22px;
	}
	
	
	
	#header p.description{
		text-transform: uppercase;
		color: #333;
		bottom: -25px;
		position: relative;
	}
	
	
	
	h3.widget-title {
	font-size: 18px;
	}
	
	.entry-meta p {
	font-size: 12px;
	color: #83B67C;
	text-transform: uppercase;
	
	}
	
	.entry-meta a{
		color:#83B778;
		font-family: 'SpringsteelSerifHeavyItalic';
		text-transform: uppercase;
	}
	
	.entry-meta p span, p.description{
	font-style: italic;

	}
	
	.post_footer a {
		font-style: italic;
		
		font-family: 'SpringsteelSerifHeavy';
	}
	
	.post_footer a:hover {
		color: #333;
		background: none;
	}
	
	
	
	h2.category_header {
	color: #333;
	
	}
	
	.col500{
	width: 500px;
	}
	
	.col180 {
	width: 180px;
	}
	
	#author .col500 {
	padding-right: 8px;
	border-right: 1px dotted #999;
	}
	
	#author .col170 {
	margin-left: 9px;
	}
	
	#footer p{
	color: #333;
	font-size: 10px;
	text-align: center;
	}
	#footer a{
	color: #398ee0;
	}
	
	pre {
		width: 600px;
	}

	legend {
		border: 1px solid #333;
	}
	
	/*Template specific typography*/
	
	
/* 2. Layout */
	
	#wrapper {
	width: 960px; /* BEcause of the special header at homepage this cant be 960px so we do the closest that works*/
	margin: 0px auto 0px;
	padding: 10px;
	background: white;
	}
	#content {
		
	}
	.main-content {
		width: 700px;
		float: left;
		margin-top: 10px;
	}
	
	
	
	/* 2.1 Layout - Header */
		#header {
		margin-bottom: 0px;
		
		}
		/* 2.1.1 Layout - Header - Menu */
			
			
			.access{
				background: #F2F2F2;
				float: left;
				width: 100%;	
			}
			.access ul li,
			.menu ul li {
				float: left;
			}
			.access ul li a,
			.menu ul li a{
				color: #333;
				padding: 15px 20px;
				display: block;
				border-right:1px solid #ddd;
				
			}
			.access ul li a:hover,
			.menu ul li a:hover {
				background: #aaa;
				background: rgba(200,200,200,0.9);
				color: #fff;
				-webkit-box-shadow: 0px 0px 4px #aaa;
			}
			
			/* 2.1.1.1 Layout - Header - Menu - Dropdown */
				.access ul li ul,
				.menu ul li ul {
					display: none;
					width: 180px;
					border-right: 1px solid #aaa;
					border-left: 1px solid #aaa;
				}
				
				.access ul li:hover ul,
				.menu ul li:hover ul {
					display: block;
					position: absolute;
					z-index: 20;
				}
				
				.access ul li ul li,
				.menu ul li ul li{
					float: none;
					
				}
				#sidebar-menu ul li a,
				.access ul li ul li a,
				.menu ul li ul li a{
					
					padding: 0px 0px 0px 50px;
					height: 40px;
					line-height: 40px;
					display: block;
					border-bottom: 1px solid #aaa;
					border-right:none;
					background: #fff;
					background: rgba(255,255,255,0.9) url(ikoner/meny-sprite.jpg) no-repeat;
					
					
				
				}
				.access ul li ul li a:hover,
				.menu ul li ul li a:hover {
					padding: 0px 0px 0px 50px;
					height: 40px;
					line-height: 40px;
					display: block;
					border-bottom: 1px solid #aaa;
					background: #aaa url(ikoner/meny-sprite.jpg) no-repeat;
					
				}
	
				/* Home special menu*/
				
				#home-header h1 {
					text-indent: -9999px;
				}
				
				#home-header ul li a {
					float: left;
				}
				
				#home-header ul li a{
					height: 160px;
					width: 96px;
					background: #aaa;
					cursor: pointer;
					position: relative;
					background: url(images/ikoner_sprite.jpg) no-repeat;
				}
				
				#home-header ul li a:hover {
					margin-top: -5px;
					border-style: solid;
					border-width: 0 0 5px 0;
					-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.3);
					z-index: 90;
				}
				
				#home-header #hh1 a { background-color: #1D4698; background: ;}
				#home-header #hh2 a { background-color: #287ABF; background-position: -95px 0px;}
				#home-header #hh3 a { background-color: #3CB8D0; background-position: -191px 0px;}
				#home-header #hh4 a { background-color: #6DAB43; background-position: -287px 0px;}
				#home-header #hh5 a {display:none;}
				#home-header #hh6 a { background-color: #DD482D; background-position: -383px 0px;}
				#home-header #hh7 a { background-color: #E22E91; background-position: -478px 0px;}
				#home-header #hh8 a { background-color: #8B2580; background-position: -574px 0px;}
				#home-header #hh9 a { background-color: #fff;    background-position: -670px 0px;}
				#home-header #hh10 a { background-color: #888A8C;background-position: -766px 0px;}
				#home-header #hh11 a { background-color: #222;   background-position: -864px 0px;}
				/* Hover state */
				#home-header #hh1 a:hover {border-color: #14335c;}
				#home-header #hh2 a:hover {border-color: #1f599a;}
				#home-header #hh3 a:hover {border-color: #3695b3;}
				#home-header #hh4 a:hover {border-color: #539215;}
				#home-header #hh5 a:hover {border-color: #cfb727;}
				#home-header #hh6 a:hover {border-color: #c72424;}
				#home-header #hh7 a:hover {border-color: #c22255;}
				#home-header #hh8 a:hover {border-color: #771a7a;}
				#home-header #hh9 a:hover {border-color: #d1d1d1;}
				#home-header #hh10 a:hover {border-color: #6b6b6b;}
				#home-header #hh11 a:hover {border-color: black;}
				
				/*Utvalgene special menu*/
				
				#sidebar-menu {
					width: 100%;
					border-top: 1px solid #aaa;
					margin-right: 20px;
					margin-top: 10px;
				}
				
				#sidebar-menu ul li a {
					padding: 0px 0px 0px 50px;
					height: 40px;
					line-height: 40px;
					display: block;
					border-bottom: 1px solid #aaa;
					border-left: 1px solid #aaa;
					border-right: 1px solid #aaa;
				}
				
				#sidebar-menu ul {
					margin: 0;
				}
				
				#sidebar-menu ul li {
					border: none;
					padding: 0;
				}
				/*Specific menu item slug styling*/
				
				.access ul li.menu-item-290 a{
					background: url(images/sck_logo.png) 5px 5px no-repeat;
					padding-left: 50px !important;
				}
				
				.access ul li.menu-item-290 a:hover{
					background: url(images/sck_logo.png) 5px 5px no-repeat rgba(200,200,200,0.9);
					padding-left: 50px !important;
				}
				
				.access .menu-item-studentunionen a, .access .menu-item-studentunionen a:hover{
					padding-left: 40px;
				}
				#sidebar-menu #hh2 a,
				.access .menu-item-karrieredagene a, .access .menu-item-karrieredagene a:hover {
					background-position: 0 -40px;
				}
				#sidebar-menu #hh3 a,
				.access .menu-item-into-campus a, .access .menu-item-into-campus a:hover {
					background-position: 0 -80px;
				}
				#sidebar-menu #hh4 a,
				.access .menu-item-markedsavdeling a, .access .menu-item-markedsavdeling a:hover {
					background-position: 0 -120px;
				}
				#sidebar-menu #hh5 a,
				.access .menu-item-revy a, .access .menu-item-revy a:hover {
					background-position: 0 -160px;
				}
				#sidebar-menu #hh6 a,
				.access .menu-item-kontrollkomiteen a, .access .menu-item-kontrollkomiteen a:hover {
					background-position: 0 -200px;
				}
				#sidebar-menu #hh7 a,
				.access .menu-item-event a, .access .menu-item-event a:hover {
					background-position: 0 -240px;
				}
				#sidebar-menu #hh8 a,
				.access .menu-item-idrett a, .access .menu-item-idrett a:hover {
					background-position: 0 -280px;
				}
				#sidebar-menu #hh9 a,
				.access .menu-item-tillitsutvalget a, .access .menu-item-tillitsutvalget a:hover {
					background-position: 0 -320px;
				}
				#sidebar-menu #hh10 a,
				.access .menu-item-hovedstyret a, .access .menu-item-hovedstyret a:hover {
					background-position: 0 -360px;
				}
				#sidebar-menu #hh11 a,
				.access .menu-item-hvelvet a, .access .menu-item-hvelvet a:hover {
					background-position: 0 -400px;
				}
				
	/* 2.2 Layout - Content */
					
			
		
		/* 2.2.1 Layout - Content - Post*/
			.blog .post {
				margin-bottom: 35px;
				width: 100%;
				float: left;
				background: #fff;
				
			
			
			}
			
			
			.archive .post_inner,
			.page-template-default .post_inner,
			.search .post_inner	 {
				padding-right: 20px;
			}
			
			.page-template-template-utvalgene-php .post {
				display: block;
			}
			
			#author .post {
			margin-bottom: 20px;
			}
			
			.post_footer{
			
			padding: 10px 0px;
			
			}
			
			.post img{
			background: #aaa;
			border: 1px solid #aaa;
			
			}
			
			.post .wp-post-image {
				float: left;
				margin-right: 20px;
				margin-bottom: 10px;
			}
			.entry-meta {
			margin: 5px 0 10px;
			}
			
			
			.author_post_list:hover {
			background: #fff;
			}
			
			/*Featured post - home*/
		
				.featured_post{
					float: left;
					width: 340px;
					border: 1px solid #aaa;
					height: 240px;
					margin-top: 10px;
					position: relative;
				}
				.featured_post h2{
					position: absolute;
					border-left: 10px solid #fff;
					border-left: 10px solid rgba(255,255,266,0.7);
					margin-top: 10px;
					line-height: 34px;
									}
				.featured_post h2 a{
					position: relative; 
					background: #fff;
					background: rgba(255,255,266,0.7);
					display: inline;
					
				}
				
				.featured_post a.post_link {
					position: absolute;
					right: 0;
					bottom: 0;
					background: red;
					padding: 8px 14px;
				}
				
				.post1, .post3, .post5, .post7, .post9, .post11, .post13, .post15, .post17, .post19, .post21 {
					margin-right: 10px;
				}
		
		
		/* 2.2.1 Layout - Content - Sidebar*/
			
			.sidebar {
				width: 240px;
				
			}
			
			.sidebar h3 {
				border-bottom: 1px solid;
			}
			
			.sidebar ul {
				
				margin-top: 20px;
				color: #333;
			}
			
			.sidebar > ul > li{
				margin-bottom: 20px;
			}
			
			.sidebar ul li ul{
				padding: 0;
			}
			
			.sidebar ul li ul li{
				border-bottom: 1px solid;
			}
			
			.sidebar ul a{
				color: #333;
			}
			
			.sidebar a:hover {
				color: #83b820;
			}
		/* 2.2.2 Layout - utvalgene */
			.medlemmer {
				display: block;
				height: 120px;	
				position: relative;
			}
				
			.medlemmer img {
				float: left;
				margin-right: 10px;
			}
			
			.medlemmer .post-edit-link {
				position: absolute;
				top:5px;
				left: 5px;	
				color: #000;
				background: #aaa;
				padding: 3px 5px;
				font-size: 8px;
				
				font-family: 'SpringsteelSerifHeavy';
			}
				
			
		/* 2.2.3 Layout - Home*/ 
			
			.home h3 {
				
				margin-bottom: 10px;
				padding-top: 10px;
			}
			
	/* Layout gallery*/
		.gallery .gallery-item {
			width: 25%;
			float: left;
			margin-bottom: 10px;
		}
			
	
	/* 2.3 Layout - Footer */
		#footer {
		background: #F2F2F2;
		padding: 5px;
		
		margin-top: 10px;
		}
		
		#footer .footer1 {
		float: left;
		border-right: 1px dashed #e3e3e3;
		padding-right: 20px;
		min-height: 140px;
		}
		#footer .footer2 {
		width: 418px;
		float: left;
		padding-left: 20px;
		}
		
		/* 3.1. widgets*/
		
		#twitter_div {
			color: black;
			width: 240px;
			border: 1px solid #aaa;
			background: url('images/twitter.jpg') top left no-repeat;
			padding-top: 40px;
			position: relative;
		}
		
		#twitter_div a{
			color: #555;
		}
		
		#twitter_update_list li {
			
			border-bottom: 1px solid #aaa;
			padding: 10px 0;
		}
		
		#twitter_update_list li span{
			margin: 0px 10px;
			display: block;
		}
		
		#twitter_update_list li a {
			margin-left: 10px;
		}
		
		#twitter_update_list li span a {
			margin: 0;	
		}
		#twitter_update_list {
			border-top: 1px solid #aaa;
			margin: 0;
		}
		#twitter-link {
			-moz-border-radius: 3px;
			-khtml-border-radius: 3px;
			-webkit-border-radius: 3px;
			background: #eee url(images/plus.png) no-repeat 5px 5px;
			border-color: #CCC;
			border-radius: 3px;
			border-style: solid;
			border-width: 1px;
			cursor: pointer;
			display: inline-block;
			font: 12px/15px Helvetica Neue,Arial,"Lucida Grande",Sans-serif;
			margin: 0;
			overflow: hidden;
			padding: 4px 9px 4px 24px;
			text-shadow: 0 1px #F0F0F0;
			color: #333!important;
			-moz-box-shadow: 0 1px 0 #F8F8F8;
			-wekbit-box-shadow: 0 1px 0 #F8F8F8;
			box-shadow: 0 1px 0 #F8F8F8;
			position: absolute;
			top: 6px;
			right:5px;
			z-index: 9;
		}
		#twitter-link:hover {
			border-color: #aaa;
		}
		
	/* Twitter Widget */
		.twitter_div ul {
			
			list-style-type: none;
		}
		
		.twitter_div ul li {
			margin: 10px;
			background: url(images/quote.png) no-repeat;
			width: 180px;
		}
		
		.twitter_div ul li:last-child {	padding: 0 0 0 35px; }
		
		.twitter_div ul li span { 
			display: block; 
			color: white; 
			font-family: "SpringsteelSerifThin", Georgia, Times, serif;
			font-style: italic;
		}
		.twitter_div ul li span a {	
			font-family: "SpringsteelSerifThin", Georgia, Times, serif;
			font-style: italic; 
		}
		
		.twitter_div ul li a { color: #999; }
		
		.twitter_div ul li a:hover { color: #666; }
		
	

		
		
		
	
/* 3. FORMS */
	
	#header .searchbar label{
		color: #fff;
	}
	
	#header .searchbar {
		float: right;
		margin: 10px 10px 0px;
		
	}
	textarea,
	input {
		padding: 7px;
		border: 1px solid #aaa;
	}
	
	.wpcf7 textarea,
	.wpcf7 input {
		width: 95%;
	}
	.wpcf7 input {
		width: 40%;
		margin-bottom: 10px;
	}
	
	.wpcf7 input[type="submit"] {
		width: 200px;
		margin-right: 20px;
	}
	
	input[type="submit"] {
		
	}
	input.button:hover,
	input[type="submit"]:hover {
		-webkit-box-shadow:inset 3px 3px 2px rgba(255,255,255,0.2), inset -3px -3px 4px rgba(0,0,0,0.3);
		cursor: hand;
		cursor: pointer;
		line-height: 13px;
	}
	
	.comment-form-comment label {
		display: block;
	}
	
		/* Search Form */
			#header #searchform {
				
				text-align: right;
			}
			#header #searchform div {
				margin: 0;
			}
			#header #s {
				float: right;
				-webkit-transition-duration: 400ms;
				-webkit-transition-property: width, background;
				-webkit-transition-timing-function: ease;
				-moz-transition-duration: 400ms;
				-moz-transition-property: width, background;
				-moz-transition-timing-function: ease;
				-o-transition-duration: 400ms;
				-o-transition-property: width, background;
				-o-transition-timing-function: ease;
				width: 72px;
			}
			#header #s:focus {
				background-color: #f9f9f9;
				width: 196px;
			}
			#header #searchsubmit {
				display: none;
			}
			#header .only-search #searchform {
				top: 5px;
				z-index: 1;
			}
			#header .only-search #s {
				background-color: #666;
				border-color: #000;
				color: #222;
			}
			#header .only-search #s,
			#header .only-search #s:focus {
				width: 85%;
			}
			#header .only-search #s:focus {
				background-color: #bbb;
			}
			#header .with-image #searchform {
				top: auto;
				bottom: -27px;
			}
			#header .only-search + #access div {
				padding-right: 205px;
			}
			
/* 4. MISC */
.clear {
clear: both;
}

.right {
float: right;
}

.left {
float: left;
}

.left img{
margin: 2px 10px 5px 0;}


.footer1 {
	color: black;
}

	
	
/* 5. SLIDER */
	
	#slider {
		width: 960px;
		height: 350px;
		
	}
	
	.slider_item {
		position: absolute;
	}
	
	#slider-wrap {
		
		width: 960px;
		height: 350px;
		display: block;
		margin-bottom: 30px;
	}
	
	.slider_content {
		position: absolute;
		color: white;
	}
	
	.nivo-caption {
		padding-top: 10px;
	}
	
	.nivo-caption p {
		margin: 10px !important;
	}
	
	.nivo-caption p p{
		margin: 0px !important;
	}
	
	.nivo-controlNav {
		position: absolute;
		margin-top: 325px;
		z-index: 200;
		width: 960px;
		text-align: left;
		margin-left: 10px;
		font-size: 10px;
		
	}
	
	.nivo-controlNav a{
		background: #fff;
		padding: 2px 5px;
		margin: 5px;
		
	}
	
	.nivo-controlNav .active{
		background: #333;
		color: #fff;
	}
	
	
	.nivo-prevNav {
		font-family: 'SpringsteelSerifHeavy';
		
		background: #333;
		color: #fff;
		padding: 15px 15px 15px 15px;
		text-align: center;
		line-height: 10px;
		font-size: 20px;
		margin-left: 10px;
		width: 10px;
		position: absolute;
		border: 2px solid #fff;
		opacity: 0.5;
		
	}
	
	.nivo-prevNav:hover,
	.nivo-nextNav:hover {
		opacity: 0.7	;
	}
	
	.nivo-nextNav{
	
		font-family: 'SpringsteelSerifHeavy';
		
		background: #333;
		color: #fff;
		padding: 15px 15px 15px 15px;
		text-align: center;
		line-height: 10px;
		font-size: 20px;
		width: 10px;
		position: absolute;
		display: block;
		border: 2px solid #fff;
		margin-right: 10px;
		opacity: 0.5;
			
	}
	
	

	
		
		
		#show_menu {
				display: none;
			}
			
			
			
		
		.post_footer a {
			  color: #ffffff;
			  font-size: 12px;
			  padding: 8px;
			  text-decoration: none;
			  text-shadow: 1px 1px 3px #666666;
			  border: solid #ff1414 1px;
			  background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff5c5c), to(#fa0505));
			  background: -moz-linear-gradient(top, #ff5c5c, #fa0505);
			
			
				
				
			}
			.wpcf7-submit,
			.featured_post a.post_link {
			  color: #ffffff;
			  font-size: 12px;
			  padding: 8px;
			  text-decoration: none;
			  text-shadow: 1px 1px 3px #666666;
			  background: #fa0505;
			
			 }
			 .wpcf7-submit:hover,
			.featured_post:hover a.post_link,
			#show_menu:hover,
			.featured_post a.post_link:hover,
			.post_footer a:hover{
				
				background: #fa2d2d;
				text-shadow: none;
			}

	/* Gallery Pretty photo */
	
	
		
		
/* 6. Mobile */

	@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {

		
		
		#home-header {
			display: none;
		}
		#sidebar-menu {
			display: none;
		}
		.sidebar {
			display: none;
		}
		html,
		body,
		#wrapper {
			
			width: 100%;
		}
		
		#wrapper {
			padding: 0;
		}
		.main-content {
			margin: 5%;
			width: 90%;
		}
		.blog .post,
		.page-template-template-utvalgene-php .post {
		width: auto;
		}
		
		.blog img {
			width: 100%;
			float: none;
		}
		
		.blog .post {
			border-bottom: 1px solid #ccc;
		}
		
		
		/*Menu*/	
		.access ul li{
			float: none;
			border-bottom: 1px solid #ccc;
		}
		
		.access ul li ul,
		.menu ul li ul {
			display: none;
			width: auto;
			border-right: none;
			border-left: none;
		}
		
		.access ul li:hover ul,
		.menu ul li:hover ul {
			display: block;
			position: relative;
			z-index: 20;
			border: none;
		}
		
		.access ul li ul li,
		.menu ul li ul li{
			display: block;
			width: auto;
			border-bottom: 1px solid #ccc;		
		}
		
		.access ul li ul li:hover a,
		.menu ul li ul li:hover a{
			display: block;
			width: auto;
			border-bottom: 1px solid #ccc;		
		}
		
		.access ul li ul li a,
		.menu ul li ul li a{
			display: block;
			width: auto;
			border: none;		
		}
		
		.access ul li a{
			
			padding-left: 50px;
			font-family: 'SpringsteelSerifHeavy';
		}
		
			#header .searchbar, .menu-item-blogg, .menu-item-kontakt, .menu-item-utvalgene, .menu-item-bilder, .menu-item-for-bedrifter {
				display: none;
			}
			
			#show_menu {
				display: block;
			}
			
			#menu-item-290{
				position: relative;
			}
			
			
			#show_menu {
				color: #ffffff;
				font-size: 12px;
				
				font-family: 'SpringsteelSerifHeavy';
				padding: 8px;
				text-decoration: none;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				-webkit-box-shadow: 0px 1px 3px #b8b8b8;
				-moz-box-shadow: 0px 1px 3px #b8b8b8;
				text-shadow: 1px 1px 3px #666666;
				border: solid #ff1414 1px;
				background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff5c5c), to(#fa0505));
				background: -moz-linear-gradient(top, #ff5c5c, #fa0505);
				position: absolute;
				right: 10px;
				top: 7px;;
			}
		
		
		
		/*images*/
		
		img {
		     max-width: 100%;
		     height: auto;
		}
		
		/*Home*/
		
		
		
		.featured_post:hover img {
			border-bottom: 3px solid #eaeaea;
			margin-top: -3px;
			
		}
		
		.featured_post {
			height: 235px;			
		}
			
		/*Form*/
		
		textarea,
		input {
			padding: 7px;
			border: 1px solid #aaa;
		}
		
		.wpcf7 textarea,
		.wpcf7 input {
			width: 95%;
		}
		
		
		.wpcf7 input[type="submit"] {
			float: right;width: 200px;
			margin-right: 22%;
			margin-top: 10px;
		}
		
		
		/*Gallery*/
		
		.single-bildegalleri .main-content {
			width: 95%;
		}
		
		/*Typo*/
		
		div.entry-meta p,
		div.entry-meta p span,
		div.entry-meta p a{
			font-size: 12px !important;
		}
		
		.entry-meta {
		
		margin: 0px;
		}
		
		/*Misc*/
		
		#header .searchbar {
			margin: 0px;
			margin-left: 50px;
			padding: 5px 0;
			float: left;
		}
		#header	input[type="submit"] {
			padding: 5px 5px;
		}
		
		.wpcf7-submit,
		.post_footer a {
			  color: #ffffff;
			  font-size: 12px;
			  padding: 8px;
			  text-decoration: none;
			  -webkit-border-radius: 4px;
			  -moz-border-radius: 4px;
			  -webkit-box-shadow: 0px 1px 3px #b8b8b8;
			  -moz-box-shadow: 0px 1px 3px #b8b8b8;
			  text-shadow: 1px 1px 3px #666666;
			  border: solid #ff1414 1px;
			  background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff5c5c), to(#fa0505));
			  background: -moz-linear-gradient(top, #ff5c5c, #fa0505);
			  margin-bottom: 10px;
			
				
				
			}
			
			.featured_post a.post_link {
			  color: #ffffff;
			  font-size: 12px;
			  padding: 8px;
			  text-decoration: none;
			  -webkit-border-radius: 4px;
			  -moz-border-radius: 4px;
			  -webkit-box-shadow: 0px 1px 3px #b8b8b8;
			  -moz-box-shadow: 0px 1px 3px #b8b8b8;
			  text-shadow: 1px 1px 3px #666666;
			  border: solid #ff1414 1px;
			  background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff5c5c), to(#fa0505));
			  background: -moz-linear-gradient(top, #ff5c5c, #fa0505);
			  margin-bottom: 5%;
			  margin-right: 5%;
			  
			 }
			
			#show_menu:hover,
			.featured_post a.post_link:hover,
			.post_footer a:hover{
				background: #fa2d2d;
			}
		.gallery .attachment-thumbnail {
			width: 75px;
		}
		
		.featured_post {
			width: 95%;
			height: 191px;
		}
		
		p {
			font-size: 14px;
			line-height: 16px;
		}
		
		.type-medlemmer h4{
			font-size: 14px;
		}
		
		.type-medlemmer img{
			width: 100px;
		}
	
			
		
	}
	
	
	
	/*ADD TO HOMESCREEN CSS*/
	
	
	
	html { -webkit-text-size-adjust:none; }


/**
 *
 * Main container
 *
 */
#addToHomeScreen {
	z-index:9999;
	-webkit-user-select:none;
	-webkit-box-sizing:border-box;
	width:208px;
	font-size:13px;
	padding:10px;
	text-align:left;
	font-family:helvetica;
	background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(0,#fff),color-stop(0.02,#eee),color-stop(0.98,#ccc),color-stop(1,#a3a3a3));
	border:1px solid #505050;
	-webkit-border-radius:8px;
	-webkit-background-clip:padding-box;
	color:#333;
	text-shadow:0 1px 0 rgba(255,255,255,0.75);
	line-height:130%;
	-webkit-box-shadow:0 0 4px rgba(0,0,0,0.5);
}


/**
 *
 * The 'wide' class is added when the popup contains the touch icon
 *
 */
#addToHomeScreen.wide {
	width:240px;
}


/**
 *
 * The balloon arrow
 *
 */
#addToHomeScreen .arrow {
	position:absolute;
	background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(204,204,204,0)),color-stop(0.4,rgba(204,204,204,0)),color-stop(0.4,#ccc));
	border-width:0 1px 1px 0;
	border-style:solid;
	border-color:#505050;
	width:16px; height:16px;
	-webkit-transform:rotateZ(45deg);
	bottom:-9px; left:50%;
	margin-left:-8px;
	-webkit-box-shadow:inset -1px -1px 0 #a9a9a9;
	-webkit-border-bottom-right-radius:2px;
}


/**
 *
 * The balloon arrow for iPad
 *
 */
#addToHomeScreen.ipad .arrow {
	-webkit-transform:rotateZ(-135deg);
	background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(238,238,238,0)),color-stop(0.4,rgba(238,238,238,0)),color-stop(0.4,#eee));
	-webkit-box-shadow:inset -1px -1px 0 #fff;
	top:-9px; bottom:auto; left:50%;
}


/**
 *
 * Close button
 *
 */
#addToHomeScreen .close {
	-webkit-box-sizing:border-box;
	position:absolute;
	right:2px;
	top:2px;
	width:14px;
	height:14px; line-height:10px;
	text-align:center;
	text-indent:1px;
	font-size:14px;
	-webkit-border-radius:7px;
	background:rgba(0,0,0,0.12);
	color:#707070;
	-webkit-box-shadow:0 1px 0 #fff;
	font-size:13px;
}


/**
 *
 * The '+' icon, displayed only on iOS < 4.2
 *
 */
#addToHomeScreen .plus {
	
	font-family: 'SpringsteelSerifHeavy';
	font-size:1.3em;
}


/**
 *
 * The 'share' icon, displayed only on iOS >= 4.2
 *
 */
#addToHomeScreen .share {
	display:inline-block;
	width:18px;
	height:15px;
	background-repeat:no-repeat;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAQAAABDj1eZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUdJREFUKFNtkLtLw1AYxS/qJLhXVKr2ZRulUNtiqgSb3CziICI6ucTFVYcOnaQOFRwUnNTRwUWXgpP/QdHNUEQUHGxofYBTlRs83iZNjKTncOGe7/vx3QchXUWn6FL3jhfKUdCCr5zuifV5oDiHQM+c+CIhiiCSWNu08iq9oHXKLAiqrgR4UXqlOEYZt++ExEL0wW7+OW0G10muLv9gmqfe5FAWKmTMYQYiFL7PYwyLOD8lSjNh2gdnPzMII4QUBxc4OothbAF7GCBKQ0YbSWyPQsIhqvetS+y0ygGMo/KFZfviDvR4AhwgZU9dGYnA0J/6ndc15i3ouYIMcVVUcEXIoOxCeRCfwP8sXBSdjtpUv/1QW+K16kCCIUC4id9Fa0JtkluwVkSfqPL6RwfSDA0aNlx7k/bWgViB7bMS2/1vk5sdsZLN/ALSuL3tylO4RAAAAABJRU5ErkJggg==);
	background-size:18px 15px;
	text-indent:-9999em;
	overflow:hidden;
}


/**
 *
 * The touch icon (if available)
 *
 */
#addToHomeScreen .touchIcon {
	display:block;
	float:left;
	-webkit-border-radius:8px;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5),
		inset 0 0 2px rgba(255,255,255,0.9);
	background-repeat:none;
	width:44px; height:44px;
	-webkit-background-size:44px 44px;
	margin:0 10px 5px 0;
	border:1px solid #333;
	-webkit-background-clip:padding-box;
}


/**
 *
 * The 'share' icon for retina display
 *
 */
@media all and (-webkit-min-device-pixel-ratio: 2) {
	#addToHomeScreen .share {
		background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeCAQAAADu6HTYAAADPElEQVR4Xq3TX2gcRRzA8e/M7mVv2+TSNpc/TZtrY6jUGqgaSAmEChKLrYK0YH0RFC2CSCkEfCghiKU04J8qNigq6os+iQV98MHWFwVBrQQRWs21lBw5cw3NNb1/udu72RGG5Y77IzXW77D7sAwf5scyYoL6BGXSDKFZwaGpLvIUaeoCkvX1MmsM0Ny6oRSQYOLuIS+YZOpfQdqslpUxcZrzTVAz4qPwW2O3CeIwC/RSzeY6Ow1QhUrkr+YOWfEKDkEP8Rij7CHKJmrFSDHBdwGEE5wiGChPN+PnT8VdRtEIl1d4gRj/1EVe5ZSBKGh8iqQpo/Fo5+3C/gz0MYg4zgwbqday1/Q4B8BGQ45d/Hi54lakCrU5obOcidJpu1+Lg9whjabyaOYLnrIBFFaRD+xe2ybMDWY66GmP/WA9cGfGp0CWhy0wkMN8inepFiH2rV1j0NQSNQbFLRQnS8/8YSDBBpadfv4CYDub2fmeHDNAsL1MBWUel0iA+Xik6eHcyvD3vAMSU1TGuA/YRS+dD7ovCQN43GKRFCU20Kd3V/avDVVyAZ5niTEuLA5/zBGWg9EEEhfJKN200Tat8CmRAQb9+wv7soPlHt2tQorsz1uPbr0HTY4sJwrH47zJZwABBAKLMBoQXepwgTwdHCo+fXMkQ4lrxEmQ5AaXipPqDY9V2vn09tgvTPI71EEGYxM+/uMJLJ4svpgaWGKOi/xKgmqLSUGSUd5f2vIVJ/CgBaTIUsZ7ZBsn0+NzfMOXLFCXQyTcybN6ep5ZZgUOHn7jpfUpsZshdugPGf+E5zjbyHTSRyQ8xfRPPM/s63RHeuknSoT22mjmmnAOIMkUZ6D1xSfPPAfd1WFKM3sO2CMaHx8M1NjnXKHaAGGkOW0C02WeYHUz4qMtx+w5gUDS8NckYe5lHsMYwCZEPyEEmjLDZFmAS7CDviMdxyTkMNVBKEmYLvbiQQBIBBbCQG04bGQvFWz6CfsCQLWCigILFwcfkGYBiOpbYuOizTAyYyDdCtrGaRG1LCkIgMYEFhI0WqQZoSlbGRyHKe4qOx7iv2bVQW9dp4dlM/x6kmwnWQcd/Q3FCqwTEiT5s+6D5v/pb0SSHyg7uhMWAAAAAElFTkSuQmCC);
	}
}