@charset "UTF-8";
/*
Theme Name: Folke
Theme URI: http://www.stopp.se/
Description: Stockholm Postproduction
Version: 1.0
Author: Norbert Taeubl
Author URI: http://www.buntstift.at/
Tags: Folke

*/



/* Begin Typography & Colors */
/* 
font:#282929 
1: cb0433 red
2: 6b4ff1 blue
3: 099f3e green
4: 834829 brown
5: e85f05 orange
6: de1394 pink
*/

/* CSS Reset Document */
:link, :visited {text-decoration: none;}
ul, ol {list-style: none;}
h1, h2, h3, h4, h5, h6, pre, code, p {font-size: 1em;}
ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {padding: 0;margin: 0;}
a img, :link img, :visited img {border: none;}
address {font-style: normal;}
a:focus, a:active {outline: none;}


/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background-image:url(/wp-content/themes/folke/images/bg_overlay_736x590.gif);
	
	/* dimensions after the growing animation finishes  */
	width:720px;
	height:480px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px 55px 0 55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(/wp-content/themes/folke/images/overlay_close.png);
	position:absolute;
	right:28px;
	top:30px;
	cursor:pointer;
	height:25px;
	width:59px;
}




/* 
font:#282929 
1: cb0433 red
2: 6b4ff1 blue
3: 099f3e green
4: 834829 brown
5: e85f05 orange
6: de1394 pink
7: a812b1
*/



body  {
	font: 75% Arial, Helvetica, sans-serif;
	background:#FFF;
	text-align: center; 
	color: #282929;
	}
a {
	color:#cb0433;
	}
#wrapper {
	margin:20px 13px;
	}
#header {
	padding:0 0 20px 0;
	text-align:left;
	border-bottom:1px solid #7c7c7c;
	}

/* ------------------------------------
		Menu
------------------------------------ */
#mainMenu {
	float:right;
	margin:28px 0 0 0;
	}
#mainMenu li {
	display:inline;
	}
#mainMenu li a:link,
#mainMenu li a:visited {
	padding: 0em 0.6em;
	}
#mainMenu a.color1 {color:#cb0433;}
#mainMenu a.color1.active {color:#FFF;background:#cb0433;}
#mainMenu a.color2 {color:#6b4ff1;}
#mainMenu a.color2.active {color:#FFF;background:#6b4ff1;}
#mainMenu a.color3 {color:#099f3e;}
#mainMenu a.color3.active {color:#FFF;background:#099f3e;}
#mainMenu a.color4 {color:#834829;}
#mainMenu a.color4.active {color:#FFF;background:#834829;}
#mainMenu a.color5 {color:#e85f05;}
#mainMenu a.color5.active {color:#FFF;background:#e85f05;}
#mainMenu a.color6 {color:#de1394;}
#mainMenu a.color6.active {color:#FFF;background:#de1394;}
#mainMenu a.color7 {color:#a812b1;}
#mainMenu a.color7.active {color:#FFF;background:#a812b1;}


/* ------------------------------------
		Body
------------------------------------ */
#intro {
	position:relative;
	margin:9em auto 0;
	width:898px;
	height:396px;
	background:url(/wp-content/themes/folke/images/intro.jpg) no-repeat;
	}
#intro a {/*border:1px solid red;*/}
#buttonDirectors {
	position:absolute;
	top:15px;
	left:323px;
	width:100px;
	height:30px;
	}
#buttonNews {
	position:absolute;
	top:325px;
	left:741px;
	width:100px;
	height:30px;
	}
#buttonContact {
	position:absolute;
	top:50px;
	left:508px;
	width:100px;
	height:30px;
	}
#buttonLogin {
	position:absolute;
	top:128px;
	left:56px;
	width:15px;
	height:15px;
	}
#buttonClientLogin {
	position:absolute;
	top:350px;
	left:28px;
	width:100px;
	height:30px;
	}
