@charset "utf-8";
#allspace { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 100%; margin: 0px; padding: 0px; }
#contentarea { max-width: 55em; margin-left: auto; margin-right: auto; margin-top: 0px; padding-left: 3px; padding-right: 3px; }
body,td,th {
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;/**/
	/*font-family: 'Duru Sans', sans-serif; font-size: 90%; letter-spacing: -0.03em;*/
}
caption, h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto:700', Arial, Helvetica, sans-serif; /**/
}
body {
	background: #bad3f8; /*background-image: url(riverdrive_web_bg_top.jpg);  background-repeat: no-repeat; background-position: center 0px; background-attachment: fixed; */
	margin:0; padding:0; color: #000; 
	font-size: 16px;
}
/* -------- old iphone portrait -----------  */
@media screen and (max-width: 320px) and (max-device-width: 320px) {
body { font-size: 24px; }
}
/* -------- old iphone landscape-----------  */
@media screen and (min-width: 321px) and (max-width: 480px) and (max-device-width: 320px) {
body { font-size: 24px; }
}
/* -------- smartphones 480 -----------  */
@media screen and (min-width: 321px) and (max-device-width: 480px) {
body { font-size: 24px; }
}
@media screen and (min-width: 321px) and (max-device-width: 480px) and (orientation:landscape) {
body { font-size: 14px; }
}
/* --------- ipad portrait -------------  */
@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
body { font-size: 16px; }
}
/* --------- ipad landscape -------------  */
@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
#body { font-size: 16px; }
}
/* -------- large screen ( 1440px or more) -----------  */
@media screen and (min-width: 1440px) {
body { font-size: 18px;; }
}
#toplogo { clear: both; margin: auto; margin-top: 0px; text-decoration: none; } 
#toplogo a { border: 0px; text-decoration: none; }
#uusimmat { float: right; margin-left: 1em; padding: 5px; background: #eef; }
#menu { margin-right: 5em; margin-bottom: 1em; } /*float: right; */
#menu a { margin-right: 2em; }
#adscontainer { float: right; clear: right; margin-left: 0.7em; margin-top: 0.5em; }
#help_lang_menu  a { margin-right: 0.5em; background-color: rgba(186,211,248,0.8); }
h1, h2, h3, h4, h5, h6 { margin-top: 0px; font-family: 'Roboto'; }
h4 { margin-bottom: 0em; }
img { max-width: 100%; } /* no image is wider than screen or container */
.narrow { max-width: 270px; display: block; }
.img_r { float: right; clear: right; margin-left: 1em; margin-bottom: 1em; margin-top: 0.25em; width: 650px;
 -webkit-box-shadow: -1px 2px 7px #026; box-shadow: -1px 2px 7px #026; }
.img_l { float: left; clear: left; margin-right: 1em; margin-bottom: 1em; margin-top: 0.25em; width: 650px;
 -webkit-box-shadow: -1px 2px 7px #026; box-shadow: -1px 2px 7px #026; }
.img_l2 { max-width: 100%;
 -webkit-box-shadow: -1px 2px 7px #026; box-shadow: -1px 2px 7px #026; }
.imgBox { float: left; clear: left; margin-right: 1em; margin-bottom: 2em; margin-top: 0.25em; position: relative; text-align:right; max-width: 100%; }
.imgBox img { position: relative; }
.overImgTxt { position: absolute; bottom: 1.2em; right: 1em; padding: 2px; }
.oITblack { color:#000; text-shadow: 1px 2px 3px #fff; background:rgba(255,255,255,0.2); }
.oITwhite { color:#fff; text-shadow: 1px 2px 3px #000; background:rgba(0,0,0,0.3); }
.listaus p { padding: 5px; background: #eef; margin-top: 0px; margin-bottom: 5px; display: block; } 
#pkirja p { text-indent: 2em; margin-top: 0em; margin-bottom: 0.1em; }
#pkirja h4 { margin-top: 2em; }
#pkirja .ekarivi { text-indent: 0em; margin-bottom: 0.1em; }
.allekirjoitus { float: right; display: inline-block; text-align: right; margin-left: 2em; margin-top:1em; font-style: italic; margin-bottom: 2em; }
caption { text-align: left; font-weight: bold;  }
th { padding-right: 1em; text-align: left; }
#sponsors { margin-top:1.5em; padding: 1em; padding-bottom: 2em; background: #888; color: #fff; text-align: center; clear: both; }
#sponsors h3 { margin-top:-0.5em; margin-bottom: 0.1em; font-size: 48px; text-shadow: 1 1 8 rgba(0,0,0,1); text-align: left; clear:left; }
#sponsors a { margin-left: 0.7em; margin-right: 0.7em; }