@import url("reset.css");


/* === Site build === */

	#wrapper {
		width: 940px;
		margin: 0 auto;
	}
	
/* === Header === */

	#header {
		height: 42px;
		padding: 14px 0 0 0;
	}
	
	#lang-navi {
		float: left;
	}
		#lang-navi a {
			font: 14px Arial;
			color: #898989;
			margin: 0 20px 0 0;
			text-decoration: none;
			position: relative;
			top: 7px;
		}
		#lang-navi a.chosen {
			color: #92278f;
		}
		
	#search {
		background: url('/res/default/img/bgSearch.png') no-repeat left top;
		float: right;
		position: relative;
	}
		#search input {
			border: 0;
			background: none;
			padding: 0;
		}
			#search .q {
				width: 235px;
				font: 14px Arial;
				color: #333333;
				padding: 5px 0 5px 6px;
			}
			#search .go {
				width: 34px;
			}
		
	#favs {
		float: right;
	}	
		#favs a {
			display: block;
			text-indent: -9999px;
			width: 24px;
			height: 24px;
			text-decoration: none;
			float: left;
			margin-left: 7px;
		}
			#favs #FB {
				background: url('/res/default/img/icons.gif') no-repeat left top;
			}
			#favs #twitter {
				background: url('/res/default/img/icons.gif') no-repeat right top;
			}
			#favs #flickr {
				background: url('/res/default/img/icons.gif') no-repeat left bottom;
			}
			#favs #youtube {
				background: url('/res/default/img/icons.gif') no-repeat right bottom;
			}

