/* Colors red: #de3b25, Yellow: #e3ce8b, Grey #111111 */

* {margin:0;padding:0;outline:0}
html {height:100%;overflow-y:scroll;}
body {text-align:center;font:normal 81% 'Trebuchet MS', Arial, Verdana, Helvetica, 'Luxi Sans';line-height:1.2em; background:#111;color:#eee;}
p {color:#eee;font-size:1.0em;margin:0 0 0.8em;}
h1 {color:#fff;font-size:1.8em;margin:4px 0 0.6em;font-weight:normal;font-family:Georgia;line-height:1.1em;}
h2 {color:#ddd;font-size:1.4em;margin:0 0 0.2em;font-family:Georgia;font-weight:normal}
h3 {color:#fff;font-size:1.3em;margin:0 0 0.2em;font-family:Georgia;font-weight:normal}
h4 {color:#fff;font-size:1.2em;margin:0 0 0.2em;}
h5 {color:#fff;font-size:1.1em;margin:0 0 0.2em;}
h6 {color:#fff;font-size:1.0em;margin:0 0 0.2em;}

ul, ol, dl {}

a {text-decoration:none;color:#de3b25;}
a:hover {}
a img {border:0px solid; text-decoration:none;}
dfn {display:none;}

table {border-spacing:0;border:0;border-collapse:collapse; }
table td {vertical-align:top;}
dfn {display:none;}
input, label ,table, td {font-size:100%;font-family:inherit;}
hr {border:none;border-bottom:1px solid #777;padding:5px 0 0;margin:0 0 5px;}
input,textarea,select {font-family:arial;font-size:1em;color:#2F240D}
input:focus, textarea:focus {background:#feecd2;outline:none}
fieldset {padding:5px;}
legend {font-weight:bold;color:#C04F00;font-size:1.4em;}

/* editori */
.leftAlign {float:left;margin:0 10px 10px 0}
.rightAlign {float:right;margin:0 0px 10px 10px}
.small {font-size:0.9em;}
.large {font-size:1.1em;}
.ingressi {font-size:1.1em;font-style:italic;}
img.oneColumn, span.oneColumn {background:#fff;display:block;padding:5px;color:#666;}

/* asettelut */
#pageWrapper {text-align:left;width:990px;margin:5px auto;background:#111 url(images/tausta.gif) no-repeat 0 0;}
	* html #pageWrapper, * html #contentWrapper, * html #mainContent {height:1%;}
#pageWrapper.noRight {}
#pageWrapper.noLeft {}
#pageWrapper.full {}
#inner-audio {background:#111;/* url(images/audioBg.jpg) no-repeat center 0;*/}
#inner-child {background:#111; /* url(images/childBg.jpg) no-repeat center 0;*/}
#contentWrapper {margin:15px 0;}

#leftContent {width:180px;float:left;overflow-x:hidden;line-height:0;}
	* html #leftContent {margin-right:-3px;height:1%}
	#leftPadding {font-size:0;}
#rightContent {float:right;width:180px;line-height:0;overflow:hidden;}
	* html #rightContent {margin-left:-3px;}
	#rightPadding {margin:0;}

/* 3col */
#mainContent {margin:0 190px;min-height:400px;height:auto !important; height:400px;}
	* html #mainContent {margin:0 187px;}
	#mainContentWidth {width:610px;overflow:auto;overflow-y:visible;overflow-x:hidden;padding:0 0 5px;}
	#inner-audio  #mainPadding {margin:0 0 0 0;}

/* 2Col  Right wide, Left Narrow */
#pageWrapper.noRight #mainContent {margin-right:0}
	* html #pageWrapper.noRight #mainContent {margin-right:0;}
	#pageWrapper.noRight #mainContentWidth {width:740px;}
	#pageWrapper.noRight #rightContent {display:none}

/* 2Col  Left wide, Right Narrow */
#pageWrapper.noLeft #mainContent {margin-left:0}
	* html #pageWrapper.noLeft #mainContent {margin-left:0;}
	#pageWrapper.noLeft #mainContentWidth {width:740px;}
	#pageWrapper.noLeft #leftContent {display:none}

/* 1 Col */
#pageWrapper.full #mainContent {margin-right:0; margin-left:0;}
	* html #pageWrapper.full #mainContent {margin-right:0;margin-left:0;}
	#pageWrapper.full #mainContentWidth {width:auto;}
	#pageWrapper.full #mainPadding {padding:0 60px;}
	#pageWrapper.full #rightContent, #pageWrapper.full #leftContent  {display:none}
	
/* Header */
#header {height:90px;background: url(images/headerBg.gif) no-repeat 0 30px;position:relative}
.inner-audio #header {height:200px;background: url(images/newHeaderBg2.jpg) no-repeat 0 30px;position:relative}

#headerPadding {padding:0}
div.printLogo {display:none;}
#logoLink {display:block; width:180px; height:60px;background: url(images/empty.gif);position:absolute;left:5px;top:25px}
.category {width:200px;height:40px;position:absolute;top:31px;right:0;}
.inner-audio .category {display:none;}
#magazine .category {background:url(images/magazine.gif) no-repeat 100% center;}
#inner-audio .category {background:url(images/audio.gif) no-repeat 100% center;}
#inner-child .category {background:url(images/child.gif) no-repeat 100% center;}

/* Footer */
#footer {background:url(images/footerBg.png) no-repeat 0 0;clear:both;height:33px;position:relative;text-align:center;}
#footerPadding {padding:10px 30px 5px;font-size:0.9em;color:#aaa;}
#addressBlock {position:absolute;bottom:30px;left:40px;font-size:0.9em}

/* top navi */
.topNaviContainer {clear:both;height:11px;}
#topNavi {list-style-type:none;text-align:right;float:right;width:auto;}
#topNavi li {float:left;line-height:11px;text-transform:uppercase;font-size:1.0em;background:url(images/pipe.png) no-repeat 100% 2px;}
#topNavi li.last {background:none;}
#topNavi li a, #topNavi li.currentpage li a, #topNavi li.activeparent li a {cursor: pointer; color:#e3ce8b;padding:0 13px;}
#topNavi li a:hover {color:#de3b25}
#topNavi li.currentpage a, #topNavi li.activeparent a {color:#de3b25}

/* top navi 2 */
#topNavi2 {text-align:left;float:left;margin:23px 0 15px 200px;_margin:23px 0 10px 95px ;_height:1%}
#topNavi2 li {float:left;line-height:11px;text-transform:uppercase;font-size:1.1em;list-style-type:none;}
#topNavi2 li.last {}
#topNavi2 li a, #topNavi2 li.currentpage li a, #topNavi2 li.activeparent li a {cursor: pointer; color:#fff;padding:0 10px}
#topNavi2 li a:hover {color:#de3b25}
#topNavi2 li.currentpage a, #topNavi2 li.activeparent a {color:#de3b25}

/* top navi 2 - toinen taso*/
#topNavi3 {z-index:10;width:800px;color:#fff;margin:0 0 0 200px;_margin-left:192px;_margin-right:-3px;}
#topNavi3 li {display:inline;text-transform:uppercase;font-size:1.1em;list-style-type:none;padding:0 7px;}
#topNavi3 li a {color:#fff;}
#topNavi3 li.currentpage a, #topNavi3 li.activeparent a {color:#de3b25}

/* top navi 2 - kolmas taso*/
#topNavi3 ul {position:static;width:auto;display:inline;margin-right:-10px;}
#topNavi3 ul li {display:inline;text-transform:lowercase;padding:0 3px;font-style:italic;}
#topNavi3 li.activeparent {color:#de3b25}
#topNavi3 li.currentpage li a, #topNavi3 li.activeparent li a {color:#e3ce8b}
#topNavi3 li.currentpage li.currentpage a, #topNavi3 li.activeparent li.currentpage a {color:#de3b25}
#topNavi3 ul ul li a {color:#e3ce8b}

/* Left Navi */
#leftNaviContainer {width:149px;*width:136px;margin:0;padding:0}
#leftNaviContainer #leftNavi {list-style-type:none;line-height:1.1em;margin:0 0 20px 0;padding:0;}
#leftNavi li {background:url(images/leftNavi.png) no-repeat 0 0;display:block;vertical-align:bottom;width:100%;margin:0 0 5px;}
#leftNavi li.first {}
#leftNavi li a {color:#fff;padding:0 0 0 5px;display:block;_height:1%;text-transform:uppercase;*line-height:1.2em;}
#leftNavi li a:hover {color:#de3b25;cursor: pointer;text-decoration:none;}
#leftNavi li.currentpage, #leftNavi li.activeparent {}
#leftNavi li.currentpage a, #leftNavi li.activeparent a {}
#leftNavi li.currentpage.first, #leftNavi li.activeparent.first {background-image:none;}
#leftNavi li a.currentpage {}
#leftNavi li.sectionheader {}

/* toinen taso */
#leftNaviContainer #leftNavi ul {line-height:0.8em;margin:0 0 12px 12px;list-style-type:none;list-style-image:none;}
#leftNavi li.currentpage li, #leftNavi li.activeparent li {background:none;}
#leftNavi ul li.currentpage li a {color:#de3b25;font-weight:normal}
#leftNavi ul li {background:none;margin:0;}
#leftNavi ul li a {padding:2px 0 3px 5px;*line-height:1em;}
#leftNavi ul li.currentpage {}
#leftNavi ul li a.currentpage {color:#de3b25;font-weight:normal}

/* Kolmas taso */
#leftNaviContainer #leftNavi ul ul {font-size:0.9em;line-height:0.9em;margin-bottom:0px}

#contentArea .NewsSummaryCategory {display:none;}
#contentArea.News {padding-top:5px;}

/* Left Content */
#leftContent {background:#434343;}
#leftContent img {margin:0 0 8px 0;}
#leftContent p {margin:0;padding:0;}

/* Right Content */
#rightContent {background:#434343;overflow:visible;overflow-x:hidden;padding: 0 0 10px}
#rightContent img {margin:0 0 8px 0;}
#rightContent p {margin:0;padding:0;}

/* MainContent */
#mainContent ul, #mainContent ol {margin:0 0 10px 30px;}
#mainContent a:hover {text-decoration:underline;}
#mainContent a:hover img {text-decoration:none;}
.topImage {width:610px;overflow-x:hidden;margin: 0 -10px 10px;padding:0 10px 9px;background:#434343;line-height:0;font-size:0;}
.topImage { width /*\**/: 610px\9 }

.topImage img {display:block;margin:0 auto;text-align:center;padding:0;}
.whiteBackground #mainPadding {background:#111;padding: 5px;}
.whiteBackground p {}

table.front {}
table.front p {margin:0;padding:0;}
table.front td {text-align:center;padding:0px 0px 5px 0;}
table.front img {background:#fff;display:block;padding:5px;text-align:center;margin:0 auto;}

/* Front */
.magazineFront p {background:#fff;margin:0; padding:0;text-align:center;color:#111;font-weight:bold;}
.magazineFront td {padding:0 3px 3px 2px;text-align:center;}
.magazineFront td img {display:block;margin:0 auto;text-align:center;}

/* FrontGallery */
#frontGallery {width:610px; height:406px; overflow:hidden;}

/* album */
.albumThumb li a {display:none;}
.albumThumb li .first {display:block;height:150px;}
.albumThumb li h3 {color:#111;}

/* Lomakkeet */
div.formbuilderform div {margin:3px 0 0 170px;_padding-left:170px;display:table;zoom:1.0 !important;zoom:0.0;}
/*html>body div.formbuilderform div { *zoom: 1 }*/
div.formbuilderform div label {width:170px;display:block;float:left;margin:0 0 0 -170px;}
div.formbuilderform div h3, div.formbuilderform div a {margin:0 0 0 -170px;_margin-left:-340px;display:block;}
div.formbuilderform div div {margin:0;_padding-left:0px;_margin-left:-170px;}
div.formbuilderform div div label {width:auto;float:none;display:inline;margin:0;}
div.formbuilderform textarea {width:300px;height:100px;}
div.formbuilderform select {padding:0;margin:0 10px 0 0}
div.formbuilderform select option {padding:0 5px;}
div.formbuilderform .submit {}

/* News */
.newsContainer {margin:0 -4px 0 0;overflow-y:auto;*overflow:visible;}
#contentArea .newsContainer {*overflow:visible;} 
.NewsSummary {background:#fff;width:149px;height:190px;overflow:hidden;text-align:center;float:left;margin:0 5px 5px 0;font-size:0.9em;}
.NewsSummaryPadding {padding:5px 5px 5px 5px;}
.NewsSummarySummary {height:150px;background:#000;overflow:hidden;}
.NewsSummarySummary a {margin-right:5px;overflow:hidden;}
.NewsSummary a {color:#111;font-weight:bold;font-size:1.1em;}
#mainContent .NewsSummary a:hover {text-decoration:none;color:#de3b25;}
.pager {text-align:right;padding:0 5px;}

.newsSummaryNews .NewsSummary {background:#111;width:auto;_width:auto;height:auto;text-align:left;padding:5px;border:1px solid #de3b25;margin:0 0 5px;}
.newsSummaryNews .NewsSummary a {color:#de3b25;}
.newsSummaryNews .NewsSummary img {max-width:596px;}
.NewsSummaryPostdate {margin:0 0 5px;color:#aaa;font-style:italic;}

#newsPostDetail, #contentArea.News {padding:5px 5px 10px 10px;*padding:10px 5px 10px 5px;width:440px;*width:435px;_margin-right:-3px;float:right;*overflow:visible;}
#newsPostDetail {*width:auto;}
#newsPostDetail {background:#fff;}
#newsPostDetail img {}
#NewsPostDetailTitle {margin:0 0 5px 0;padding:10px 0px 3px;color:#333;line-height:1.1em;}
#NewsPostDetailTitle h1 {}
#NewsPostDetailContent h2 { color:#222;}
#NewsPostDetailContent {background:#fff;color:#111;padding:0;margin:10px 0 0;}
#NewsPostDetailContent p, #NewsPostDetailContent h1, #NewsPostDetailContent h2, #NewsPostDetailContent h3 {color:#111;}
#NewsPostDetailDate {font-size:0.9em;color:#555;font-style:italic;padding:0 0}
#NewsPostDetailExtra {font-size:0.9em;color:#555;font-style:italic;}
#NewsPostDetailReturnLink {display:none;}

.col1 .NewsSummary {width:444px;*margin:0 0 5px 0;height:230px;}
.col1 .NewsSummaryLink a {font-size:1.15em;}
.col1 .NewsSummarySummary {height:200px;margin:0 0 5px}

.col2 .NewsSummary {width:216px;height:296px;_margin-right:4px;*width:211px;}
.col2 .NewsSummarySummary {height:256px;margin:0 0 2px;*width:201px;*oveerflow:hidden;}
.col2 .NewsSummaryLink a {font-size:1.15em;}

.col3 .NewsSummary {width:199px;height:250px;_margin-right:4px;}
.col3 .NewsSummarySummary {height:210px;}
.col3 .NewsSummaryLink a {font-size:1.2em;}

.newsList {background:#111;width:146px;*width:140px;overflow-x:hidden;overflow-y:auto;color:#de3b25;padding:2px;}
.newsList .NewsSummaryCategory {font-weight:bold;font-size:1.2em;margin: 0 0 15px;}
.newsList .NewsSummary {height:auto;background:transparent;color:#fff;text-align:left;}
#leftNaviContainer .newsList .NewsSummary {*width:100%;}
.newsList .NewsSummaryPostdate {font-size:0.8em;padding:0;margin:0 0 -3px;}
.newsList .NewsSummaryLink a {color:#fff;line-height:1.1em;margin:0 0 5px;}

.newsList .NewsSummaryLink a.currentpage {color:#de3b25}

/* uutiskategorialistaus */
#mainContent .list1, #mainContent .list1 ul {list-style-type:none;margin:0 0 0 0;padding:0;}
#mainContent .list1 li {text-transform:uppercase;margin:0 0 10px 0;}
#mainContent .list1 li.Child {display:none;}
#mainContent .list1 li li {margin:0;}
#mainContent .list1 ul {margin:0 0 10px 5px;}
#mainContent .list1 a {color:#fff;}
.count {font-size:0.9em;padding:0 0 0 5px;}

/* Uutislistaus "blogi" */
.NewsSummaryFull {margin:0 0 15px;padding:0 0 15px 0;border-bottom:1px solid  #666; overflow:auto;position:relative;}
#contentArea .NewsSummaryFull .NewsSummaryCategory {display:block;text-transform:uppercase;font-size:0.9em;}
.NewsSummaryFull .NewsSummaryLink {font-weight:bold;font-size:1.2em;margin:0 0 5px 0;;}
.NewsSummaryFull .NewsSummaryPostdate {font-size:0.9em;margin:0 0 0 10px;padding:0 10px;float:right;}
.NewsSummaryFull .NewsSummaryAuthor {font-size:0.9em;float:right;}
.NewsSummaryFull .NewsSummarySummary {background:none;height:auto;padding:0 0 15px;}
.NewsSummaryFull .NewsSummarySummary img {float:left;height:auto;margin:0 15px 0 0;max-width:440px;}
.NewsSummaryFull .NewsSummaryMorelink {position:absolute;right:0;bottom:10px;}
.Discography .NewsSummarySummary img, .Systems .NewsSummarySummary img, .Artist  .NewsSummarySummary img {float:none;width:440px;max-width:440px;margin:0 0 10px 0px;}

/* valkoinen */
.NewsSummaryFull {background:#fff;padding:5px;margin:0 0 5px;}
#contentArea .NewsSummaryFull .NewsSummaryCategory {color:#000;}
.NewsSummaryFull .NewsSummaryAuthor {color:#000;}
.NewsSummaryFull .NewsSummarySummary {color:#000;}
.NewsSummaryFull .NewsSummaryPostdate {color:#000;}
.NewsSummaryFull .NewsSummaryMorelink {right:15px;}

/* js tyylit */
p.caption {font-style:italic;font-size:0.9em;color:#555;margin:3px 0 6px;}

/* sbBox */
#sbBox {width:600px;height:90%;background:#111;z-index:200;overflow:hidden;position:absolute;top:0;left:0;font-family: arial;opacity:0.9;border:1px solid #ccc;-moz-border-radius:0.6em;-webkit-border-radius:0.6em;border-radius:0.6em;padding:5px;}
#modalContent {padding:0px;position:relative;}
#close {position:absolute;top:0;right:0;padding:3px 10px;cursor:pointer;}

.hiddden {visibility:hidden;}
.Closing {z-index:300}
.Opening {z-index:400}

/* sbModal */
#modalBg {background:#111;opacity:0.5;min-height:100px;_height:100%;position:absolute;width:100%;top:0;left:0;}
#iMask {width:100%;height:100%;position:absolute;top:0;left:0;background:transparent;z-index:100;}

/* Controls */
.controls {width:40px;height:20px;background:#333;color:#fff;position:absolute;right:0;bottom:0;text-align:center;z-index:1000;}
.zoomIn {width:20px;height:20px;float:left;overflow:hidden}
.zoomOut {width:20px;height:20px;float:left;overflow:hidden}

/* Zoom controls */
.zoomControls {position:absolute;top:30px;right:0;height:200px;width:20px;opacity:0.9;background:#999;z-index:500;}
.zoomHandle {width:20px;height:10px;background:#666;cursor:pointer;}

/* muut */
.clearB {clear:both;font-size:0em;height:0px;line-height:0;}
#credit {font-size:0.8em;margin-bottom:-10px;width:980px;margin:0;text-align:right;color:#111;display:none;}
#credit a {color:#111}

/* sbCarousel2 */
#myImages {width:610px;height:406px;overflow:hidden;position:relative;margin:0 0 10px 0;;}
#myImages.js img {z-index:10;top:0;left:0;position:absolute;visibility:hidden;}
ul.naviList {position:absolute;bottom:0;left:0;z-index:100;list-style-type:none;margin:0;padding:0;}
ul.naviList li {float:left;padding:3px;border:1px solid #aaa;color:#fff;margin:0 3px}
#myImages img.current {z-index:20;border:none;visibility:visible;}
#myImages img.newCurrent {z-index:50;position:absolute;visibility:visible;}

/* morph Styles */
.current {border:1px solid #ff0;}
.normal {border:1px solid #aaa;}

.controlContainer {height:25px;margin:0 auto;}
.next {display:block;height:25px;width:35px;background:url(images/next.png) no-repeat 100% 0;float:right}
.previous {display:block;height:25px;width:35px;background:url(images/prev.png) no-repeat 0 0;float:left}

/*.last {display:block;height:35px;width:35px;background:blue;float:right}
.first {display:block;height:35px;width:35px;background:yellow;}*/

/* Tabs */
.tabContainer a {font-size:0.9em;background:#111;color:#fff;margin:0 2px;padding:3px 4px;font-weight:bold;}
.tabContainer a.current {color:#de3b25;border:none;}