body {
	font: normal 100%/1.3 "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #1b1b1f;
	text-align: center;
	background-color: #000000;
}

body#intro { background: #001b50 url('images/bg-intro.jpg') repeat-x top left; }
body#lef { background: #001b51 url('images/bg-body-lef.jpg') no-repeat top center; }
body#youth{ background: #000000 url('images/bg-body-youth.gif') no-repeat top center; }

/************************************
 * Basic elements
 *
 ************************************/

p, li { font-size: 0.75em; }

a { color: #77767a; text-decoration: none; font-weight: bold;}
a:link { }
a:visited { }
a:hover { text-decoration: underline; }
a:active { }

a.external-link {
	background: url('images/external-link-icon.png') 99% 40% no-repeat; 
	padding-right: 15px;
}

h1, h2, h3, h4, h5, h6 { margin: 0 0 0.5em 0; font-weight: bold; line-height: 1.3; }
h1 { font-size: 15px; text-transform: uppercase; margin-bottom: 1.5em;}
h2 { font-size: 13px; text-transform: uppercase; }
h3 { font-size: 12px; margin-bottom: 0.8em; }
h4, h5, h6 { font-size: 12px; }

.graphic-heading { width: 385px; height: 30px; margin: 0;}
.graphic-heading span { display: none; }


sub { vertical-align: baseline; position: relative; bottom: -0.25em; font-size: smaller; }
sup { vertical-align: baseline; position: relative; bottom: 0.33em; font-size: smaller; }

ul, ol { margin: 1em 0 1em 1em; padding-left: 1em; }
ol { list-style-type: decimal; }
ul { list-style-type: disc; }
ol li, ul li { margin: 0.1em 0; line-height: 1.3; }
li li {	font-size: 1em; }
li ul {	margin: 0; }

address { font-style: normal; }

td { font-size: 0.75em; padding-right: 1.5em; vertical-align: top;}
td p, td li { font-size: 1em; }

body#lef .graphic-heading {
    width: 350px; height: 30px; margin: 0;
    background: url('images/bg-heading-lef.gif') no-repeat 0 0;
    font-weight: 400;
}
body#lef .graphic-heading span {
    color: #ffffff;
    display: block;
    font-family: 'Brady Bunch', sans-serif;
    font-size: 20px;
    font-weight: 400;
    height: 30px;
    letter-spacing: 0.5px;
    line-height: 26px;
    padding-left: 20px;
    text-shadow: 2px 2px 2px #000000;
    text-transform: none;
}

/************************************
 * Layout
 *
 ************************************/

#wrapper {
	position: relative; clear: both; width: 997px; height: 100%; min-height: 100%;
	margin: 15px auto 0 auto; text-align: left;	background-color: #3a3a3a;
}

#page {
	position: relative; clear: both; text-align: left;
	padding: 11px; background-color: #3a3a3a;
}

#header { position: relative; clear: both; height: 128px; background: #858585; }
#header-logo { position: absolute; top: 0; left: 0; }
#print-logo { display: none; }

#navigation { clear: both; background: #494949; position: relative;}

#content { background: #ffffff url('images/bg-content.2014.gif') repeat-y top left; clear: both; }

#main {
	background: #ffffff url('images/bg-content.2014.gif') repeat-y top left;
	clear: both; min-height: 350px; height: auto !important; height: 350px;		
	padding: 24px 75px 60px;
}

#return-bar { 
	position: relative; clear: both; height: 25px;
    line-height: 25px;
	background: #ffffff url('images/bg-return-bar.2014.gif') repeat-y top left;
    text-align: center;
}
#return-bar a {
    color: #000000;
    font-family: 'myriad-pro-condensed', 'Arial Narrow', sans-serif;
    font-weight: 400;
    font-size: 15px;
    margin: 0 25px;
}
/*#return-bar a {
	display: block; position: absolute; top: 2px; left: 0;
	width: 100px; height: 16px;
}
#return-bar a#return-link-frontpage { width: 215px; left:217px;}
#return-bar a#return-link-mainpage { width: 217px; left:477px;}
body#lef #return-bar a#return-link-frontpage,
body#youth #return-bar a#return-link-frontpage { width: 215px; left:210px;}
body#lef #return-bar a#return-link-mainpage,
body#youth #return-bar a#return-link-mainpage { width: 217px; left:470px;}
*/

