/*
Theme Name: WordPress Default
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* Begin Typography & Colors */

p {
	padding: 0;
	maring: 0;
}

.entry {
	overflow: auto;
	height: 301px;
}

html, body {
	height: 98%;
	margin: 0;
	padding: 0;
}

body {
	display: none;
	font-size: 14px; /* Resets 1em to 10px */
	font-family: Arial, Sans-Serif;
	color: #333;
	text-align: center;

scrollbar-base-color: #FFFFFF;
scrollbar-arrow-color: #000000;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-track-color: #cccccc;
	}

#page {
	text-align: left;
}

#footer {
	background: #eee url('images/kubrickfooter.jpg') no-repeat top;
	border: none;
	}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}
	
h2 {
	color: #c02c2c;
	font-size: 24px;
	font-family: Arial;
	font-weight: bold;
	margin: 0px 0 0px 0;
	text-transform: uppercase;
	line-height: 28px;
}

h6 {
	color: #c02c2c;
	font-size: 11px;
	font-family: Arial;
	font-weight: bold;
	margin: 4px 0 2px 0;
	text-transform: uppercase;
}

.medarbetare {
	font-size: 9px;
	font-family: Arial;
	line-height: 12px;
}

h2 img {
	/*position: relative;
	top: -10px;*/
}

#textwrapper {
	padding: 30px 30px 0 30px;
	margin: 0;
	/*font-size: 12px;*/
	color: #000;
	line-height: 18px;
}

/* End Typography & Colors */

/* Begin Structure */

body {
	margin: 0;
	padding: 0;
	background: #0a0a0a url('images/gui-bg.jpg') no-repeat center center;
	}

#logo {
	float: left;
	padding: 0;
	margin: 0;
	width: 256px;
	height: 41px;
}

#page {
	margin: 0px auto;
	padding: 0;
	width: 980px;
	}

#content {
	position: relative;
	background: url('images/gui-whitebox.png') no-repeat top left;
	margin: 0 30px 0 30px;
	width: 920px;
	height: 438px;
	padding: 20px 0 0 0;
	float: left;
	z-index: 20;
}

#closeButton {
	position: absolute;
	top: 0px;
	left: 840px;
	width: 40px;
	height: 40px;
}

#symbol {
	position: relative;
	background: url('images/gui-symbol.png') no-repeat center center;
	margin: 0 30px 0 30px;
	width: 920px;
	height: 418px;
	float: left;
	z-index: 20;
}

#header {
	height: 41px;
	width: 980px;
	padding: 20px 0 20px 0;
	margin: 20px 0 0 0;
}

.clear {
	clear: both;
}

#footer {
	z-index: 6000;
	padding: 0;
	margin: 0;
	z-index: 10;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 112px;
	background: #313131 url('images/gui-footer.jpg') repeat-x top left;
}

#footer_content {
	z-index: 6000;
	position: relative;
	margin: 0 auto;
	width: 920px;
	height: 112px;
}

#footer_shadow {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 920px;
	height: 112px;
	background: url('images/gui-footer_shadow.jpg') no-repeat top left;
}

#voices_search {
	z-index: 8000;
	position: absolute;
	top: 24px;
	padding-top: 10px;
	left: 0px;
	width: 920px;
	height: 30px;
	z-index: 300;
	color: #fff;
	overflow: hidden;
}

#form_wrapper {
	width: 550px;
	margin: 0 auto;
}

#voices_search form {
	float: left;
	width: 100%;
	text-align: center;
}

#voices_search select {
	float: left;
	width: 300px;
	height: 20px;
	font-size: 11px;
	text-transform: uppercase;
	margin: 0 10px 0 0;
}

#voices_search input {
	float: left;
	margin-right: 10px;
}

#voices_search label {
	float: left;
	font-size: 12px;
	padding: 3px 5px 0 0;
	width: 40px;
	text-align: right;
}

a.button {
	font-size: 10px; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif;
	background: url('images/gui-button.jpg') repeat-x top left;
  color: #fff;
  display: block;
  float: left;
  height: 10px;
  width: 40px;
	padding: 3px 22px 7px 18px;
  text-decoration: none;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  margin: 0;
}

