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

      
Theme Name: NTT
Version: 1.0.1
Author: Snopp Media
Author URI: http://www.snopp.no
Description: WordPressTemplate designet for Nord-Trøndelag Teater

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

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

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

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

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

}

h1 {
font-size: 40px;
padding: 10px 0 20px 0;
margin: 0 0 10px 0;
border-bottom: 1px solid #E6E6E6;
line-height: 40px;
}

#paneltext h1 {
border-bottom: none;
color: #FFFFFF;
padding: 0;
margin: 20px 0 20px 0;
text-align: left;
line-height: 33px;
font-size: 26px;
float: left;
width: 250px;
}

h2 {
font-size: 23px;
}

h1.nyheter, h1.fisk {
line-height: 19px;
}

.innhold h2 {
margin: 20px 0 10px 0;
}

.sidebar_post h2 {
margin: 20px 0 10px 0;
line-height: 28px;
text-decoration: none;
}

.sidebar_forestilling h2 {
margin: 20px 0 10px 0;
}

.innhold h3 {
font-size: 18px;
padding: 20px 0 10px 0;
}

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

.innhold a {
color: #6F6F6F;
text-decoration: none;
padding: 0px 2px;
border-bottom: 1px solid #f29400;
}

.innhold a:hover {
color: #f29400;
}

.forestilling a {
color: #6F6F6F;
border-bottom: 1px dotted #DADADA;
padding: 0;
}

.innhold h1 a {
padding: 0px;
color: #454545;
border: none;
}

.sidebar_post a, .sidebar_forestilling a {
color: #545454;
text-decoration: none;
}

.more-link {
font-style: italic;
text-decoration: none;
color: #f29400;
}

a.read-more {
font-style: italic;
text-align: left;
text-decoration: none;
color: #FFFFFF;
float: left;
font-size: 16px;
margin-top: 10px;
}

.box-left a {
text-decoration: none;
color: #aaa096;
border-bottom: 1px solid #59534d;
}

.tweet a {
text-decoration: none;
color: #aaa096;
border-bottom: 1px solid #59534d;
}

.box-left a:hover {
color: #aaa096;
border-bottom: 1px solid #aaa096;
}

.followtweet a {
font-style: italic;
color: #f29400;
text-decoration: none;
}

#copyright a {
color: #aaa096;
}

/* Layout
------------------------------------------ */
html,body {
	background: #F1F1F1;
	margin: 0 auto; padding: 0;
	font-family: Georgia;
	font-size: 13px;
	letter-spacing: 0.01em;
	line-height: 18px;
	height: 100%;
}

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

.clear {
clear: both;
}

#top {
background: url(images/bg_header.jpg) no-repeat center top;
width: 100%;
height: 417px;
*margin-top: -40px;
}

#menu_child {
background: #E6E6E6;
height: 40px;
margin-bottom: 20px;
}

#header {
height: 260px;
width: 940px;
display: block;
overflow: hidden;
background: url(images/bg-hover.png) repeat;
padding: 10px;
margin-bottom: 100px;
*margin-bottom: 40px;
}

#fader {
width: 940px;
height: 260px;
position: relative;
margin-top: -260px;
z-index: 1
}

#headerlogo {
position: relative;
display: block;
z-index: 2;
height: 260px;
width: 940px;
background: url(images/bg_logofader.png) no-repeat;
}


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

#left {
width: 600px;
float: left;
}

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

.sidebar_post, .sidebar_forestilling {
padding: 2px 20px 20px 20px;
background: #E6E6E6;
margin-bottom: 20px;
line-height: 20px;
text-decoration: none;
}

.sidebar_post p,  .sidebar-forestilling p {
border-bottom: 1px solid #DADADA;
padding: 0 0 10px 0;
text-decoration: none;
}

#footer { 
width:100%;
display: block;
margin-top: 60px;
height:180px;   /* Height of the footer */
background: url(images/bg_footer.jpg) no-repeat left top;
line-height: 16px;
}

#box-container {
width: 960px;
}

