/*
 DEVELOPER'S COMMENTS:
 Whole structural design idea is largely based on Eric Meyer's fabulous 
 "complex spiral demo", which resides at the time of writing at:
 http://www.meyerweb.com/eric/css/edge/complexspiral/demo.html
 The markup and CSS is mostly my own, written with Notepad++, 
 a free GNU - license open source text-editor with some syntax highlighting. 
 (It should have indentation though. I find myself missing Eclipse.)
 
 Points:
 * xhtml compliancy has been attempted to reflect changing client 
 browser requirements of the future, that is: PDA:s, mobile phones and the like
 
 * Multiple stylesheets have been avoided, instead "elmeribandcontent" 
 and "elmerisloungemusiccontent" have been used as id:s to reflect 
 different styles, colour flavahs and such that are connected with the respective groups.
 
 * CSS has been the weapon of choice, since maintaining table-based layouts is hell. As you know.
 
 Yours sincerely, 
 Manne Laukkanen@17.4.2006-20.4.2006
 
 P.S.  ! ! ! ! M$ IE sucks ! ! ! !
 
 */
 /*
 BULK BODY SELECTORS
 */
 body {
	   position: relative; 
	   margin: 0; 
	   padding: 0;
	   background: black url(http://www.elmeriband.info/elmeriband/pictures/Elmeri.jpg) 0 0 no-repeat fixed;
       }
p {
display: block;
}
h1 {	
	margin: -9px -23px -9px -9px; 
	padding: 15px 15px 13px 8px;
	
	text-align: right; 
	background: #EED; 
	color: #024; 
	letter-spacing: 0.5em; 
	text-transform: lowercase; 
	font: bold 25px sans-serif; 
	height: 28px; 
	vertical-align: middle; 
	white-space: nowrap;
}
img {
display: block;
float: right;
clear: left;
padding:5px;
    max-width: 50%;
    border: 0;
}

div#kollaasi img{
float:none;
margin-left: 1em;
padding: 0;
width:600px;

}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 0.66em;
}
code, pre {
	color: #EDC; font: 110% monospace;
}
/*
 ELMERIBAND PORTION DECLARATORS
 */
  div#elmeribandcontent {
             background: black url(http://www.elmeriband.info/elmeriband/pictures/ElmeriFade.jpg) 0 0 no-repeat fixed;
			 position: absolute;
			 top: 26px; 
			 right: 240px;
   			 left: 150px;
			 color: #EED; 
			 font: 14px Verdana, sans-serif; 
			 padding: 12px;
			 text-align: left;
			 border: 1px dotted white;
             }
div#elmeribandcontent h2 {
margin-left: 0.2em;
}
div#elmeribandcontent h3 {
margin-bottom: 0.25em;
}

div#elmeribandcontent p {
margin: 0 1em 1em;
}
div#elmeribandcontent a:link {color: white;}
div#elmeribandcontent a:link:hover {color: #FF0;}
div#elmeribandcontent a:visited {color: #BBC;}

/*
 LINK PORTION SELECTORS
 */
div#elmeribandlinks {
			float: left;
            padding: 52px 0px 0px 0px;
			left: 0; 
			width: 150px;
			height: 700px; 
			font: 16px Verdana, sans-serif;
}
 div#elmeribandlinks a {        
			background: transparent url(http://www.elmeriband.info/elmeriband/pictures/ElmeriFade.jpg) 0 0 no-repeat fixed;
			display: block; 
			text-align: center; 
			font: bold 1em sans-serif;
			padding: 5px 10px; 
			margin: 0 0 2px; 
			text-decoration: none; 
			color: #EED;
              }
  div#elmeribandlinks a:hover {
            background: transparent url(http://www.elmeriband.info/elmeriband/pictures/ElmeriWash.jpg) 0 0 no-repeat fixed;
			color: black;
            }
			
	div#elmeribandlinks img {
	width: 100px;
	display: block;
	margin-top: 0;
	padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
	}
	
/*
 NEWS PORTION SELECTORS
 */
  div#elmeribandnews {
              float:right; 
			  margin: 50px 10px 0px 10px;
              bottom: 1px;
			  color: #EED;
			  font: 13px Verdana, sans-serif;
              width: 190px;
              border: 1px dotted white;
              padding: 2px 2px;
              padding-bottom: 1em;
   }

div#elmeribandnews img{
padding-right: 10px;
margin-left: 20px;
width: 200px;
}
   
   div#elmeribandnews h1{
   		font: bold 16px sans-serif;
        text-align: center;
			padding: 2px 2px 0px 2px; 
			margin: 1px 1px 2px; 
   }
   div#elmeribandnews h2{
			font: bold 15px sans-serif;
            text-align: left;
			padding: 8px 0 3px 7px;
            margin: 1px;
			text-decoration: none; 
   }

  div#osoite {
position: left;
right: 12px;
clear: both;
display: block;
padding: 10px;
margin: 1px;
clear: left;
}  
   
  div#osoite img{
clear: both;
float: left;
width: 500px;
display: block;
}
   
div#infoosoite {
position: left;
right: 12px;
clear: both;
display: block;
padding: 10px;
margin: 1px;
clear: left;
}  
   
  div#infoosoite img{
clear: both;
float: left;
height: 30px;
display: block;
}   
   
div#logo {
position: relative;
right: 12px;
clear: both;
display: block;
padding: 10px;
margin: 1px;
clear: left;
}

div#logo img{
clear: both;
float: left;
width: 250px;
display: block;
}




div#sinipic {
clear: both;
float: right;
width: 500px;
margin: 1em;
display: block;
}

   div#elmeribandnews p{
   padding-left: 12px;
   padding-top: 2px;
   padding-bottom: 2px;
   margin:1px;
   }

   div#thumbnails table{
   max-width:100%;
   table-layout: auto;
   text-align: center;
   padding: 1em;
   }
  
   div#thumbnails img{
   margin: 1em;
   width: 70px;
   height: 50px;
   }
   
   #clear{
   clear: both;
   }

   #footer {
   color: white;
   text-align: center;
   padding-top: 13px;
   padding-bottom: 0px;
   margin: 0;
   border: 1px dotted white;
   }