/* === Content areas === */
	
	#content {
		padding: 0 0 30px;
	}
	#maintheme {
		position: relative;
		z-index: 20;
	}
		.themeAdmin {
			position: relative;
			z-index: 98;
		}
		body.page-root .themeAdmin {
			margin-top: 110px;			
		}
		body.page-root #maintheme #menu {
			position: absolute;
			z-index: 99;
			height: 110px;
			width: 940px;
			background: url('/res/default/img/bgLogo.png') no-repeat left top;
		}
		#maintheme #menu {
			position: absolute;
			z-index: 102;
			float: right;
			right: 0;
		}
		#maintheme #drop-nav {
			float: right;
			margin: 43px 0 0 0;
		}
		#maintheme #drop-nav li {
			position: relative;
		}
			#drop-nav ul.sub-nav {
				padding: 5px;
				margin: 0;
				display: none;
			}
			#drop-nav li:hover ul {
				display: block;
				position: absolute;
				clear: both;
				left: 0;
				top: 100%;
				width: 145px;
				background: url('/res/default/img/bgFadeGrayTiny.png') repeat;
			}
				#drop-nav .sub-nav li {
					list-style: none;
					float: left;
					clear: both;
					padding: 0;
					margin: 0;
				}
				#drop-nav .sub-nav li a,
				#drop-nav .sub-nav li span {
					font: 12px Trebuchet MS !important;
					padding: 0 !important;
					color: #fff !important;
					text-transform: none !important;
				}
				#drop-nav .sub-nav li a:hover {
					color: #c1d72e !important;
				}
		#site-menu {
			*position: relative !important;
			*z-index: 99;
		}
		#site-menu #drop-nav {
			float: right;
			width: 916px;
			margin: 0;
		}
			#maintheme #drop-nav li {
				float: left;
			}
				#maintheme #drop-nav li a {
					font: 18px Arial;
					text-transform: capitalize;
					color: #fff;
					padding: 10px 25px;
					text-decoration: none;
				}
				#sub-nav ul li a {
					text-transformation: default !important;
				}
				#maintheme #drop-nav li .spacer {
					font: 18px Arial;
					font-weight: bold !important;
					color: #fff;
				}
	#site-menu ul#nav {
		background: #c1d72e;
		height: 63px;
		padding: 0 12px;
	}
		#site-menu ul#nav a {
			text-decoration: none;
			font: 18px Trebuchet MS;
			color: #fff;
			display: block;
			_position: normal;
			padding: 20px 10px 14px 10px;
		}
			#site-menu ul#nav a span {
				text-transform: uppercase;
				_position: static !important;
				cursor: pointer;
			}
		#site-menu ul#nav a.level1-onpath {
			background: url('/res/default/img/bgArrowTop.png') no-repeat bottom center;
		}
		.variant-defaultenglish #site-menu ul#nav a {
			padding: 20px 10px 18px 10px;
		}
		#site-menu ul#nav li {
			float: left;	
			position: relative;
			_position: static !important;
		}
		
	/* == Left Content == */
	
		#content-left {
			width: 220px;
			float: left;
			margin: 49px 0px 0 0;
			_margin: 49px 5px 0 0;
		}
		
		/* = Sidemenu = */
		
		ul#sidemenu li a {
			font: 15px Arial;
			color: #0072bc;
			text-decoration: none;
			display: block;
			padding: 10px 8px;
			border-bottom: 1px solid #dbdbdb;
		}
		ul#sidemenu li a.level1-onpath {
			color: #fff;
			background: #c1d72e;
			border-bottom: 1px solid #a6b928;
		}
		ul#sidemenu {
			border-top: 1px solid #dbdbdb;
			margin: 17px 0;
		}
	
	/* == Main Content == */
	
		#content-middle {
			width: 700px;
			float: right;
			min-height: 300px;
			margin: 0 0 0 15px;
			_height: 300px;
		}
		body.page-root #content-middle {
			margin: 40px 0 0 0;
		}
		.with_right {
			width: 540px !important;
			float: left !important;
			margin: 0 0 0 22px;
		}
		body.page-root #content-middle {
			float: left;
			width: 630px;
		}
		body.page-root #zone-_main,
		body.page-root #zone-_main .token-Events,
		body.page-root #zone-_main .app-Events-wrap,
		body.page-root #zone-_main .app-Events,
		body.page-root #zone-_main .bd,
		body.page-root #zone-_main .carousel-container-horizontal {
			width: 630px;
		}
		body.single-embed #zone-_main,
		body.single-embed #content-middle {
            width: auto;
            float: none;
        }		
		.hr-clear {
			clear: both;
			padding: 0;
			margin: 0;
			height: 0;
			visibility: hidden;
		}
	
	/* == Right Content == */
		
		#content-right {
			width: 140px;
			float: right;
			margin: 16px 0 0 0;
		}
		body.page-root #content-right {
			width: 300px;
			float: right;
		}
		
	/* === Bottom Content === */	
	
		#content-bottom {
			margin: 25px 0 0 0;
			padding: 15px 0 0 0;
			border-top: 2px solid #9d3c9a;
		}
		#content-bottom h3 {
			margin: 0 0 12px;
		}
	
	/* === Front page specific === */
	
		#bottom-left {
			width: 220px;
			margin-right: 19px;
			float: left;
		}
		#bottom-center {
			width: 220px;
			margin-right: 19px;
			float: left;
		}
		#bottom-right {
			width: 220px;
			float: left;
		}
		#bottom-share {
			float: right;
			width: 220px;
		}
			#bottom-share a {
				color: #0072bc;
				font: 15px Arial;
				text-decoration: none !important;
			}
			
	
