/*
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: 'Roboto Slab', serif;
	line-height: 1.8;
	font-size: 110%;
}

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;
					}
				
					div#meny ul li a:hover {
						border-bottom: 5px solid #ff9934;
					}

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

div#hode {
	margin: 0 auto 70px; auto;
	background-color: white;
	max-width: 900px;
	text-align: center;
}

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

	div#hode a {
		color: #606669;
		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#bunntekst {
	margin: 0 0 70px 0;
	background-color: white;
}

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

	div.artikkel_meta h2 {
		margin: 0;
		padding: 50px 0 0 0;
		color: #ff9934;
		font-weight: 400;
		font-size: 300%;
	}

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

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

	div.artikkel_meta p {
		margin: 0;
	}

div.artikkel_innhold {
	padding: 30px 120px 70px 120px;
	color: #606669;
}

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


/* ---------------------------------------------------- */
/*                CONTENTLESS CONTAINER                 */
/* ---------------------------------------------------- */


div#siste_artikler, div#bunntekst, div#respond, div#kommentarer, div.nytt_sok {
	margin: 0 0 70px 0;
	padding: 70px 120px;
	background-color: white;
	color: #606669;
}


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


div#bio p {
	margin: 0 0 0 180px;
}
	
div#kategorier ul {
	margin: 30px 0 0 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: 3px 7px;
			border-radius: 3px;
			color: white;
			background-color: #3b4650;
			font-size: 90%;
			text-decoration: none;
		}
				
			div#kategorier ul li a:hover {
				background-color: #7A9CFF;
			}
	
div#some {
	clear: both;
	padding: 1px 0 0 0;
}
	
p#opphavsrett {
	clear: both;
	margin: 0;
	padding: 30px;
	background-color: #3b4650;
	color: white;
	text-align: center;
}

	p#opphavsrett a {
		color: white;
	}


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


.float_left {
	float: left;
}

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

.info {
	padding: 12px 25px 12px 25px;
	background-color: #90b4e9;
	color: white;
}

a.nedlasting:hover {
	background-color: #5b5c55;
}

a.nedlasting {
	padding: 15px 15px 15px 65px;
	background-image: url(images/ikoner/ikon_sky.png);
	background-position: 12px 15px;
	background-repeat: no-repeat;
	background-color: #584F4A;
	line-height: 1.2;
	display: block;
	color: white;
	text-decoration: none;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: lighter;
	width: 130px;
	-moz-border-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-khtml-border-top-right-radius: 8px;
	-khtml-border-top-left-radius: 8px;
	-khtml-border-bottom-right-radius: 8px;
	-khtml-border-bottom-left-radius: 8px;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

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

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

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


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


input, textarea {
	padding: 10px;
	background-color: #eaeaea;
	border: none;
	font-family: 'Roboto Slab', serif;
	font-size: 110%;
}

input#submit  {
	color: white;
	background-color: #30B034;
	padding: 12px 25px 12px 25px;
	text-decoration: none;
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
}

textarea {
	width: 100%;
}


/* ---------------------------------------------------- */
/*                    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%;
}

p.cred, p.cred a {
	color: silver;
}


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


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

	
}

/* mindre enn 730px */
@media screen and (max-width: 730px) {
	
	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 {
		padding: 30px 20px 70px 20px;
	}

	div#siste_artikler, div#bunntekst, div#respond, div#kommentarer, div.nytt_sok {
		margin: 0 0 70px 0;
		padding: 30px 20px;
		background-color: white;
		color: #606669;
	}

}

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

	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 {
		padding: 30px 20px 70px 20px;
	}

	div#siste_artikler, div#bunntekst, div#respond, div#kommentarer, div.nytt_sok {
		margin: 0 0 70px 0;
		padding: 30px 20px;
		background-color: white;
		color: #606669;
	}
}