/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; }
ol, ul { list-style: none; }
a img { outline: 0; border: 0; }

/* Body & divs */
html { background-color: #e6e7e8; }
body { background: #fff url(../images/bg_top.jpg) repeat-x; font-family: "Times New Roman", Times, serif; font-size: 16px; color: #333; text-align: center; }

#container { width: 100%; max-width: 960px; margin: 0 auto; text-align: left;}
#header { width: 100%; min-height: 110px; padding-top: 40px; background: url(../images/bg_header.jpg) no-repeat top right; margin-top: -30px;}
#header img { margin-left: 40px; } /* logo */
#menu { width: 100%; min-height: 65px; padding-top: 15px; }
#main { width: 46%; }
#extras { width: 31%; }
#main, #extras { min-height: 100%; padding-right: 4%; padding-bottom: 2em; float: left; }
.extras_item { margin-top: 20px; padding-top: 20px; border-top: 1px solid #069; }
.extras_item_tight { padding-top: 22px; border-top: 1px solid #069; }

.extras_item a {
	text-decoration: none;
}
.extras_item a:hover {
	text-decoration: underline;
}

#banners { width: 15%; height: 100%; float: right; }
#footer{ width: 100%; height: 100%; padding: 40px 0; background: #e6e7e8 url(../images/bg_footer.gif) repeat-x top; }
#footercontainer { width: 100%; max-width: 960px; height: 100%; margin: 0 auto; text-align: left; }

#newmag { width: 440px; height: 100%; }
#newmag_cover { width: 142px; height: 192px; padding: 0 38px 20px 0; float: left; }
#newmag_cover img { border: 1px solid #e2e3e1; }
#newmag_info { width: 260px; height: 100%; padding-top: 40px; float: right; text-align: center; }

#webmagazine_article_read_also { clear: both; text-align: right; }
#articlesummary , .new_article_list, #webmagazine_article_feedback_link { margin-top: 20px; padding-top: 40px; border-top: 1px solid #4d8e0b; }

#articlesummary ul {
	list-style: none;
}

.new_article_list:first-child {
	border: 0;
	padding-top:0;
}

.bannerSeparator { height: 10px; }
/* index.html specific */
#index-content { width: 680px; height: 220px; padding: 80px 140px; background: url(../images/index_tai.gif) no-repeat center 190px; }
#magazine, #archive { width: 300px; height: 385px; text-align: center; }
#magazine { float: left; }
#archive { float: right; }

/* Text elements */
h1, h2, h3, h4 { font-weight: normal; }

h1.magazine_header {
	font-size:30px;
	line-height:40px;
}

#main h2 { color: #333; }
#extras h2 { color: #069; padding-left: 0px; /*background: url(../images/kotus.gif) no-repeat center left;*/ }

#extras h2.newsbigheader {
	background-position: left 17px;
	border-top:1px solid #006699;
	padding-top:10px;
	margin-top: 10px;
}
#extras h2.newsbigheader:first-child {
	background-position: left center;
	border-top: none;
	padding-top:0;
	margin-top:0;
}

h1 { color: #4d8e0b; font-size: 24px; margin-bottom: 7px; line-height: 30px; }

h1 span.public_article {
	font-size:80%;
	color:#000;
}

h2  { font-size: 22px; margin-bottom: 7px; line-height: 30px; }
h3, h4 { color: #333; font-size: 20px; margin-bottom: 7px; line-height: 23px; }
p { font-size: 16px; margin-bottom: 10px; }
.newsdate { margin-bottom: 0; }
.newsheader { margin-bottom: 5px; font-size: 18px; }
#main ul, #main ol { margin: 0 0 18px 15px; }
blockquote { padding: 0 30px; }
a:link, a:visited  { color: #069; }
a:hover { text-decoration: underline; }
a.read_more_small:hover { text-decoration: underline; }
.new_article_read_more a, .read_more a { padding: 4px 0 5px 30px; color: #4d8e0b; text-decoration: none; }
.new_article_read_more a { background: url(../images/raquo_green.gif) no-repeat center left; }
.new_article_read_more a:hover { text-decoration: underline; }
.read_more a { background: url(../images/raquo_blue.gif) no-repeat center left; }
.read_more a:hover { color: #069; text-decoration: none; }
.newsheader a { color: #333; text-decoration: none; }
.newsheader a:hover { color: #069; text-decoration: none; }

img.author, img.section, img.photographer {
	margin-right:10px;
}


#articlesummary a, p.articlelist a { padding: 0 0 0 30px; background: url(../images/raquo_green.gif) no-repeat center left; color: #4d8e0b; text-decoration: none; }

ul.articlelist {
	padding:0;
	margin: 20px 0 0 0 !important;
	list-style: none;
}

ul.articlelist li {
	background: url(../images/raquo_green.gif) no-repeat top left;
	margin: 4px 0;
	padding-left: 30px;
}

ul.articlelist li.section {
	background: none;
	padding-left: 0;
	font-weight:bold;
	margin-top: 8px;
}

ul.articlelist li a {
	background: none !important;
	padding: 0 !important;
	color: #4d8e0b;
	text-decoration: none;
}
ul.articlelist li a:hover {
	text-decoration: underline;
}


#articlesummary a:hover, p.articlelist a:hover  { color: #4d8e0b; text-decoration: underline; }
a#link_arkisto { width: 300px; height: 175px; margin-bottom: 37px; display: block; text-indent: -9999px; background: url(../images/link_arkisto.gif) no-repeat; }
a#link_arkisto:hover { background: url(../images/link_arkisto_act.gif) no-repeat; }
.addthis_toolbox { }
.error { font-weight: normal; color: #000; }
.writer, .photographer , .section { font-size: 14px; margin-bottom: 0; }
/* index.html specific */
a#to_mag, a#to_arch { width: 300px; height: 175px; margin-top: 20px; display: block; text-indent: -9999px; }
a#to_mag { background: url(../images/index_lehteen.gif) no-repeat; }
a#to_mag:hover { background: url(../images/index_lehteen_act.gif) no-repeat; }
a#to_arch { background: url(../images/index_arkistoon.gif) no-repeat; }
a#to_arch:hover { background: url(../images/index_arkistoon_act.gif) no-repeat; }

/* Navigation */
li.menu { display: inline; font-size: 18px; }
li.menu a { float: left; text-decoration: none; outline: none; padding-right: 40px; background: url(../images/bg_menu.gif) no-repeat center right; }
li.menu:last-child a { background: none; }
li.menu a:hover , a.menu_open { color: #4d8e0b; text-decoration: none; }
a.menu_close { color: #333; }

/* General */
.clear { clear: both; }
.a-right { text-align: right; }
table td { vertical-align: top;font-size:16px; }

/* Form */
textarea, input, select, option, .feedback, .fieldtext { font-family: "Times New Roman", Times, serif; font-size: 16px; }
input.wide { width: 100%; }
p.formtitles { margin: 10px 0 0 0; }

/* Kielikello top articles */
table#top_article_table { width: 100%; }
table#top_article_table td { vertical-align: top; }
table#top_article_table td.yearchange { font-weight: bold; }
table#top_article_table td.remove { width: 85px; text-align: right; }

/* Uutiskategoriat */
div.news_container {
	margin-bottom: 10px;
}

div.news_date {
	font-size: 12px;
}

div.news_header {
	font-weight: bold;
	margin: 3px 0;
}

div.news_container a {
	text-decoration: none;
}

div.news_container a:hover {
	text-decoration: underline;
}

/* 11.10.2011 */
ol, ul {
	padding: 10px;
	list-style:decimal;
}

ol li, ul li {
	margin:6px 0;
}

/* Print Style */
@media print { 
	body { background: none !important; }
	#wrapper { clear: both !important; display: block !important; float: none !important; position: relative !important; }
	#header { border-bottom: 2pt solid #000; padding-bottom: 18pt; }
	#container, #header, #footer { margin: 0; width: 100%; }
	#content { margin: 24pt 0 0; width: 100%; }
	.wp-caption p { font-size: 11pt; }
	img { display: none !important; }
}

a.menu_open, a.menu_close{
	position:relative;
}

a.menu_open span, a.menu_close span{
    display: none;
}

a.menu_open span#span_verkkokielikello, a.menu_close span#span_verkkokielikello{
	width: 380px;
}

a.menu_open span#span_arkisto, a.menu_close span#span_arkisto{
	width: 280px;
}

a.menu_open:hover span, a.menu_close:hover span {
	font-size: 14px;
    border: #000 1px dotted;
    padding: 10px 20px 10px 10px;
    display: block;
    z-index: 100;
    background-color: #ededed;
    left: 10px;
    margin: 10px;
    position: absolute;
    top: 15px;
    text-decoration: none;
	color: #000;
	-webkit-border-radius: 10px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius: 10px;
	-moz-border-radius-topleft: 0;
	border-radius: 10px;
	border-top-left-radius: 0;
}

div#user_actions{
	height: 30px;
	text-align:right;
}

ul#user li{
	list-style-type: none;
	float:right;
	margin-left: 20px;
}

div#keywordletters a{
	font-size: 18px;
	padding-right: 7px;
	display:inline-block;
	width: 15px;
}

div#archive_links a{
	font-weight: bold;
	font-size: 16px;
}

h3#kotus a{
	text-decoration: none;
	color: #c00;
}

h3#kotus a:hover{
	
}


table.taulukko{
	font-family: "Times New Roman", Times, serif;
	border-collapse:collapse;
}

table.taulukko td{
	padding: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
}

table.taulukko tr td{
	border-bottom: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
}

table.taulukko tr td:last-child{
	border-right: none;
}

table.taulukko tr:nth-child(even) {background: #eee; color: #666;}
table.taulukko tr:nth-child(odd) {background: #fff; color: #666;}

table.taulukko tr:first-child td {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	border-bottom: 2px solid #939393;
}

p.extrainfo{
	background-color: #f8f8f8;
	border: 1px solid #cfcfcf;
	color: #333;
	padding: 15px;
}


@font-face {
      font-family: 'kielikello';
      src: url('../font/kielikello.eot?78239552');
      src: url('../font/kielikello.eot?78239552#iefix') format('embedded-opentype'),
           url('../font/kielikello.woff?78239552') format('woff'),
           url('../font/kielikello.ttf?78239552') format('truetype'),
           url('../font/kielikello.svg?78239552#kielikello') format('svg');
      font-weight: normal;
      font-style: normal;
    }
     
     
    .font-icon
    {
      font-family: "kielikello";
      font-style: normal;
      font-weight: normal;
      speak: none;
     
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      margin-right: .2em;
      text-align: center;
      /* opacity: .8; */
     
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
     
      /* fix buttons height, for twitter bootstrap */
      line-height: 1em;
     
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin-left: .2em;
     
      /* You can be more comfortable with increased icons size */
      /* font-size: 120%; */
     
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
     
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }

a.menu-toggle{display: none; border: 1px solid #aaa; padding: 10px 6px 8px 6px; color: #aaa; font-size: 24px; line-height: 24px; height: 24px; width: 34px; text-align: center; text-decoration: none;}