/************************************************
 ______
/\  ___\   
\ \ \__/    _ __      ___     ___     ___        _ __      ___ 
 \ \___`\ /\` __`.   / __`\  / __`\  / __`\    /\` __`.   / __`\
  \/___\ \\ \ \/\ \ /\ \L\ \/\ \L\ \/\ \L\ \  _\ \ \/\ \ /\ \L\ \
   /\_____\\ \_\ \_\\ \____/\ \  __/\ \  __//\_\\ \_\ \_\\ \____/
   \/_____/ \/_/\/_/ \/___/  \ \ \,  \ \ \, \/_/ \/_/\/_/ \/___/ 
                              \ \_\   \ \_\
           Copyright 2010      \/_/    \/_/    Snopp Media AS

      
Theme Name: MNK
Version: 1.0.1
Author: Snopp Media
Author URI: http://www.snopp.no
Description: WordPressTemplate designet for Midt-Nordiks Kunstfestival

*************************************************/

@import url('./style-reset.css');
@import url('./style-comments.css');

/* Fonter og farger
------------------------------------------ */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea,select { 
color: #333333;
}

a#hjemlink {
display: block;
height: 212px;
width: 212px;
margin-left: 106px;
float: left;
}
a#enterlink {
display: block;
height: 106px;
width: 106px;
float: left;
}

a.timesince {
display: none;
}

#datobox {
display: block;
height: 106px;
width: 318px;
height: 212px;
float: left;
}
#datobox p {
font-size: 22px;
text-align: left;
font-weight: bold;
color: #000000;
line-height: 26px;
height: 40px;
width: 260px;
margin-top: 135px;
margin-left: 30px;
}

p {margin-bottom: 10px;}
h1, h2, h3, h5, h6 {
font-weight: normal;
}

h4 {
font-size: 17px;
font-weight: normal;
line-height: 20px;
letter-spacing: 0.03em;
margin-bottom: 20px;
}

h1 {
font-family: "Arial Black";
font-size: 32px;
line-height: 32px;
padding: 30px 15px 5px 15px;
text-transform: uppercase;
}

.entry h1 {
padding: 10px 0 10px 0;
}

h2 {
font-family: "Arial Black";
font-size: 20px;
line-height: 20px;
margin-bottom: 10px;
text-transform: uppercase;
}

.nyhet h2, .entry h2 {
font-family: "Arial Black";
font-size: 20px;
line-height: 20px;
margin: 10px 0 5px 0;
text-transform: uppercase;
}

.nyhet h3, .entry h3 {
font-family: "Arial Black";
font-size: 16px;
line-height: 20px;
margin: 10px 0 5px 0;
text-transform: uppercase;
}

.kurs h3 {
color: #ffe06f;
margin: -8px 0 0 0;
padding: 0;
font-size: 12px;
}

.kurs h2 {
color: #e95e40;
font-size: 16px;
margin-top: 17px;
}

blockquote {
padding: 20px;
margin: 20px 0;
font-color:  !important;
background: #b3cedd;
}


/* Linker
------------------------------------------ */

a {
text-decoration: none;
color: #000000;
}

.entry a {
color: #e95e40;
padding-bottom: 2px;
font-weight: bold;
}

.entry a:hover {
border-bottom: 1px solid #9cd1e2;
color: #d2553a;
padding-bottom: 2px;
font-weight: bold;
}

.excerpt a {
text-transform: uppercase;
font-weight: bold;
}

.excerpt a:hover {
color: #e95e40;
}

a.back {
width: 600px;
height: 50px;
float: left;
display: block;
text-transform: uppercase;
font-weight: bold;
border: none;
color: #000000;
}

a.back:hover {
color: #e95e40;
border: none;
}

.arkiv a {
color: #000000;
font-weight: bold;
font-size: 20px;
}

.arkiv a:hover {
color: #e95e40;
font-weight: bold;
font-size: 20px;
border-bottom: 1px solid #000000;
}

.tweets a {
color: #e9e9e9;
border-bottom: 1px solid #d2553a;
}
.tweets a:hover {
color: #e9e9e9;
background: #d2553a;
}

.kurs h2 a {
font-family: "Arial Black";
font-size: 18px;
text-transform: uppercase;
color: #e95e40;
}

.dynamic a {
color: #e9e9e9;
border-bottom: 1px solid #daa029;
}

.dynamic a:hover {
color: #e9e9e9;
background: #daa029;
}

#footer a {
color: #FFFFFF;
}

/* Layout
------------------------------------------ */
html,body {
	background: #454545;
	margin: 0 auto; padding: 0;
	font-family: Arial, Helvetica, Verdana, Serif;
	font-size: 13px;
	letter-spacing: 0.01em;
	line-height: 16px;
	height: 100%;
}

#container {
margin-top: 40px;
margin-bottom: 50px;
border: 10px solid #333333;
width: 960px;
background: url(images/bg_body.png) repeat-y center top;
}

.wrap {
margin: 0 auto;
text-align: center;
}

.clear {
clear: both;
}

#header {
height: 212px;
width: 960px;
display: block;
background: url(images/bg_header.png) no-repeat bottom;
}

