body {background:#181614 url(/img/bg/body.png);font:13px/20px Arial,sans-serif;color:#444;}

* {margin:0;padding:0;}
img, form fieldset {border:none;}
:focus {outline:0;}
p, blockquote, ul, ol {margin:20px 0;}
ul {list-style-type:none;}


/*
LAYOUT - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#wrapper {width:960px;margin:0 auto;background:#F9FAF5 url(/img/bg/wrapper.jpg);}
#mainContent {float:right;width:480px;padding:0 40px 20px 0;}
#secondaryContent {float:left;width:320px;padding:0 0 20px 40px;color:#666;font-size:12px;}


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

.logo {position:absolute;left:40px;bottom:20px;width:197px;height:80px;text-indent:-9999px;}

#header {width:960px;margin:0 auto;height:120px;position:relative;background:url(/img/bg/header.jpg) no-repeat;}
#header ul {position:absolute;bottom:24px;right:20px;}
#header li {display:inline;font-size:12px;}
#header li a {color:#EAEFE0;padding:1px 6px;margin-left:6px;background:#3D4530;background:rgba(255,255,255,0.1);text-shadow:rgba(0,0,0,0.6) 0 1px 0;text-decoration:none;float:left;}
#header li a:hover {background:#616F4E;background:rgba(255,255,255,0.2);}

#etusivu #navi-etusivu, #vaellusvarusteet #navi-vaellusvarusteet, #vaelluskohteet #navi-vaelluskohteet, #vaelluskertomuksia #navi-vaelluskertomuksia, #arvostelut #navi-arvostelut, #vinkkeja #navi-vinkkeja, #linkkeja #navi-linkkeja, #vaelluskuvia #navi-vaelluskuvia {background:#839164;color:#fff;}

#fb {position:absolute;right:0;top:0;font-size:11px;line-height:30px;float:left;background:url(/img/bg/fb.png) 100% -1px no-repeat;text-shadow:rgba(0,0,0,0.6) 0 1px 0;}
#fb a {text-inden:-9999px;displa:block;float:right;widt:137px;height:40px;padding-right:140px;font-weight:normal;text-decoration:none;color:#606F3E;}
#fb:hover {background-position:100% 0;}
#fb a:hover {color:#606F3E;text-decoratio:underline;}


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

#footer {clear:both;height:60px;font-size:11px;text-shadow:rgba(0,0,0,0.6) 0 1px 0;padding:40px 40px 20px 40px;position:relative;color:#444;background:url(/img/bg/footer.jpg) no-repeat;}
#footer a {color:#666;text-decoration:none;border-bottom:1px dotted #333;font-weight:normal;}
#footer a:hover {color:#777;border-color:#555;}

#footer ul {float:left;}
#footer li {display:inline;margin-right:8px;}
#footer p {float:right;}


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

h1,h2,h3 {font-family:'Arial Black',Arial,sans-serif;}
h1 {font-size:22px;color:#323825;letter-spacing:-1px;text-shadow:rgba(0,0,0,0.2) 0 1px 1px;}
h2,h3 {margin:30px 0 -10px;}
h2 {font-size:16px;color:#666;clear:both;background:url(/img/bg/h2.png) no-repeat 0 50%;padding-left:30px;margin-left:-30px;}
h2 a {color:#3F4931;text-decoration:none;}
h2 a:hover {color:#333;}
h3 {font-size:16px;color:#989F8B;clear:both;}
#secondaryContent h3 {background:url(/img/bg/h2.png) no-repeat 0 50%;padding-left:30px;margin-left:-30px;}
h3 a {color:#333;text-decoration:none;}
h3 a:hover {color:#666;}

a {font-weight:bold;color:#606F3E;}
a:hover {color:#414F22;}

p strong {font-weight:normal;}
p#ingress {font-size:14px;}

.breadcrumbs {font-size:11px;margin:0;color:#ccc;}
.breadcrumbs a {font-weight:normal;text-decoration:none;color:#ccc;background:url(/img/bg/breadcrumbs-a.png) no-repeat 100% 50%;padding-right:12px;}
.breadcrumbs a:hover {color:#999;}

table tr {vertical-align:top;}
table td {padding-right:40px;}
table#kulutus {margin-top:20px;text-align:center;}
table#kulutus tr {background:#DBDFD1;}
table#kulutus td {background:#E8EBE4;padding:0 20px;}

#small {font-size:12px;margin-bottom:10px;}

/* img */
p img, #intro img, #kuvia img, .nostot img {background:#ddd url(/img/bg/noise.png);padding:5px;}
p img {float:left;margin:0 20px 10px 0;}
p img.imgRight {float:right;margin:0 0 10px 20px;}

/* lists */
#intro {background:url(../img/bg/line.jpg) no-repeat;float:left;}
#intro li {float:right;width:230px;font-size:12px;margin:20px 0;display:inline;vertical-align:top;}
#intro li.odd {clear:both;float:left;margin-right:20px;}
#intro li h2 {font-size:16px;}
#intro li h3 {font-size:14px;margin-top:10px;}
#intro li h3 a {color:#666;}
#intro img {margin:0 0 -15px;width:220px;height:100px;}

ul.ul li {background:url(/img/bg/ul.png) no-repeat 0 6px;padding-left:14px;}

#brands li {display:inline;}


/*
ETUSIVU - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#introImg {width:960px;height:340px;position:relative;margin-top:-40px;text-shadow:rgba(0,0,0,0.4) 1px 1px 0;margin-bottom:20px;}

#introContent {position:absolute;left:40px;bottom:20px;width:500px;}
#introImg h1 {color:#eee;font-size:22px;text-shadow:rgba(0,0,0,0.4) 1px 1px 0;}
#introImg p {color:#eee;font-size:15px;margin-top:10px;}

#etusivu #mainContent h3 {font-size:20px;color:#999;}

.isoKuva {position:absolute;right:40px;bottom:40px;color:#999;font-size:12px;padding:2px 4px 2px 20px;background:#090909 url(/img/bg/isoKuva.png) no-repeat 4px 50%;text-decoration:none;}
#kuva .isoKuva {position:fixed;right:20px;bottom:30px;background-image:url(/img/bg/takaisin.png);}
.isoKuva:hover {color:#bbb;}


/*
KUVIA - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#vaelluskuvia #intro .moreBtn {margin-top:20px;}

#kuvia {width:500px;float:left;margin:20px 0;}
#kuvia li {float:left;}
#kuvia img {margin:0 5px 1px 0;width:110px;height:73px;}
#kuvia img:hover {background:#CACFB5;}


/*
ARVOSTELUT - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#intro li ul li {margin:0;display:block;float:left;}
#arvostelut #intro>li {width:480px;margin-bottom:0;}
#arvostelut #intro li h2 {margin:0 0 0 -30px;padding-left:30px;}
.nostot {width:230px;}
.nostot li {clear:both;}
#intro .nostot img, .nostot img {height:40px;width:40px;float:left;display:block;margin:0 10px 20px 0;}
#etusivu .nostot li {padding:10px 0;}
#etusivu .nostot img {margin-bottom:10px;}
#etusivu .nostot  {width:320px;}
.nostot .tahdet {margin:0;display:block;float:none;margin-left:60px;}

#tietoa li {display:block;background:url(/img/bg/line.jpg) no-repeat 0 100%;font-size:12px;color:#666;}
#tietoa li strong {margin-right:4px;}
#tietoa li a {font-size:11px;margin-left:4px;color:#777F67;}
.tahdet {float:left;background:url(/img/bg/tahti.png) repeat-x;text-indent:-9999px;margin-top:20px;height:20px;}
.s1 {width:16px;} .s2 {width:32px;} .s3 {width:48px;} .s4 {width:64px;} .s5 {width:80px;}
.author {clear:both;color:#aaa;font-size:11px;}
#arvostelut #intro h2 {padding:0;margin-left:0;}

.column {float:left;width:230px;}
.column.right {float:right;}


/*
WIDE - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.wide #header {heigh:80px;padding-bottom:-40px;}
.wide #wrapper {width:960px;background:#FAFBF5 url(../img/bg/wide-wrapper.jpg);margin:-40px auto 0px auto;padding-top:40px;z-index:99;position:relative;}
.wide #footer {clear:both;height:60px;font-size:11px;text-shadow:rgba(0,0,0,0.6) 0 1px 0;padding:20px 40px 20px 40px;position:relative;color:#444;background:url(/img/bg/footer.jpg) 0 -20px no-repeat;}
.wide #wrapper #mainContent {float:left;width:880px;padding:0 40px 40px 40px;}

.wide h1 {text-alig:center;font-size:32px;}
.wide #ingress {text-alig:center;font-size:20px;margin-bottom:0px;width:480px;}


/*
VERTAILU - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#navigation {position:absolute;right:40px;top:20px;list-style-type:none;}
#navigation li {display:inline;float:left;color:#888;}
#navigation li h2 {background-image:none;padding:0;margin:0;}
#navigation li h2 a {background:#E2E3DE;color:#888;font-size:18px;font-family:Arial,sans-serif;padding:4px 6px;text-decoration:none;margin-left:10px;}
#navigation a:hover {color:#777;}
#navigation li.tabs-selected a {color:#fff;background-color:#839164;text-shadow:0 1px 1px rgba(0,0,0,0.5);}

.tabs-hide {display:none;}
.tabs-container {clear:both;float:left;widt:440px;}

.header {background:#333 url(../img/bg/tableHeader.png) no-repeat 100% 50%;padding:6px 20px 6px 10px;border-right:1px dotted #2C2F26;}
.headerSortDown {background-image:url(../img/bg/tableHeaderSortDown.png);background-color:#555;}
.headerSortUp {background-image:url(../img/bg/tableHeaderSortUp.png);background-color:#555;}

tr.odd {background:rgba(0,0,0,0.1);}
tr:hover {backgroun:#EEEF95;}

table.vertailu {width:880px;margin:40px 0 0px 0;border-collapse:collapse;}
table.vertailu thead th {color:#fff;text-alig:left;font-size:14px;cursor:pointer;}
table.vertailu td {padding:2px 10px;background:rgba(0,0,0,0.05);font-size:14px;}
table.vertailu thead th:hover {background-color:#484848;color:#fff;}
table.vertailu em {font-size:11px;font-style:normal;color:#aaa;display:block;}
table.vertailu p {font-size:10px;font-style:normal;color:#777;margin:0;width:200px;}

.col-3 {width:880px;list-style:none;}
.col-3>li {width:270px;float:left;margin-left:35px;list-style:none;backgroun:#E6F3D9;paddin:19px;borde:1px solid #D1DFC3;color:#666;}
.col-3>li:first-child {margin-left:0;}
.col-3 li h3 {}
.col-3 li h3 img {vertical-align:middle;margin-right:2px;}

.col-3>li li {width:270px;float:left;margin-lef:30px;font-siz:11px;list-style:none;}
.col-3>li p img {float:left;margin:0 10px 10px 0;}

#ad-vertailu {position:absolute;right:80px;top:40px;width:400px;heigh:60px;borde:1px dotted #aaa;font-size:11px;color:#777;}


/*
LINKKEJA - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.linkkihakemisto li {border-bottom:1px solid #eee;padding:10px 0 9px;}
.linkkihakemisto li a:visited {color:#666;}
.linkkihakemisto p {margin:0;font-size:12px;color:#999;}
.linkkihakemisto img {margin-left:2px;}


/*
SIVUKARTTA - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#sivukartta ul {margin-top:0;}
#sivukartta ul li {margin-left:20px;font-size:12px;list-style-type:square;color:#999;}
#sivukartta ul li li {margin-left:20px;font-size:11px;list-style-type:square;color:#bbb;}


/*
KOMMENTIT - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#comments {clear:both;float:left;padding-top:0px;margin-top:20px;background:url(../img/bg/line.jpg) no-repeat;font-size:12px;list-style-type:none;}
#comments ul {}
#comments li {padding-top:20px;list-style-type:none;color:#666;font-weight:bold;}
#comments span {font-size:11px;color:#bbb;display:block;font-weight:normal;}
#comments span.error {font-size:11px;color:red;display:inline;font-weight:bold;}
#comments p {font-weight:normal;margin:10px 0;}

#closed {background:#E6E9E1;}


/*
ADS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#ad {width:290px;text-align:center;background:#ECEDE9;background:rgba(0,0,0,0.05);border:1px solid #D9DFD1;padding:20px 15px;margin-bottom:40px;float:left;}
#ad img {display:block;margin:0 0 10px 55px;}
#ad a {text-decoration:none;color:#666;display:block;}
#ad a {font-weight:normal;margin:0;}
#ad a strong {font-weight:bold;text-decoration:underline;color:#2200C1;}
#ad a:hover {color:#444;}
#ad a:hover strong {}

.ad-banner-1 {margin:20px 0;}

#adBox {float:left;width:420px;background:#F9FFDF url(../img/bg/adBox.jpg);border:1px solid #ddd;padding:20px 60px 0 40px;margin:40px 0 40px 60px;}
#adBox h4 {font-size:14px;color:#444;background:url(../img/bg/h4.png) no-repeat 0 50%;font-weight:normal;margin-left:-20px;padding-left:20px;}
#adBox h4 strong {font-size:24px;display:block;}
#adBox p {font-size:11px;color:#777;margin-top:-10px;}
#adBox strong {font-size:17px;color:#444;font-family:'Arial Black',Arial,sans-serif;}
#adBox ul {width:340px;list-style-type:square;margin-left:20px;}
img.adExample {float:right;backgroun:#eee;borde:1px solid #ddd;margin:-10px 60px 20px -160px;}

.wide strong {font-weight:bold;}
.wide h2 {margin-bottom:20px;}

#adAction {clear:both;background:#363A29;color:#FAFBF5;text-align:center;padding:10px 20px;font-size:17px;}
#adAction a {color:#fff;text-decoration:none;border-bottom:2px solid #888F74;}
#adAction a:hover {border-color:#777;}


/*
FORMS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

form {margin-top:20px;}
form input, form select, form textarea {width:200px;background:#fff;border:1px solid #ddd;color:#666;font:13px Arial,sans-serif;padding:3px;margin-bottom:16px;display:block;}

form textarea {width:440px;overflow:auto;padding:9px;height:160px;line-height:20px;margin-bottom:16px;}
form input:focus, form textarea:focus {background:#fff;border-color:#ccc;}

form label {color:#666;font-size:12px;}
form label em {color:#999;font-style:normal;}
.required {color:#FF0052;font-weight:bold;}
form button {cursor:pointer;border:0;font:bold 13px Arial,sans-serif;}

span.req {font-weight:bold;color:#CF0F00;}


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

.moreBtn, button {display:inline-block;color:#fff;padding:2px 17px 2px 8px;text-decoration:none;background:#839164 url(../img/bg/moreBtn.png) no-repeat 100% 50%;font-weight:bold;text-shadow:rgba(0,0,0,0.4) 0px 1px 1px;margin:-2px 0;}
.moreBtn:hover, button:hover {background-color:#707F4F;color:#eee;}

.send, .back {display:inline-block;padding:2px 8px;background:#DBDFD1;font-size:11px;color:#415F06;margin:-3px 10px -3px 0;border:1px solid #B6CE9D;text-shadow:none;}
.send:hover, .back:hover {border-color:#819F45;background-color:#DBDFD1;color:#344F00;}

.moreBtn, button, #intro img, .isoKuva, #introImg, #kuvia img, p img, #navigation a {-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
#ad, #adBox, #adAction {-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;}
#header li a {-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:3px;border-top-right-radius:3px;}