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

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

      
Theme Name: Levva Livet
Version: 1.0.0
Author: Snopp Media
Author URI: http://www.snopp.no
Description: WordPressTemplate designet for Åge Aleksandersen

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

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

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

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

h4 {
font-size: 16px;
font-weight: bold;
line-height: 18px;
letter-spacing: 0.03em;
margin-bottom: 5px;
}

h1 {
font-size: 25px;
padding: 0 0 5px 0;
margin: 0 0 20px 0;
text-transform: uppercase;
background: url(images/bg_heading.png) bottom repeat-x;
}

h2 {
margin: 30px 0 10px 0;
}

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

#left .post a, #left_full a, #left a {
color: #C4AE75;
text-decoration: none;
}

#left .post a a:hover, #left_full a:hover, #left a:hover {
color: #454545;
}

#footer a {
color: #AFAFAF;
text-decoration: none;
}

#footer a:hover{
color: #C4AE75;
}

#recentcomments a {
text-transform: uppercase;
text-decoration: none;
color: #545454;
font-weight: bold;
}

#sidebar a {
color: #545454;
text-decoration: none;
}

#sidebar a:hover {color: #C4AE75; }

#tags a {
color: #cecec8;
text-decoration: none;
}

#tags a:hover {color: #454545;}

span.download a {color: #C4AE75; text-decoration: none;}
span.download a:hover {color: #545454;}

/* Layout
------------------------------------------ */
html,body {
background: #F1F1E9 url(images/bg_top.jpg) no-repeat;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
font-size: 11px;
height: 100%;
letter-spacing: 0.01em;
line-height: 16px;
margin: 0 auto; padding: 0;
}

#container {
min-height:100%;
position:relative;
}

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

.clear {
clear: both;
}

#top {
width: 960px;
height: 145px;
margin-bottom: 3px;
border-bottom: 4px solid #fff;
}

#logo {
width: 420px;
z-index: 1;
margin: 20px 0 0 10px;
position: absolute;
*position: relative;
float: left;
}

#header {
height: 300px;
width: 960px;
display: block;
background: url(images/bg_header.png) no-repeat left bottom;
border-top: 1px solid #757373;
padding-top: 10px;
}

#fader {
width: 935px;
height: 250px;
margin: 16px 0 0 12px;
z-index: 2;

}

#content {
width: 960px;
height: 100%;
text-align: left;
margin-top: 20px;
padding-bottom: 220px;/* Høyden på footer */
}

#left {
width: 600px;
float: left;
padding-bottom: 220px;/* Høyden på footer */
}

#left_full {
width: 960px;
float: left;
padding-bottom: 220px;/* Høyden på footer */
}

#left_full_album {
width: 970px;
float: left;
padding-bottom: 220px;/* Høyden på footer */
}

.post {margin: 0 0 40px 0;}

#sidebar {
float: right;
padding-bottom: 220px;/* Høyden på footer */ 
width: 300px;
}

#footer {
background: url(images/bg_footer.jpg) no-repeat left top;
bottom:0;
height:150px;   /* Height of the footer */
line-height: 16px;
position:absolute;
width:100%;
}

#box-container {
width: 960px;
}

#box {
display: block;
float: left;
margin: 20px 0 0 0;
font-family: georgia, serif;
color: #AFAFAF;
font-size: 11px;
letter-spacing: 0.12em;
text-transform: uppercase;
}

.box-left {
width: 258px;
padding: 35px 30px 30px 0;
text-align: left;
}

.box-center {
border-left: 1px solid #292929;
border-right: 1px solid #292929;
width: 300px;
height: 50px;
padding: 30px 40px 30px 40px;
}

.box-right {
width: 258px;
padding: 35px 0 30px 30px;
text-align: right;
}


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

ul#nav {
float: right;
height: 40px;
width: 500px;
list-style: none;
margin: 106px 0 0 0;
list-style-type: none;
display: block;
}

ul#nav li {
display: inline;
}

ul#nav li a {
float: left;
display: block;
}

/* ÅGE */
ul#nav li.navaage a {
width: 49px;
height: 40px;
background-image: url(images/menu.png);
background-position: -0 0;
text-indent: -9999px;
}