#box {
display: block;
float: left;
margin: 50px 0 0 0;
font-family:georgia, serif;
color: #aaa096;
font-size: 11px;
letter-spacing: 0.08em;
}

.box-left {
width: 198px;
height: 60px;
padding: 10px 30px 10px 10px;
text-align: left;
background: url(images/bg-hover.png) repeat;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
}

.box-center {
width: 400px;
background: url(images/bg_twitter.png) center center no-repeat;
height: 80px;
padding: 22px 40px 0 40px;
}

.box-right {
width: 230px;
height: 60px;
padding: 10px 10px 10px 0;
text-align: right;
background: url(images/bg-hover.png) repeat;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
}

.tweet {
width: 385px; 
height: 55px;
text-align: left;
color: #aaa096;
margin: -12px 0 0 7px;
font-style: italic;
font-weight: normal;
font-size: 13px;
letter-spacing: 0.04em;
}

.tweet ul li {color: #aaa096;}

.followtweet {
width: 165px;
float: right;
margin: 17px 0 0 0;
letter-spacing: 0.02em;
font-size: 13px;
}

#copyright {
font-size: 10px;
float: left;
margin-top: 155px;
position: absolute;
}


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

ul#nav {
float: left
display: block;
width: 960px;
height: 100px;
}

ul#nav li {
list-style: none;
float: left;
padding: 30px 8px 10px 0;
height: 25px;
}

ul#nav li a {
padding: 7px 12px 7px 12px;
height: 35px;
text-decoration: none;
font-weight: normal;
letter-spacing: 0.03em;
color: #F1F1F1;
font-size: 16px;
font-family: "Helvetica", Arial, Verdana, sans-serif;
}

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

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

ul#nav_child {
float: left
display: block;
width: 960px;
}

ul#nav_child li {
list-style: none;
float: left;
height: 30px;
margin-top: 12px;
}

ul#nav_child li a {
padding: 7px 20px 7px 20px;
text-decoration: none;
font-weight: normal;
letter-spacing: 0.03em;
color: #545454;
font-size: 13px;
font-family: georgia, Serif;
font-style: italic;
border-left: 1px solid #DADADA;
}

ul#nav_child li a:hover {
color: #f29400;
}



/* Topslider
------------------------------------------ */

#hei {
	margin: 0 auto;
	width: 100%;
	background: url(images/10x10.png) repeat-x;
	position: relative;
	z-index: 1;
}

#wrap {
	margin: 0 auto;
	width: 960px;
	padding-top: 10px;
}

#panel {
	background:  #f29400 url(images/bg_slider.jpg) no-repeat center top;
	height: 500px;
	display: none;
	color: #000000;
}
.slide {
	float: right;
	margin: 0 -5px 0 0;
	background: url(images/btn-slide.png) no-repeat center top;
}
.btn-slide {
	background: url(images/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width: 174px;
	height: 31px;
	padding: 6px 15px 0 0;
	display: block;
	font-family: Georgia;
	font-size: 12px;
	color: #989898;
	text-transform: uppercase;
	text-decoration: none;
}
.active {
	background-position: right 10px;
}

#paneltext {
float: left;
width: 250px;
}

#paneltext p {
text-align: left;
color: #FFFFFF;
font-family: Helvetica, Arial, Verdana;
font-size: 14px;
}

#video {
background: url(images/bg_video-div.png) no-repeat right top;
width: 630px;
height: 358px;
display: block;
float: right;
padding: 16px 10px 10px 10px
}

#contentpanel {
width: 960px;
padding: 40px 0 0 0;
}

/* Post
------------------------------------------ */

#facebox {
margin: 10px 0 20px 0;
}

.forestillinger a {
border: none;
}

div.forestillinger {
margin: -2px 0 40px 0;
*margin: 0 0 20px 0;
height: 240px;
}

.postbilde {
height: 230px;
background: #FFFFFF;
border: 1px solid #DADADA;
padding: 5px;
}

.postbilde:hover {
height: 230px;
background: #FFFFFF;
border: 1px solid #A0A0A0;
padding: 5px;
cursor: pointer;
}