/* === Footer === */	
	
	#footer {
		border-top: 2px solid #9d3c9a;
		margin: 20px 0;
		padding: 35px 0 0 0;
	}
	body.page-root #footer {
		border-top: 2px solid #9d3c9a;
		margin: 20px 0 20px;
		padding: 35px 0 0 0;
	}	
		.friends-header {
			font: 18px Arial;
			margin: 12px 0 15px;
		}
		#friends #images {
			display: table-cell;
			vertical-align: middle;
		}
			#friends #images .banner {
				margin: 0 20px;
				float: left;
			}
			#footer-roller {
				position: relative;
			}
				#footer-roller li {
					float: left;
					text-align: center;
				}
			#footer .jcarousel-clip-horizontal,
			#footer .jcarousel-container-horizontal {
				width: 940px;
				overflow: hidden;
				position: relative;
			}
			#footer .jcarousel-clip-horizontal {
				width: 824px !important;
				margin: 0 58px;
			}
			#footer .jcarousel-clip-horizontal {
				margin: 
			}
			#footer .jcarousel-next,
			#footer .jcarousel-prev {
				display: block;
				width: 38px;
				height: 47px;
				opacity: 0.6;
				filter: alpha(opacity=60);
				position: absolute;
				z-index: 99;
				cursor: pointer;
			}
			#footer .jcarousel-next {
				right: 0;
				top: 15px;
				background: url('/res/default/img/bgArrows.png') no-repeat -70px center;
			}
			#footer .jcarousel-prev {
				left: 0;
				top: 15px;
				background: url('/res/default/img/bgArrows.png') no-repeat -10px center;
			}
		#friends #images #first {
			margin-left: 0;
		}
		#friends #images #last {
			margin-right: 0;
		}
		#poweredby {
			float: right;
		}
			#poweredby a {
				color: #9D3C9A;
				text-decoration: none;
			}
		#poweredby,
		#copyright {
			color: #111;
			font: 12px Arial;
			margin: 0 0 40px;
		}
			#copyright .loginlink {
				color: #9D3C9A;
				text-decoration: none;
			}

/* === Script related === */

	.show-theme-text {
		position: absolute;
		bottom: 59px;
		z-index: 120;
		width: 240px;
	}
		.show-theme-text h3 {
			background: url('/res/default/img/bgBubble.png') left top no-repeat transparent;
			font: 12px Arial;
			font-weight: bold;
			color: #fff;
			text-indent: 0;
			margin: 0 !important;
			padding: 12px 14px 4px !important;
		}
		.show-theme-text p {
			background: url('/res/default/img/bgBubble.png') left bottom no-repeat transparent;
			font: 12px Arial;
			color: #fff;
			text-indent: 0;
			text-transform: none;
			padding: 0 14px 25px;
			letter-spacing: 0.25px;
			line-height: 13px;
		}
		