ul#nav li.navaage a:hover { 
background-image: url(images/menu.png); 
background-position: 0 -41px; 
}

ul#nav li.navaage a.active,
ul#nav li.navaage a.active:hover { 
background-image: url(images/menu.png); 
background-position: 0 -81px;
}

/* ALBUM */
ul#nav li.navalbum a {
width: 75px;
height: 40px;
background-image: url(images/menu.png);
background-position: -49px 0;
text-indent: -9999px;
}

ul#nav li.navalbum a:hover { 
background-image: url(images/menu.png); 
background-position: -49px -41px; 
}

ul#nav li.navalbum a.active,
ul#nav li.navalbum a.active:hover { 
background-image: url(images/menu.png); 
background-position: -49px -81px;
}

/* NYHETER */
ul#nav li.navnyheter a {
width: 91px;
height: 40px;
background-image: url(images/menu.png);
background-position: -124px 0;
text-indent: -9999px;
}

ul#nav li.navnyheter a:hover { 
background-image: url(images/menu.png); 
background-position: -124px -41px; 
}

ul#nav li.navnyheter a.active,
ul#nav li.navnyheter a.active:hover { 
background-image: url(images/menu.png); 
background-position: -124px -81px;
}

/* TURNÈ */
ul#nav li.navturne a {
width: 72px;
height: 40px;
background-image: url(images/menu.png);
background-position: -215px 0;
text-indent: -9999px;
}

ul#nav li.navturne a:hover { 
background-image: url(images/menu.png); 
background-position: -215px -41px; 
}

ul#nav li.navturne a.active,
ul#nav li.navturne a.active:hover { 
background-image: url(images/menu.png); 
background-position: -215px -81px;
}

/* PRESSE */
ul#nav li.navpresse a {
width: 79px;
height: 40px;
background-image: url(images/menu.png);
background-position: -287px 0;
text-indent: -9999px;
}

ul#nav li.navpresse a:hover { 
background-image: url(images/menu.png); 
background-position: -287px -41px; 
}

ul#nav li.navpresse a.active,
ul#nav li.navpresse a.active:hover { 
background-image: url(images/menu.png); 
background-position: -287px -81px;
}

/* GALLERI */
ul#nav li.navgalleri a {
width: 83px;
height: 40px;
background-image: url(images/menu.png);
background-position: -366px 0;
text-indent: -9999px;
}

ul#nav li.navgalleri a:hover { 
background-image: url(images/menu.png); 
background-position: -366px -41px; 
}

ul#nav li.navgalleri a.active,
ul#nav li.navgalleri a.active:hover { 
background-image: url(images/menu.png); 
background-position: -366px -81px;
}


/* BLOGG */
ul#nav li.navblogg a {
width: 51px;
height: 40px;
background-image: url(images/menu.png);
background-position: -449px 0;
text-indent: -9999px;
}

ul#nav li.navblogg a:hover { 
background-image: url(images/menu.png); 
background-position: -449px -41px; 
}

ul#nav li.navblogg a.active,
ul#nav li.navblogg a.active:hover { 
background-image: url(images/menu.png); 
background-position: -449px -81px;
}


/* Child nav
------------------------------------------ */

ul#child_nav {
background: url(images/bg_heading.png) bottom repeat-x;
height: 57px;
width: 960px;
list-style: none;
list-style-type: none;
display: block;
margin-bottom: 20px;
}

ul#child_nav li {
display: inline;
}

ul#child_nav li a {
float: left;
display: block;
}

/* ÅGE */
ul#child_nav li.child-1 a {
width: 84px;
height: 50px;
background-image: url(images/menu-child.png);
background-position: -0 0;
text-indent: -9999px;
}

ul#child_nav li.child-1 a:hover { 
background-image: url(images/menu-child.png); 
background-position: 0 -50px; 
}

ul#child_nav li.child-1 a.active,
ul#child_nav li.child-1 a.active:hover { 
background-image: url(images/menu-child.png); 
background-position: 0 -100px;
}

