@charset "UTF-8";
/* CSS Document */

body {
	background-color:#000;
	background-repeat: no-repeat;
	background-position:center 3px;
	margin: 0px;
	padding: 0px;
}
body#frontpage {
	background-image:url(images/body_bg_frontpage_1_NP.jpg)
}
body#program {
	background-image:url(images/body_bg_program_1_NP.jpg)
}
body#program-with-timetable {
	background-image:url(images/body_bg_program_2_NP.jpg)
}
body#all {
	background-image:url(images/body_bg_all_1_NP.jpg)
}
#header img {
	position: absolute;
	left: 107px;
	top: 23px;
}


#main-container {
	width: 950px;
	left: 50%;
	position: relative;
	margin-left: -475px;
	border: 0px solid #CCC;
}
#header {
	position: relative;
	width: 100%;
	height: 140px;
	clear: both;
	display: block;
}
#frontpage-bands {
	height: 330px;
	position: relative;
}
#frontpage-bands-list {
	position: absolute;
	top: 20px;
	left: 150px;
}
#frontpage-bands-list-button {
	position: absolute;
	bottom: 45px;
	left: 170px;
}
h3 {
	margin: 0px;
	padding: 0px;
}
#frontpage-news {
	position: relative;
}
.frontpage-news-item-header-first {
	background-image: url(images/news_accordion_bg_1.png);
	background-repeat: no-repeat;
	height:40px;
	padding-top: 50px;
	padding-left: 60px;
	padding-right: 45px;
	font-size:90%;
	padding-bottom: 0px;
	position: relative;
	cursor:pointer;
}
.frontpage-news-item-content-first {
	background-image: url(images/news_accordion_bg_1.png);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-left: 60px;
	padding-right: 45px;
	padding-bottom: 55px;
	position: relative;
	background-position: 0px -80px;
}
.frontpage-news-item-header {
	background-image: url(images/news_accordion_bg_2.png);
	background-repeat: no-repeat;
	height:40px;
	padding-top: 40px;
	padding-left: 60px;
	padding-right: 45px;
	font-size:90%;
	padding-bottom: 0px;
	position: relative;
	cursor:pointer;
}
.frontpage-news-item-content {
	background-image: url(images/news_accordion_bg_2.png);
	background-repeat: no-repeat;
	padding-top: 13px;
	padding-left: 60px;
	padding-right: 45px;
	padding-bottom: 55px;
	position: relative;
	background-position: 0px -80px;
}
body#program #program-content-main, body#program-with-timetable #program-content-main{
	padding-top: 50px;
	padding-left: 60px;
	padding-right: 45px;
	padding-bottom: 35px;
}
 body#program-with-timetable #program-content-main{
	padding-top: 30px;

}

body#all #sub-pages-content-main{
	padding-top: 243px;
	padding-left: 60px;
	padding-right: 45px;
	padding-bottom: 35px;
}


span.header-1 {
	color: #FFF;
	font-family: Garamond, Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	letter-spacing:0.1em;
	font-style: normal;
	font-weight: normal;
	font-variant: small-caps;
	display: block;
	padding-bottom: 5px;
}
span.text-date   {
	color: #2e3925;
	font-family: Garamond, Georgia, "Times New Roman", Times, serif;
	font-size: 0.8em;
	line-height: 1.5em;
	letter-spacing:0.1em;
	font-style: normal;
	display: block;
	padding-bottom: 5px;
}
span.text-1   {
	color: #76836c;
	font-family: Garamond, Georgia, "Times New Roman", Times, serif;
	font-size: 0.8em;
	line-height: 1.5em;
	letter-spacing:0.1em;
	font-style: normal;
	display: inline;
}
.text-link-source a{
	color: #76836c;
	font-family: Garamond, Georgia, "Times New Roman", Times, serif;
	font-size: 0.8em;
	line-height: 1.5em;
	letter-spacing:0.1em;
	font-style: italic;
	display: block;
	margin-top: 8px;
	text-align: right;
}
.text-link-source a:hover{
	color: #a5b09c;
}
span.text-read-more   {
	color: #76836c;
	font-family: Garamond, Georgia, "Times New Roman", Times, serif;
	font-size: 0.8em;
	line-height: 1.5em;
	letter-spacing:0.1em;
	font-style: normal;
	display: inline;
	padding-left: 10px;
}

