/*	
*	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 {
		margin: 0px;
		padding: 0px;
		font-family: Helvetica, Georgia, Verdana, Arial;
		font-size: 11px;
		color: #999;
		background: #000000;
}


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

a:hover {
		color: #b60000;
		text-decoration: none;
		}
		
a.hidden {
		color: #000;
		text-decoration: none;
}		 

a.hidden:hover {
		text-decoration: underline;	
}

img { border: none; }

p { margin: 0px; padding-bottom: 11px; } 

/* 3. main page elements */

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

#bottom {
		width: 100%;
		height: 100%;
		padding-top: 10px;
		padding-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
		background: #3f3f3f url(../img/design/top.gif) bottom left repeat-x;
}

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

#wrapperbg {
		height: 100%;
		width: 990px;
		margin-left: auto;
		margin-right: auto;
}

#mainbody {
		width: 990px;
		height:auto !important;
		margin-left: auto;
		margin-right: auto;
		}
		
#mainbottom {
		width: 990px;
		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;
	}


/* 5. styles */

.date_txt {
		font-size: 1.5385em; 
		margin-top: 16px;
		}

.date_icon {
		margin-top: 5px;
		}
		
.date_large {
		color: #000000;
		font-size: 0.8462em;
		line-height: 100%;
		text-transform: uppercase;
		margin: 0px 0px 0px 0px;
		height: 121px;
		float: left;
		}
		
.date_bg {
		background-image: url('http://www.soundtrack.se/img/blog/datetopR.png');
		text-align: center;
		padding: 34px 0px 0px 0px;
		width: 40px;
		}
		
.date_bgleft {
		background-image: url('http://www.soundtrack.se/img/blog/dateorangetop.png');
		text-align: center;
		padding: 34px 0px 0px 26px;
		width: 40px;
		}
	
/* Fonts, colors, ... */

.maincolor { color: #ef8e03; }

.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; }

.pointer { cursor: pointer; }

.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; }

.fontsizeb1 { font-size: 1.2em; line-height: 1.112em; }

.fontsizeh1 { font-size: 1.25em; }

.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; }
.fonthelvetican { font-family: Helvetica Neue; }
.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; }
.margin8bottom { margin-bottom: 8px; }
.margin10bottom { margin-bottom: 10px; }
.margin20bottom { margin-bottom: 20px; }
.margin30bottom { margin-bottom: 30px; }
.margin40bottom { margin-bottom: 40px; }

.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; }
.margin8right { margin-right: 8px; }
.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; }
.padding35bottom { padding-bottom: 35px; }
.padding40bottom { padding-bottom: 40px; }
.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; }
.width552px { width: 552px; }
.width590px { width: 590px; }
.width648px { width: 648px; }
.width990px { width: 990px; }

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