* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 background-color: #deb059;
background: #deb059 url(cardboard_bg_with_name2.jpg) top center;
	padding: 0px 0px 0px 0px;
}

a:link { color: #0000ff; font-weight: bold;}
a:visited { color: #585858; font-weight: bold;} 
a:hover { color: red; font-weight: bold;}

#navi a:link { text-decoration: none; color: #ffff00;}
#navi a:visited { text-decoration: none; color: #EEEEEE;} 
#navi a:hover { text-decoration: none; color: red;}

h2 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 24px;
 color: #2f2d1a;
 font-weight: bold;
	padding: 0px 0px 15px 0px;
}

h3 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #2f2d1a;
 font-weight: bold;
	padding: 0px 0px 0px 0px;
}



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



#wrapper { 
 margin: 0 auto;
 width: 762px;
}
#header {
 color: #333;
 width: 700px;
 height: 113px;
 margin: 0px auto 0px;
 padding: 0px;
 background: transparent;
}

/* #otsikko h1 { */
/*	background: transparent url(http://brunamosse.com/therollstons/images/rollstons_weblogo2.png) no-repeat top left; */
/*	margin-top: 10px; */
/*	width: 580px; */
/* */
/*	height: 100px; */
/* */
/*	position: relative; */
/*	top: 0px; */
/*	left: -20px; */
/*	font-family: Times New Roman, Times, Verdana, Arial, Helvetica, sans-serif;*/
/*	font-size: 64px;*/
/*	color: #ffff00;*/
/*	font-weight: bold;*/
/*	padding: 0px 0px 15px 0px;*/
/*	}*/

 #otsikko h1 span {
	display:none
	}

#navi {
	position: relative; 
	top: -100px; 
	left: 70px; 
	}



   #MySpace {
      margin:0; padding:0;
      position: relative;
      width: 120px; height: 23px;
      overflow:hidden;
    left: 60px;
     top: -90px;
  
     }
   #MySpace span {
      display: block;
      position: absolute; left: 0; top: 0; z-index: 1;
      width: 120px; height: 23px;
      margin: 0; padding: 0;
      background:url("MySpace.png") top left no-repeat;
      }

   #Facebook {
      margin:0; padding:0;
      position:relative;
      width:152px; height:22px;
      overflow:hidden;
     left: 217px;
     top: -118px;
      }
   #Facebook span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:152px; height:22px;
      margin:0; padding:0;
      background:url("facebook.png") top left no-repeat;
      }




#leftcolumn { 
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 370px;
 float: left;
}
#rightcolumn { 
 float: right;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 370px;
 display: inline;
 position: relative;
 	top: 0px; 
	left: -10px; 
}

div.transbox
  {
  width: 380px;
  height: 290px;
  margin: 10px 10px;
  background-color: white;
  border: 0px;
  /* for IE */
  filter:alpha(opacity=20);
  /* CSS3 standard */
  opacity:0.2;
  left: 330px;
  top: -285px;
  position: relative;
  }

#keikat h3 {
	padding: 5px 2px 0px 0px;
	font-size: 10px;
	color: black;
	font-size: 12px;
 font-weight: bold;
	}

#keikat li {
	list-style-type: none;
	position: relative; 
	padding: 0px 1px 0px 0px;
	font-size: 14px;
	color: black;
 font-weight: bold;
	}

#keikat {
	position: relative; 
	top: -40px; 
	left: 10px; 
	width: 330px;
	}

#koristeet {
	background: transparent url(gauguins_piirros.png) no-repeat top left; 
	width: 449px; 
	height: 401px; 
	margin: 0px; 
	position: relative; 
	top: 138px; 
	left: -95px; 
	}

#gigs_header {
	background: transparent url(gigs_header.png) no-repeat top left; 
	width: 160px; 
	height: 100px; 
	margin: 0px; 
	position: relative; 
	top: 20px; 
	left: 0px; 
	}

 #gigs_header h3 span {
	display:none
	}

#photographs {
	background: transparent url(photographs.png) no-repeat top left; 
	width: 194px; 
	height: 139px; 
	margin: 0px; 
	position: relative; 
	top: 330px; 
	left: 640px; 
	z-index: 1;
	}