/*
Theme Name: Koncern
Theme URI: http://www.koncern.dk/
Description: The Koncern Film and TV theme.
Version: 1.0
Author: Casper Fabricius and Jacob Atzen
Author URI: http://incremental.dk/
Tags: koncern

	Koncern v1.0

	This theme was designed by Tombola, converted into
	HTML by Casper Fabricius and made a Wordpress theme
	by Jacob Atzen.

	The CSS, XHTML and design is the property of
	Koncern Film and TV, all rights reserved.

*/

/*-- global --*/
body{
	font-family:helvetica, arial, sans-serif;
	font-size:11px;
	color:#272425;
	background-color: #e84e44;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
}
a {
	border-bottom:1px dotted #007f7c;
	text-decoration:none;
	color:#007f7c;
}
a:hover{ 
	border-bottom-color:#fff;
	color:#fff;
}
h1 {font-size:30px; color:#fff;}
h2 {font-size:16px;}
h3 {font-size:12px;}
h4 {
	font-size:11px;
	margin-bottom:-20px;
}
h1, h2, h3 { margin:10px 0px 15px 0px; }
p {
	margin: 20px 0px; 
	line-height:150%;
}

/*-- utils --*/
div.clear {
	clear:both;
	height:0px;
	overflow:hidden;
	position:relative;
}

/*-- container --*/
#container{
	width:820px;
	margin: 44px auto;
}

/*-- main --*/
#main {
	background-color: #5f5f5f;
	position:relative;
}
/*#main.sidebar {
	background-image:url(images/sidebar-bg.gif);
}*/


/*-- top --*/
#top{
	background-color:#4c4c4c;
	height:30px;
}

#top h1{
	float:left;
	display:inline;
	text-indent:-3000px;
	overflow:hidden;
	margin:5px;
	height:20px;
}
#top h1 a{
	display:block;
	background:url(images/logo.png) no-repeat;
	width:131px;
	height:240px;
}

/*-- navigation --*/
#navigation {
	float:right;
}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_drop6.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu {
	margin-top:6px;
	list-style:none; 
	height:16px; 
	position:relative; 
	z-index:200;
	float:right;
  text-transform: uppercase;	
}
#menu li.top {
	display:block;
	float:left;
	margin-right:15px;
}
#menu li a.top_link {
	display:block;
	float:left;
	cursor:pointer;
	height:16px;
	line-height:13px; 
}
#menu li a.top_link span {
	float:left; 
	display:block; 
	padding:4px 0px;
	height:15px;
	/* background: url(images/six_0.gif) right top no-repeat; */
}
#menu li a.top_link span.down {
	float:left;
	display:block;
	height:16px;
/* background: url(images/six_0a.gif) no-repeat right top; */
}

#menu li.active {
	background-color:#939393;
	height:24px;
	padding:0px 6px;
}
#menu li a.top_link {
	color:#fff;
	font-weight:bold;
	font-size:10px;
  text-transform: uppercase;
	border-bottom:none;
}
#menu li a.top_link:hover {
	border-bottom:1px dotted #fff;
}

#menu table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}
#menu li:hover {position:relative; z-index:200;}
#menu a:hover {position:relative; white-space:normal; z-index:200;}

#menu :hover ul.sub {
	left:1px;
	top:20px; 
	background: #939393;
	white-space:nowrap;
	width:200px; 
	height:auto;
	z-index:300;
}
#menu :hover ul.sub li {
	display:block; 
	height:20px; 
	position:relative; 
	float:left; 
	width:200px; 
	font-weight:normal;
	border-top:1px solid #b4b4b4;
}
#menu :hover ul.sub li a {
	display:block;
	height:18px;
	width:200px;
	line-height:18px;
	text-indent:5px;
	color:#4c4c4c; 
	text-decoration:none;
	border:none;
	font-weight:bold;
	font-size:9px;
	padding-top:2px;
}
#menu li ul.sub li a.fly {
	background:#939393 url(images/arrow.gif) 190px 6px no-repeat;
}
#menu :hover ul.sub li a:hover {
	background:#4C4C4C; color:#fff;
	border-color:#fff;
}
#menu :hover ul.sub li a.fly:hover {
	background:#4C4C4C url(images/arrow_over.gif) 190px 6px no-repeat;
	color:#fff;
}

#menu a:hover a:hover ul,
#menu a:hover a:hover a:hover ul,
#menu a:hover a:hover a:hover a:hover ul,
#menu a:hover a:hover a:hover a:hover a:hover ul {
	left:199px;
	top:-4px;
	background-color: #939393;
	padding:3px; 
	white-space:nowrap;
	width:200px; 
	z-index:400;
	height:auto;
}

