/* Common */
*{margin:0;padding:0}
img{border:0}
.clear{clear:both}

/* Body */
body{font:normal 12px Arial,Helvetica,sans-serif;padding:0 0 50px 0}

/* Wrapper */
.wrapper{width:950px;margin:0 auto;clear:both;overflow:hidden}

/* Banner */
#banner .wrapper{text-align:center;margin-bottom:35px}

/* Header */
#header{padding-bottom:4px;margin:0 0 7px 0;overflow:hidden}

/* Navigation */
#nav-container{background:url(images/bg_header.png) no-repeat center bottom;padding-bottom:5px;margin-bottom:30px;overflow:hidden}
#nav-container .wrapper{background:url(images/bg_navicontainer.png) no-repeat left bottom;padding-left:12px;width:974px;overflow:hidden}
#nav{list-style:none;margin:0;padding:0}
#nav li{display:inline}
#nav a{float:left;display:block;background:url(images/bg_navi.png) repeat-x left bottom #4e988f;padding:8px 14px;color:#fff;text-decoration:none;text-transform:uppercase;margin-right:1px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;}
#nav .current a,
#nav a:hover{background:url(images/bg_navi_.png) repeat-x left bottom #ef903d !important}
#nav .nav-last a{margin-right:0 !important}
#nav .end{background:url(images/bg_navicontainer_right.png) no-repeat left bottom;width:12px;height:30px;float:left}

/* Language navigation */
#langnav{list-style:none;float:left;margin:0;padding:6px 0 0 30px;width:170px}
#langnav li{display:inline}
#langnav a{color:#666;text-transform:uppercase;font-size:11px;margin:0 0 0 15px}
#langnav a:hover{color:#ef903d}
#element-137{float:left}

/* Sub navigation */
#section-header{background:url(images/bg_subnav.png) no-repeat center top;height:80px}

#subnav{list-style:none;background:url(images/bg_subnav_link.png) no-repeat left;height:38px;margin:0;padding:0}
#subnav li{display:inline}
#subnav a{float:left;display:block;padding:12px 16px;text-decoration:none;color:#1c8a7c;text-transform:uppercase;background:url(images/bg_subnav_link.png) no-repeat right}
#subnav a:hover{color:#df6903}
#subnav .current a{color:#df6903 !important}

.subnav-tekijanoikeus a{padding:12px 12px 12px 11px !important}

/* Logo */
#logo{margin:0 auto 0 auto;width:950px;position:relative}
#logo h1 a{display:block;width:348px;height:68px;background:url(images/logo.png) no-repeat;text-indent:-9999px;float:left}

/* Quick links */
#quicklinks{float:right;right:0;top:0;width:300px}
#quicklinks ul{list-style:none;margin:0;padding:0}
#quicklinks li{display:inline}
#quicklinks a{display:block;float:left;background:url(images/bg_quicklink.png) no-repeat center top;width:67px;height:67px;padding-top:19px;font-size:12px;color:#fff;text-align:center;margin-right:7px;text-decoration:none}
#quicklinks li:last-child a{margin-right:0}
#quicklinks a:hover{color:#000}

/* Footer */
#footer{background:url(images/bg_header.png) no-repeat center top;padding-top:30px;text-align:center}
#footer p{color:#888 !important}
#footer strong{color:#777}