/* PRUDENCE */
ul#child_nav li.child-2 a {
width: 161px;
height: 50px;
background-image: url(images/menu-child.png);
background-position: -84px 0;
text-indent: -9999px;
}

ul#child_nav li.child-2 a:hover { 
background-image: url(images/menu-child.png); 
background-position: -84px -50px; 
}

ul#child_nav li.child-2 a.active,
ul#child_nav li.child-2 a.active:hover { 
background-image: url(images/menu-child.png); 
background-position: -84px -100px;
}

/* SAMBANDET */
ul#child_nav li.child-3 a {
width: 160px;
height: 50px;
background-image: url(images/menu-child.png);
background-position: -245px 0;
text-indent: -9999px;
}

ul#child_nav li.child-3 a:hover { 
background-image: url(images/menu-child.png); 
background-position: -245px -50px; 
}

ul#child_nav li.child-3 a.active,
ul#child_nav li.child-3 a.active:hover { 
background-image: url(images/menu-child.png); 
background-position: -245px -100px;
}

/* Bilder
------------------------------------------ */

img.alignright {float:right; display: inline; margin:0 0 12px 12px; padding: 7px; background: #FFFFFF; border: 1px solid #d6d6ce; border-bottom: 2px solid #c3c3bb;}
img.alignleft {float:left; display: inline; margin:0 12px 12px 0; padding: 7px; background: #FFFFFF; border: 1px solid #d6d6ce; border-bottom: 2px solid #c3c3bb;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto; padding: 7px; background: #FFFFFF; border: 1px solid #d6d6ce; border-bottom: 2px solid #c3c3bb;}
img.alignnone {display: block; margin-left: auto; margin-right: auto; padding: 7px; background: #FFFFFF; border: 1px solid #d6d6ce; border-bottom: 2px solid #c3c3bb;}
img.size-thumbnail {padding: 0; background: #000000; border: none; border-bottom: 2px solid #c3c3bb;}
img.size-thumbnail:hover {border-bottom: 2px solid #C4AE75;}
.galleri img.alignnone {margin-left: auto; margin-right: 20px;}
img.terning {float: right; margin-left: 10px; display: block;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.wp-caption {  
margin-bottom: 15px; 
padding: 7px; 
background: #FFFFFF; 
border: 1px solid #d6d6ce; 
border-bottom: 2px solid #c3c3bb;
clear: both 
}

.wp-caption-text {
font-size: 9px;
line-height: 11px;
padding: 4px 0 0 0;
margin: 0;
width: 95%;
display: block;
}

.gallery img {
margin: 0 10px 7px 0;
display: inline;
}

.gallery p {
margin-bottom: 30px;
}

.gallery a {margin: 0;}
.gallery a:hover{
}


/* Captify
------------------------------------------ */

.caption-top, .caption-bottom {
color: #ffffff;	
padding: 1.2em;	
font-size: 11px;	
font-family: Helvetica;
text-transform: uppercase;
cursor: pointer;
background: #000000;
}

.captify {
border: 1px solid #deded7;
}

.caption a {
border: none;
text-decoration: none;
background: #000000;
padding: 0.3em;
}

.caption a:hover, .caption a:hover {
background: #202020;
border: none;
text-decoration: none;
}

.caption-wrapper {
float: left;
}

br.c { clear: both; }

.albumcover {
float: left; margin: 0 14px 14px 0;
}

/* Video
------------------------------------------ */
.videoer { margin-top: 56px; }

a.video1 {
background: url(images/video_1.jpg) left top;
width: 300px;
height: 169px;
display: block;
margin: 0 0 20px 0;
}
a.video1:hover {
background-position: left bottom;
}

a.video2 {
background: url(images/video_2.jpg) left top;
width: 300px;
height: 169px;
display: block;
margin-bottom: 20px;
}
a.video2:hover {
background-position: left bottom;
}

a.video3 {
background: url(images/video_3.jpg) left top;
width: 300px;
height: 169px;
display: block;
margin-bottom: 20px;
}
a.video3:hover {
background-position: left bottom;
}

a.video4 {
background: url(images/video_4.jpg) left top;
width: 300px;
height: 169px;
display: block;
margin-bottom: 20px;
}
a.video4:hover {
background-position: left bottom;
}

a.video5 {
background: url(images/video_5.jpg) left top;
width: 300px;
height: 169px;
display: block;
margin-bottom: 20px;
}
a.video5:hover {
background-position: left bottom;
}

a.video6 {
background: url(images/video_6.jpg) left top;
width: 300px;
height: 169px;
display: block;
margin-bottom: 20px;
}
a.video6:hover {
background-position: left bottom;
}

a.video7 {
background: url(images/video_7.jpg) left top;
width: 300px;
height: 169px;
display: block;
margin-bottom: 20px;
}
a.video7:hover {
background-position: left bottom;
}

a.video8 {
background: url(images/video_8.jpg) left top;
width: 300px;
height: 169px;
display: block;
margin-bottom: 20px;
}
a.video8:hover {
background-position: left bottom;
}

a.video9 {
background: url(images/video_9.jpg) left top;
width: 300px;
height: 169px;
display: block;
margin-bottom: 20px;
}
a.video9:hover {
background-position: left bottom;
}

a.video10 {
background: url(images/video_10.jpg) left top;
width: 300px;
height: 169px;
display: block;
margin-bottom: 20px;
}
a.video10:hover {
background-position: left bottom;
}

a.video11 {
background: url(images/video_11.jpg) left top;
width: 300px;
height: 169px;
display: block;
margin-bottom: 20px;
}
a.video11:hover {
background-position: left bottom;
}

/* Kommentarer
------------------------------------------ */

#commentform {
background: #deded7;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
padding: 20px;
overflow: hidden;
margin: 40px 0 20px 0;
}

.commentbox {
width: 560px;
height: 35px;
margin: 0 0 20px 0;
}

#commentform h2 {margin-bottom: 30px;}

.labelspan {
width: 100px;
height: 35px;
display: block; float: left;
}

span.required {
color: #b4b4af;
font-family: Georgia;
font-style: italic;
font-size: 11px;
float: left;
display: block;
width: 100px;
}

.commentbox label {
float: left;
width: 100px;
}
.commentbox input {
background: #FFFFFF;
border: none;
float: right;
width: 380px;
height: 15px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
padding: 10px;
}

.commentbox textarea {
background: #FFFFFF;
border: none;
float: right;
width: 380px;
height: 100px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
line-height: 15px;
margin: 0 0 20px 0;
padding: 10px;
overflow: auto;
}

.submitbox {
float: right;
width: 400px;
height: 30px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
line-height: 15px;
margin: 0 0 20px 0;
*margin: 100px 0 20px 0;	
}

.submit {
float: right;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background: #454545;
border: none;
height: 30px;
width: 100px;
text-transform: uppercase;
color: #C4AE75;
letter-spacing: 0.09em;
}

.submit:hover {
color: #C4AE75;
background: #090909;
}

.comment, .my_comment {
background: #deded7;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
padding: 20px;
overflow: hidden;
margin: 0 0 20px 0;
}

.text {
line-height: 16px;
font-size: 11px;
}

.user {
width: 560px;
overflow: hidden;
margin: 0 0 10px 0;
border-bottom: 1px solid #d5d5ce;
}

.user_user {
float: left;
text-transform: uppercase;
font-size: 18px;
color: #454545;
}

.user_user a {
color: #454545;
text-decoration: none;
}

.user_date {
color: #b4b4af;
float: right;
font-family: georgia, serif;
font-size: 11px;
letter-spacing: 0.09em;
text-transform: uppercase;
}


/* Slider
------------------------------------------ */

.slider {
position: absolute;
*margin: 0 0 0 -467px;
float: left;
}

.main_view {
float: left;
position: relative;
*margin: 10px 0 0 -6px;
}

.window {
height:250px;
width: 935px;
overflow: hidden;
position: relative;
}

.image_reel {
position: absolute;
top: 0; left: 0;
}

.image_reel img {float: left;}

.paging {
position: absolute;
bottom: 5px; right: 400px;
width: 115px; height:20px;
z-index: 100;
text-align: center;
line-height: 20px;
}

.paging a {
padding: 5px;
text-decoration: none;
background: url(images/dot.png) no-repeat center;
margin: 0 7px 0 0;
}

.paging a.active {
font-weight: bold; 
background: url(images/dot_active.png) no-repeat center;
}

.paging a:hover {background: url(images/dot_active.png) no-repeat center;}

/* Turnè
------------------------------------------ */

.turne {
border-bottom: 1px solid #deded7;
display: block;
float: left;
margin: 0 0 10px 0;
padding: 0 0 8px 0;
width: 600px;
}

.turne-sideb {
border-bottom: 1px solid #deded7;
display: block;
float: left;
margin: 0 0 10px 0;
padding: 0 0 8px 0;
width: 300px;
}

.turnedato {
display: block;
float: left;
font-family: "Helvetica", Arial;
font-weight: bold;
font-size: 13px;
letter-spacing: 0.05em;
padding-top: 1px;
}

.turnetitle {
font-family: Georgia;
font-size: 13px;
margin: 0 20px 0 15px;
display: block;
float: left;
}

.turnelink {
display: block;
float: right;
font-family: Helvetica, Arial, Verdana;
font-weight: bold;
font-size: 12px;
text-transform: uppercase;
}

/* Sidebar
------------------------------------------ */
.space {padding-bottom: 20px;}

#sidebar ul {
list-style: none;
}

#sidebar ul li {
border-bottom: 1px solid #deded7;
padding-bottom: 5px;
margin-bottom: 8px;
overflow: hidden;
}

#sidebar ul li.jpg {
background: url(images/icon-bilde.gif) no-repeat left center;
padding-left: 30px;
overflow: hidden;
}

#sidebar ul li.txt {
background: url(images/icon-tekst.gif) no-repeat left center;
padding-left: 30px;
overflow: hidden;
height: 16px;
}

span.name {
height: 16px;
float: left;
}

span.download {
font-weight: bold;
height: 16px;
float: right;
}

#presse {
margin: 30px 0 0 0;
}

