body {

	margin: 0;
	padding: 0;
	background-image: url(http://www.holik.fi/wp-content/themes/holik/images/backgrounds/1.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #000;
	/* This next one is for IE6 */
	background-attachment: fixed;

	

}

img#expando {
	padding: 0;
	margin: 0;
	position: absolute;
	display: none;
	z-index: 1;
	-ms-interpolation-mode: bicubic;
}
 
.wide img#expando,
.tall img#expando {
	display: block;
}
 
.wide img#expando {
	width: 100%;
	height: auto;
}
 
.tall img#expando {
	width: auto;
	height: 100%;
}
 
.ie6fixed {
	position: ;
	top: expression((ignoreMe = document.documentElement.scrollTop ?
	document.documentElement.scrollTop : document.body.scrollTop) + 'px');
}


img {

	border: none;

}

.main_container {
	float: left;
	left:0px;
	top:0px;
	width:100%;
	height: 100%;
}

.sidebar_container {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 150px;
	height: auto;
	background-image: url(http://www.holik.fi/wp-content/themes/holik/images/bg_navi.png);
	background-repeat: repeat;
	margin: 0 auto;
	text-align: center;
	
	
}

.listen {
	
	text-align: left;
	background-image: url(http://www.holik.fi/wp-content/themes/holik/images/listen.png);
	background-repeat: no-repeat;
	height: 27px;
	margin-top: 5px;
	
}

.live {
	
	text-align: left;
	background-image: url(http://www.holik.fi/wp-content/themes/holik/images/live.png);
	background-repeat: no-repeat;
	height: 30px;
	margin-bottom: 5px;
	margin-top: 20px;
	
}

.top {
	
	text-align: left;
	background-image: url(http://www.holik.fi/wp-content/themes/holik/images/top.png);
	background-repeat: no-repeat;
	height: 30px;
	margin-bottom: 5px;
	
}

.top_olli {
	
	text-align: left;
	background-image: url(http://www.holik.fi/wp-content/themes/holik/images/top_olli.png);
	background-repeat: no-repeat;
	height: auto;
	padding-top: 25px;
	
}

.top_kimmo{
	
	text-align: left;
	background-image: url(http://www.holik.fi/wp-content/themes/holik/images/top_kimmo.png);
	background-repeat: no-repeat;
	height: auto;
	padding-top: 25px;
	
}

.top_tuomas {
	
	text-align: left;
	background-image: url(http://www.holik.fi/wp-content/themes/holik/images/top_tuomas.png);
	background-repeat: no-repeat;
	height: auto;
	padding-top: 25px;
	
}

.top_antti{
	
	text-align: left;
	background-image: url(http://www.holik.fi/wp-content/themes/holik/images/top_antti.png);
	background-repeat: no-repeat;
	height: auto;
	padding-top: 25px;
	
}

.clear {
	
	height: 10px;
	width: 100%;
	clear: both;
}





.logonavi_container {
	
	position: absolute:
	left: 0px;
	top: 0px;
	width: 462px;
	height: 233px;
	background-image: url(http://www.holik.fi/wp-content/themes/holik/images/logo_462x233.png);
	background-repeat: no-repeat;
	margin: 0 0 20px 0;
}

.etusivu {
	position: absolute;
	top: 168px;
	left: 0px;
	width: 133px;
	height: 64px;
	background-image: url(http://www.holik.fi/wp-content/themes/holik/images/ylanavi_1.png);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: 0 0;

}

.etusivu:hover {

	background-position: 0 -64px;
}

.musiikki {
	position: absolute;
	top: 133px;
	left: 133px;
	width: 118px;
	height: 55px;
	background-image: url(http://www.holik.fi/wp-content/themes/holik/images/ylanavi_2.png);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: 0 0;

}

.musiikki:hover {

	background-position: 0 -56px;
}

.holik {
	position: absolute;
	top: 110px;
	left: 251px;
	width: 79px;
	height: 42px;
	background-image: url(http://www.holik.fi/wp-content/themes/holik/images/ylanavi_3.png);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: 0 0;

}

.holik:hover {

	background-position: 0 -46px;
}

.galleria{
	position: absolute;
	top: 71px;
	left: 330px;
	width: 132px;
	height: 56px;
	background-image: url(http://www.holik.fi/wp-content/themes/holik/images/ylanavi_4.png);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: 0 0;

}

.galleria:hover {

	background-position: -13px -51px;
}


#content {
	position: relative;
	top: 0px;
	width: 550px;
	height: auto;
	text-align: left;
	margin: 0 0 0 0 ;
	padding: 0 0 0 20px;
	background-image: url(http://www.holik.fi/wp-content/themes/holik/images/bg_content.png);
	background-repeat: repeat;
	overflow: auto;
}







/* Tyylit */

p {

	font-family: Verdana, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	line-height: 1.7em;
	text-align: left;
	color: #eee;
	letter-spacing: 0.1em;
	width: 500px;
}

.info p {

	font-family: Verdana, sans-serif;
	font-size: 0.5em;
	font-weight: normal;
	font-style: italic;
	line-height: 1.5em;
	text-align: left;
	color: #eee;
	width: 430px;
	letter-spacing: 0.1em;
}

.sidebar_container p {
	font-size: 0.7em;
	line-height: 1.3em;
	font-style: normal;
	font-family: Verdana, sans-serif;
	margin: 0px 0 0 15px;
	width: 120px;
	text-align: left;
	letter-spacing: 0em;
}

h1 {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	color: #fff;
	padding: 0px 0 0 0;
	text-transform: uppercase;
	margin-bottom: 0px;
	
	
}

h2 {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #D5A765;
	padding: 0px 0 0 0;
	text-transform: uppercase;
	margin-bottom: 0px;
	
	
}

a, a:visited, a:active {

	font-family: Verdana, sans-serif;
	font-weight: normal;
	color: #ddd;
}

#content a, #content a:visited, #content a:active {

	font-family: Verdana, sans-serif;
	font-weight: normal;
	color: #D5A765;
	text-decoration: none;
}

#content a:hover {

	
	color: #fff;
	

}

.sidebar_container a, .sidebar_container a:visited, .sidebar_container a:active {

	font-family: Verdana, sans-serif;
	font-weight: normal;
	color: #D5A765;
	text-decoration: none;
}

.sidebar_container a:hover {

	
	color: #fff;
	

}



a:hover {

	
	color: #eee;
	text-decoration: none:

}

#content img {
	
	display: inline;
	float: left;
	margin: 0 10px 10px 0;
	border: none;
}


hr {
	width: 100%;
	text-align: left;
	color: #ddd;
	background-color: #ddd;
	height: 1px;
	border: 0;
	
}