/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 background: white;
 color: 3F3F3F;

}
h2 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 color: 3F3F3F;
 font-weight: bold;
	padding: 0px 0px 15px 0px;
}

p {
	padding: 0px 0px 15px 0px;
	margin: 0px;
/*	line-height: 20px;*/
	}

li {
	display: block;
	list-style-type: none;
	padding: 5px 0px 5px 15px;
	}

#wrapper { 
 margin: 0 auto;
 width: 582px;
}
#header {
 color: #333;
 width: 580px;
 height: 213px;
 margin: 0px auto 0px;
 padding: 0px;
 background: transparent;
}
#otsikko h1 { 
	background: transparent url(http://brunamosse.com/images/brunamosse_medium.gif) no-repeat top left; 
	width: 206px; 
	height: 185px; 
	margin-top: 10px; 
	position: relative; 
	top: 20px; 
	left: 5px; 
	}
#otsikko h1 span {
	display:none
	}
#navi li {
	display: inline;
	list-style-type: none;
	position: relative; 
	top: -10px; 
	left: 30px; 
	}
#leftcolumn { 
 margin: 0px 0px 0px 0px;
 padding: 10px;
 width: 150px;
 float: left;
}
#rightcolumn { 
 float: right;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 width: 380px;
 display: inline;
 position: relative;
 	top: -10px; 
	left: -20px; 
}

#mainos {
	background: transparent url(http://brunamosse.com/images/songfolks.jpg) no-repeat top left; 
	width: 233px; 
	height: 300px; 
	margin: 10px; 
	position: relative; 
	top: 120px; 
	left: -100px; 
	}