#menu ul, 
#menu a:hover ul ul,
#menu a:hover a:hover ul ul,
#menu a:hover a:hover a:hover ul ul,
#menu a:hover a:hover a:hover a:hover ul ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:0; height:0; margin:0; padding:0;
	list-style:none;
}

#menu li:hover li:hover > ul {
	left:200px;
	top:-4px;
	background: #939393;
	padding:3px;
	white-space:nowrap;
	width:200px;
	z-index:400;
	height:auto;
}
#menu li:hover > ul ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:0; height:0; margin:0; padding:0;
	list-style:none;
}
#menu li:hover li:hover > a.fly {
	background:#939393 url(images/arrow_over.gif) 190px 6px no-repeat;
	color:#fff;
} 
#menu li:hover li:hover > li a.fly {
	background:#939393 url(images/arrow.gif) 190px 6px no-repeat;
	color:#000;
}



/*-- page --*/
#page{
}

/*-- breadcrumb --*/
#breadcrumb{
	background-color:#939393;
	height:30px;
}
#breadcrumb .breadcrumb, #breadcrumb .title{
	float:left;
	font-weight:bold;
	font-size:16px;
	padding:6px 0px;
	width:397px;
}
#breadcrumb .breadcrumb {
	padding-left:13px;
}
#breadcrumb .breadcrumb, #breadcrumb .breadcrumb a{
	color:#4c4c4c;
	border-bottom:none;
}
#breadcrumb .breadcrumb a:hover{
	color:#fff;
	border-bottom:1px dotted #fff;
}
#breadcrumb .title{
	color:#fff;
	padding-right:13px;
}

/*-- content --*/
#content{
	padding:13px;
	line-height:250%;
	background-color: #b4b4b4;
	width:589px;
	float:left;}
#content address { /* Image text */
	margin:-20px 0px 20px 0px;
	font-style:normal;
	font-size:10px;
	display:block;
}

/*-- sidebar (shares most styles with box-1col) --*/
#sidebar{
	background-color:#5f5f5f;
}
#sidebar ul {
	margin:20px 10px;
}
#sidebar ul li{
	list-style:none;
	margin:20px 5px;
}
#sidebar ul li a {
	color:#fff;
	font-weight:bold;
	font-size:12px;
	border-bottom:none;
}
#sidebar ul li.subpage {
	margin:20px 20px;
}
#sidebar ul li.subpage a {
	color:#ccc;
}
#sidebar ul li a:hover {
	border-bottom:1px dotted #fff;
}

#sidebar h3 {
	margin:30px 0px 5px 15px;
	color:#fff;
	text-transform: uppercase;	
}
#sidebar ul.compact li, #sidebar ul.wp-tag-cloud li, .links li {
	margin:10px 5px;
}
#sidebar ul.compact li a, #sidebar ul.wp-tag-cloud li a, .links li a {
	color:#ccc;
	border-bottom-color:#ccc;
}
#sidebar ul.compact li a:hover, #sidebar ul.wp-tag-cloud li a:hover, .links li a:hover {
	color:#fff;
	border-bottom-color:#fff;
}



/*-- footer --*/
#footer{
	text-align:right;
	font-size:9px;
	font-weight:bold;
	color:#4c4c4c;
	text-transform: uppercase;
	margin:10px 0px 20px 0px;
}

#footer a {
  border: 0px;
}

/*-- boxes --*/
.box-1col, .box-2col, .box-3col, .box-4col, #sidebar {
	float:left;
	position:relative;
}

.box-1col.odd, .box-2col.odd, .box-3col.odd, .box-4col.odd {
	background-color:#787878;
}
.box-1col.even, .box-2col.even, .box-3col.even, .box-4col.even {
	background-color:#939393;
}

.box-1col, #sidebar {
	width:205px;
}

.box-2col {
	width:410px;
}

.box-3col {
	width:615px;
}

.box-4col {
	width:820px;
}

.box-1col span.corner, .box-2col span.corner, .box-3col span.corner, .box-4col span.corner {
	position:absolute;
	bottom:5px;
	right:10px;
}

/* Lists
------------------------------------------*/
dl {
width: 100%;
margin: 10px 0;
padding: 0;
}