/* Fonts */
h1{font-size:36px;text-transform:uppercase;color:#df6903;font-weight:normal;margin:0 0 10px 0}
h2{font-size:18px;font-weight:normal !important;text-transform:uppercase;margin:0 0 10px 0;padding-top:7px;color:#df6903}
h3{font-size:14px;text-transform:uppercase;margin-bottom:4px;margin:0 0 10px 0}
p{margin:0 0 10px 0;line-height:20px;color:#333}

a:link{color:#1c8a7c;text-decoration:none}
a:visited{color:#1c8a7c;text-decoration:none}
a:hover{color:#ef903d;text-decoration:none}
a:active{color:#ef903d;text-decoration:none}

h1 a:link{color:#df6903;text-decoration:none}
h1 a:visited{color:#df6903;text-decoration:none}
h1 a:hover{color:#ef903d}
h1 a:active{color:#ef903d}

h2 a:link{color:#df6903;text-decoration:none}
h2 a:visited{color:#df6903;text-decoration:none}
h2 a:hover{color:#ef903d}
h2 a:active{color:#ef903d}

h3 a:link{color:#000;text-decoration:none}
h3 a:visited{color:#000;text-decoration:none}
h3 a:hover{color:#ef903d}
h3 a:active{color:#ef903d}

/* Content */
#content{overflow:hidden;margin-bottom:30px}
#content .container{overflow:hidden}
#main ul{margin:0 0 10px 30px !important}
#main ul li{line-height:18px;margin-bottom:0 0 4px 0}
#main ul ul{margin:0 0 10px 50px !important}

/* Tables */
table{margin:0 0 10px 0}
table td{vertical-align:top;padding:0 10px 0 0}

/* Content */
#container{clear:both;overflow:hidden}

/* Spotlight */
.nonav{background:url(images/bg_spotlight.png) no-repeat center top;padding-bottom:0px;padding-top:35px}

/* Main */
#main{width:580px;float:left;margin-right:50px}
#main .text:first-child{background:url(images/bg_title.png) no-repeat left bottom;padding:0 0 14px 0;margin-bottom:20px}
#main .text:first-child h1{margin:0}
#main .text:first-child h2,
#main .text:first-child p{font-size:20px;text-transform:uppercase;line-height:23px}
#main .text{width:600px}
#page-home .text{width:auto !important}

/* Sidebar */
#sidebar{width:300px;float:left}
#sidebar h2{margin:0 0 10px 0}
#sidebar h2{display:block;background:url(images/bg_title_orange.png) no-repeat left center;font-size:12px;color:#fff;font-weight:normal;padding:0px 0 10px 13px;line-height:32px;text-decoration:none;text-transform:uppercase;letter-spacing:1px}
#sidebar h2 a{color:#fff}
#sidebar .text{margin-bottom:30px}
#sidebar .box .container{overflow:hidden}

/* Columns */
.cols2{clear:both}
.cols2 .col{float:left;}
.cols2 .col1{width:200px}
.cols2 .col2{width:400px}

/* Frontpage */
#page-home #main{width:615px;margin-right:35px}

#page-home .cols4{clear:both;margin-bottom:20px}
#page-home .cols4 .col{float:left;width:140px;margin-right:18px}
#page-home .cols4 .col4{margin-right:0 !important}
#page-home .cols4 .image{margin-bottom:5px}
#page-home .cols4 h3{text-transform:uppercase;margin-bottom:4px}
#page-home .cols4 p{margin-bottom:3px;line-height:18px}

	/* Document */
	#page-home #document{padding-top:124px;position:relative}
	#page-home #document .image{position:absolute;top:0;z-index:1;margin:7px 0 0 7px}
	#page-home #document .bubble{position:absolute;top:0;display:block;background:url(images/bubble.png) no-repeat;width:140px;height:117px;z-index:2}

	/* Spotlight */
	#spotlight{border-top:1px solid #ccc;padding:15px 0 13px 0}
	#spotlight .image{text-align:center}

	/* Note */
	#page-home .cols2{border-top:1px solid #ccc;padding-top:25px}
	#page-home .cols2 h2{text-transform:uppercase;line-height:26px !important;font-size:28px !important}
	#page-home .cols2 .text{background:none !important}
	#page-home .cols2 h2 em{color:#1c8a7c;font-style:normal}
	#page-home .cols2 .col1{width:220px}
	#page-home .cols2 .col2{border:1px solid #ccc;padding:15px 17px 6px 17px;width:358px;position:relative;margin-top:5px}
	#page-home .cols2 .col2 h3{margin-bottom:5px}
	#page-home .cols2 .tip{position:absolute;width:16px;height:18px;background:url(images/tip.png) no-repeat;top:60px;left:-16px}

/* News */
#news h2{background-image:url(images/bg_title_green.png) !important}
#news .date{color:#1c8a7c;font-size:12px;margin:0;font-weight:bold}
#news .title a{color:#000;text-decoration:none;padding:3px 0;line-height:16px}
#news a:hover{color:#ef903d}

	/* Article */
	#news-article .date{margin:0;color:#666}
	
/* Documents */
#documents .item{overflow:hidden;margin-bottom:20px;padding-bottom:20px;border-bottom:1px dotted #ddd}
#documents img{float:left;margin:0 20px 0px 0}
#documents p{margin:0 0 5px 0}

/* Blog titles */
#page-home #blog-titles{margin-bottom:20px}
#page-home #blog-titles img{float:left;margin-right:10px}
#page-home #blog-titles .meta{color:#df6903;font-size:15px;margin:0 0 2px 0;text-transform:uppercase}
#page-home #blog-titles h3{color:#000;font-size:18px;margin:0 0 3px 0}
#page-home #blog-titles .ingress a{color:#df6903;text-decoration:none;font-weight:bold}

#blog h2{font-size:24px;padding:0;margin-left:50px}
#blog h2 a{color:#000 !important}
#blog .meta{color:#df6903;font-size:15px;margin:0 0 2px 50px !important;text-transform:uppercase}
#blog .authorImage{float:left;margin-right:10px}
#blog .post{margin-bottom:40px}

#blog-titles .meta{color:#df6903;font-size:12px;font-weight:bold;margin:0 0 0px 0px !important;text-transform:uppercase}
#blog-titles h3{padding-top:0}

/* Form */
form label{font-weight:bold;display:block}
form .field-required{color:#666;font-weight:normal}
form input[type=text]{font-size:14px;border:1px solid #aaa;width:250px;padding:4px 5px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
form textarea{font-size:14px;border:1px solid #aaa;width:300px;height:200px}
form .field-postinumero{width:70px !important}
form .field-tekijanoikeus-suojaa-luovaa-tyota,
form .field-tekijanoikeuden-loukkaukset{width:30px !important}
form .field-mita-sinun-tulisi-tietaa-lastesi-internetin-kaytosta{width:30px !important}
form .field-tunnista-piraatti-cddvd{width:30px !important}

/* FAQ */
#faq h2{margin-top:20px}
#faq h3{margin-top:15px;text-transform:none;font-weight:bold;font-size:13px;}
#faq h3 a{padding-right:10px;background:url(images/faq-arrow.png) no-repeat right center}
#faq h3 a.opened{background:url(images/faq-arrow-down.png) no-repeat right center;padding-right:12px}
#faq .answer{display:none;margin-left:30px}

/* No results */
.no-results{border:1px solid #ddd;background:#eee;-webkit-border-radius:5px;padding:7px 10px}

/* Pagination */
.pagination{list-style:none;text-align:center;clear:both;margin:12px 0 12px 0;padding:10px 0 0 0}
.pagination li{display:inline}
.pagination a,
.pagination span{padding:2px 7px;font-size:14px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-decoration:none}
.pagination .prev{border-right:1px solid #ccc;margin-right:5px;padding-right:5px}
.pagination .next{border-left:1px solid #ccc;margin-left:5px;padding-left:5px}
.pagination .current a{color:#000;font-weight:bold;background:#df6903;color:#fff}
.pagination .disabled span{color:#ccc}

/* Search */
.form-search{margin-bottom:20px}
#form-search{margin-bottom:30px}
.form-search #q{width:220px;padding:3px 5px;margin-right:5px;float:left}
.form-search .submit{
	color:#fff;
	text-transform:uppercase;
	border:0;
	padding:3px 13px 4px 13px;
	font-size:14px;
	height:25px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	background:#ccc;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ddd),color-stop(1, #bbb));
	background-image: -moz-linear-gradient(center top,#ddd 0,#bbb 100%);
	cursor:pointer;
}
.form-search .submit:hover{
	background:#bbb;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ccc),color-stop(1, #aaa));
	background-image: -moz-linear-gradient(center top,#ccc 0,#aaa 100%);
}
.form-search .submit:active{
	background:#aaa;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #aaa),color-stop(1, #ccc));
	background-image: -moz-linear-gradient(center top,#aaa 0,#ccc 100%);
}

#search-results h3{margin:0 0 3px 0;text-transform:none}
#search-results h3 a{color:#1c8a7c}
#search-results h3 a:hover{color:#ef903d}
#search-results .item{margin-bottom:15px}

/* Twitter */
#twitter h2{background-image:url(images/bg_title_twitter.png);}
#twitter p a:link{color:#00b0ed;}
#twitter p a:visited{color:#00b0ed;}
#twitter p a:hover{color:#009ed5;}
#twitter p a:active{color:#0086b4;}