body {
background-color: #000000;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
z-index: 0;
}

#ylakuva {
position: absolute;
width: 24%;
height: 13em;
z-index: 0;
right: 26%;
top:0;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: right;
}

#logo {
position: absolute;
width: 30%;
height: 10em;
z-index: 0;
left: 3%;
top:0;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
}

#navigation {
position: relative;
margin-left: 4%;
margin-top: 13%;
}

#navigation ul {
padding: 0;
margin: 0;
list-style-type: none;
}

#navigation li {
display: inline;
font-size: 1em;
line-height: 1em;
font-weight: bold;
list-style-type: none;
margin: 0 0 0 0;
padding: 0.2em 0.3em 0 0.1em;
border-left: 0.5em solid #FFFFFF;
}

#navigation a {
margin: 0;
padding: 0;
}

#content {
position: relative;
width: 70%;
margin: 2% 0px 0px 4%;
padding: 0;
z-index: 50;
}

#leftcol {
position: relative;
width: 70%;
z-index: 100;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
clear: none;
}

#rightcol {
position: absolute;
width: 25%;
z-index: 100;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
right: 0;
top:0;
}

#footer {
z-index: 100;
margin: 3em 0px 0.5em 0px;
padding: 0px 0px 0px 0px;
font-size: 0.8em;
color: #AAAAAA;
}

/* Tavallinen linkki */
a {
font-weight: bold;
}

a:link {
color: #FFFFFF;
text-decoration: none;
}

a:visited {
color: #555555;
text-decoration: none;
}

a:hover {
color: #F3DDA6;
}

/*Navigoinnin linkit*/
#navigation a:link {
color: #FFFFFF;
text-decoration: none;
}

#navigation a:visited {
color: #FFFFFF;
text-decoration: none;
}

#navigation a:hover {
color: #F3DDA6;
}

#calendar {
position: relative;
width: 100%;
clear: none;
z-index: 10;
}

.record {
margin: 0 1em 2em 0;
padding: 0 0 0 0;
	
}

.recordImage {
float: right;
width: 35%; /* 43% is full size */
margin: 0 0 0 0.5em;
padding: 0.2em;
border: 0.1em solid #555555;
}

.recordHeading {
border-bottom: 1px solid #555555;
font-weight: bold;
font-size: 1em;
margin: 0;
padding: 0;
width: 100%;
}

.songtable {
margin: 0.5em 0px 0px 0px;
padding: 0;
width: 60%;
/*clear: both;*/
}

.song {
width: 100%;
}

.songNumber {
margin: 0px 0.5em 0px 0px;
padding: 0;
font-weight: bold;
}

.songName {
width: 35%; 
margin: 0px 0.5em 0px 0px;
padding: 0;
}

.lyricsLink {
width: 10%; 
text-align: left;
}

.listenLink {
width: 10%;
text-align: left;
}

.reviews {
width: 25%;
text-align: left;
}

.newsitem {
	margin : 1em 0em 0em 0em;
	padding: 0;
	border-top: 1px solid #333333;
}

.newsheader {
	margin : 0;
	padding: 0.5em 0em 0.5em 0em;
}
.newsheadline {
	margin : 0;
	padding: 0;
	font-size: 1.1em;
	font-weight: bold;
}

.newsdate { 
	margin : 0em 0em 0em 1.5em;
	padding: 0;
}

.newscontent {
	margin : 0;
	padding: 0;
}

.newsauthor {
	margin : 0.3em 0em 0em 0em;
	padding: 0;
	font-weight: bold;
	font-size: 0.8em;
}

.guestbookitem {
	margin : 1em 0em 0em 0em;
	padding: 0;
	border-top: 1px solid #333333;
}

.guestbookheader {
	margin : 0;
	padding: 0.5em 0em 0.5em 0em;
}
.guestbookheadline {
	margin : 0;
	padding: 0;
	font-size: 1.1em;
	font-weight: bold;
}

.guestbookdate { 
	margin : 0em 0em 0em 1.5em;
	padding: 0;
}

.guestbookcontent {
	margin : 0;
	padding: 0;
}

.guestbookauthor {
	margin : 0.3em 0em 0.3em 0em;
	padding: 0;
	font-weight: bold;
	font-size: 0.8em;
}

.childguestbookitem {
	margin : 1em 0em 0em 0em;
	padding: 0em 0em 0em 3em;
	border-top: 1px solid #333333;
}

.guestbookforminput {
	margin : 1em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	border: 0;	
}

.guestbookforminput input, textarea {
	margin : 0.1em 0em 0em 0em;
	padding: 0;
	border: 1px solid #666666;
	background-color: #222222;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	width: 100%;
}

.guestbookforminput input:focus, textarea:focus {
	border: 1px solid #999999;
}

.guestbookformbuttons {
	margin : 1em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	border: 0;
} 

.guestbookformbuttons input {
	margin : 0;
	padding: 0;
	border: 1px solid #666666;
	background-color: #222222;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	width: 40%;
}

.guestbookformbuttons input:focus {
	border: 1px solid #999999;
	}
	
.gigitem {
	margin : 1em 0em 0em 0em;
	padding: 0.5em 0em 0.5em 0em;
	border-top: 1px solid #333333;
}

.gigheader {
	margin : 0;
	padding: 0;
	font-size: 1.1em;
	font-weight: bold;
}

.gigdate {
	margin : 0em 1.5em 0em 0em;
	padding: 0;
}

p {
font-size: 1em;
line-height: 1.2em;
margin: 0.3em 0em 0.3em 0em;
padding: 0;
}

h1 {
font-size: 2em;
line-height: 2.5em;
font-weight: bold;
margin: 0em 0em 0em 0em;
}

h2 {
font-size: 1.7em;
line-height: 2em;
font-weight: bold;
margin: 0em 0em 0em 0em;
}

h3 {
font-size: 1.5em;
line-height: 1.8em;
font-weight: bold;
margin: 0em 0em 0em 0em;
}

h4 {
font-size: 1.3em;
line-height: 1.8em;
font-weight: bold;
}
	
h5 {
font-size: 1.1em;
line-height: 1.6em;
font-weight: bold;
}
	
h6 {
font-size: 1.0em;
line-height: 1.5em;
font-weight: bold;
}