/*	
*	THEME NAME: Soundtrack
* 	CREATED: 2009 03 07
*	LAST UPDATE: 2009 03 07
*	TEMPLATE VERSION: 1.0
*/

/*
	***** CSS structure *****
	
	1. General proporties
	2. Link properties
	3. Input, textarea and submit button styles
	4. Main page elements (Header, mainbody and footer)
	5. Logon and text fields
	6. Logotype
	7. Mainmenu
	8. Submenu
	9. Headers
	10. Portlet Styles including a list of all portlets
*/


/* 1. general page properties */
body {
		background: #3f3f3f;
		margin: 0px;
		padding: 0px;
		font-family: Helvetica, Georgia, Verdana, Arial;
		font-size: 11px;
		color: #999;
}


/* 2. link properties and clickable images */
a	{
		color: #fff;
		text-decoration: underline;
		} 

a:hover {
		color: #ff0000;
		text-decoration: none;
		} 

img { border: none; }

p { margin-top:0em; margin-bottom:0em; } 

		.datum_date {
			font-size: 1.5385em; 
			margin-top: 16px;
		}
		
		.writer_icon {
			margin-top: 5px;
		}
		


		.datum_large {
			color: #000000;
			font-size: 0.8462em;
			line-height: 100%;
			text-transform: uppercase;
			margin: 0px 0px 0px 0px;

			height: 121px;
			
			float: left;
			
		}
		
		.datum_bg {
			background-image: url('blog/img/dateorangetop.png');
			text-align: center;
			padding: 34px 0px 0px 26px;
			width: 40px;
		}




/* 3. main page elements */

#top {
		background: url(top.gif) bottom left repeat-x;
		width: 100%;
		height: 120px;
}

#bottom {
		width: 100%;
}

#wrapper {
		background: url(bottom.gif) #000 bottom left repeat-x;
		width: 100%;
}

#wrapperbg {
		background: url(jocke.jpg) top left no-repeat;
		height: 100%;
		width: 990px;
		margin-left: auto;
		margin-right: auto;
}

#mainbody {
		width: 990px;
		height:auto !important;
		margin-left: auto;
		margin-right: auto;
		}
		
#gigscontainer {
		width: 269px;
		height: 100px;
		float: left;
}

#blogcontainer {
		background: #111;
		width: 648px;
		min-height: 200px;
		height:auto !important;
		height:200px;
		float: right;
}

#testarea {
		background: none;
		width: 650px;
		min-height: 500px;
		height:auto !important;
		height:500px;
		float: right;
		position: relative;
		z-index: 2;
}

.blogtop {
		background: url(blogfieldtop.png);
		height: 150px;
		width: 500px;
		position: absolute;
		z-index: 1;
}			

.blogarea {
		background: #302e2e;
		height:auto !important;
		position: relative;
		z-index: 1;
}			

.blogbot {
		background: url(blogfieldbot.png);
		height: 150px;
		width: 500px;
		position: relative;
		z-index: 1;
}			
				

#mail {
		background: url(img/mail.jpg) top center no-repeat;
		width: 100%;
		height: 100px;
		margin-left: auto;
		margin-right: auto;
		}		
	
		
/* 4. fonts */
.fontS {
		font-family: Helvetica, Arial;
		font-size: 12px;
		color: #fff;
	}

.fontL {
		font-family: Helvetica, Arial;
		font-size: 18px;
		color: #fff;
	}

