/* HEADER */

#header {
    background-color: #000;		
}

#headernavigation {
	margin-left: auto;
	margin-right:auto;		
	max-width:980px;		
}

.toplogo {
	border:0;	
}

.topnav {
    background-color: #000;
    overflow: hidden;
}

.topnav .toplogo {
	width:150px;
}

.topnav .mobilemenu {
	font-size: 25px;
}


.topnav a {
    float: left;
    display: block;
    color: #FFFFC0;
    text-align: center;			    
    padding: 14px 12px;
    text-decoration: none;
    font: 600 11px/1.2 'Open Sans', Verdana, Helvetica, sans-serif;
    letter-spacing:1px;
	text-transform: uppercase;			    
}

.topnav a:not(:first-child) {
    margin-top:10px;
}

.topnav a:last-child {
    margin-top:5px;
}

.topnav a:hover:not(:first-child):not(:last-child) {
    background-color: #EFF2E7;
    color: black;
}

.active {
}

.topnav .icon {
    display: none;
}		

@media screen and (max-width: 980px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 980px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}					















/* CONTAINER */

#container {
	width:100%;
    max-width: 980px;
    margin: 0 auto;
}
















/* SIDEBAR */


#sidebar {
	margin: 15px 0px;
	width:300px;
    float:left;
}

#sidebar .latest .latest_otsikko {
	text-transform: uppercase;
	margin-left: 20px;
	margin-bottom: 20px;
	text-align:center;
	font: 700 16px/1.2 'Roboto', Verdana, Helvetica, sans-serif;	
}

#sidebar .latest {
	padding-left:25px;
	color:#000;	
	font-size: 12px;
}

#sidebar .latest a {
	text-decoration:none;
	color:#131822;
}

#sidebar .element {
	display: flex;
	margin-bottom:22px;
		
}

#sidebar .element .otsikko {
	vertical-align:top;
	padding:10px 10px;
	font: 400 11px/1.2 'Roboto', Verdana, Helvetica, sans-serif;	
	letter-spacing:1px;
}

#sidebar .element .kategoria {
	width:25px;
	vertical-align:middle;
	float:left;
	font-size:35px;
	margin-left:5px;
	margin-right:15px;
	padding:10px 10px;	
	color: #627AAC;
}

#sidebar .element .kategoria a {
	color: #627AAC;
}

#sidebar .element .ajankohta {
	float:left;
	display:none;
	vertical-align:middle;
	padding:10px 10px;	
	color: #131822;
	text-transform: uppercase;
	font: 400 11px/1.2 'Roboto', Verdana, Helvetica, sans-serif;	
	letter-spacing:1px;	
}
















/* CONTENT */

#content {
	margin: 15px 0;
	width:100%;
	max-width: 680px;
	float:left;
}


@media screen and (max-width: 980px) {
	#content {	
		max-width:980px;
	}	
}





/* ARTIKKELI */

#artikkeli .main_image {
	width:100%;	
	height: auto;
}

#artikkeli .main_image_source {
	text-align:right;
	font: 400 10px/1.2 'Roboto', Verdana, Helvetica, sans-serif;	
	letter-spacing:2px;
	margin-bottom: 10px;
}

#artikkeli .julkaisuaika {
	font: 400 12px/1.2 'Roboto', Verdana, Helvetica, sans-serif;	
	letter-spacing:2px;	
	margin-bottom: 10px;	
}

#artikkeli .otsikko {
	font: 400 27px/1.2 'Roboto', Verdana, Helvetica, sans-serif;
	margin-bottom: 17px;	
}

#artikkeli .teksti {
    font: 200 15px/1.6 'Open Sans', Verdana, Helvetica, sans-serif;
}

#artikkeli .teksti a {
	color:#000;
}

#artikkeli .youtube {
	margin: 20px 0;	
}

#artikkeli .teksti img {
	max-width:100%;	
}

#artikkeli .teksti figure img {
	max-width:100%;	
}

#artikkeli .teksti figure {
	width:100%;
	padding:0;
	margin:25px 0;	
}

#artikkeli .teksti figcaption {
	font: 400 10px/1.2 'Roboto', Verdana, Helvetica, sans-serif;
	letter-spacing:2px;
	margin-left:5px;
}

#artikkeli .jakonappulat {
	margin-top:25px;
	margin-bottom:25px;
	max-width:680px;
	width:100%;
}

#artikkeli .jakonappulat a {
	float:left;
	margin-left: 15px;	
	text-decoration:none;
	text-align:center;	
	width: 25%;	
}

#artikkeli .jakonappulat a .nappula {
	border-radius: 4px;	
	padding:15px 15px;	
	font: 400 23px/1.2 'Roboto', Verdana, Helvetica, sans-serif;		
}

#artikkeli .jakonappulat a:first-child {
  margin: 0;
}

#artikkeli .jakonappulat a .nappula:hover{
	opacity: 0.6;
}

#artikkeli .artikkeli_avainsanat {
	font: 700 14px/2.0 'Roboto', Verdana, Helvetica, sans-serif;
	letter-spacing:4px;	
	margin-left:5px;	
}

#artikkeli .artikkeli_avainsanat a {
	font-size:12px;
	font-weight:400;
	letter-spacing:2px;		
	text-decoration:none;
	white-space:nowrap;
	color:#000;
	margin-right:5px;
}

#artikkeli .artikkeli_avainsanat a:hover {
	font-weight:700;
}

.highfi {
    margin-top:25px;
	font: 700 14px/2.0 'Roboto', Verdana, Helvetica, sans-serif;
	letter-spacing:4px;	
	margin-left:5px;  
}






/* ETUSIVU */

