/*
Theme Name: Foo Bar
Theme URI: http://www.bekkelund.net/
Description: Tema for Martin Bekkelund hos www.bekkelund.net, basert p&aring; <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 10.0
Author: Martin Bekkelund
Author URI: http://www.bekkelund.net/
Tags: background picture, single column, widgets

	Foo Bar v10.0
	 http://www.bekkelund.net/

	This theme was designed and built by Martin Bekkelund,
	whose blog you will find at http://www.bekkelund.net/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


/* ---------------------------------------------------- */
/*                  GENERELLE ELEMENTER                 */
/* ---------------------------------------------------- */


body {
	margin: 0;
	padding: 0;
	background-color: #30373d;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	line-height: 1.8;
	font-size: 115%;
	letter-spacing: 0.3px;
}

img {
	max-width: 100%;
}

blockquote {
	margin: 0 0 0 30px;
	padding: 0 0 0 30px;
	border-left: 5px solid #ff9934;
}

iframe {
	width: 100%;
}

table {
	width: 100%;
	border-collapse: collapse;
}

td {
	padding: 5px 10px;
	border-top: 5px solid white;
	background-color: #eaeaea;
}

/* ---------------------------------------------------- */
/*                         MENY                         */
/* ---------------------------------------------------- */

	div#meny {
		background-color: #3b4650;
	}

		div#menycontainer {
			margin: 0 auto;
			max-width: 900px;
		}
	
			div#meny ul {
				margin: 0 auto;
				padding: 20px 0 20px 0;
				list-style-type: none;
				text-align: right;
			}
		
				div#meny ul li {
					padding: 0 0 0 25px;
					display: inline;
				}
			
					div#meny ul li a {
						text-decoration: none;
						color: white;
						font-weight: 700;
						letter-spacing: 0.4px;
					}
				
					div#meny ul li a:hover {
						border-bottom: 5px solid #ff9934;
					}

div#martins_hode {
	margin: 90px auto -105px auto;
	text-align: center;
}

div#hode {
	margin: 0 auto 60px; auto;
	max-width: 900px;
	text-align: center;
}

	div#hode h1 {
		margin: 0;
		padding: 100px 0 0 0;
		font-weight: 400;
	}

	div#hode a {
		color: white;
		text-decoration: none;
	}

	div#hode p {
		margin: 0;
		padding: 0 0 30px 0;
	}

div#beholder {
	margin: 0 auto;
	max-width: 900px;
}


/* ---------------------------------------------------- */
/*                   CONTENT CONTAINER                  */
/* ---------------------------------------------------- */


div.artikkel, div#siste_artikler, div.nytt_sok, div#arkivheader {
	margin: 0 0 70px 0;
	background-color: white;
}

div.artikkel_meta {
	text-align: center;
	color: #606669;
}

	div.artikkel_meta h2, div#arkivheader h2 {
		margin: 0;
		padding: 50px 120px 0 120px;
		line-height: 1.2;
		color: #ff9934;
		font-weight: 700;
		font-size: 300%;
		text-align: center;
	}

		div.artikkel_meta h2 a {
			color: #ff9934;
			text-decoration: none;
		}

			div.artikkel_meta h2 a:hover {
				color: #606669;
			}

	div.artikkel_meta p {
		margin: 5px 0 0 0;
		font-size: 90%;
	}

div.artikkel_innhold, div#siste_artikler, div.nytt_sok, div#arkivheader {
	padding: 30px 120px 70px 120px;
}

	div.artikkel_innhold strong, div.artikkel_innhold strong a {
		font-weight: 700;
		letter-spacing: 0.4px;
	}
	
	div.artikkel_innhold a {
		font-weight: 400;
	}

div#staytuned {
	color: gray;
	background-color: #eaeaea;
	padding: 30px 120px 30px 120px;
}

nav.pagination {
	background-color: white;
	margin: 0 0 70px 0;
	padding: 30px 120px 30px 120px;
	font-weight: 400;
}

	nav.pagination h2 {
		display: none;
	}
	
	span.current {
		padding: 8px 16px;
		background-color: #ff9934;
		color: white;
	}
	
	a.page-numbers {
		padding: 8px 16px;
		background-color: #eaeaea;
	}