#languages {
float: right;
padding: 5px 5px 5px 5px;
margin-top: 350px;
margin-right: -33px;
background: url(images/transparent.png) repeat;
}
	.icon {
	display: block;
	float: left;
	}
	
	ul.qtrans_language_chooser {
	list-style: none;
	display: block;
	}

	a.qtrans_flag_NO { 
	width: 23px;
	height: 23px;
	display: block;
	margin-bottom: 5px;
	background:url(http://www.midtnordiskkunstfestival.no/wp-content/themes/MNK-template/images/icon-no.png) no-repeat; 
	}
	a.qtrans_flag_en { 
	width: 23px;
	height: 23px;
	display: block;
	margin-bottom: 5px;
	background:url(http://www.midtnordiskkunstfestival.no/wp-content/themes/MNK-template/images/icon-en.png) no-repeat; 
	}

#content {
width: 960px;
text-align: left;
}

.frontmessage {
width: 620px;
padding: 15px;
background: #aaa096;
}

.breadcrumb {
display: block;
float: left;
margin: 15px 0 20px 15px;
width: 600px;
}
span.hererdu {
font-weight: bold;
}


#left {
background: #c9e6f6;
width: 640px;
float: left;
}

.row1 {
background: #d3df89;	
width: 213px;
height: 213px;
float: left;
display: block;
}
.row2 {
width: 213px;
height: 213px;
float: left;
display: block;
}

.row3 {
background: #d3df89;
width: 213px;
height: 213px;
float: left;
display: block;
}


#sidebar {
width: 320px;
float: right;
}

#footer {
width: 960px;
height: 107px;
background: url(images/bg_footer.png) no-repeat left bottom;
}
	#credit {
	color: #FFFFFF;
	float: left;
	font-size: 10px;
	letter-spacing: 0.05em;
	padding: 85px 0 0 15px;
	}

/* Meny
------------------------------------------ */

ul#nav {
float: left;
display: block;
width: 290px;
min-height: 288px;
overflow: hidden;
background: #c9e6f6;
text-align: left;
padding: 15px;
}

ul#nav li {
list-style: none;
display: block;
padding-bottom: 5px;
}

ul#nav li a {
text-decoration: none;
font-weight: normal;
letter-spacing: 0.03em;
color: #000;
font-size: 18px;
font-family: arial black;
}

ul#nav li a:hover {
color: #b21b16;
background: url(images/bg-hover.png) repeat;
}

ul#nav li ul {
margin-bottom: 5px;
}

ul#nav li ul li {
list-style: none;
display: block;
margin-left: 15px;

}

ul#nav li ul li a {
list-style: none;
display: block;
margin-left: 15px;
font-size: 16px;
}

ul#nav li.current_page_item a {
color: #e95e40;
}

ul#nav li.current_page_item ul li a {
color: #000000;
}

/* Sosiale medier
------------------------------------------ */

#twitter {
width: 290px;
min-height: 290px;
background: #e95e40;
padding: 15px;
float: left;
}

h3.title {
font-family: "Arial Black";
letter-spacing: 0.09em;
text-transform: uppercase;
color: #FFFFFF;
font-size: 20px;
width: 290px;
height: 20px;
}
h3.titlefront {
font-family: "Arial Black";
color: #000000;
font-size: 20px;
width: 290px;
height: 20px;
}
#twitter h3.title { background: url(images/h3_twitter.png) no-repeat top right;}
#facebook h3.title {background: url(images/h3_facebook.png) no-repeat top right;}
h3.title a { text-decoration: none; color: #FFFFFF;}
h3.title a:hover { text-decoration: none; border-bottom: 1px solid #FFF;}

#twitter ul {
margin: 20px 0 0 0;
}

#twitter ul li {
padding: 10px 5px 8px 5px;
border-bottom: 1px solid #d2553a;
color: #e9e9e9;
font-family: Georgia;
font-style: italic;
letter-spacing: 0.05em;
overflow: hidden;
}

#facebook {
width: 290px;
background: #006a90;
padding: 15px;
float: left;
}

.search {
width: 290px;
padding: 10px 15px 0 15px;
background: #ffffff;
float: left;
}

.dynamic {
width: 290px;
background: #aaa096;
padding: 15px;
float: left;
}

.dynamic p {
color: #e9e9e9;
padding: 5px;
}



/* Innhold
------------------------------------------ */

.entry {padding: 15px; margin-bottom: 15px;}

.innhold ul  { margin: 0 0 15px 0; padding: 0 0 0 30px; line-height: 24px; }
.innhold ul ul  { margin: 0; }
.innhold ul li  {	list-style-type: square; }
.innhold ul ul li  { list-style-type: disc; }

.innhold ol  { margin: 0 0 15px 0; padding: 0 0 0 30px; }
.innhold ol ol  { margin: 0; }
.innhold  ol li  { list-style: decimal;}
.innhold  ol li ol li  { list-style-type: decimal; }

.arkiv {font-size: 18px;}
span.arkivdato {color: #007da1;}
.innhold .arkiv ul { padding: 0; line-height: 28px;}
.innhold .arkiv ul li  {list-style-type: none;}

span.title {
font-family: "Arial Black";
letter-spacing: 0.09em;
text-transform: uppercase;
color: #FFFFFF;
font-size: 12px;
height: 30px;
width: 203px;
position: absolute;
z-index: 1;
margin-top: 173px;
padding: 5px;
background: url(images/bg_span.png) repeat;
}

.nyhet {
width: 640px;
height: 320px;
display: block;
}

.innhold kursbg {
background: url(images/bg-kurs.png) repeat bottom left;
display: block;
}

.kurs {
width: 320px;
height: 105px;
display: block;
float: left;
border-bottom: 1px solid #333333;
background: #454545;
}

.kurs:hover {
background: #232323;
}

.kurstitle {
width: 194px;
height: 86px;
padding: 10px;
margin-left: 106px;

}

.kursbilde .attachment-post-thumbnail {
display: block;
float: left;
width: 106px;
height: 105px;
}

.attachment-post-thumbnail {
float: left;
display: block;
}

.excerpt {
display: block;
float: right;
width: 290px;
padding: 15px;
}

.newsbg {
background: url(images/bg_innhold.png) repeat;
height: auto;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0; display: inline;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}