/*
Theme Name: Magnus Betner
Theme URI: http://wordpress.org/
Description: Wordpress theme for Magnus Betner
Version: 0.1
Author: 
Author URI: 
Tags: Magnus Betner

*/

*{font-size:1em;font-family:Arial, Helvetica, sans-serif;line-height:1.4em;color:inherit;margin:0;background-repeat:no-repeat;background-position:top left;}
body{font-size:62.5%;color:#000;padding:0;}
h1,h2{line-height:1em;}
h1 *,h2 *{line-height:inherit;}
h1,h2,h3,h4,h5,h6,p,ul,ol{padding:0 0 1.1em 0;}
p,ul,ol{padding-bottom:0.8em;}
ul,ol{padding-left:0.5em;}
ul{list-style:outside disc;}
ol{list-style:outside decimal;}
.menu,.menu li{list-style:none;padding:0;}
.menu li a{display:block;}
.menu li,form{display:inline;}
object,input,select,button,textarea{outline:none;}
textarea,html{overflow-y:scroll;overflow-x:auto;}
img{vertical-align:bottom;}
img,fieldset{border:none;padding:0em;}
.after-float:after,.clear-float{display:block;clear:both;visibility:hidden;}
.after-float:after{content:'\0020';height:0;}
.after-float,.wrap-float{zoom:1;}
.wrap-float{overflow:hidden;}

*{
	color:#0b0b0b;
	font-family:"Courier New", Courier, monospace;
}
h1,
h2{
	font-size:2.2em;
	margin:5px 0 15px 0;
	padding: 0;
}
h1 span,
h2 span{
	background-color:#000;
	padding:10px 8px 8px;	
	color:#fff;
	text-transform:uppercase;
	line-height: 2.2em;
}
h1 a, h2 a {
	color: #fff;
}
h1 span span, h2 span span {
	padding: 0;
}
span.up {
	vertical-align: 1px;
}

span.down {
	vertical-align: -1px;
}

h3{
	font-size:1.3em;
	padding:5px 0 0 0;
}
h4{
	font-size:1.5em;
}
h5, p, a{
	font-size:1.3em;
}


p{
	padding:0 0 1.6em 0;
}
p a, h1 a, h2 a, h3 a, h4 a, h5 a{
	font-size:1em;
}

a{
	font-weight:bold;
	text-decoration:none;
}
a:hover{
	color:#f1521f;
}


body{
	background-image:url( images/graphics/body-bg-image.jpg );
	background-position:top center;
	background-color:#000000;
}
#main-wrapper{
	background-color:#FFFFFF;
	width:618px;
	margin:0px auto;
	position:relative;
}
#main-container{
	background-image:url( images/graphics/main-container-bg-image.jpg );
	background-position:top center;
	padding-top:185px;
	overflow:hidden;
}
#main-content{
	margin:0 auto;
	width:525px;
}



#footer{
	background-image:url( images/graphics/footer-bg-image.jpg );
	background-position:top center;
	margin-bottom:20px;
	position:relative;
}
#footer p{
	padding:16px 25px 0;
}


.column{
	float:left;
	margin-bottom:10px;
}
.pixel-column{
	width:1px;
	height:480px;
	display:block;
}
.xlarge-column{
	width:524px;
}
.large-column{
	width:262px;
}
.medium-column{
	width:247px;
	margin-left:15px;
}


