html, body {
	text-align: center;
}

body {
	font-size: 0.8em;
	font-family: Arial, helvetica, sans-serif;
	text-align: center;
}

div.slogan {
	margin-top: 1em;
}

div.container {
	text-align: left;
	width: 960px;
	padding-top: 2em;
	margin: 0 auto;
}

div.container div.left {
	width: 180px;
	margin-right: 10px;
	float: left;
}

div.container div.right {
	float: left;
	width: 765px;
}

div.konserttilista {
	margin-top: 2em;
}

/* menus */

div.leftmenu {
	margin-top: 1em;
}

div.leftmenu div.menuitem {
	background-position: top left;
	background-repeat: no-repeat;
	
}

div.leftmenu div.menuitem a {
	text-transform: uppercase;
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #000;
	text-decoration: none;
}

div.menu {
	margin-top: 0.5em;
}

div.menu div.menuitem {
	float: left;
	padding: 0px 6px;
	background-position: top center;
	background-repeat: no-repeat;
}

div.menu div.menuitem a {
	padding-top: 50px;
	display: block;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
}

/* right */

div.right div.contents {
	padding-left: 10px;
	width: 450px;
	padding-top: 3em;
	line-height: 1.3em;
	float: left;
}

div.right div.contentswide {
	width: 700px;
}

div.right div.image {
	float: right;
	margin-top: 1em;
}

div.right div.image img.lightbox {
	margin-top: 3em;
}

div.right div.etusivuleft {
	float: left;
	width: 570px;
	text-align: center;
	padding-top: 2em;
}

div.right div.etusivuright {
	float: right;
	width: 170px;
	padding-top: 2em;
}

/* konserttipaikat */

div.konserttipaikka {
	margin-bottom: 1em;
}

/* ohjelma */

div.kokolinkki {
	margin-bottom: 1em;
}

div.kokolinkki img {
	float: left;
	margin-right: 0.5em;
}

div.kokolinkki a {
	text-decoration: none;
}

div.ohjelma {
	margin-top: 2em;
}

div.ohjelma div.paiva {
	margin-bottom: 2em;
}

div.ohjelma div.paivanimi h1 {
	margin-bottom: 0.2em;
}

div.ohjelma div.konsertit {
	margin: 0 0 0 1em;
	float: left;
}

div.ohjelma div.konsertti div.aika {
	float: left;
	width: 40px;
}

div.ohjelma div.konsertti div.nimi {
	float: left;
	width: 160px;
}

div.ohjelma div {
	background-repeat: no-repeat;
}

div.ohjelma div.paivaesittely {
	float: right;
	width: 430px;
	height: 190px;
	padding-left: 3em;
	font-style: italic;
}

div.ohjelma span.comment {
	color: #999;
}

div.ohjelma span.comment img {
	margin-left: 0.5em;
	margin-right: 0.2em;
}

div.paivaesittely div.esittely {
	font-size: 0.9em;
	margin-top: 2em;
	width: 280px;
}

div.ohjelma div.paivaesittely div.videolink {
	line-height: 1.5em;
	font-style: normal;
}

div.ohjelma div.paivaesittely div.videolink img {
	float: left;
	margin-right: 0.5em;
}

div.konserttinimi h1 {
	margin-bottom: 0.5em;
}

div.konserttipaikka {
	margin: 0 0 0.2em 0;
}

div.konserttiaika {
	margin-bottom: 1em;
}

div.konserttihinta {

}

div.konsertti div.konserttiesittely {
	border-top: 1px solid #999;
	padding-top: 1em;
	margin-top: 1em;
}

div.konsertti div.buyticket {
	text-align: right;
}

div.konsertti div.konserttiesittely a {
	text-decoration: none;
}

div.klabel {
	float: left;
	color: #999;
	width: 60px;
}

/* vesivärilaatiko */

div.Sun {
	background-image: url('/images/layout/ohjelma/Sun.jpg');
}

div.Mon {
	background-image: url('/images/layout/ohjelma/Mon.jpg');
}

div.Tue {
	background-image: url('/images/layout/ohjelma/Tue.jpg');
}

div.Wed {
	background-image: url('/images/layout/ohjelma/Wed.jpg');
}

div.Thu {
	background-image: url('/images/layout/ohjelma/Thu.jpg');
}

div.Fri {
	background-image: url('/images/layout/ohjelma/Fri.jpg');
}

div.Sat {
	background-image: url('/images/layout/ohjelma/Sat.jpg');
}

/* koko ohjelma */

div.kokoohjelma div.paivanimi {
	border-bottom: 1px solid #999;
	margin-bottom: 1em;
	padding-bottom: 0.5em;
}

div.kokoohjelma div.paivanimi h1 {
	margin-bottom: 0;
}

div.kokoohjelma div.teema {
	font-style: italic;
	color: #333;
}


div.kokoohjelma div.paiva {
	margin-bottom: 2em;
}

div.kokoohjelma div.konsertti div.klo {
	float: left;
	font-weight: bold;
	width: 60px;
}

