/* template.css */
/*
 green: #9de339
 red: #e33981
 link blue: #02bff7
*/
html {
	background-color: #000;
}

body {
	margin: 0;

	color: #fff;	
	
	background-image: url(../images/page-background.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	
	font-family: "Georgia", serif;
	font-size: 12pt;
}

#page-wrapper {
	width: 960px;
	
	margin-left: auto;
	margin-right: auto;
}

#page-header {
	padding-top: 32px;
	text-align: center;
}

/*** MENUT *****/

#page-menu {
	padding: 0 80px; /* (960px - 800px) / 2 */
}

#page-menu ul.menu {
	text-align: center;
	padding-bottom: 32px;
}

#page-menu ul.menu li {
	display: inline;
	margin: 0 1em;
}

#page-menu ul.menu li a:link,
#page-menu ul.menu li a:hover,
#page-menu ul.menu li a:active,
#page-menu ul.menu li a:visited {
	color: #fff;

	font-family: "Impact", sans-serif;
	font-size: 14pt;

	text-decoration: none;
	text-transform: uppercase;
}

#page-menu ul.menu li a:hover,
#page-menu ul.menu li.active a {
	color: #02bff7;
}

#page-body .column .container ul.menu {
	font-size: 12pt;
	margin-bottom: 1em;
	padding: 1em;
	/* background-color: #fff; */
}

#page-body .column .container ul.menu li {
	line-height: 1.5em;
}

a:link,
a:hover,
a:active,
a:visited {
	color: #02bff7;
}

#page-body .column .container ul.menu li a:link,
#page-body .column .container ul.menu li a:hover,
#page-body .column .container ul.menu li a:active,
#page-body .column .container ul.menu li a:visited {
	color: #02bff7;
}

#page-body .column .container ul.menu li.active a {
	font-weight: bold;
}



#page-body {
	padding: 2em 0;
	background-image: url(../images/body-background.png);	
}

#page-body .column {
	/* this is the width of the rightmost column, the width of the first column is set on index.php */
	width: 320px;
}

#page-body .container,
#page-body .column .container {
	padding: 0 2em;
}

#page-footer {
	margin: 1em 0;
	margin-bottom: 0;
	padding: 1em 0;
	background-image: url(../images/body-background.png);	
}

#page-footer .column {
	width: 480px;
}

#page-footer .column .container {
	padding: 0 0.5em;
}

#page-footer .column .container ul li a:link,
#page-footer .column .container ul li a:hover,
#page-footer .column .container ul li a:active,
#page-footer .column .container ul li a:visited {
	font-family: "Arial", sans-serif;
	font-size: 10pt;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}

#page-footer .container ul.credits li {
	display: inline;
	margin: 0 1em;
}


/**** TÄGIT **/
.tag {
	margin-bottom: 1em;	
	
	font-family: "Arial", sans-serif;
	font-size: 8pt;

	color: #999;

	text-transform: uppercase;
}

.tag ul {
	display: inline;
}

.tag ul li {
	margin: 0 1em;
	display: inline;
	font-weight: bold;
}

.tag ul li a:link,
.tag ul li a:hover,
.tag ul li a:active,
.tag ul li a:visited {
	color: #02bff7;
	text-decoration: none;
}


/* badges */
.badge,
.badge-info {
}

.badge-info {
	margin-bottom: 1em;
	padding: 1em 0;

	font-size: 10pt;

	line-height: 1.5em;

	text-align: center;
	font-style: italic;
}

.column {
	float: left;
}

.clear-both {
	clear: both;
}
/* TIMETABLE *********/
.contentpaneopen_ohjelma dl.timetable {
	font-size: 80%;
	margin: 1em 0;
}

.ohjelma td {
	padding: 1em;
}

.small-link {
	font-size: 80%;
}

dl.timetable {
	margin-bottom: 2em;
}

dl.timetable dt {
	clear: left;
	float: left;
	margin-right: 1em;
	font-family: "Arial", sans-serif;
	font-weight: bold;
}

dl.timetable dd {
	font-style: italic;
}

/* BANDLIST (this is assigned to an temporary article so it will propably become obsolete in the future) ******/
ul.band-list {
	margin-bottom: 2em;
}

ul.band-list li {
	line-height: 1.5em;
	font-style: italic;
}

ol.rules {
	padding-left: 2em;
}

ol.rules li {
	list-style: decimal outside;
}

.right-aligned {
	text-align: right;
}

.horizontal-rule {
	font-size: 0px;
	margin-top: 8px;
	padding-top: 8px;
	border-top: dashed 1px #999;
}

.contentpaneopen,
.contentpaneopen_ohjelma {
	width: 100%;
}

em {
	font-style: italic;
}