#body{
	padding:10px 0;
	text-align:left;
	/*width:100%;*/
	margin-bottom:40px;
	}
.containerMovie {
	float:left;
	position:relative;
	margin:5px;
	width:239px;
	height:151px;
	overflow:hidden;
	background:#eee;
	z-index:50;
	}
.title {
	position:absolute;
	bottom:0;
	left:0;
	text-align:center;
	width:100%;
	background:#EEE;
	padding:0.2em 0;
	z-index:100;
	}
.title h1, .title h2 {
	font-weight:normal;
	}
/*
.dir1 {background:#cb0433;}
.dir2 {background:#6b4ff1;}
.dir3 {background:#099f3e;}
.dir4 {background:#834829;}
.dir5 {background:#e85f05;}
.dir6 {background:#de1394;}
*/
.dir1 .title {color:#cb0433;}
.dir2 .title {color:#6b4ff1;}
.dir3 .title {color:#099f3e;}
.dir4 .title {color:#834829;}
.dir5 .title {color:#e85f05;}
.dir6 .title {color:#de1394;}
.dir7 .title {color:#a812b1;}

.dir1 .active {background:#cb0433;color:#fff;}
.dir2 .active {background:#6b4ff1;color:#fff;}
.dir3 .active {background:#099f3e;color:#fff;}
.dir4 .active {background:#834829;color:#fff;}
.dir5 .active {background:#e85f05;color:#fff;}
.dir6 .active {background:#de1394;color:#fff;}
.dir7 .active {background:#a812b1;color:#fff;}

.active h1 {font-weight:bold;}

img.linkGif {
	height:156px;
	width:238px;
	}

#containerContact {
	width:230px;
	margin: 4em auto;
	line-height:1.3em;
	}
#containerContact h2 {
	padding:0.2em 0;
	}
#containerContact p {
	padding:0em 0 0.8em;
	}

#containerNews,
#containerPage {
	width:530px;
	margin: 1em auto;
	text-align:left;
	line-height:1.3en;
	}
#containerNews .news {
	padding: 0 0 5em 0;
	}
#containerNews .publishDate,
#containerPage .publishDate {
	padding:1em 0 0 0;
	color:#979797;
	}
#containerNews .news h2,
#containerPage .news h2 {
	margin:0 0 0.5em 0;
	padding:0 0 0.7em 0;
	font-size:1.4em;
	font-weight:normal;
	color:#fd6500;
	font-family:"Times New Roman", Times, serif;
	border-bottom:1px solid #7c7c7c;
	}
#containerNews a {
	color:#fd6500;
	}
.entry {
	line-height:1.3em;
	}
.entry p,
.page p,
.hentry {
	padding: 0 0 0.8em 0;
	}
h2.pagetitle {
	padding:0 0 2em 0;
	}
.backButton {
	float:left;	
	padding:0.3em 10px 0 0;
	text-align:left;
	display:inline;
	}
.backButtonNews {
	float:right;
	padding:4px 0 0 0;
	width:200px;
	text-align:right;
	}


/* ------------------------------------
		Socialable
------------------------------------ */
.sociable {
display:inline;
float:left;
	padding: 0.2em 0 0.8em 0;
	}
.sociable li {
	display:inline;
	}


/* ------------------------------------
		Default stuff
------------------------------------ */
a.more-link {
	display:block;
	text-align:right;
	padding:0.4em 0;
	}
.alignleft {
	float:left;
	}
.alignright {
	float:right;
	}
transpartent {
	/* filter: alpha(opacity=50); */ /* internet explorer */
	/* -khtml-opacity: 0.5; */      /* khtml, old safari */
	/* -moz-opacity: 0.5; */       /* mozilla, netscape */
	/* opacity: 0.5; */           /* fx, safari, opera */
	}
.fltrt { 
	float: right;
	margin-left: 8px;
	}
.fltlft { 
	float: left;
	margin-right: 8px;
	}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}