/* @import url(http://svusj.com/dev/tiber/cinenord/css/1.css); */

/*
**  STYLESHEET:  cinenord.no
**
**  Jostein // Tiber AS
*/

/* Reset */
div, body, html, h1, #header blockquote, #header p, #nav, #nav *, #nav * *, .hoverbox img, ul.hoverbox, .hoverbox li, address { margin: 0; padding: 0; border: 0; }
html, body { height: 100%; }

/* Palette */
body, a, #nav a:hover, #nav a.active { color: #896633; }
#nav a { color: #D9C7AE; }

/* Defaults */
body {
   line-height: 1.3;
     background: #7eacbb url(../img/bg_gradient.jpg) repeat-y left;
   font-family: "Trebuchet MS", Arial, Helvetica, monospace;
   font-size: 12px;
   }
#articles a { text-decoration: none; border-bottom: 1px dotted #657e91; }
#articles a.noborder { border: none; }
a:hover { color: #896633; }
a img { border: none; margin:0; padding:0; }
.more {
    text-align: right;
}
.more a {
    color: #896633;
    text-decoration: none;
}
.more a:hover { text-decoration: underline; }


/* Structure */
#package {
   min-width:1132px;
   background: url(../img/bg_star.gif) no-repeat top left;
   height: 100%
}
#envelope {
   height: 100%;
}
#page {
   /* footer fix */
   position:relative;
   height:auto !important; /* real browsers */
   height:100%; /* IE6: treated as min-height*/
   min-height:100%; /* real browsers */

   background: url(../img/bg_top.gif) no-repeat top right;
   }

.clearfix:after { /* Clearfix, originally developed by Tony Aslett */
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
.clearfix {
   height: 1%;
   display: block;
}

#header {
   height: 250px;

}

#header blockquote {
   position: absolute;
   top: 0; right: 0;
   margin: 68px 90px 0 0;
   width: 410px;
   color: white;
   text-align: right;
   font-weight: bold;
}
#header blockquote p { font-style: italic; }
#header blockquote cite { font-style: normal; text-transform: uppercase; }

#filmstrip {
   width: 100%;
   position: absolute;
   overflow: hidden;
   background: url(../img/bg_strip.gif) repeat-x top right;
   top: 0;
   height: 245px;
   border-width: 1px 0 1px 0;
   }

#content {
   padding-bottom: 128px; /* footer height */
   font-size: 1.1em;
}

#nav {
   line-height: 1.8;
   float: left;
   margin: -8px 0 0 62px;
   width: 165px;
   font-size: 20px;
}

#nav li {
   display: block;
   list-style: none;
   text-transform: uppercase;
   }
#nav a {
   text-decoration: none;
   display: block;
   }
.article h3.pagenav {
   text-transform: uppercase;
   padding-bottom: 1.5em;
   font-weight: normal;
}
h3.pagenav span { margin-right: 1em; }

img#poster {
   float: right;
}

#articles {
   width: 605px;
   margin-left: 233px;
}



.article { width: 354px; }
#nyheter .article { width: 450px; }
.article.full { margin-left: 153px; }
.slight-wide { width: 550px; }
.wide { width: 575px; }
.wider { width: 900px; }

.article h3 { margin-bottom: 0; font-size: 1em; }
#articles .article h3 a { /*border-bottom: 0;*/ font-weight: normal; }
.article p { margin: 0 0 1em 0 }
.article img { margin: 4px 7px; 0px }

.movie { float: left; text-align: center; font-size: 0.9em; width: 140px; margin: 2em 7px 2em 0;}
.movie img { width: 135px; }

#footer {
   background: url(../img/bg_bottom.gif) no-repeat bottom left;
   width: 535px;
   position: absolute;
   bottom: 0;
   height: 128px;
   padding-left: 62px;
}

#footer address {
   float: left;
   width: 170px;
   margin-top: 10px;
   font-style: normal;
   font-weight: bold;
}

#footer div div {
    position:absolute;
    right:0;
}

#footer img {  }

.left { float: left; }
.right { float: right; }
.pad-left { padding-right: 1em; text-align: right; }
.clear { clear: both; }
.clear-right { clear: right; }
