/*
Theme Name: Ballangrud 3 column
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 */
body {
	margin: 0px;
	background: #e5eaef;
}



#wrapper {
	text-align: left;
	margin: 0px auto;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 1020px;
}

#header {
	margin:0 auto;
	margin-top:10px;
	max-width:1020px;
	width:1020px;
	height: 250px;
	
	font-family: Helvetica,Arial,sans-serif;
	font-size: 12px;
}


#side-nav {
	margin: 20px 0px 20px 0px;
	padding: 20px 2px 20px 2px;
	background: #e9ecbc;
}

#main-nav{
	color: #000000;
	font-weight:bold;	
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #797979;
	font-size:1.1em;
}

#sub-nav {
	color: #000000;
}



#sub-nav {
	padding-left: 5px;
} 



#sitenav {
	display: inline;
}

#sitenav ul {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left:20px;
	margin-top:220px;
	margin-bottom: 0px;
	padding:0;
	display: inline;
	border: none;
}

#sitenav A:link{
	text-decoration: none;
	color: #ffffff;
}

#sitenav A:active{
	text-decoration: none;
	color: #ffffff;
}

#sitenav A:visited{
	text-decoration: none;
	color: #ffffff;
}

#sitenav A:hover {
	text-decoration: underline;
}


#side-nav A:link{
	text-decoration: none;
}

#side-nav A:active{
	text-decoration: none;
}

#side-nav A:visited{
	text-decoration: none;
}

#side-nav A:hover {
	text-decoration: underline;
}


#sitenav li{
	display: inline;
	margin-left: 20px;
	font-size:1.5em;	
}


#topsearch div {
        float: right;
        padding: 0px;
        margin: 0px;
        margin-right: 20px;
        margin-top:220px;
}


#container {
	width: 100%;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 12px;
}



#side-a {
	position: relative;
	float: left;
	width: 180px;
	margin: 0px 0px 0px 0px;
}

#roompot {
	margin: 50px 10px 0px 0px;
}

#content { 
	position: relative;
	float: right;
	width: 830px;
	background: #ffffff;
	margin-top: 20px;
}

#side-b {
	position: relative;
	background: #ffffff;
	float: right;
	width: 210px;
	margin: 20px 10px 10px 5px;
}


#leftcontainer {
	width: 570px;
	float: left;
	margin: 20px 0px 5px 0px;
	padding-left: 5px;
}




#leftpage {
	width: 790px;
	float: left;
	padding: 5px;
	padding-left: 15px;
}


h3.storytitle {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #797979;
	font-size:1.5em;

	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 0px;
    clear: both;
}

a.storytitle {
    text-decoration: none;
    margin: 0px;
	color: #000000;
}

meta {
    font-size: 7px;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
}

.eventday {
	background-color: #324e80;
	color: #000000;
}

a.eventday {
	color: #ffffff;
}


.ec3_popup {
 margin:0 !IMPORTANT;
 padding:0 !IMPORTANT;
 border:none;
 position:absolute;
 border-collapse:collapse;
 filter:alpha(opacity=87);
 -moz-opacity:.87;
 opacity:.87;
 z-index:30000;
}

.ec3_events {
	padding: 0px;
}

.ec3_list_day{
	padding: 0px;
}

.ec3_list{
	padding: 0px;
}


#wp-calendar table {
	width: 90%;
	table-layout: fixed;
}

#ec3_next {
	float: right; 
}

#ec3_prev {
	float: left; 
}

#ec3_publish  a{
	margin-left:auto;
	margin-right:auto;
}

#ec3_publish  img{
display: block;

	margin-left:auto;
	margin-right:auto;
}

#side-b li{
   list-style: none;
   padding: 0px;
}

#side-b ul{
   list-style: none;
   padding: 0px;
}


h2.widgettitle {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #797979;
    font-size:1.5em;

	padding-top: 4px;
	padding-bottom: 4px;
    clear: both;
}

img.widgettitle {
	border-style: none;
	
}

.metaauteur {
    float: right;
}

.metadate {
    float: left;
}

.meta {
    font-size: 11px;
}

.storycontent {
    clear: both;
    margin-top: 15px;
    padding-top: 15px;
}

.post {
    margin-bottom: 30px;
}


/*	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: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}