/* ---------------------------------------------------- */
/*                     BUNNTEKST                        */
/* ---------------------------------------------------- */


div#bunntekst {
	margin: 0;
	padding: 0 90px;
	color: white;
}

div#bunntekst h2 {
	margin: 0;
	font-size: 120%;
}

div#bio {
	margin: 4em auto;
}

	div#bio p {
		margin: 0 180px 0 0;
		padding: 10px 0 0 0;
	}

		div#bio p a {
			color: white;
		}
	
	div#bio img {
		float: right;
		max-width: 150px;
	}

div#kategorier {
	margin: 4em auto;
}
	
	div#kategorier ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
		
		div#kategorier ul li {
			float: left;
			margin: 0 0 7px 0;
			padding: 0 7px 0 0;
		}
		
			div#kategorier ul li a {
				padding: 7px 11px;
				border-radius: 3px;
				color: white;
				background-color: #3b4650;
				font-size: 90%;
				text-decoration: none;
				line-height: 2.2;
			}
					
				div#kategorier ul li a:hover {
					background-color: #3d60cb;
				}
	
div#some {
	margin: 4em auto;
	clear: both;
	text-align: center;
}

div#sok {
	margin: 4em auto;
	text-align: center;
}
	
p#opphavsrett {
	clear: both;
	margin: 0;
	padding: 30px;
	background-color: #3b4650;
	color: white;
	text-align: center;
}

	p#opphavsrett a {
		color: white;
	}


/* ---------------------------------------------------- */
/*                       KLASSER                        */
/* ---------------------------------------------------- */


.advarsel {
	padding: 12px 25px 12px 25px;
	background-color: #ce4444;
	color: white;
}

.info {
	padding: 12px 25px 12px 25px;
	background-color: #3a79d6;
	color: white;
}

.advarsel a, .info a {
	color: white;
}

a.nedlasting:hover {
	background-color: #314c9c;
}

a.nedlasting {
	padding: 15px 15px 15px 65px;
	background-image: url(images/ikoner/ikon_sky.png);
	background-position: 12px 18px;
	background-repeat: no-repeat;
	background-color: #30373d;
	line-height: 1.2;
	display: block;
	color: white;
	text-decoration: none;
	width: 200px;
	-moz-border-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-khtml-border-top-right-radius: 3px;
	-khtml-border-top-left-radius: 5px;
	-khtml-border-bottom-right-radius: 3px;
	-khtml-border-bottom-left-radius: 3px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

a.nedlasting span.nedlasting_teller {
	font-size: 75%;
}

a.nedlasting acronym {
	text-decoration: none;
}

.divider {
	clear: both;
	margin: 2em auto;
	max-width: 5em;
	height: 5px;
	background-color: #ff9934;
}

.bildetekst {
	margin: -1.5em 0 0 0;
	padding: 10px 0;
	font-size: 90%;
	font-weight: 400;
	border-bottom: 2px solid silver;
}

.happyending {
	margin: 0;
	padding: 0;
	clear: both;
	line-height: 0;
}

.hidden {
	display: none;
}

/* Benyttes for å la lenker se ut som knapper */
.linkknapp {
	color: white;
	font-size: 100%;
	background-color: #4ea951;
	padding: 12px 25px 14px 0;
	text-decoration: none;
	-webkit-border-radius: 3;
	-webkit-appearance: none;
	-moz-border-radius: 3;
	border-radius: 3px;
	width: auto;
}

.linkknapp i {
	margin: 0 19px 0 0;
	padding: 15px 14px 15px 19px;
	border-right: 1px solid #9cce9d;
}


/* ---------------------------------------------------- */
/*                       SKJEMA                         */
/* ---------------------------------------------------- */


input {
	padding: 10px;
	border: none;
	font-family: 'Lato', sans-serif;
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	width: 20em;
	font-size: 100%;
}

input.sok, input.epostabo {
	background-color: #eaeaea;
}

input.epostabobunntekst {
	margin: 1em 0 0 0;
	background-color: white;
	font-size: 100%;
	font-weight: 300;
}

input#submit, input#searchsubmit, .knapp  {
	color: white;
	font-size: 100%;
	background-color: #30B034;
	padding: 9px 25px;
	text-decoration: none;
	-webkit-border-radius: 3;
	-webkit-appearance: none;
	-moz-border-radius: 3;
	border-radius: 3px;
	width: auto;
}


