html {height:100%;}
body {background:#d9d9d9 url(/img/body.gif) center top repeat-y;text-align:center;font-size:76%;font-family:'Trebuchet MS',Arial,sans-serif;height:100%;}
* {margin:0;padding:0;}
a {text-decoration:none;}
ul {list-style:none;}

#wrapper {width:960px;margin:0 auto;text-align:left;position:relative;min-height:100%;background:#fff url(/img/bg.jp) right 62px no-repeat;}
* html #wrapper {height:100%;}

/* ----------  HEADER  ---------*/

.homelink {float:left;font:2em Georgia,serif;color:#444;margin:14px 10px 0 0;letter-spacing:-2px;font-weight:bold;background:url(/img/leaf.gif) right center no-repeat;padding-right:40px;}
.date {float:left;font:1em Georgia,serif;color:#444;margin-top:23px;padding-left:6px;letter-spacing:-1px;border-left:1px solid #ddd;}

#header {height:60px;background:#eee;border-bottom:2px solid #333;padding:0 18px;}
#header #menu {float:right;margin-top:23px;}

#header ul li {display:inline;text-transform:uppercase;}
#header ul li a {font-size:1em;color:#333;font-weight:bold;padding:0 4px;}
#header ul li a:hover {color:#F29422;}

#container-main {width:936px;padding:30px 12px 0 12px;}

#content {float:right;width:540px;padding-bottom:25em;padding-right:24px;}

#back {float:left;clear:both;text-align:right;width:100%;border-top:1px #ddd solid;margin-top:24px;padding-top:2px;}


/* ----------  TYPOGRAPHY  --------- */

#home h1 {float:left;text-indent:-9999px;}

#content h1 {float:lef;clear:both;font:2.8em 'Times New Roman',Georgia,serif;color:#444;margin-bottom:8px;line-height:30px;letter-spacing:-2px;font-weight:bold;}
#content h2 {font-size:1.3em;font-weight:bold;margin:20px 0 6px 0;clear:both;}
#content h3 {font-size:1em;font-weight:bold;margin:10px 0 0px 0;clear:both;}

#back a {background:url(/img/back.gif) 0 center no-repeat;padding-left:18px;margin-left:6px;font-size:1.1em;color:#004276;}
#back a:hover {background:url(/img/back.gif) 0 center no-repeat -1px 0;color:#555;}

#copyright {font-size:1em;color:#bbb;font-weight:normal;}
#copyright a {text-decoration:none;color:#bbb;}

h1 a {color:#77A6D2;}
h2 a, h3 a {color:#2f2f2f;}

#container-main p {margin-bottom:6px;font-size:1.1em;color:#141414;line-height:1.6em;word-spacing:1px;}
#container-main p a {color:#004276;padding-left:10px;background:url(/img/arrow.gif) 0 center no-repeat;}
#container-main p a:hover {color:#222;background:#f4f4f4 url(/img/arrow.gif) 0 center no-repeat;}

a:hover {color:#333;}
.info {margin-top:30px;color:#242424;background:#E0E6F6;text-align:center;clear:both;}

.path {float:left;font:.9em Verdana;text-transform:uppercase;letter-spacing:2px;color:#999;margin-bottom:4px;}
.path a {font-weight:bold;color:#CC3300;}
.path a:hover {background:#eee;}


/* ----------  TABLES / LISTS ----------*/

table {float:left;width:550px;margin-bottom:20px;clear:both;}
table td {vertical-align:top;}

#content ul li {font-size:1.1em;color:#444;}

#content ul li ul li {margin-left:25px;font-size:1em;}
#content ul li ul li ul li {margin-left:25px;}
#content ul li a {font-weight:normal;color:#77A6D2;}
#content ul li a:visited {color:#555;}
#content ul li a:hover {color:#555;}

ol#aanestys-tulokset {font-weight:bold;margin:0 0 20px 20px;font-size:1.1em;color:#444;}
ol#aanestys-tulokset li {margin-bottom:6px;}

ul.kategoriat {margin:0 0 40px 0;}
ul.kategoriat li {margin:0 0 7px 19px;list-style-image:url(/img/bullet.gif);list-style-type:disc;}
ul.kategoriat li a {font-weight:normal;color:#5786b2;}
ul.kategoriat li a:visited {color:#5786b2;}
ul.kategoriat li a:hover {color:#555;}

.home-list ul li {padding-top:4px;}
.home-list ul a {font-size:1.2em;color:#888;}
.home-list ul a:visited {color:#888;}
.home-list ul a:hover {color:#555;}

ul.linklist {margin:10px 0 30px;float:left;clear:both;}
ul.linklist li {border-bottom:1px solid #eee;padding:8px 0 8px;width:520px;}
ul.linklist li a {font-weight:bold;color:#77A6D2;}
ul.linklist a:visited {color:#888;}
ul.linklist a:hover {color:#555;}
ul.linklist p {margin:0;font-size:1em}
ul.linklist li img {margin:0 0 0 -3px;}

ul.details {width:100%;}
ul.details li {margin-bottom:2px;border-bottom:1px solid #f1f1f1;}
ul.details em {font-size:1em;font-style:normal;font-weight:bold;color:#77A6D2;margin-right:6px;}


/* ----------  IMG ----------*/

img {border:none;}

#phototable img {background:#f1f1f1;border:none;padding:4px;height:73px;width:110px;}
#phototable img:hover {background:#ddd;}

img.photos {background:#eee;border:none;padding:4px;height:80px;width:120px;}
img.photos:hover {background:#fff;}

.recommended {float:left;width:185px;height:64px;background:url(img/recommended.jpg) no-repeat;padding-bottom:15px;text-indent:-9999px;}
.stars {float:left;clear:both;background:url(/img/star.gif) repeat-x;text-indent:-9999px;margin-bottom:20px;}
.s1 {width:16px;} .s2 {width:32px;} .s3 {width:48px;} .s4 {width:64px;}

/* ----------  ADSENSE ----------*/

#content-ad {float:left;width:340px;margin-bottom:20px;padding-bottom:25em;}
#content-ad img {width:316px;height:177px;background:#eaeae8;padding:10px;}
#ad2 {float:left;width:336px;height:280px;backgroun:#eee;margin-top:20px;padding-top:20px;border-top:2px solid #ddd;}


/* ---------- HOMERANDOM ----------*/

#sidebar {float:left;width:250px;height:250px;border-right:1px solid #eee;padding-bottom:25em;padding-right:25px;}

#random {float:right;width:596px;padding-bottom:25em;padding-right:25px;}

#random h2 {clear:both;font:1.6em Georgia,'Times New Roman',serif;word-spacing:-1px;color:#004276;margin-bottom:6px;font-weight:bold;}
#random h2.maintitle {font-size:2.2em;}
#random h2 a {color:#004276;}
#random h2 a:hover {color:#333;}

#random p {float:left;font-size:1.1em;color:#141414;line-height:1.6em;word-spacing:1px;margin-bottom:24px;}
#random p img {float:left;clear:both;height:88px;border:1px solid #eaeae8;padding:3px;margin:6px 9px 0 0;}
#random p a {float:left;clear:both;}

hr {clear:both;width:100%;margin-bottom:10px;color:#eee;background-color:#eee;height:2px;border:0;}


/* ----------  POLL ----------*/

#poll {float:left;margin-bottom:20px;border-bottom:1px solid #eee;width:100%;padding-bottom:12px;}
#poll h2 {font:1.6em Georgia,'Times New Roman',serif;word-spacing:-1px;color:#004276;margin-bottom:6px;font-weight:bold;}
#poll h3 {font-size:1.1em;font-weight:normal;margin-bottom:6px;}

#poll input {font:1em Georgia,serif;margin-top:4px;padding:0 10px;}

.aani {font-size:1.1em;margin:2px 0 6px 0;}
.palkki {margin:0px 0 6px 0;}
.aanestanyt {font-size:1.1em;color:#444;margin-top:8px;}

#poll p a {float:left;margin-top:6px;}

/* ----------  FOOTER ----------*/

#footer {clear:both;float:left;width:100%;position:relative;text-align:center;height:21em;margin-top:-21em;}
#footerwrap {width:948px;margin:0 auto;text-align:left;border-top:2px solid #333;padding-left:12px;}
#footerwrap h3 {font-size:1em;color:#004276;}
#footerwrap h3 a {color:#004276;}
.footer-list {float:left;width:147px;margin:10px 10px 0 0;}
.footer-list ul li {padding-top:3px;}
.footer-list ul a {font-size:1em;color:#444;}
.footer-list ul a:visited {color:#444;}
.footer-list ul a:hover {color:#777;}

.footer-home {float:left;font:1.4em Georgia,serif;color:#444;letter-spacing:-2px;font-weight:bold;margin-top:20px;}
#footerwrap p {float:left;font-size:1em;color:#555;margin-top:2px;}
#footerwrap p a {color:#004276;font-weight:normal;}

#footerwrap label {font-size:.9em;color:#666;}
#footerwrap input {background:#eee;border:1px solid #ccc;margin-bottom:3px;font-size:.9em;display:block;color:#333;}
#footerwrap input.newsletter {width:135px;margin-bottom:6px;}

/* ----------  MISC ----------*/

#ill {margin:0 20px 10px 0;float:left;clear:both;text-align:center;}
#ill img {display:block;margin-top:15px;}
#ill p {font-weight:bold;color:#78A1D5;float:left;clear:both;font-size:1em;}

#home #navi-home a, #gear-guides #navi-gear-guides a, #gear-reviews #navi-gear-reviews a, #destinations #navi-destinations a,
#photos #navi-photos a, #links #navi-links a {background:#F29422;}

#home #navi-home a:hover, #gear-guides #navi-gear-guides a:hover, #gear-reviews #navi-gear-reviews a:hover,
#destinations #navi-destinations a:hover, #photos #navi-photos a:hover, #links #navi-links a:hover {background:#F29422;cursor:default;color:#333;}

html {overflow:-moz-scrollbars-vertical;}