.maincolor { color: #C36C1D; }		
	
/* 5. styles */
	
	
	
	
	
/* Fonts, colors, ... */
.black { color: #000000; }
.white { color: #FFFFFF; }
.lightgreen { color: #9CFF00; }
.lightblue { color: #99CCFF; }
.lightblue2 { color: #66CCFF; }
.grayish { color: #CCCCCC; }
.darkgray { color: #333333; }
.gray { color: #999999; }
.pink { color: #FF0066; }
.red { color: #FF0000; }
.brown { color: #806246; }
.urlcolor { color: #0D5A8D; }
.alturlcolor { color: #99CCFF; }
.alturlcolor:hover { color: #FFFFFF; }
.alturlcolor2 { color: #66CCFF; }
.alturlcolor2:hover { color: #FFFFFF; }
.inverseurlcolor { color: #FFFFFF; }
.inverseurlcolor:hover { color: #99CCFF; }
.alt_urlcolor { color: #99CCFF; }
.alt_urlcolor:hover { color: #FFFFFF; }

.white_background { background-color: #FFFFFF; }
.wine_background { background-color: #1B0612; }

.fontsize1 { font-size: 1px; }
.fontsize8 { font-size: 8px; }
.fontsize9 { font-size: 9px; }
.fontsize10 { font-size: 10px; }
.fontsize11 { font-size: 11px; }
.fontsize12 { font-size: 12px; }
.fontsize13 { font-size: 13px; }
.fontsize14 { font-size: 14px; }
.fontsize18 { font-size: 18px; }
.fontsize20 { font-size: 20px; }

.ls1m { letter-spacing: -1.0px; }

.fontarialblack { font-family: Arial Black; }
.fontarial { font-family: Arial; }
.fontarialMT { font-family: Arial MT; }
.fontverdana { font-family: Verdana; }
.fonttimes { font-family: Times New Roman; }
.fonthelvetica { font-family: Helvetica; }
.fontfgm { font-family: Franklin Gothic Medium; }
.fonttahoma { font-family: Tahoma; }

.lineheight10 { line-height: 10px; }
.lineheight11 { line-height: 11px; }
.lineheight12 { line-height: 12px; }
.lineheight13 { line-height: 13px; }
.lineheight14 { line-height: 14px; }
.lineheight15 { line-height: 15px; }
.lineheight16 { line-height: 16px; }
.lineheight17 { line-height: 17px; }
.lineheight18 { line-height: 18px; }
.lineheight19 { line-height: 19px; }
.lineheight20 { line-height: 20px; }

/* Global Class properties */
.center_block {
	margin-left: auto;
	margin-right: auto;
}
.center_text { text-align: center; }
.left_text { text-align: left; }
.right_text { text-align: right; }

.display_inline { display: inline; }

.float_left { float: left; }
.float_right { float: right; }
.clearfloat { clear: both; }

.italic { font-style: italic; }
.bold { font-weight: bold; }
.line_through { text-decoration: line-through; }

.border_white { border: 1px solid #FFFFFF; }
.notablespace { border-spacing: 0px; }

.navigate_margin { margin-right: 1px; }

.margin2topn { margin-top: -2px; }
.margin6leftn { margin-left: -6px; }

.margin0top { margin-top: 0px; }
.margin1top { margin-top: 1px; }
.margin2top { margin-top: 2px; }
.margin3top { margin-top: 3px; }
.margin4top { margin-top: 4px; }
.margin5top { margin-top: 5px; }
.margin7top { margin-top: 7px; }
.margin10top { margin-top: 10px; }
.margin14top { margin-top: 14px; }
.margin15top { margin-top: 15px; }
.margin20top { margin-top: 20px; }
.margin25top { margin-top: 25px; }
.margin30top { margin-top: 30px; }
.margin40top { margin-top: 40px; }
.margin50top { margin-top: 50px; }
.margin55top { margin-top: 55px; }

.margin1bottom { margin-bottom: 1px; }
.margin2bottom { margin-bottom: 2px; }
.margin3bottom { margin-bottom: 3px; }
.margin4bottom { margin-bottom: 4px; }
.margin5bottom { margin-bottom: 5px; }
.margin6bottom { margin-bottom: 6px; }
.margin10bottom { margin-bottom: 10px; }
.margin20bottom { margin-bottom: 20px; }
.margin30bottom { margin-bottom: 30px; }

.margin1left { margin-left: 1px; }
.margin2left { margin-left: 2px; }
.margin3left { margin-left: 3px; }
.margin4left { margin-left: 4px; }
.margin5left { margin-left: 5px; }
.margin10left { margin-left: 10px; }
.margin15left { margin-left: 15px; }
.margin20left { margin-left: 20px; }
.margin25left { margin-left: 25px; }
.margin30left { margin-left: 30px; }

.margin1right { margin-right: 1px; }
.margin2right { margin-right: 2px; }
.margin3right { margin-right: 3px; }
.margin4right { margin-right: 4px; }
.margin5right { margin-right: 5px; }
.margin10right { margin-right: 10px; }
.margin15right { margin-right: 15px; }
.margin20right { margin-right: 20px; }
.margin25right { margin-right: 25px; }
.margin30right { margin-right: 30px; }

.layer1 { z-index: 1; }
.layer2 { z-index: 2; }
.layer3 { z-index: 3; }

.relative { position:relative; }

.padding2 { padding: 2px; }
.padding3 { padding: 3px; }
.padding4 { padding: 4px; }
.padding5 { padding: 5px; }
.padding10 { padding: 10px; }
.padding14 { padding: 14px; }
.padding15 { padding: 15px; }
.padding20 { padding: 20px; }
.padding50 { padding: 50px; }

.padding3top { padding-top: 3px; }
.padding10top { padding-top: 10px; }
.padding14top { padding-top: 14px; }
.padding15top { padding-top: 15px; }
.padding20top { padding-top: 20px; }
.padding50top { padding-top: 50px; }
.padding1bottom { padding-bottom: 1px; }
.padding3bottom { padding-bottom: 3px; }
.padding5bottom { padding-bottom: 5px; }
.padding10bottom { padding-bottom: 10px; }
.padding13bottom { padding-bottom: 13px; }
.padding14bottom { padding-bottom: 14px; }
.padding15bottom { padding-bottom: 15px; }
.padding20bottom { padding-bottom: 20px; }
.padding5left { padding-left: 5px; }
.padding10left { padding-left: 10px; }
.padding14left { padding-left: 14px; }
.padding5right { padding-right: 5px; }
.padding14right { padding-right: 14px; }
.padding26right { padding-right: 26px; }
.padding46right { padding-right: 46px; }


.width50percent { width: 50%; }
.width100percent { width: 100%; }
.width40px { width: 40px; }
.width69px { width: 69px; }
.width79px { width: 79px; }
.width89px { width: 89px; }
.width94px { width: 94px; }
.width95px { width: 95px; }
.width96px { width: 96px; }
.width99px { width: 99px; }
.width100px { width: 100px; }
.width120px { width: 120px; }
.width125px { width: 125px; }
.width129px { width: 129px; }
.width130px { width: 130px; }
.width131px { width: 131px; }
.width135px { width: 135px; }
.width137px { width: 137px; }
.width139px { width: 139px; }
.width149px { width: 149px; }
.width159px { width: 159px; }
.width174px { width: 174px; }
.width180px { width: 180px; }
.width200px { width: 200px; }
.width230px { width: 230px; }
.width250px { width: 250px; }
.width269px { width: 269px; }
.width285px { width: 285px; }
.width294px { width: 294px; }
.width300px { width: 300px; }
.width330px { width: 330px; }
.width339px { width: 339px; }
.width350px { width: 350px; }
.width373px { width: 373px; }
.width375px { width: 375px; }
.width400px { width: 400px; }
.width431px { width: 431px; }
.width500px { width: 500px; }
.width550px { width: 550px; }
.width648px { width: 648px; }
.width990px { width: 990px; }

.height17px { height: 17px; }
.height108px { height: 108px; }