#footer {
	background: #c9c9c9 url('images/bg-footer.2014.gif') no-repeat top left;
	position: relative;	clear: both; height: 85px;
}
#footer address {
    display: block;
    font-family: 'myriad-pro-condensed', 'Arial Narrow', sans-serif;
    font-size: 16px;
    padding-left: 140px;
    padding-top: 15px;
    line-height: 30px;
}
#footer a {
    font-weight: 400;
    color: #000000;
}
#footer #clapperboard { position: absolute; top: -28px; left: -30px; z-index: 1000;}
#footer a:hover { text-decoration: none; }
#footer #footer-link-oek, 
#footer #footer-link-valve,
#footer #footer-link-oek-en,
#footer #footer-link-valve-en {
	display: block; position: absolute; top: 0; left: 0;
	width: 100px; height: 16px;
}
#footer #footer-link-oek { width: 125px; left: 115px; top: 26px; }
#footer #footer-link-valve { width: 96px; left: 253px; top: 26px; }
#footer #footer-link-oek-en { width: 87px; left: 115px; top: 52px; }
#footer #footer-link-valve-en { width: 110px; left: 216px; top: 52px; }


body#intro #wrapper { 
	background: #001b50 url('images/bg-intro.jpg') no-repeat 50% 0px;
	width: 100%; overflow: hidden; background-color: transparent; margin-top: 0;
}
body#intro #page { width: 960px; height: 380px; margin: 0 auto; padding: 340px 0 0 0; background-color: transparent;}
body#intro p { text-align: center; font-size: 1.125em; margin-top: 30px; }
body#intro a { color: white;}
#intro-oek { position:absolute; top: 383px; left: 97px; }
#intro-lef { position:absolute; top: 350px; right: 46px; }

#intro-lef-image {
    position: relative;
}
#intro-lef-image a {
    display: block;
    height: 55px;
    position: absolute;
    text-indent: -999em;
    top: 0;
    left: 0;
    width: 324px;

}
#intro-lef-image a#lef-image-link-fi {
    top: 18px;
    left: 120px;
}
#intro-lef-image a#lef-image-link-en {
    top: 96px;
    left: 120px;
}

body#intro div#counter p { color: white; font-weight: normal; margin-top: 12px; }

body#lef #page {
	background: #54668b url('images/bg-page-lef.2014.gif') no-repeat top left;
	padding: 11px;
}
body#youth #wrapper {
    background-color: transparent;
}
body#youth #page {
	background: #545454;
	background: rgba(255, 255, 255, 0.3);/* url('images/bg-page-youth.gif') no-repeat top left;*/
	padding: 11px 11px 0;
}
body#lef #navigation,
body#youth #navigation { background: white; }
body#lef #main,
body#youth #main { background-image: none; padding-left: 112px;}
body#lef #footer,
body#youth #footer { background-image: url('images/bg-footer-lef.2014.gif'); }
body#lef #footer #clapperboard,
body#youth #footer #clapperboard { top: -32px; left: -80px; }
body#youth #footer-graphic {
	background: black url('images/bg-youth-footer-graphic.2014.gif') no-repeat top center;
	position: relative; clear: both; width: 997px; height: 168px;
	margin: 0 auto;
	z-index: 5;
}
body#lef #return-bar,
body#youth #return-bar { 
	background: #ffffff url('images/bg-return-bar.2014.gif') repeat top left;
}
body#lef #footer #footer-link-oek,
body#youth #footer #footer-link-oek { width: 125px; left: 77px; top: 26px;}
body#lef #footer #footer-link-valve,
body#youth #footer #footer-link-valve { width: 96px; left: 215px; top: 26px;}
body#lef #footer #footer-link-oek-en,
body#youth #footer #footer-link-oek-en { width: 87px; left: 77px; top: 52px;}
body#lef #footer #footer-link-valve-en,
body#youth #footer #footer-link-valve-en { width: 110px; left: 178px; top: 52px;}

/************************************ 
 * Frontpage
 *
 ************************************/

div#frontpage-col1, 
div#frontpage-col2, 
div#frontpage-programme, 
div#frontpage-news, 
div#frontpage-partners {
	min-height: 225px; height: auto !important; height: 225px;
	line-height: 1.3;
}

body#lef div#frontpage-col1 { line-height: 1.4; }
body#lef div#frontpage-partners { line-height: 1; }

div.row { clear: both; margin-bottom: 0.5em;}
div.col1, div.col2 { width: 385px; }
div.col1 { float: left; }
div.col2 { float: right; }
div.col1 td, div.col2 td { padding: 0 1em 0 0; vertical-align: top; }

div.box-container { padding: 16px; }
 
body#lef div.col1 { width: 370px; }
body#lef div.col2 { width: 352px; }

div#frontpage-news h3 { margin: 0; font-size: 0.875em; }

body#oek div#frontpage-col1 { font-size: 1.125em; }
body#oek div#frontpage-programme { background-color: #e9e9e9; }

body#lef div#frontpage-programme { background-color: white; }

body#oek div#frontpage-programme .graphic-heading {
	background: white url('images/heading-studion_ohjelmaa.gif') no-repeat top left;
}
body#oek div#frontpage-news .graphic-heading {
	background: white url('images/heading-ajankohtaista.gif') no-repeat top left;
}