/* ---------------------------------------------------- */
/*                    KOMMENTARER                       */
/* ---------------------------------------------------- */


ol.kommentarliste {
			padding: 0;
			list-style-type: none;
		}
		
ul.children {
	margin: 0 0 0 60px;
	padding: 0;
	list-style-type: none;
}
			
div.gravatar {
	float: left;
	padding: 30px 30px 0 30px;
	background-color: #e1e1e1;
}
		
	div.gravatar img {
		border-radius: 100%;
	}
				
		img.avatar {
			height: 80px;
			width: 80px;
		}
			
div.kommentar-metadata {
	padding: 25px 30px 18px 30px;
	background-color: #e1e1e1;
	line-height: 1.2;
}
			
	a.kommentartidspunkt {
		color: gray;
		font-size: 80%;
	}
			
div.kommentar-innhold {
	clear: both;
	padding: 1px 30px 10px 30px;
	background-color: #e1e1e1;
}
			
div.kommentar-innhold blockquote {
	background-color: white;
}
			
div.svar {
	margin: 0 0 30px 0;
	text-align: right;
	font-size: 80%;
}


/* ---------------------------------------------------- */
/*                   RESPONSIVE SHIT                    */
/* ---------------------------------------------------- */


/* mindre enn 900px */
@media screen and (max-width: 900px) {
	

	
}

/* Mindre enn 730px */
/* Liggende iPhone 5 */

@media screen and (max-width: 730px) and (min-width: 521px) {
	
	body {
		font-size: 85%;
		font-weight: 400;
	}
	
	div#martins_hode {
		margin: 50px auto -105px auto;
	}

	div#meny ul {
		text-align: center;
	}

	div#meny ul li {
		padding: 0 0 0 15px;
	}

	div#hode h1 {
		font-size: 250%;
		font-weight: 400;
		line-height: 1.4;
	}

	div.artikkel_meta h2 {
		padding: 50px 0 10px 0;
		font-size: 250%;
		line-height: 1.4;
	}

	div.artikkel_innhold, div#staytuned {
		padding: 30px 20px 20px 20px;
	}

	div#siste_artikler, div#respond, div#kommentarer, div.nytt_sok {
		margin: 0 0 70px 0;
		padding: 30px 20px;
		background-color: white;
		color: black;
	}
	
	div#bunntekst {
		margin: 0;
		padding: 0 20px;
		color: white;
	}
	
		div#kategorier ul li a {
			font-size: 120%;
		}

}

/* Mindre enn 520 */
/* Stående iPhone 5 */

@media screen and (max-width: 520px) {
	
	body {
		font-weight: 400;
	}

	input {
		width: 10em;
	}

	div#martins_hode {
		margin: 40px auto -80px auto;
	}

	div#meny ul {
		text-align: center;
	}

	div#meny ul li {
		padding: 0 0 0 15px;
		font-size: 90%;
	}

	div#hode h1 {
		font-size: 120%;
		font-weight: 400;
		line-height: 1.4;
	}

	div.artikkel_meta h2 {
		padding: 50px 0 10px 0;
		font-size: 170%;
		line-height: 1.4;
	}

	div.artikkel_innhold, div#staytuned {
		padding: 30px 20px 30px 20px;
	}

	div#siste_artikler, div#respond, div#kommentarer, div.nytt_sok {
		margin: 0 0 70px 0;
		padding: 30px 20px;
		background-color: white;
		color: black;
	}
	
	div#bunntekst {
		margin: 0;
		padding: 0 20px;
		color: white;
	}
	
		div#bunntekst h2 {
			text-align: center;
		}
		
		div#bio img {
			float: none;
			display: block;
			margin-left: auto;
			margin-right: auto;
		}
		
		div#bio p {
			margin: 0;
			clear: both;
		}
		
			div#bio p a {
				color: white;
			}
			
	nav.pagination {
		margin: 0 0 70px 0;
		padding: 30px 20px;
		font-weight: 400;
	}
}