/* CSS KamikazeMusic.com sample HTMl5 CSS
hacked though


-- Import CSS
-- Misc
	-- positioning
	-- clearing breaks
	-- HTML5 inline fix
	-- sticky footer code - http://www.cssstickyfooter.com/
	-- generic styles
-- main areas
-- header
-- menu
-- main content
-- footer
-- accessibility 
	-- positioning

*/


/* import CSS */
@import url(reset.css);
@import url(typography.css);
@import url(text_replace.css);

 

/*clear breaks*/
.clearright{ clear:right; line-height:0;}
.clearleft{ clear:left; line-height:0;}
.clearboth{ clear:both; line-height:0;}
/**HTML5 inline fix thingie**/
header, footer, nav, section, article {
 display:block;
}
/**sticky footer**/
html, body, #wrap{ height:100%; }
body > #wrap {height: auto; min-height: 100%;}
#mainContent {padding-bottom: 20px;}  /* must be same height as the footer */
footer {position: relative;
	margin-top: -20px; /* negative value of footer height */
	height: 20px;
	clear:both;} 
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/**generic styles**/

p.center{
	text-align:center;
}
.fLeft{ float:left; }
.fRight{ float:right;}


/**body/HTML styles**/
body {
	background-color: #fff;
}

/**main areas**/
#content_container{
	width:700px;
	margin:0 auto;
}


/**header**/
header{
	
}

/**article**/
article { 
	margin-left: 63px;
}
article p {
	margin: 32px 0 0 2px;
}

/**menu**/	
nav{

}



	
/**main content**/
#mainContent{
	
}
	
#mainCol{
	background: url(../images/volker_buzek.jpg) left top no-repeat;
	height: 72px;
	margin-top: 150px;	
}
	
#sideCol{
	margin-top: 20px;
	border-top: 1px solid #d4d4d4;
}
#sideCol p { margin-top: 20px; text-align: center; }
#sideCol p img {
	padding-right: 20px;
	vertical-align: top;
	border: 0;
}



/**footer**/
footer{
	width:700px;
	margin-left:auto;
	margin-right:auto;
}	


/**accessibility**/
a.accessibility:active, a.accessibility:focus {
	left: 0em;
	width:10em;
	border: 3px solid #FF0000;
	background-color: #fff;
	text-align:center;
	height:3em;
	line-height: 3em;
	font:1em bold Verdana, Geneva, sans-serif;
	color:#03F;
	z-index:10;
}
a.footerAccessibility {
	position: absolute;
	bottom:0;
    left: -999em;
    width: 990em;
}
a.footerAccessibility:active, a.footerAccessibility:focus {
	left: 0em;
	bottom:0em;
	width:10em;
	border: 3px solid #FF0000;
	background-color: #fff;
	text-align:center;
	height:20px;
	line-height: 20px;
	font:14px bold Verdana, Geneva, sans-serif;
	color:#03F;
}

/* positioning */
.accessibility {
	   position: absolute;
       left: -999em;
       width: 990em;
   }
#skipLink {
	display: block;
	position: absolute;
	top:0;
	left: -999px;
	height: 20px;
	padding: 10px 20px;
	z-index:999;
}
#topLink {
	display: block;
	position: absolute;
	bottom:0;
	left: -999px;
	height: 20px;
	padding: 10px 20px;
	z-index:999;
}
#skipLink:focus, #topLink:focus {
	left: 0;
}