/* Omtaler
------------------------------------------ */

#omtaler {
border-bottom: 1px solid #deded7;
display: block;
float: left;
margin: 0 0 10px 0;
padding: 0 0 8px 0;
width: 600px;
font-size: 13px;
}

span.arkivdato {
font-family: "Helvetica", Arial;
font-weight: bold;
font-size: 12px;
letter-spacing: 0;
padding-top: 1px;
}

/* Blogg
------------------------------------------ */

.del {
position: relative;
width: 100px;
float: right;
margin: 0 0 -105px 0;
}

.del a.del {
display: block;
width: 100px;
height: 40px;
background: url(images/del.png) no-repeat 0 4px;
}

.del a.del:hover { 
background-image: url(images/del.png); 
background-position: 0 -27px;
}

.del ul.del-linker { display: none; }

.del ul.del-linker.show {
position: absolute;
top: 40px;
right: 0;
display: block;
padding: 13px 13px 8px 13px;
width: 135px;
height: 45px;
list-style-type: none;
background: #cecec8;
border-bottom: 1px solid #bcbcb8;
}

.del ul.del-linker li a {
display: block;
margin: 0 0 9px 0;
padding: 0 0 0 25px;
color: #545454 !important;
font-size: 11px;
font-weight: bold;
}

.del ul.del-linker li a:hover {
color: #333333 !important;
}

.del ul.del-linker li a.facebook {
background: url(images/icon-facebook.png) no-repeat 0 0;
}
.del ul.del-linker li a.twitter {
background: url(images/icon-twitter.png) no-repeat 0 0;
}

.metadata {
margin: 20px 0 0 0;
font-size: 10px;
}

/* Lister
------------------------------------------ */

#left_full ul {
list-style: none;
margin: -5px 0 25px 0;
}

#left_full ul li {
padding: 7px 0 5px 0;
font-size: 12px;
border-bottom: 1px solid #deded7;
}

#left_full ul li strong {
padding: 0 10px 0 0;
font-family: "Helvetica", Arial;
padding-top: 1px;
}

.itunes-right {
float: right;
padding: 0 5px 0 0;
}