/* === App styles === */		

	.rc {
		width: 100%;
	}
	.hd h2 {
		font: 17px Arial;
		color: #9d3c9a;
		border-bottom: 2px solid #9d3c9a;
		padding: 0 0 5px;
	}
	.pvm {
		font: 11px Arial;
		font-weight: bold;
		color: #111111;
		letter-spacing: 1.25px;
	}
	body.page-root .list-link {
		font: 12px Arial;
		font-weight: bold;
		color: #0072bc;
		text-decoration: none !important;
	}
	body.page-root #zone-right .list-link {
		width: 200px;
	}
	.row {
		padding: 8px 7px 8px 0;
		border-bottom: 1px solid #c3c6ae;
	}
	.page-root .row {
		padding: 14px 7px;
		border-bottom: 1px solid #cccccc;
	}
	.row:hover {
		background: #f4f8d9;
	}
	.page-root .row:hover {
		background: #c1d72e;
	}
	body.page-root .row:hover a,
	body.page-root .row:hover .pvm {
		color: #fff !important;
	}
	.listlink {
		float: right;
		clear: both;
		font: 16px Arial;
		color: #0072bc;
		text-decoration: none;
		margin: 11px 4px 0 0;
	}
	.ft hr {
		display: none;
	}
	
	.news-text {
		text-align: left;
		vertical-align: top;
		padding: 0 0 0 12px;
	}
	.rc p {
	}
		.rc p img {
		}
		.rc p a {
			font: 18px Arial;
			color: #9d3c9a;
			text-decoration: none !important;
		}
		#content-right .rc p a {
			font: 12px Arial !important;
			color: #0072bc !important;
			font-weight: bold !important;
			text-decoration: none !important;
			display: block;
			float: right;
			width: 210px;
		}
		#content-right .rc p .pvm {
			float: left;	
		}
			#content-right .row:hover a {
				color: #fff !important;
			}
		#content-right .hd h2 {
			margin-top: 0 !important;
			margin-bottom: 3px !important;
		}
	.rc .ingressi {
		font: 12px Arial;
		color: #111111;
		margin: 5px 0 0 0;
	}
	body.variant-frontpage.single-embed #content-middle {
		/* width: 700px !important; */
		padding: 20px 0;
		margin: 0 20px !important;
		width: auto !important;
	}
	.single-embed .ingressi {
		margin: 0 0 15px;
	}
	.single-embed #content-middle a {
		color: #9d3c9a;
	}
	.single-embed .viewToggle {
		margin: 0 0 10px 5px;
	}	
		.single-embed .viewToggle a {
			text-decoration: none !important;
		}
	.julkaisu {
		margin: 0 0 10px 5px;
	}
	body.single-embed #content-middle h2 {
		border-bottom: 2px solid #9D3C9A;
		font: 18px Arial;
		color: #9d3c9A !important;
		margin: 0px 0 7px;
		padding: 0 0 7px;
	}
	body.single-embed #content-middle .ingressi {
		color: #111 !important;
		font-size: 16px;
		font-style: oblique;
		font-weight: normal !important;
		margin: 10px 0 15px 0;
	}
	dl.tiedote {
        width: 100%;
    }
	.resultPages a,
	dl.tiedote a {
        color: #0072BC !important;
        font: bold 12px Arial !important;
        text-decoration: none !important;
    }
        .resultPages a {
            text-decoration: underline !important;
        }
    dl.tiedote div:hover {
        background: #c1d72e;
    }   
    .resultPages {
        margin-top: 10px;
        text-transform: capitalize;
    }
    dl.tiedote dt div {
        padding: 5px !important;
    }
	
	/* == Events == */
	
		.event-image {
			width: 150px;
		}
		.e-desc {
			width: 400px;
			font: 11px arial !important;
			color: #111;
		}
		.e-desc p {
		    font: 11px arial !important;
		}
		.e-price, .e-time {
			float: left;
			font: 12px arial !important;
		}
		.e-price {
		    float: right;
		}
			.e-desc h2,
			.e-desc h3 {
				font: 12px Arial;
				color: #111;
			}
		.rc td {
			vertical-align: top;
		}
		.e-title {
			display: block;
			margin: 0 0 7px;
		}
		.e-read-more {
			font: 11px arial !important;
			color: #0072bc !important;
		}

/* === Typography === */

    body {
	    font-family: Arial, Verdana, Helvetica, sans-serif;
	}
	label {
	    font-size: 12px;
	}
	h1, h2, h3, h4 {
		color: #9d3c9a;
		font-family: arial;
		letter-spacing: 0.25px;
	}
	h1 {
		font: 18px Arial;
		border-bottom: 2px solid #9d3c9a;
		margin: 20px 0 7px;
		padding: 0 0 7px;
	}
	h2 {
		margin: 16px 0 18px;
		font-size: 15px;
	}
	h3 {
		font-size: 12px;
		margin: 3px 0 14px;
	}
	.content-container,
	.contentTextWrap,
	p {
		font: 14px arial;
		color: #111111;
	}
	.content-container a {
		color: #0072bc !important;
		text-decoration: none !important;
	}
	.day-spacer {
		display: block;
		font: 18px Arial !important;
		margin: 15px 0 15px !important;
		background: #f4f8d9;
		padding: 5px;
	}

/* === Calendar Navi === */

	.daynavi {
		border-collapse: collapse;
		width: 100%;
	}
	#shownavi h3 {
		background: #9d3c9a;
		font: 12px Arial;
		color: #fff;
		padding: 5px 7px;
		margin: 0;
	}
	#shownavi a {
		text-decoration: none !important;
	}
	#shownavi-days td {
		background: #b875b2;
		text-align: center;
	}
		#shownavi-days td a {
			font: 12px arial;
			color: #fff;
			padding: 6px 0;
			display: block;
		}
		#shownavi-days td a:hover {
			color: #111;
		}
		
	#shownavi-numbers td {
		background: url('/res/default/img/ngFadeGray.png') repeat-x left top #d4d4d4;
		text-align: center;
	}
		#shownavi-numbers td a {
			font: 18px Arial;
			color: #111111;
			padding: 4px 10px 5px;
			display: block;
		}
		.variant-defaultenglish #shownavi-numbers td a {
			font: 18px Arial;
			color: #111111;
			padding: 4px 10px 5px 11px;
			display: block;
		}
		#shownavi-numbers td a.chosen,
		#shownavi-numbers td a:hover {
			color: #fff;
			background: #c1d72e;
		}

