/*  
Theme Name: Skeive Filmer 2007 - Originalt HVITT
Theme URI: http://www.skeivefilmer.no
Description: Utseende for SF-sidene 2007. Kodet versjon av skisse2 fra Camilla
Version: 1.0
Author: Hilde Skjølberg
Author URI: http://www.hebedesign.com/
Author 2: Jan Tore Eger-Heed 
Author URI: http://www.eger-heed.com/
*/



body {background: #fff; font-family: "Lucida Grande", arial, sans-serif; color: #000;}


#wrapper {position: relative; margin: 0 auto; padding: 200px 0 20px 0; width: 798px; background-color: transparent; background-image: url(css/top2_pink.gif); background-position: 1px 0; background-repeat: no-repeat; border: 1px solid #ccc;}
html > body #wrapper {background-position: 0 0;}


body.page-3 #wrapper {background-image: url(css/top2_pink.gif);}
body.page-5 #wrapper, body.page-13 #wrapper, body.page-14 #wrapper, body.page-15 #wrapper, body.page-16 #wrapper, body.page-17 #wrapper, body.page-18 #wrapper {background-image:  url(css/top2_pink.gif);}
body.page-6 #wrapper {background-image: url(css/top2_pink.gif);}
body.page-7 #wrapper {background-image: url(css/top2_pink.gif);}
body.page-8 #wrapper {background-image: url(css/top2_pink.gif);}



ul#samarbeid {position: absolute; top: 5px; right: 5px; list-style: none; margin: 0; padding: 0;}
ul#samarbeid li {display: inline;}
ul#samarbeid li.blikk a:link, ul#samarbeid li.blikk a:visited, ul#samarbeid li.blikk a:hover {display: block; float: left; height: 45px; width: 94px; background: transparent url(css/blikklogo.gif) 0 0 no-repeat; text-indent: -5000px;}
ul#samarbeid li.sf a:link, ul#samarbeid li.sf a:visited, ul#samarbeid li.sf a:hover {display: block; float: left; height: 45px; width: 48px; background: transparent url(css/sflogo.gif) 0 0 no-repeat; text-indent: -5000px;}



#header h1 {margin: 0 10px 0 0;}
#header h1 a:link, #header h1 a:visited, #header h1 a:hover {display: block; width: 670px; height: 70px; margin: 0 0 0 90px; text-decoration: none; background: transparent url(css/sfhead.gif) 0 0 no-repeat; text-indent: -5000px;}
#header p {clear: both; margin: 0; text-indent: -5000px;}



#mainmenu {float: left; list-style: none; margin: 10px 0 0 0; padding: 0; font-size: .9em;}
#mainmenu li {display: inline;}
#mainmenu a:link, #mainmenu a:visited {display: block; float: left; margin: 0 13px 0 12px; padding: 5px; text-decoration: none; color: #332; font-weight: bold;}
#mainmenu a:hover {text-decoration: none; color: #FF0066; background: #fff;}
#mainmenu li.eng a:link, #mainmenu li.eng a:visited {display: block; float: right; height: 14px; width: 29px; margin-top: 7px; margin-right: 15px; padding: 0; background: transparent url(css/eng.gif) 0 0 no-repeat; text-indent: -5000px;}
#mainmenu li.eng a:hover {background-position: 0 -34px;}



#content {clear: both; margin: 0 15px;border: 1px solid #000; padding: 5px 25px; font-size: .9em; color: #000; background: #fff;}
#content a:link, #content a:visited {color: #FF6699; text-decoration: underline;}
#content a:hover {color: #FF0066;}
#content p {line-height: 1.5em;}

#content dl {margin: 0 0 20px 30px;}
#content dt {margin: 15px 0 0 0; font-weight: bold;}
#content ul {margin-left: 30px;}
#content ul.plain {margin-left: 5px; padding-left: 0; list-style: none;}
#content ul.plain li {margin: 4px 0;}

#content .page h2, #content .post h2 {clear: both; padding: 5px 10px 5px 3px; font-size: 1.2em; color: #000; background: #fff;}
#content h3 {clear: both; margin: 30px 0 5px 0; text-decoration: underline;}


.page {position: relative;}

#filmliste div {display: inline; float: left; width: 337px; margin: 0 19px 20px 0; padding: 0; background: #fff; border: 1px solid #000;}
#filmliste h3 {clear: both; margin: 20px 0; padding: 5px 10px; color: #000; text-decoration: none; background: #fff;}
#filmliste h4, #filmliste h4 a:link, #filmliste h4 a:visited {margin-top: 20px; color: #000; text-decoration: none;}
#filmliste h4 a:hover {text-decoration: none; color: #FF0066;}
#filmliste div.left img {float: left; margin: 0 10px 0 0; border: 0; }
#filmliste div.right img {float: right; margin: 0 0 0 10px; border: 0; }
#filmliste div.right h4 {text-align: right;}
#filmliste p {clear: both;}



#filmpres img {float: left; margin: 0 10px 15px 0; border: 1px solid #000;}
#filmpres dl {float: left; width: 20em; margin: 20px 0 0 0;}
#filmpres dt {float: left; width: 8em; margin: 5px 0 0 0;}
#filmpres dd {float: left; width: 12em; margin: 5px 0 0 0;}
#filmpres p.forste {clear: both;}
#filmpres p.visning {padding: 5px; color: #000; text-align: center; background: #fff;}


.program dt {margin: 20px 0 0 0; padding: 5px; color: #000; background: #fff;}
.program dd {margin: 0; padding: 5px 0 5px 85px; color: #000; background: #fff;}
#content .program dt a:link, #content .program dt a:visited {color: #000; text-decoration: none;}
#content .program dd a:link, #content .program dd a:visited {color: #000; text-decoration: none;}
#content .program dt a:hover, #content .program dd a:hover {text-decoration: none; color: #FF0066;}
.program dd.sted {background: #fff url(css/sted.gif) 25px 9px no-repeat;}
.program dd.kortf {background: #fff url(css/kortfilm.gif) 25px 9px no-repeat;}
.program dd.utsolgt {background: #fff url(css/utsolgt.gif) 25px 9px no-repeat;}


#aapning {list-style: none; padding: 0;}
#aapning li {margin: 4px 0;}
#aapning li strong {margin-right: 10px;}


#footer {font-size: .8em; text-align: center;}
#footer img {border: none;}
#footer .annonse img {margin-right: 5px;}