.posttitle {
width: 577px;
background: url(images/bg_posttitle.png) repeat;
height: 30px;
display: block;
position: absolute;
margin: 188px 0 0 0;
}

span.posttitle {
color: #FFFFFF;
font-family: Georgia, serif;
font-style: italic;
font-size: 18px;
letter-spacing: 0.05em;
padding: 12px 0 0 10px;
}

.ansatt {
width: 300px;
display: block;
float: left;
margin-bottom: 20px;
font-size: 12px;
}

.ansatt a {
font-size: 11px;
letter-spacing: 0;
padding: 0;
}

/* Nyheter
------------------------------------------ */

h1.nyheter {
background: #E6E6E6;
border-bottom: 1px solid #DADADA;
padding: 10px;
margin: 0;
font-size: 14px;
overflow: hidden;
height: 20px;
}

span.date {
float: right;
font-size: 12px;
height: 20px;
display: block;
padding: 0;
*margin-top: -20px;
}

.nyhet {
padding: 15px 0 20px 0;
position: relative;
display: block;
}

.forestilling {
padding: 10px;
position: relative;
display: block;
}

.wp-caption-text {
font-family: "Helvetica", Arial, Verdana, sans-serif;
font-size: 11px;
}

/* Nyheter
------------------------------------------ */

.innhold {margin: 0; padding: 0;}
.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: circle; }
.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-type: upper-latin; }
.innhold  ol li ol li  { list-style-type: lower-latin; }

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

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}


/* Sidebar
------------------------------------------ */

.sidebar_post ul li a, .sidebar_forestilling ul li a {
border-bottom: 1px solid #DADADA;
text-decoration: none;
padding: 3px 0 5px 0;
width: 100%;
display: block;
}

.sidebar_post ul li a:hover, .sidebar_forestilling ul li a:hover {
border-bottom: 1px solid #DADADA;
width: 100%;
display: block;
background: #dadada;
color: #f29400;
padding-left: 5px;
}

div.sidebar_post:hover {
background: #DEDEDE;
}

.sidebar_forestilling ul {
margin-bottom: 15px;
}

.sidebar_forestilling ul li.sidebar_f {
border-bottom: 1px solid #DADADA;
padding: 3px 0 5px 0;
width: 100%;
display: block;
}

.sidebar_forestilling a:hover {color: #f29400;}

/* Spilleplan
------------------------------------------ */

a.byheading {
margin: 0; padding: 0;
background: #E6E6E6;
border-bottom: 1px solid #DADADA;
width: 600px;
display: block;
}

a.byheading:hover {
margin: 0; padding: 0;
background: #DADADA;
border-bottom: 1px solid #DADADA;
width: 600px;
display: block;
cursor: pointer;
}

h1.fisk {
padding: 10px;
margin: 0;
font-size: 14px;
overflow: hidden;
height: 20px;
}

h2.gigpressheading {
margin-bottom: 10px; padding: 20px 10px 10px 10px;
border-bottom: 1px solid #DADADA;
text-transform: uppercase;
font-size: 18px;
letter-spacing: 0.08em;
overflow: hidden;
}

span.trykkformer {
text-transform: lowercase;
font-style: italic;
font-size: 12px;
float: right;
color: #C0C0C0;
*margin-top: -20px;
}

span.gigpress-info-label, span.gigpress-related-label {
width: 200px;
display: block;
float: left;
font-family: "Helvetica", Arial, Verdana, sans-serif;
font-size: 12px;
letter-spacing: 0.04em;
}

span.gigpress-info-item, span.gigpress-related-item {
float: left;
display: block;
}

.gigpress-tickets-link {
color: #b72020 !important;
}

.forestilling {
padding-bottom: 20px;
}

.forestilling ul {
padding: 0;
overflow: hidden;
width: 580px;
}

.forestilling ul li {
list-style-type: none;
border-bottom: 1px solid #DADADA;
width: 580px;
height: auto;
display: block;
overflow: hidden;
padding: 2px 0 3px 0;
}