dl dt {
width: 100px;
float: left;
margin: 0 0 0 0;
padding: .5em 0;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

dl dd {
float: left;
margin: 0 0 0 0;
padding: .5em 0;
}



/*-- spots --*/
.spots {
	color:#fff;
}
.spots .box-1col {
	height:250px;
	overflow:hidden;
}
.spots a {
	border-bottom:none;
	/*color:#fff;
	text-decoration:underline;*/
}
.spots h3 {
	margin:10px;
	text-transform: uppercase;
	color:#88bebe;
	font-size:11px;
}
.spots p {
	margin:10px;
}

/*-- post-teasers --*/
.post-teaser {
	clear:left;
}
.post-teaser .box-1col, .post-teaser .box-2col {
	height:118px;
	overflow:hidden;
}
.post-teaser .box-2col h2, .post-teaser .box-2col p, .post-teaser .box-2col span {
	padding:0px 10px 0px 30px;
}
.post-teaser.odd .box-1col, .post-teaser.even .box-2col {
	background-color:#939393;
}
.post-teaser.even .box-1col, .post-teaser.odd .box-2col {
	background-color:#b4b4b4;
}
.post-teaser a {
	border-bottom:none;
}
.post-teaser h2 a {
	color:#fff;
}
.post-teaser h2 a:hover {
	border-bottom:1px dotted #fff;
}
.post-teaser span.tags, .post-teaser span.date {
	text-transform: uppercase;
	font-size:9px;
}
.post-teaser span.tags a {
	font-weight:bold;
}
.post-teaser span.date {
	margin-right:20px;
}

/*-- search --*/
.search {
	padding:13px;
	line-height:150%;
	background-color: #b4b4b4;
}
.search .inner {
	width:615px;
}
.search form input.text {
	border:none;
	width:300px;
	height:16px;
	background-color:#fff;
	padding:2px;
}
.search form input.button {
	border:none;
	height:20px;
	background-color:#4c4c4c;
	color:#fff;
	font-weight:bold;
	padding:0px 10px;
}
.search h4 {
	margin:20px 0px;
}
.search ol {
	list-style-type: decimal;
	margin:0px 10px;
}
.search ol li {
	font-weight:bold;
	margin:10px 20px;
}
.search ol li p {
	margin:5px 0px 10px 0px;
	font-weight:normal;
	color:#fefefe;
}

/*-- paging --*/
.paging .box-1col, .paging .box-3col {
	height:10px;
	text-transform: uppercase;
	color:#b4b4b4;
	padding:5px;
}
.paging .box-1col {
	background-color:#4c4c4c;
	width:195px;
}
.paging .box-3col {
	background-color:#6e6e6e;
	width:605px;
}
.paging a {
	color:#b4b4b4;
	border-bottom:none;
}
.paging a:hover {
	color:#fff;
	border-bottom:1px dotted #fff;
}
.paging .current-page {
	float:left;
}
.paging .next {
	float:right;
}
.paging .prev {
	margin-left:20px;
}


/*-- production --*/
.production .image, .production .description {
	height:228px;
	overflow:hidden;
}
.production .image {
	position:relative;
}
.production .image img, .production #play_button {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}
.pointer {
  cursor:pointer;
}

.production #play_button {
	background-image:url(images/play.gif);
	background-repeat:no-repeat;
	background-position:center center;
	z-index:2;
	width:100%;
	height:100%;
	cursor:hand;
}
.production .description {
	background-color:#b4b4b4;
}
.production .description p {
	padding:0px 20px;
}
.production .credits {
	background-color:#ccc;
	float:right;
	position:relative;
}
.production .credits dl {
	margin:10px 20px;
}
.production .credits dt {
	font-weight:bold;
}
.production .credits dd {
	width:250px;
}
.production .credits dl.other {
  width: 350px;
  position: relative;
}
.production .credits .full-credit {
	background-color:#e6e6e6;
	padding:15px 20px;
	cursor:pointer;
	background-image:url(images/arrow_down.gif);
	background-repeat:no-repeat;
	background-position:80px center;
}
.production .credits .up {
	background-image:url(images/arrow_up.gif);
}

.production .credits .full-credit span {
	cursor:hand;
	font-weight:bold;
	text-decoration:underline;
}

/*-- Lightbox --*/

/* the overlayed element */
div.overlay {
	background-image:url(images/pixel.gif);
	
	/* dimensions after the growing animation finishes  */
	width: 612px; /* 753px; */
	height: 381px; /* 489px; */
	
	/* initially overlay is hidden */
	display:none;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(images/close.png);
	position:absolute;
	left:5px;
	top:5px;
	cursor:pointer;
	height:25px;
	width:25px;
}

div.overlay div.container {
	background-color:#585858;
	width: 562px; /* 713px; */
	height: 341px; /* 449px; */
	left:20px;
	top:20px;
	padding:20px 20px 5px 20px;
	position:absolute;
}
div.overlay div.container div.player {
	height: 316px; /* 424px; */
	/* background-color:#808080; */
}
div.overlay div.container h3 {
	color:#fff;
}