#next-gig{
	position:absolute;
	top:70px;
	right:-150px;	
	
	display:block;
	width:110px;
	padding:50px 20px 0;

	font-size:1.5em;
	color:#fff;
	line-height:1em;
	text-transform:uppercase;
	outline:none;
}
#next-gig-en {
	position:absolute;
	top:88px;
	right:-148px;	
	
	display:block;
	width:110px;
	padding:32px 18px 0;

	font-size:1.5em;
	color:#fff;
	line-height:1em;
	text-transform:uppercase;
	outline:none;
	
	background-image:url( images/graphics/nextgig.jpg );
}
#lang-selector-en{
	position:absolute;
	top:0;
	right:-159px;
	
	display:block;
	height:77px;
	width:256px;
	
	font-size:1.8em;
	color:#fff;
	text-transform:uppercase;
	line-height:77px;
	text-indent:105px;
	outline:none;
}
#lang-selector-swe{
	position:absolute;
	top:0;
	right:-159px;
	
	display:block;
	height:77px;
	width:256px;
	background-image:url( images/graphics/flag-image-sv.jpg );
	
	font-size:1.8em;
	color:#fff;
	text-transform:uppercase;
	line-height:77px;
	text-indent:105px;
	outline:none;
}
#logo-hitarea{
	display:block;
	width:455px;
	height:135px;
	
	position:absolute;
	top:40px;
	left:80px;
	
	overflow:hidden;
	text-indent:-9999px;
	outline:none;
}
#rss-hitarea{
	display:block;
	width:55px;
	height:55px;
	
	position:absolute;
	top:10px;
	left:0;
	
	overflow:hidden;
	text-indent:-9999px;
	outline:none;
}
#new

.tags{
	font-size:1.1em;
}
.tags a{
	font-style:italic;
	font-weight:normal;
	text-decoration:underline;
}
.date-tag {
	padding:2px 5px;
	color:#FFFFFF;
	text-transform:uppercase;
	background-color:#000;
}

/*
.date-tag,
.medialist dt{
	padding:2px 5px;
	color:#FFFFFF;
	text-transform:uppercase;
	background-color:#000;
}
.medialist dt{
	float:left;
	clear:both;
	margin:1px 10px 1px 0;
	width:60px;
}
.medialist dd{
	float:left;
	width:444px;
	margin:1px 0;	
}
.medialist{
	float:left;
	padding-bottom:40px;
}
*/

.top-menu{
	position:absolute;
	top:25px;
	left:-225px;
	width:200px;
}
.top-menu li a{
	font-size:1.6em;
	background-color:#000;
	padding:2px 16px;
	color:#FFFFFF;
	text-transform:uppercase;
	float:right;
	clear:both;
	margin:1px 0;
}
.top-menu li a:hover,
.top-menu li.current_page_item a{
	color:#f1521f;
}
#bandaid{
	display:block;
	background-image:url( images/graphics/top-menu-bandaid.png );
	position:absolute;
	top:13px;
	left:-42px;
	width:54px;
	height:290px;
}

.film-container{
	margin-bottom:20px;
}
.box{
	float:left;
}
.medium-box{
	width:172px;
	margin:0 1px 10px 1px;
}
.medium-box p{
	padding-bottom:0.7em;
}


#tour #main-content{
	width:596px;
}
.tour-content{
	float:left;
	background-image:url( images/graphics/tour-bg-pattern.jpg );
	background-repeat:repeat-y;
}
.tour-prefix{
	background-image:url( images/graphics/tour-bg-image.jpg );
}
.tour-suffix{
	background-image:url( images/graphics/tour-suffix-image.jpg );
	background-position:left bottom;
	padding:200px 40px 60px;
}
.tour-content .pixel-column{
	height:555px;
}
.tour-content .xlarge-column{
	width:507px;
}