.text-initial-capital {
	float: left;
	position: relative;
	margin-top: -8px;
	margin-left: -12px;
	top:2px;
}
#artist-introductions {
	clear: both;
	margin-right: 60px;
	margin-left: 60px;
}
.artist-introduction {
	clear: both;
	position: relative;
}
#artist-introductions-header {
	margin-top: 40px;
	margin-bottom: 40px;
}
.artist-introduction-myspace {
	float: right;
	position: relative;
	bottom: 9px;
	height: 37px;
	width: 37px;
	background-image: url(images/button_social_MS_A_1.png);
}
.artist-introduction-myspace:hover{
	background-image: url(images/button_social_MS_B_1.png);
}

.artist-introduction .header-1 {
	margin-bottom: 15px;
	font-size: 120%;
}
.artist-introduction-left {
	width: 415px;
	margin-bottom: 50px;
}
.artist-introduction-right {
	float: right;
	position: relative;
	margin-bottom: 40px;
	left: -15px;
}
.artist-introduction-frames {
	position: absolute;
	background-image: url(images/artist_photo-frame_1.png);
	height: 100%;
	width: 100%;
}
.artist-introduction-frames-bottom {
	clip: rect(410px 330px 420px 0px);
	position: absolute;
	bottom: 0px;
}
.artist-introduction-image-hide {
/*	color: rgba(0, 0, 0, 0.7);
	position: relative;
	left: 0px;
	top: 0px;
	display: none; */
}
#right {
	padding-top: 40px;
}
#artist-introductions-logo-demoseta {
	position: relative;
	left: 125px;
	margin-bottom: 50px;
	margin-top: 20px;
}
body#frontpage #right {
	padding-top: 550px;
}
body#all #right {
	padding-top: 382px;
}
body#program #right, body#program-with-timetable #right {
	padding-bottom: 60px;
}
body#all #right #social-media {
	display:none;
}

#subdomain-menu {
	text-align: left;
	position: relative;
	margin-right: 60px;
	margin-left: 60px;
}
#subdomain-menu-header {
	position: relative;
}
#subdomain-menu-forum {
	position: relative;
	top: -15px;
	left: 20px;
}
#subdomain-menu-demo {
	position: relative;
	top: -15px;
	left: 60px;
}
#subdomain-menu-newsletter {
	position: relative;
	top: -15px;
	left: 100px;
}
#footer_horizontal_line {
	padding-top: 30px;
	padding-bottom: 10px;
}
#banners {
	text-align: left;
	margin-left: 60px;
	margin-right: 60px;
	position: relative;
}
#banners img {
	vertical-align: middle;
}
#banner-lippupalvelu {
	left: 132px;
	position: absolute;
	top: 7px;
}
#banner-earn-ticket {
	left: 305px;
	position: absolute;
}
#banner-merchandise {
	position: absolute;
	right: 32px;
}
#subdomain-menu-newsletter:hover {
	cursor:pointer;
}
.button-social-media {
	padding-top: 12px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
}
#menu-2 {
	height: 190px;
}
#social-media-share-buttons {
	height: 20px;
	position: relative;
	text-align: center;
	margin-top: 10px;
	margin-right: 60px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#social-media-facebook-fanbox {
	margin-left: 40px;
	margin-top: 7px;
	padding-top: 30px;
}
#facebook-share {
	padding: 10px;
	position: relative;
}
#twitter-share {
	padding: 10px;
	position: relative;
	left: 10px;
	display:none;
}
#social-media {
	text-align: center;
	margin-right: 60px;
}

a, a:active, a:link, a:hover {
	outline:none;
}
#left {
	width: 520px;
	float: left;
	border: 1px none #9F9;
	position: relative;
}

#main-menu { /* all pages - position left */
	height: 140px;
	position: relative;
	margin-left: 78px;
	top: -10px;
}

body#program #main-menu, body#program-with-timetable #main-menu { /* ...except program - position left */
	height: 140px;
	position: relative;
	margin-left: 526px;
	top: -10px;
}
#program-bands {
	text-align: center;
	position: relative;
}
#program-bands-with-timetable-timetable {
	text-align: center;
	position: relative;
	top:-60px;
	left:60px;
	z-index:-5;
}

#program-bands-more-to-come {
	display:none;
	position: absolute;
	bottom: 30px;
	left: 400px;
}
#program-bands-crow {
	position: absolute;
	right: 180px;
	bottom: -40px;
}
#program-bands-with-timetable-crow {
	display:none;
}

#main-menu-tickets { position: absolute; left: 9px;	top: 91px; }
#main-menu-tickets:hover { 	position: absolute; left: 8px; top: 90px; }
#main-menu-tickets:active { position: absolute; left: 7px; top: 89px; }