/* === Event Roller === */

	.event-roller {
		width: 630px;
		height: 405px;
		background: #9d3c9a;
		overflow: hidden;
		position: absolute;
	}
	.roller-item {
		width: 300px;
		float: left;
		height: 405px;
	}
	#content-middle .jcarousel-clip-horizontal {
		width: 630px;
		overflow: hidden;
		height: 405px;
		position: relative;
	}
	body.page-root #content-middle {
		position: relative;
	}
	#content-middle .jcarousel-next,
	#content-middle .jcarousel-prev {
		display: block;
		width: 58px;
		height: 77px;
		position: absolute;
		z-index: 99;
		cursor: pointer;
	}
	#content-middle .jcarousel-next {
		right: 0;
		top: 51px;
		background: url('/res/default/img/bgArrows.png') no-repeat right top;
	}
	#content-middle	 .jcarousel-prev {
		left: 0;
		top: 51px;
		background: url('/res/default/img/bgArrows.png') no-repeat left top;
	}
	.event-wrapper {
		padding: 10px 9px 10px 10px;
	}
	.roller-image {
		text-align: center;
		background: #8c2a89;
		height: 160px;
	}
	.event-header a {
		font: 18px Arial !important;
		color: #ffffff !important;
		letter-spacing: 1.25px;
		display: block !important;
		float: none !important;
		margin: 8px 0 0 0 !important;
	}
	.event-start,
	.event-end {
		color: #92278f;
		font: 11px arial;
		background: #fff;
		padding: 2px 5px;
		margin: 0 2px 0 0;
	}
	.event-price {
		color: #fff;
		font: 11px arial;
		margin: 0 0 0 3px;
	}
	.event-place {
		display: block;
		font: 11px arial;
		color: #111;
		font-weight: bold;
		margin: 10px 0;
	}
	.event-desc {
		font: 11px arial;
		color: #fff;
	}
		.event-desc h2,
		.event-desc h3 {
			font: 12px Arial;
			color: #fff;
			margin: 5px 0;
		}
	body.page-root .bd .event-read-more {
		font: 11px arial !important;
		float: none !important;
		color: #fff !important;
		text-decoration: underline !important;
	}
	.event-ticket-link {
		clear: both;
		float: right;
		text-decoration: none !important;
		margin: 20px 0 0 3px;
	}
	body.page-root .event-ticket-link {
		position: relative; 
		top: 3px;
		float: none !important;
		text-decoration: none !important;
		margin: 0 0 0 3px;
	}
	.events-timetable {
	    padding-bottom: 25px;
	}
	.events-timetable li {
	    float: left;
		display: block;
	}
	.events-timetable li a {
	    font-size: 13px;
		margin-left: 10px;
		text-decoration: none;
	}
	.events-timetable li.time-key-0 a {
	    margin-left: 0;
	}



/* === ENGLISH SPEC === */

	.root-1937912 #site-menu ul#nav {
	}


/* === SIFR === */

	.sifr-ghost {
		display: block;
		position: absolute !important;
		height: 40px;
		opacity: 0;
		filter: alpha(opacity=0);
		background: red;
	}
	div#site-menu  ul#nav li.level1,
	ul#nav #site-menu,
 	#nav li {
		_position: relative !important;
	}
	ul#nav {
		_float: none !important;
	}


/* === Search Page === */

	#searchform-container {
		font-family: Arial !important;
	}
	.searchresult-title a {
		font: 16px Arial;
		color: #9D3C9A;
		text-decoration: none !important;
		font-weight: bold !important;
	}
	#E__Q-suggest-list {
		background: fff;
		border: 1px solid #9D3C9A;
	}
	#E__Q-search-more {
		color: #9D3C9A;
	}