div.kokoohjelma div.konsertti div.nimi {
	float: left;
	font-weight: bold;
	margin-bottom: 0.5em;
}

div.kokoohjelma div.konsertti div.paikka {
	margin-left: 60px;
}

div.kokoohjelma div.konsertti div.hinta {
	margin-left: 60px;
	margin-bottom: 1em;
}

div.kokoohjelma div.konsertti div.kuvaus {
	margin-left: 60px;
}

/* video */

div.right div.videocontents {
	width: 630px;
}

div#video {
	width: 500px;
	height: 350px;
	margin: 0 65px;
}

div.genericvideo div#video {
	margin: 0;
	width: 460px;
	height: 322px;
}

div.videodescription {
	margin: 2em 65px 0 65px;
	text-align: center;
	font-style: italic;
}


/* taiteilijat */
div.taiteilijat {
	margin-top: 2em;
}

div.taiteilijat div.taiteilijacol {
	float: left;
	width: 160px;
}

div.taiteilijacol div.soitin {
	margin-bottom: 1em;
}

div.taiteilijacol div.soitin h1 {
	margin-bottom: 0.5em;
}

div.taiteilijacol div.taiteilija {
	margin-bottom: 0.5em;
}

/* comments */
form.comments {
	margin-top: 1em;
	margin-bottom: 1em;
}

form.comments div.newcomment {
	border: 1px solid #ccc;
	padding: 0.5em;
}

form.comments .formfield {
	width: 250px;
	border: 1px solid #999;
	padding: 0.2em;
}

form.comments textarea {
	height: 50px;
}

form.comments div.intro {
	color: #777;
	margin-bottom: 1em;
}

form.comments div.suoja {
	display: none;
}

form.comments div.label {
	float: left;
	width: 80px;
}

form.comments div.fielddiv {
	margin-bottom: 0.5em;
}

form.comments div.comment {
	border: 1px solid #aaa;
	padding: 0.5em;
	margin-bottom: 0.5em;
}

form.comments div.admincomment {
	border: 1px solid #009900;
}

form.comments div.comments {
	margin-top: 2em;
}

div.comment div.name {
	font-weight: bold;
	margin-bottom: 0.5em;
}

div.comment div.message {
	font-style: italic;
}

div.comment div.remove {
	float: right;
}

div.comment div.remove a {
	font-size: 0.8em;
	color: #777;
	text-decoration: none;
}

div.comment div.remove a:hover {
	color: #990000;
}

div.comment div.timestamp {
	float: right;
	color: #555;
}

div.logincontainer {
	margin-top: 2em;
	margin-left: 10px;
}

div.logincontainer div.field, div.logincontainer div.buttons {
	margin-top: 0.5em;
}

div.arkisto {
	float: left;
	background-image: url('/images/layout/arkisto.jpg');
	background-repeat: no-repeat;
	width: 237px;
	height: 500px;
	position: relative;
}

div.arkisto a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

div.arkisto div#arkisto1 {
	position: absolute;
	top: 28px;
	left: 75px;
	width: 80px;
	text-align: center;
}

div.arkisto div#arkisto2 {
	position: absolute;
	top: 90px;
	left: 120px;
	width: 100px;
	text-align: center;
}

div.arkisto div#arkisto3 {
	position: absolute;
	top: 155px;
	left: 10px;
	width: 120px;
	text-align: center;
}

div.arkisto div#arkisto4 {
	position: absolute;
	top: 210px;
	left: 125px;
	width: 110px;
	text-align: center;
}

div.arkisto div#arkisto5 {
	position: absolute;
	top: 270px;
	left: 30px;
	width: 70px;
	text-align: center;
}

div.arkisto div#arkisto6 {
	position: absolute;
	top: 293px;
	left: 135px;
	width: 80px;
	text-align: center;
}

div.arkisto div#arkisto7 {
	position: absolute;
	top: 358px;
	left: 50px;
	width: 80px;
	text-align: center;
}

div.arkisto div#arkisto8 {
	position: absolute;
	top: 450px;
	left: 90px;
	width: 80px;
	text-align: center;
}

div.gallery div.galleryitem {
	float: left;
	width: 120px;
	padding: 5px;
	height: 110px;
	border: 1px solid #ccc;
	margin-bottom: 0.5em;
	margin-right: 0.5em;
	position: relative;
	text-align: center;
}

div.gallery div.galleryitem div.description {
	font-style: italic;
	font-size: 0.8em;
	text-align: center;
	line-height: 1em;
	float: left;
	width: 120px;
	height: 30px;
	position: absolute;
	overflow: hidden;
	bottom: 0.5em;	
}

div.gallery div.pressi div.description {
	height: 70px;
}

div.konserttirivi div.pvm {
	width: 80px;
	margin-right: 1em;
	text-align: right;
	float: left;
	font-weight: bold;
}


div.konserttirivi div.klo {
	width: 50px;
	float: left;
}


div.konserttirivi div.nimi {
	width: 300px;
	float: left;
}

div.amountinfo {
	margin-bottom: 0.5em;
	color: #555;
}