/*  
WindSeekers Oy
CSS 12/2008
*/

*	{ padding: 0; margin: 0; }
body{ background: #000 url(../img/bodybg.jpg) top left no-repeat; padding: 0; margin: 0; overflow: -moz-scrollbars-vertical; }

h1	{ padding: 0; margin: 0 0 2px -2px; font: normal 16px Arial, Verdana, Helvetica; color: #888; }
h2	{ padding: 5px 0px 5px 0px; margin: 0; font: bold 14px Arial, Verdana, Helvetica; color: #666; }
h3	{ padding: 0; margin: 0 0 5px 0px; font: normal 15px Arial, Verdana, Helvetica; color: #EEE; }

a { text-decoration: none; }
a:link, a:visited {  }
a:hover, a:active { text-decoration: underline; }		

img { border: 0; }

#wrapper	{ width: 760px; margin: 0 auto; padding: 0; }
#header		{ height: 100px; margin: 0; padding: 0; }

/* SPLASH */
#splash #horizon {
	color: white;
	background-color: transparent;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block;
	}

#splash #content {
	background-color: transparent;
	margin-left: -201px;
	position: absolute;
	top: -250px;
	left: 50%;
	width: 402px;
	height: 495px;
	visibility: visible;
	}

/* CONTACTPAGE */
#contact #wrapper { width: 810px; float: left; margin: 30px 0px 10px 30px; }
#contact #left { width: 185px; float: left; font: normal 11px Arial, Helvetica, Verdana; color: #E9A50C; line-height: 16px; }
#contact #left p { margin: 8px 0px 15px 7px; }
#contact #left strong { font-weight: bold; color: #FFF; }
#contact #left a { color: #E9A50C; }

#contact #right { width: 555px; float: left; margin: 5px 0px 0px 30px; font: normal 11px Arial, Helvetica, Verdana; color: #E9A50C; line-height: 16px; }
#contact #right img { float: left; width: 250px; }
#contact #right p { float: left; }
#contact #right strong { font: bold 13px Arial, Helvetica, Verdana; color: #FFF; margin-bottom: 2px;}
#contact #right a { color: #E9A50C; }

.album { float: left; font-size: 12px; margin: 15px 0 0 20px; color: #FF1700; }
.album strong { font-size: 12px !important; font-weight: bold; color: #EEE !important; }

.edel { width: 63px !important; height: 34px; margin: 10px 0px 18px 0px; }

#introduction { float: left; margin: 0 0 0px 1px; }
#introduction p { margin: 5px 0 9px 0; text-align: justify; color: #DDD; }
#marenne { float: left; height: 232px; margin-bottom: 15px; }
#marenne p { margin: 71px 0 0 20px; color: #EEE; }
#freespirit { float: left; height: 192px; margin-bottom: 15px; }
#freespirit p { margin: 50px 0 0 20px; color: #EEE; }
#bgb { float: left; height: 171px; margin-bottom: 15px; }
#bgb p { margin: 38px 0 0 20px; color: #EEE; }

#bandlist { clear: both; font-size: 12px; }
#bandlist li { list-style-type: disc; margin: 2px 0px 3px 13px; }

/* BANDPAGE */
#bandpage #wrapper { width: 810px; float: left; margin: 30px 0px 10px 30px; }
#bandpage #left { width: 185px; float: left; font: normal 11px Arial, Helvetica, Verdana; color: #E9A50C; line-height: 16px; }
#bandpage #left p { margin: 8px 0px 15px 7px; }
#bandpage #left strong { font-weight: bold; color: #FFF; }
#bandpage #left a { color: #E9A50C; }

#bandpage #right { width: 555px; float: left; margin: 5px 0px 0px 30px; font: normal 11px Arial, Helvetica, Verdana; color: #E9A50C; line-height: 16px; }
#bandpage #right img { float: left; }
#bandpage #right p { float: left; }
#bandpage #right strong { font: bold 13px Arial, Helvetica, Verdana; color: #FFF; margin-bottom: 2px;}
#bandpage #right a { color: #E9A50C; }

#bandpage #introduction { float: left; margin: 0 0 0px 1px; font-size: 12px; }
#bandpage #introduction p { margin: 5px 0 9px 0; text-align: justify; color: #DDD; }
#bandpage #introduction strong { font-size: 12px; color: #EEE; }

#bandpage .edel { clear: both; width: 63px !important; height: 34px; margin: 10px 0px 18px 0px; }
#bandpage .windseekerslogo { width: 190px; height: 42px; clear: both; margin: 18px 0px 1px 0; }

#bandpage h1 { padding: 0; margin: 12px 0 6px 0px; font: normal 17px Arial, Verdana, Helvetica; color: #AAA; }

#bandpage .bandikuva { margin-bottom: 10px; }