body#lef div#frontpage-programme .graphic-heading {
	/*background: white url('images/heading-lef-ohjelmat.gif') no-repeat top left;*/
}
body#lef div#frontpage-news .graphic-heading {
	/*background: white url('images/heading-lef-ajankohtaista.gif') no-repeat top left;*/
}
body#lef div#frontpage-partners .graphic-heading {
	/*background: white url('images/heading-lef-yhteistyokumppanit.gif') no-repeat top left;*/
}

div#video-links { 
	width: 320px; height: 182px; position: relative; clear: both; 
	background: white url('images/bg-video-links-lef.jpg') no-repeat top left;
}
div.video-link { 
	position: absolute; top: 0; left: 0; display: block;
	display: block; width: 243px; height: 35px;
}
div.video-link a {
	display: block;  
	background: transparent url('images/bg-video-button-lef.png') no-repeat top left;
	color: black; font-family: Verdana, Arial, sans-serif;  font-size: 12px; font-weight: bold;
	line-height: 35px; padding-left: 30px;  
}
div#video-link-1 { top: 16px; left: 40px; }
div#video-link-2 { top: 122px; left: 40px; }
p#video-link-info { margin: 0.25em 0 1.75em;}

/************************************ 
 * LEF-images
 *
 ************************************/

div#side-image {
	background: transparent url('images/lef-sideimage-default.png') no-repeat top left;
	position: absolute; top: 205px; left: -96px; width: 157px; height: 214px;
}

div#side-image-right { display: none; position: absolute; top: 0; right: 0; }

body.id-45 div#side-image, body.id-77 div#side-image {
	background-image: url('images/lef-sideimage-elokuvat.png');
	width: 303px; height: 291px; left: -178px;
}
body.id-46 div#side-image, body.id-74 div#side-image {
	background-image: url('images/lef-sideimage-palkinnot.png');
	width: 335px; height: 250px; left: -205px;
}
body.id-47 div#side-image {
	background-image: url('images/lef-sideimage-ajankohtaista.png');
	width: 317px; height: 327px; left: -189px;
}
body.id-48 div#side-image, body.id-44 div#side-image {
	background-image: url('images/lef-sideimage-media.png');
	width: 400px; height: 234px; left: -275px;
} 
body.id-49 div#side-image {
	background-image: url('images/lef-sideimage-historia.png');
	width: 304px; height: 372px; left: -174px;
} 
body.id-50 div#side-image, body.id-65 div#side-image {
	background-image: url('images/lef-sideimage-ammattilaiset.png');
	width: 302px; height: 327px; left: -174px;
} 
body.id-51 div#side-image {
	background-image: url('images/lef-sideimage-linkit.png');
	width: 311px; height: 269px; left: -182px;
} 
body.id-52 div#side-image {
	background-image: url('images/lef-sideimage-yhteystiedot.png');
	width: 190px; height: 244px; left: -62px;
} 
body.id-52 div#side-image-right {
	background-image: url('images/lef-sideimage-yhteystiedot-right.png');
	display: block;	width: 186px; height: 331px; top: 105px; right: -176px;
} 

/************************************ 
 * News
 *
 ************************************/

div.news-item { }
div.news-item h2 { }
div.news-item-full p { width: 70% }

div.news-item-short { margin-bottom: 1em; }
div.news-item-short h3 { margin: 0; font-size: 0.875em;}

p.news-date { margin-bottom: 1em; font-weight: bold; color: #77767a;}


/************************************ 
 * Movies
 *
 ************************************/

table.premiere, table.regular {
	width: 700px;
}
table.premiere td {
	background-color: #e7e7e7;
	padding: 0.5em;
}

table.regular td {
	padding: 0.5em;
}

td.premiere-date, td.regular-date {
	width: 5em;
	font-weight: bold;
}
td.premiere-time, td.regular-time {
	width: 4em;
	font-weight: bold;
}

table.premiere td.premiere-poster {
	width: 150px;
	text-align: center;
	padding: 0.5em 0.5em 1.5em;
}




/************************************ 
 * Pagination
 *
 ************************************/

div.pagination { text-align: center; margin: 1em 0;	padding: 2em 2em 0.6em; }
div.pagination span.left { width: 40%; float: left;	text-align: left; }
div.pagination span.right {	width: 40%;	float: right; text-align: right; }
div.pagination .ditto_off { color: #e0e0e0; }

/************************************ 
 * Fixes and special cases
 *
 ************************************/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display:inline-block; }
/* Hide from IE Mac \*/
.clearfix { display:block; }
/* End hide from IE Mac */

.hidden { display: none; }


@font-face {
    font-family:'Brady Bunch';
    src: url('fonts/BradyBunchRemastered_gdi.eot');
    src: url('fonts/BradyBunchRemastered_gdi.eot?#iefix') format('embedded-opentype'),
    url('fonts/BradyBunchRemastered_gdi.woff') format('woff'),
    url('fonts/BradyBunchRemastered_gdi.ttf') format('truetype'),
    url('fonts/BradyBunchRemastered_gdi.svg#BradyBunchRemastered-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2122;
}