#etusivu {
	width:100%;
}

#etusivu .etusivu_elementti {
	display:inline-block;
	vertical-align:top;
	width:calc(50% - 10px);	
	padding:5px 5px;
}

#etusivu .etusivu_elementti_otsikko {
	margin: 5px 0;
	font: 400 22px/1.2 'Roboto', Verdana, Helvetica, sans-serif;	
}

#etusivu .etusivu_elementti_otsikko a {
	text-decoration:none;
	color:#000;
}

#etusivu .etusivu_elementti_alaotsikko {
	margin-bottom: 15px;
	font: 200 13px/1.2 'Roboto', Verdana, Helvetica, sans-serif;	
}

#etusivu .etusivu_elementti_alaotsikko a {
	text-decoration:none;
	color:#000;	
}

#etusivu .etusivu_elementti_genre {
	margin-top:0px;
	vertical-align:top;
	background-color:#ACACAC;
	font: 400 11px/1.2 'Roboto', Verdana, Helvetica, sans-serif;	
	letter-spacing:3px;
	color:#FFF;
	text-align:right;
	text-transform:uppercase;
	margin-bottom:10px;
	padding:5px;
}

#etusivu .etusivu_elementti img {
	width:100%;	
	margin-bottom:0px;
	display: block;
	border:0;
}

@media screen and (max-width: 980px) {
	#etusivu .etusivu_elementti {
		display:inline-block;
		vertical-align:top;		
		width:calc(50% - 10px);		
		padding:5px 5px;
	}	
}

@media screen and (max-width: 440px) {
	#etusivu .etusivu_elementti {
		width:100%;	
		padding:5px 0;
	}	
}

#etusivu #etusivu_navigaatio {
	margin-top:25px;
	margin-bottom:25px;
	width:100%;
	height:auto;
}	

#etusivu #etusivu_navigaatio .nappula {
	border-radius: 4px;	
	background-color:#dfe4ee;
	text-transform:uppercase;
	padding:15px 15px;
	width: calc(100%-30px);	
	font: 700 23px/1.2 'Open Sans', Verdana, Helvetica, sans-serif;	
	letter-spacing:2px;
	margin: 10px 0;
	text-align:center;	
}
	
	
#etusivu #etusivu_navigaatio i {
	font-size: 60px;
	color: #627AAC;
	vertical-align:middle;
}		

#etusivu #etusivu_navigaatio a {	
	vertical-align:middle;
	text-decoration:none;
	color:#000;
}

#etusivu #etusivu_navigaatio a:first-child i {	
	margin-left:25px;
}

#etusivu #etusivu_navigaatio a:nth-child(2) {	
	margin-bottom:10px;
}
#etusivu #etusivu_navigaatio a:nth-child(2) i {	
	margin-right:25px;
}




/* TAGIT */

#tagi {

}

#tagi h1 {
	color:#FFF;
	letter-spacing:2px;
	text-transform: uppercase;
	padding:15px;
	background-color: #ACACAC;
	font: 700 23px/1.2 'Roboto', Verdana, Helvetica, sans-serif;
	margin-top:0;			
}

#tagi img {
	display: block;
	margin: 0 0;	
}

.tagikuva {
	width:100%;
	margin: 0 0;	
}

#tagiotsikot {
	width:100%;
	max-width: 680px;	
	margin: 10px 0;			
}

#tagiotsikot ul {
	width:100%;
    list-style-type: none;
    margin: 0;
    padding: 0;	
}

#tagiotsikot li {
	float:left;
	font: 200 13px/1.5 'Roboto', Verdana, Helvetica, sans-serif;
	letter-spacing:2px;
	margin: 10px 0;			
}

ul li:nth-child(6n+6) {  
	margin-top: 55px !important;
}

#tagiotsikot a {
	text-decoration:none;
	color: #627AAC;
}




/* COOKIES */

#evasteet {
	margin-bottom: 45px;	
}

#evasteet h1 {
	margin-top:0;
	margin-bottom:25px;
}

#evasteet p {
	font: 200 13px/1.5 'Open Sans', Verdana, Helvetica, sans-serif;
}


	
/* FOOTER */


#footer {
	background-color: #EFF2F7;	
}

#footer ul {
    list-style: none outside none;
    margin: 0 auto;
    max-width: 980px;
    overflow: hidden;
    padding: 5px 0;
    position: relative;
    width: 95%;
}
#footer ul li {
    float: left;
    max-width:500px;
    padding: 5px 15px;
}
#footer h4 {
	text-transform: uppercase;		
    color: #826B47;
	font: 400 24px/1.2 'Roboto', Verdana, Helvetica, sans-serif;
    margin-bottom: 20px;
}
#footer p {
	color: #826B47;
    font: 200 14px/1.6 'Open Sans', Verdana, Helvetica, sans-serif;	
}
#footer a {
    color: #000;
}
#footer a i {
	margin-top:10px;
	font-size:55px;
	margin-right:20px;
	color: silver;	
}
#footer a:hover {
    border-color: #FFDD00;
}			



/* MAINOKSET */

#adslot_header_2 {
	width:980px;
	margin: 0 auto;
	text-align:center;	
}
#adslot_header_2_inner {
	display:block;
	float:none;
	position:relative;
	text-align:center;
	margin-top: 15px;
	margin-bottom: 10px;	
}

#adslot_header_3 {
	width:300px;
	margin: 0 auto;	
	text-align:center;	
}
#adslot_header_3_inner, #adslot_content_3_inner, #adslot_content_5_inner {
	display:block;
	float:none;
	position:relative;
	text-align:center;
	margin-top: 10px;
	margin-bottom: 5px;	
}