/* **************************************************************** */
/* Blocks Definitions, frontpage & subpage (IE 6 & Firefox)         */
/* Musiktilraunir                                                                 */
/* **************************************************************** */
	
/**** Subpage three columns template ****/
#three-col #block_1
	{
	float: left;
	width: 570px;
	margin-left: 190px;
	margin-top: 0px;
	background: none;	
	}
#three-col #block_2
	{
	float: left;
	width: 190px;
	margin-left: -760px;

	}
#three-col #block_3
	{
	float: left;
	width: 200px;		
	}
	
/**** Subpage two columns template ****/
#two-col #block_1
	{
	float: left;
	width: 470px;
	margin-left: 0px;
	margin-top: 0px;
	}
#two-col #block_2
	{
	float: left;
	width: 410px;
	margin-left: 0px;
	margin-top: 0px;
	}

* html #block_1
	{
	display: inline;
	}

#three-col #block_1 .content { padding: 0px 10px 0px 10px; margin-top:0px;}
#three-col #block_2 .content { padding: 0px 0px 0px 0px; margin-top:0px; }
#three-col #block_3 .content { padding: 0px 0px 0px 0px; margin-top:0px;}

#two-col #block_1 .content { padding: 0px 10px 0px 10px; margin-top:10px;}
#two-col #block_2 .content { padding: 0px 0px 0px 0px; margin-top:10px;  }


/* **************************************************************** */
/* Several fixes for other browsers                                 */
/* **************************************************************** */

#wrapper
	{
	width: 960px;
	position: relative;
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	}
/* We need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#wrapper
	{
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes */
	float/**/: none;
	}
/* easy clearing */
#wrapper
	{
	display: inline-block;
	}
/*\*/
#wrapper
	{
	display: block;
	}
/* end easy clearing */
#footer
	{
	clear: both;
	}
#header, #footer
	{
	width: 960px;
	}
/* Safari needs this */
* > #footer, * > form, * > #notes, * > .output
	{
	position: relative;
	}
	
/* **************************************************************** */
/* If using verticalalign class in templates, otherwise not         */
/* needed                                                           */
/* **************************************************************** */
	
/* End Mac IE5 filter, if using verticalalign class in templates */
/* IE Win can be a bit out - you might need to adjust  
bottom value by -1px or as required */
.verticalalign
	{
	position: absolute;
	bottom: 0;
	}
#two-col-home #block_1 .verticalalign
	{
	width: 770px;
	}
#two-col-home #block_3 .verticalalign
	{
	width: 200px;
	}
/* hack for Opera 7+ */
@media all and (min-width: 0px){
.verticalalign
	{
	width: 100% !important;
	}
/* But Opera 9 does it right, so CSS3 hax to the max */
div[id^="wrapper"] #two-col-home #block_1 .verticalalign
	{
	width: 770px !important;
	}
div[id^="wrapper"] #two-col-home #block_3 .verticalalign
	{
	width: 190px !important;
	}
}
/* hack for IEs of all persuasions before IE7 */
* html .verticalalign
	{
	width: 100% !important;
	}
.verticalalign p
	{
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 0;
	background: #996666;
	}