/*
 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 "elmerisloungemusiccontent" 
 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: white url(http://www.elmeriband.info/elmerisloungemusic/pictures/ElmeriWhiteBg.jpg) 0 0 no-repeat fixed;
       }
h1 {
	margin: -9px -9px 0.5em; 
	padding: 15px 8px 10px;
	text-align: right; 
	background: #EED; 
	color: darkslategrey;
	letter-spacing: 0.5em; 
	text-transform: lowercase; 
	font: bold 25px sans-serif; 
	height: 28px; 
	vertical-align: middle; 
	white-space: nowrap;
}
img { 
    float:center;
	margin:10px;
	padding:5px;
border: 0;
}	   
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 0.66em;
}
code, pre {
	color: darkgoldenrod; font: 110% monospace;
}
/*
 ELMERIBAND PORTION DECLARATORS
 */
  div#elmerisloungemusiccontent {
             background: white url(http://www.elmeriband.info/elmerisloungemusic/pictures/ElmeriWashWhiteBg.jpg) 0 0 no-repeat fixed;
			 position: absolute;
			 width: auto;
			 top: 26px; 
			 right: 220px;

   			 left: 140px;
			 color: darkslategray; 
			 font: 14px Verdana, sans-serif; 
			 padding: 12px;
			 text-align: left;
			 border: 1px dotted darkgoldenrod;
             }
div#elmerisloungemusiccontent h2 {
margin-left: 0.2em;
}
div#elmerisloungemusiccontent h3 {
margin-bottom: 0.25em;
}

div#elmerisloungemusiccontent p {
margin: 0 1em 1em;
}
div#elmerisloungemusiccontent a:link {color: darkslategray;}
div#elmerisloungemusiccontent a:link:hover {color: #FF0;}
div#elmerisloungemusiccontent a:visited {color: darkslategray;}

  div#osoite {
position: left;
right: 12px;
clear: both;
display: block;
padding: 10px;
margin: 1px;
clear: left;
}  
   
  div#osoite img{
clear: both;
float: left;
height: 280px;
display: block;
}

 div#esite {
position: left;
right: 12px;
clear: both;
display: block;
padding: 10px;
margin: 1px;
clear: left;
}  
   
  div#esite img{
clear: both;
float: left;
height: 800px;
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: 35px;
display: block;
}

/*
 LINK DECLARATORS
 */
div#elmerisloungemusiclinks {
			float: left;
            margin: 52px 10px 0px 0px;
/*            margin-top: 52px; */
			left: 0; 
			width: 160px;
			height: 700px; 
			font: 16px Verdana, sans-serif;
   			color: darkslategray;
}
 div#elmerisloungemusiclinks a {        
			background: transparent url(http://www.elmeriband.info/elmerisloungemusic/pictures/ElmeriWashWhiteBg.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: darkslategray;
/*            border: 1px dotted darkgoldenrod*/
              }
  div#elmerisloungemusiclinks a:hover {
            background: transparent url(http://www.elmeriband.info/elmerisloungemusic/pictures/ElmeriFadeWhiteBg.jpg) 0 0 no-repeat fixed;
			color: darkgoldenrod;
            }
/*
 NEWS PORTION SELECTORS
 */
  div#elmerisloungemusicnews {
              float:right; 
			  margin: 50px 10px 0px 10px;
              right: 12px;
              bottom: 1px;
			  color: black;
			  font: 13px Verdana, sans-serif;
              width: 190px;
              border: 1px dotted darkgoldenrod;
              padding: 2px 2px;
              padding-bottom: 1em;
   }
   
   div#elmerisloungemusicnews h1{
   		font: bold 16px sans-serif;
        text-align: center;
			padding: 2px 2px 0px 2px; 
			margin: 1px 1px 2px; 
/*			text-decoration: none;*/ 
			/*color: #EED;*/
   }
   div#elmerisloungemusicnews h2{
			font: bold 15px sans-serif;
            text-align: left;
			padding: 8px 0 3px 7px;
            margin: 1px;
			text-decoration: none; 
   }
   div#elmerisloungemusicnews 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: 90px;
   height: 60px;
   }

   #clear{
   clear: both;
   }

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