.tour-table{
	width:100%;
	border-collapse:collapse;
	margin:10px 0 20px 0;
}
.tour-table thead td{
	font-weight: bold;	
}
.tour-table td{
	padding:0 0 0 3px;
	margin:0;
	vertical-align:top;
	text-align:left;
	font-size:1.1em;
}
.tour-location{
	width:200px;
}
div.archive {
	float: right;
	display: none;
}
div.archive h2 {
	text-transform: uppercase;
	margin-bottom: 5px;
}
div.archive input, div.archive select {
	font-size: 1.2em;
}
div.archive input#archive-submit {
	color: #fff;
	background-color: #000;
	border: 0;
	padding: 0 7px;	
}
/* 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: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
img.comedian {
	float: left;
	padding: 0;
	margin: 0 12px 0 0;
	display: inline;
}
.alignright {
	float: right;
	}

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

/* TOURPLAN */
#poster{
	position:absolute;
	left:20px;
}
.poster-column{
	width:250px;
	overflow:hidden;
}
.primary-column{
	margin-right:24px;	
}
.poster-container{
	border-bottom:1px dashed #ccc;	
	cursor:pointer;
}
.poster-date{
	width:24px;	
	font-size:1.3em;
	font-weight:bold;
	line-height:22px;
	float:left;
}
.poster-time{
	width:44px;	
	font-size:1.3em;
	font-weight:bold;
	line-height:22px;
	float:left;
}
.poster-datetime{
	width:140px;	
	font-size:1.3em;
	font-weight:bold;
	line-height:22px;
	float:left;
}
.poster-city{
	width:148px;	
	font-size:1.3em;
	font-weight:bold;
	line-height:22px;	
	float:left;
}
.poster-location{
/*	width:372px;	*/
	width: 326px;
	font-size:1.3em;
	font-weight:bold;
	line-height:22px;	
	float:left;
}
.poster-actn{
	font-size:1.3em;
	line-height:22px;	
	height:22px;
	overflow:hidden;
	float:right;		
}
.poster-content{
	line-height:17px;
	margin:0 24px;
	padding:5px 0;
	width:202px;
	overflow:hidden;
	cursor:default;
}
.poster-content-wide{
	width: auto;
}
.poster-content p{
	padding:0;	
}
.first-container{
	border-top:1px dashed #ccc;	
}

fieldset.tourplan legend{
	font-size:1.5em;
	margin:5px 0px;
	padding:0pt;	
}
fieldset.tourplan legend span{
	background-color:#000000;
	color:#FFFFFF;
	line-height:2em;
	padding:10px 8px 8px;
	text-transform:uppercase;
	font-weight:bold;
}
fieldset.tourplan label{
	display:block;
	margin:5px 0 2px 0;
}
fieldset.tourplan input{
	width:200px;
	padding:2px;
}
fieldset.tourplan textarea{
	width:250px;
	height:120px;
	padding:2px;	
}
fieldset.tourplan button{
	float:left;
	padding:5px;
	margin:10px 0;
}
fieldset.tourplan{
	position:absolute;
	left:70px;
	top:50px;
	background-color:#fff;
	padding:15px;
}

#tourplan-content h2, #turneplan-content h2{
	margin-top:25px;
}

#tourplan-content .controllers{
	position:relative;
	right:-380px;
}
#tourplan-content .year-header{
	margin-bottom:-20px;	
}
/*TURNEPLAN */
#turneplan-wrapper{
	margin:0 -30px;
	width:584px;
	position:relative;
	background:transparent url( images/turneplan_repeat.jpg ) repeat-y 10px center;/**/
}
#turneplan-header{
	height:758px;
	background:transparent url( images/turneplan_top.jpg ) no-repeat 9px top ;/**/
}
#turneplan-header-tour{
	height:758px;
	background:transparent url( images/tourplan_top.jpg ) no-repeat 9px top ;/**/
}
#turneplan-content{
	margin:-595px 50px 0 50px;
}
#turneplan-footer{
	height:244px;
	margin-top:-150px;
	background:transparent url(images/turneplan_bottom.jpg ) no-repeat 10px bottom;/**/
}
/* LIVETS ORD */
#tourplan-wrapper{
	margin:0 -50px;
	width:624px;
	position:relative;
	background:transparent url( images/livetsord_repeat.jpg ) repeat-y 10px center;/**/
}
#tourplan-header{
	height:758px;
	background:transparent url( images/livetsord_top.jpg ) no-repeat 9px top ;/**/
}
#tourplan-content{
	margin:-250px 50px 0 50px;
}
#tourplan-footer{
	height:244px;
	margin-top:-150px;
	background:transparent url(images/livetsord_bottom.jpg ) no-repeat 10px bottom;/**/
}
/* END TOURPLAN */