#main-menu-maps { position: absolute; left: 177px; top: 46px; }
#main-menu-maps:hover { position: absolute; left: 176px; top: 45px; }
#main-menu-maps:active { position: absolute; left: 175px; top: 44px; }

#main-menu-instructions { position: absolute; left: 182px; top: 102px; }
#main-menu-instructions:hover { position: absolute; left: 181px; top: 101px; }
#main-menu-instructions:active{ position: absolute; left: 180px; top: 100px; }

#main-menu-program { position: absolute; left: 7px; top: 41px; }
#main-menu-program:hover { position: absolute; left: 6px; top: 40px; }
#main-menu-program:active { position: absolute; left: 5px; top: 39px; }

#menu-2 {
	position: relative;
}
#menu-2-history { position: absolute; left: 192px; top: 32px; }
#menu-2-history:hover { position: absolute; left: 191px; top: 31px; }
#menu-2-history:active { position: absolute; left: 190px; top: 30px; }

#menu-2-contact { position: absolute; left: 21px; top: 27px; }
#menu-2-contact:hover { position: absolute; left: 20px; top: 26px; }
#menu-2-contact:active { position: absolute; left: 19px; top: 25px; }

#menu-2-media { position: absolute; left: 22px; top: 77px; }
#menu-2-media:hover { position: absolute; left: 21px; top: 76px; }
#menu-2-media:active { position: absolute; left: 20px; top: 75px; }

#menu-2-association { position: absolute; left: 193px; top: 77px; }
#menu-2-association:hover { position: absolute; left: 192px; top: 76px; }
#menu-2-association:active { position: absolute; left: 191px; top: 75px; }

#menu-2-partners { position: absolute; left: 25px; top: 124px; }
#menu-2-partners:hover { position: absolute; left: 24px; top: 123px; }
#menu-2-partners:active { position: absolute; left: 23px; top: 122px; }

#menu-2-english { position: absolute; top: 126px; left: 191px; }
#menu-2-english:hover { position: absolute; top: 125px; left: 190px; }
#menu-2-english:active { position: absolute; top: 124px; left: 189px; }

#right {
	width: 430px;
	float: right;
}



#footer {
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
	padding-top: 20px;
	color: #26311e;
	font-family: Garamond, Georgia, "Times New Roman", Times, serif;
	font-size: 0.8em;
	display: block;
	padding-bottom: 60px;
	position: relative;
	line-height: 1.5em;
	letter-spacing:0.1em;
}
.text-1 a, .text-read-more a {
	color: #58739f;
	text-decoration: underline;
}
.text-1 a:hover, .text-read-more a:hover {
	color: #8da2c3;
}
#frontpage-news-crow {
	position: absolute;
	top: -65px;
	z-index: -100;
	left: -35px;
}
#frontpage-news-header {
	position: relative;
	left: 60px;
}
.page-header {
	position: relative;
	left: 60px;
}

.page-header-img {
	position: absolute;
	top: 290px;
	left: 60px;
}
body#program .page-header-img, body#program-with-timetable .page-header-img  {
	top: 0px;
	}
#sub-page-content-additional {
	padding-left: 30px;
	padding-right: 90px;
	color: #c6cac3;
	font-family: Garamond, Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: 1.5em;
	letter-spacing:0.1em;
	font-style: normal;
	padding-bottom: 40px;
}
#sub-page-content-additional a {
	color: #FFF;
	text-decoration: underline;
}
#sub-page-content-additional a:hover {
	color: #c6cac3;
	text-decoration: underline;
}
#tickets-right-ticketbanners {
	margin-right: 60px;
	margin-left: 30px;
	text-align: center;
}
#history-right-posters {
	text-align: center;
	width: 100%;
	margin-top: 20px;
}
#history-right-posters img{
	border: 5px solid #000;
	margin: 10px;
}
#media-press-releases {
	margin-top:20px;
}
.media-press-release-header {
	color: #FFF;
	font-family: Garamond, Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	letter-spacing:0.1em;
	font-style: normal;
	font-weight: normal;
	font-variant: small-caps;
	display: block;
	padding-bottom: 5px;
}
.media-press-release-date {
	color: #2e3925;
	font-family: Garamond, Georgia, "Times New Roman", Times, serif;
	font-size: 0.8em;
	line-height: 1.5em;
	letter-spacing:0.1em;
	font-style: normal;
	display: block;
	padding-bottom: 5px;
}
body#program-with-timetable #right {
	padding-top:0px;	
}