#tpl_wrapper {
	display: none;
	position: absolute;
	top: 62px;
	left: 0px;
	width: 920px;
	height: 28px;
	background: url('images/gui-tpl.jpg') no-repeat top left;
}

#ticker_wrapper {
	float: left;
	width: 650px;
	height: 18px;
	padding: 6px 10px 4px 20px;
}

#player_wrapper {
	float: right;
	height: 18px;
	padding: 6px 20px 4px 0px;
}

#lang_wrapper {
	float: right;
	height: 18px;
	padding: 6px 10px 4px 20px;
}

#lang_wrapper ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#lang_wrapper ul li {
	float: left;
	margin: 0;
	padding: 1px 10px 0 0;
}

#lang_wrapper ul li a {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-family: Arial, Courier New;
	font-size: 11px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
}

#lang_wrapper ul li a:hover {
	color: #f00;
	text-decoration: underline;
	text-transform: uppercase;
}

#TICKERSPEED {
	display: none;
	height: 1px;
	height: 0px;
	overflow: hidden;
}

#TICKER span {
	font-family: Arial, Courier New;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	height: 10px;
}

#TICKER span a {
	color: #dedede;
	text-decoration: none;
	padding: 0;
	margin: 0;
	height: 10px;
}

/* End Structure */



/*	Begin Headers */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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

img.alignright {
	padding: 0 0 0 10px;
	margin: 0;
	display: inline;
	}

img.alignleft {
	padding: 0 10px 0 0;
	margin: 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}
/* End Various Tags & Classes*/


/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.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.
=================================================================== */


#navigation {
	float: left;
	padding: 0;
	margin: 0;
	width: 724px;
	height: 41px;
}
/*
#navigation ul {
	padding: 10px 0 0 0;
	margin: 0 0 0 40px;
	list-style-type: none;
}

#navigation ul li {
	float: left;
	padding: 0;
	margin: 0 20px 0 0;
	font-family: Arial Black;
	font-size: 11px;
	color: #fff;
}

#navigation ul li a {
	color: #fff;
	text-decoration: none;
}

#navigation ul li a:hover {
	color: #f00;
	text-decoration: none;
}

*/

.menu {
	width: 724px;
	height: 31px;
	position:relative;
	z-index:100;
}

.menu ul {
	padding: 10px 0 0 0;
	margin: 0 0 0 10px;
	list-style-type:none;
}

.menu ul ul {
	padding: 0;
	margin: 0;
}

.menu li {
	float:right;
	position:relative;
}

.menu ul li ul li {
	float:left;
	position:relative;
}

.menu a, .menu a:visited {
	display:block;
	font-family: Arial Black;
	font-size: 11px;
	color: #fff;
	text-decoration:none;
	text-transform: uppercase;
	height: 21px; 
	margin: 0 0px 0 17px;
}

.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:21px;
	left:0;
	width:189px;
}

/* position the third level flyout menu */
.menu ul ul ul { width:189px;}

/* position the third level flyout menu for a left flyout */
/*.menu ul ul ul.left {left:-149px;}*/

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	color:#fff;
	height:auto;
	line-height:1em;
	/*padding: 5px 0 5px 10px;*/
	
	/*border-left: 1px solid #fff;*/
	/*background-color: #252525;*/
}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover {
	color:#f00;
}

.menu :hover > a, .menu ul ul :hover > a {
	color:#f00;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:visible; height: auto; position: relative; top: 0;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

.menu ul ul ul li a {background: #252525 url(images/gui-menu3.gif) no-repeat top left; padding: 5px 0 5px 30px; width: 169px; }
.menu ul ul ul li a:hover {background: #252525 url(images/gui-menu3_over.gif) no-repeat top left; }
.menu ul ul li a { padding: 5px 0 5px 10px; background-color: #252525; width:189px;}

/* dock2 - bottom */
#dock2 {
	display: none;
	top: 250px; 
	width: 100%;
	position: relative;
	left: 0px;
}
.dock-container2 {
	position: absolute;
	z-index: 1000;
	height: 50px;
	background: url(images/dock-bg.gif);
	padding-left: 20px;
}
a.dock-item2 {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px; 
	color: #000; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item2 span {
	display: none;
	padding-left: 20px;
}
.dock-item2 img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}

#sb-content #loginform {
	padding: 30px;
}

#sb-content #loginform label {
	color: #fff;
}