/*------------------------------------------------*/
/*------------------[BASE STYLES]-----------------*/
/*------------------------------------------------*/
body { margin: 0px; padding: 0px 0px 0px 0px; color: #413f36; background-color:#f4efd6; background-image: url(images/bg.jpg); font-family: Arial; font-size: 12px; line-height: 22px; }
a:link, a:visited { text-decoration: none; color: #413f36; }
a:hover { color: #726f61; }
a { outline: none; }
h1 { margin: 0px 0px 10px 0px; font-weight: normal; font-size: 24px; }
h2 { margin: 0px 0px 10px 0px; font-weight: normal; font-size: 23px; }
h3 { margin: 14px 0px 10px 0px; font-weight: normal; font-size: 22px; }
ul { list-style-image: url(images/bullet.gif); line-height: 23px;}
blockquote { overflow: auto; padding: 0 10px; margin: 20px 30px; background-color: #ddd5ba; border: 1px solid #c7bea0; }


/*------------------------------------------------*/
/*------------------[MAIN LAYOUT]-----------------*/
/*------------------------------------------------*/
.headings { width: 221px; display: block; height: 35px; font-weight: bold; color: #413f36; font-weight: bold; font-style: italic; font-family: Georgia; font-size: 18px; padding-left: 20px; padding-top: 10px; clear: both; background-image: url(images/arrow-1.gif); background-repeat: repeat-x; background-position: bottom; }
.headings2 { width: 400px; display: block; height: 35px; font-weight: bold; color: #413f36; font-weight: bold; font-style: italic; font-family: Georgia; font-size: 18px; margin-left: 20px; padding-top: 10px; clear: both; background-image: url(images/arrow-1.gif); background-repeat: repeat-x; background-position: bottom; }
.headings3 { width: 400px; display: block; height: 35px; font-weight: bold; color: #413f36; font-weight: bold; font-style: italic; font-family: Georgia; font-size: 18px; margin-left: 0px; padding-top: 10px; clear: both;  background-image: url(images/arrow-1.gif); background-repeat: repeat-x; background-position: bottom; }
#bodywrap { width: 100%; float: left; background-image: url(images/bg-23.jpg); background-repeat: no-repeat; background-position: top center; padding: 56px 0px 0px 0px;}
#bottom-bg { width: 100%; float: left;  padding-bottom: 90px;}
#wrapper2 { width: 950px; margin: auto; margin-top:180px; }
#content { width: 950px; float: left;  }
#content2 { width: 950px; float: left; background-image: url(images/content-bg.jpg); background-repeat: repeat-y; background-position: left; margin-left:40px; }
.post-wrapper { width: 636px; margin-top: 15px; }
.rule { clear: both; border-top: 1px solid #eeeedd; width: 636px; margin: 15px 0px; float: left; }
.home-wrapper { width: 736px;}
.home-left { width: 539px; float: left; padding: 10px 0px 0px 15px;   background-image: url(images/arrow-2.gif);background-repeat: repeat-y; background-position: right; }
.home-post-wrap { width: 482px; background-image: url(images/arrow-1.gif); background-repeat: repeat-x; background-position: bottom; padding: 0px 19px 19px 0px; margin-bottom: 19px; }
.home-post-wrap-kuvat { width: 432px; background-image: url(images/arrow-1.gif); background-repeat: repeat-x; background-position: bottom; padding: 0px 19px 19px 19px; margin-bottom: 19px; }
.home-post-wrap-listaus { width: 432px; background-image: url(images/arrow-1.gif); background-repeat: repeat-x; background-position: bottom; padding: 0px 19px 19px 19px; margin-bottom: 19px; margin-left: 30px; }
.home-post-wrap-2 { width: 636px; border-bottom: 1px solid #eeeedd; padding: 15px 0px; }
.home-post-wrap-3 { width: 636px; border-bottom: 1px solid #eeeedd; padding: 0px; }
.cat-post-wrap { background-image: url(images/arrow-1.gif); background-repeat: repeat-x; background-position: bottom; padding: 19px 19px 19px 19px; margin-bottom: 19px; }
.single-post-wrap { padding: 19px 30px; }
.single-post-wrap p{ margin-left:30px; }
.single-post-wrap a:link, .single-post-wrap a:visited { text-decoration: none; }
.home-right { width: 241px; float: left; }
.readmore { width: 69px; height: 27px; font-size: 12px; font-weight: bold; color: #fff !important; padding: 2px 0px 0px 12px; background-image: url(images/readmore-bg-1.jpg); float: right; margin-right: -16px; margin-bottom: -16px; }
.katsokuvat { width: 79px; height: 27px; font-size: 12px; font-weight: bold; color: #fff !important; padding: 2px 0px 0px 12px; background-image: url(images/readmore-bg-1.jpg); float: right; margin-right: -16px; margin-bottom: -16px; }


.readmore:hover { font-style: italic; }
.thumbnail-div { background-color: #ddd5ba; border: 1px solid #c7bea0; padding: 4px; float: left; margin-right: 20px; margin-top: 15px; }
.isokuva-div { background-color: #ddd5ba; border: 1px solid #c7bea0; padding: 4px; float: left;margin-left:30px; margin-bottom:30px;clear:both; font-style:italic;}
#container { width: 950px; }
#left-div {  width: 852px; float: left; margin: 0px 8px 0px 80px ; }
#left-div2 {  width: 602px; float: left; margin: 0px 8px; }
.adwrap { margin-left: 9px; float: left; position: relative; }
.adwrap a, .adwrap a:hover, .adwrap a:visited { margin-right: 5px; margin-bottom: 5px; display: block; float: left; }
.home-sidebar-box { width: 211px; padding: 15px; float: left; clear: both; background-image: url(images/arrow-1.gif); background-repeat: repeat-x; background-position: bottom; }
.home-sidebar-box ul { margin: 0px 0px 15px 15px; padding-left: 0px; float: left; }
.thumbnail-div { border: 1px solid #e7e7d4; float: left; margin-right: 10px; padding: 6px; display: inline; }
.post-info { float: left; clear: both; margin-left: -39px; }
.post-info-listaus { float: left; clear: both; margin-left: 10px; }
.post-info-single { float: left; clear: both; margin-left: -50px; text-decoration: none; }
.post-info-single a:link { text-decoration: none; }
.logo { width: 950px; height: 65px; margin: auto; }
.logo-image { border: none; float: left; margin-right: 20px; }
.slogan { background: #b6665b; font-size: 24px; color: #fff; float: left; text-transform: lowercase; padding: 10px 5px 0px 10px; height: 36px; background-image: url(images/slogan-bg.jpg); font-family: Georgia; font-style: italic; margin-top: 3px; }
.current-category { background-color: #ddd5ba; border: 1px solid #c7bea0; padding: 5px; display: block; margin: 17px 0px 10px 16px; width: 609px; }
.post-date { float: left; display: block; font-size: 18px; color: #fff; font-family: Georgia; padding: 7px 0px 0px 12px; margin-left: 48px; margin-top: 10px;height: 29px; width: 100px; background-image: url(images/date-bg-2uusi.gif); }
.post-date-taide { float: left; display: block; font-size: 18px; color: #fff; font-family: Georgia; padding: 7px 0px 0px 12px; margin-left: 48px; margin-top: 10px;height: 29px; width: 120px; background-image: url(images/date-bg-taide-pitka.gif); }
.post-date-ohje { float: left; display: block; font-size: 18px; color: #fff; font-family: Georgia; padding: 7px 0px 0px 12px; margin-left: 48px; margin-top: 10px;height: 29px; width: 100px; background-image: url(images/date-bg-ohje.jpg); }
.post-date-ohje-taustaa { float: left; display: block; font-size: 18px; color: #fff; font-family: Georgia; padding: 7px 0px 0px 12px; margin-left: 48px; margin-top: 10px;height: 29px; width: 190px; background-image: url(images/date-bg-ohje-taustaa.jpg); }
.post-date-muistot { float: left; display: block; font-size: 18px; color: #fff; font-family: Georgia; padding: 7px 0px 0px 12px; margin-left: 48px; margin-top: 10px;height: 29px; width: 100px; background-image: url(images/date-bg-muistot.jpg); }
.post-date-kuvat { float: left; display: block; font-size: 18px; color: #fff; font-family: Georgia; padding: 7px 0px 0px 12px; margin-left: 48px; margin-top: 10px;height: 29px; width: 100px; background-image: url(images/date-bg-kuvat.jpg); }

.post-author {float: left; color: #413f36; font-size: 12px;  margin: 18px 8px 8px 22px; }

/*------------------------------------------------*/
/*---------------------[TITLES]-------------------*/
/*------------------------------------------------*/
.titles a:link, .titles a:visited, .titles a:active { text-decoration: none; font-size: 20px; font-family: Georgia; margin-top: 10px; color: #6a909f; float: left; margin-bottom: 15px; clear: both; }
.post-title { margin: 24px 0px 15px 0px; color: #413f36; float: left; font-size: 36px; line-height: 40px;  text-decoration: none; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;display: block; background-image: url(images/arrow-1.gif); background-position: bottom; background-repeat: repeat-x; text-decoration: none;}
.post-title-2 { margin: 0px 0px 15px 0px; color: #413f36; font-size: 25px; font-weight: normal; line-height: 28px; float: left; font-family: Georgia; font-style: italic;}
.post-title-2 a { margin: 15px 0px; color: #413f36; font-size: 25px; font-weight: normal; line-height: 28px; float: left; font-family: Georgia; font-style: italic;}
.post-title a:link, .post-title a:hover, .post-title a:visited { margin: 0px 0px 10px 0px; color: #413f36; float: left; font-size: 36px; line-height: 40px; font-weight: bold; display: block; background-image: url(images/arrow-1.gif); background-position: bottom; background-repeat: repeat-x; text-decoration: none; }




/*------------------------------------------------*/
/*-----------------[COMMENT FORM]-----------------*/
/*------------------------------------------------*/
#commentform { margin: 10px 0px 0px 20px; }
#commentform textarea { background: #ddd5ba; border: 1px solid #c7bea2; width: 350px; padding: 10px; }
#commentform #email { font-size: 13px; background: #ddd5ba; border: 1px solid #c7bea2; width: 235px; height: 20px;  padding-left: 15px; padding-top: 6px; margin-bottom: 3px; }
#commentform #author { font-size: 13px; background: #ddd5ba; border: 1px solid #c7bea2; width: 235px; height: 20px;  padding-left: 15px; padding-top: 6px; margin-bottom: 3px; }
#commentform #url { font-size: 13px; background: #ddd5ba; border: 1px solid #c7bea2; width: 235px; height: 20px;  padding-left: 15px; padding-top: 6px; margin-bottom: 3px; }
#respond #submit { margin-bottom: 20px; }


/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 12px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }



/*------------------------------------------------*/
/*-------------------[SIDEBAR]--------------------*/
/*------------------------------------------------*/
#sidebar { float: right; width: 280px; margin-bottom: 40px;  }
		.sidebar-box-wrap { float: left; margin-bottom: 15px; width: 273px; padding: 6px 6px 6px 0px; background-color: #ddd5ba; border-right: 1px solid #c7bea2; border-bottom: 1px solid #c7bea2; border-top: 1px solid #c7bea2; }
		.sidebar-box { width: 242px; padding: 0px 15px 8px 15px; float: left; border-right: 1px solid #c7bea2; border-bottom: 1px solid #c7bea2; border-top: 1px solid #c7bea2; background-image: url(images/sidebar-bg.jpg); }
		.sidebar-box-ads { width: 272px; padding: 0px 0px 8px px; float: left; border-right: 1px solid #c7bea2; border-bottom: 1px solid #c7bea2; border-top: 1px solid #c7bea2; background-image: url(images/sidebar-bg.jpg); }
		.sidebar-box-title-ads { font-size: 18px; color: #FFF; padding: 9px 0px 0px 20px; margin: 0px 0px 2px 0px; float: left; font-size: 18px; font-family: Georgia; background-image: url(images/sidebar-h2-bg.jpg); width: 277px; height: 50px;  position: relative; clear: both; }
				.sidebar-box ul li { margin: 5px 3px 3px 5px; clear: both; }
				
				.sidebar-box ul { list-style-image: url(images/bullet.gif); clear: both; margin-left: 0px; padding-left: 20px; margin-top: 0px; padding-top: 0px; clear: both; }
				.sidebar-box-title { font-size: 18px; color: #FFF; padding: 9px 0px 0px 20px; margin: 0px 0px 2px 0px; float: left; font-size: 18px; font-family: Georgia; background-image: url(images/sidebar-h2-bg.jpg); width: 277px; height: 50px; margin-left: -15px; position: relative; clear: both; }
				.sidebar-box ul li a:link, .sidebar-box ul li a:visited { padding-right: 23px; } 
				.sidebar-box ul li a:hover { background-image: url(images/link-arrow.gif); background-repeat: no-repeat; background-position: top right; color: #413f36; } 
#connect { width: 270px; height: 54px; background-image: url(images/connect-bg.jpg); float: left; padding-top: 46px; padding-left: 10px; margin-top: -46px;   }
#connect2 { width: 270px; height: 54px; float: left; padding-top: 46px; padding-left: 10px; margin-top: -46px;   }
.icon { float: left; margin-left: 5px; border: none; }
.sidebar-box div { float: left; }

/*------------------------------------------------*/
/*---------------[FEATURED ARTICLES]--------------*/
/*------------------------------------------------*/
.titles-featured a, .titles-featured a:hover, .titles-featured a:visited, .titles-featured, .post-title a:link, .post-title a:hover, .post-title a:visited { margin: 5px 0px 5px 0px; color: #413f36; float: left; font-size: 32px; line-height: 40px;   font-style: italic; font-family: Georgia;}
.titles-featured a, .titles-featured a:hover, .titles-featured a:visited, .titles-featured { width: 362px; }
.featured-line { width: 382px; float: left; clear: both; background-image: url(images/arrow-1.gif); height: 2px; margin-bottom: 10px;}
.featured-thumb { border: none; }
.featured-thumb-wrapper { width: 85px; height: 85px; background-color: #ddd5ba; border: 1px solid #c7bea0; padding: 4px; float: left; margin-right: 15px; margin-top: 7px; }
.featured-block2 { width: 410px; height: 267px; margin-right: 22px; margin-left: 38px; margin-bottom: 37px; background-color: #ddd5ba; border: 1px solid #c7bea2; padding: 7px; float: left; }
.featured-block { width: 410px; height: 267px; margin-right: 0px; margin-bottom: 37px; background-color: #ddd5ba; border: 1px solid #c7bea2; padding: 7px; float: left; }
.featured-block-inside { width: 364px; height: 230px; border: 1px solid #c7bea2; background-image: url(images/bg-darker.jpg); padding: 12px 22px 22px 22px; position: relative; }
.featured-date { font-size: 18px; font-family: Georgia; color: #fff; display: block; background-image: url(images/date-bg.gif); width: 131px; height: 36px; padding: 7px 0px 0px 27px; position: absolute; margin: -42px 0px 0px -53px; }
.featured-readmore { width: 84px; height: 25px; font-size: 14px; font-weight: bold; color: #fff !important; padding: 4px 0px 0px 13px; background-image: url(images/readmore-bg-1.jpg); float: right; margin-right: -22px; margin-top: 1px; }
.featured-readmore:hover { font-style: italic; }

/*------------------------------------------------*/
/*--------------------[FOOTER]--------------------*/
/*------------------------------------------------*/
#footer { background-image: url(images/footer-bg.jpg); width: 100%; float: left; padding-bottom: 20px; }
#footer-inside { background-image: url(images/footer-top.jpg); background-repeat: repeat-x; background-position: top; width: 100%; float: left; padding-top: 50px; }
#footer-inside-2 { width: 950px; margin: auto; }
.footer-bottom { padding: 14px 0px 10px 0px; float: left; width: 100%; background-image: url(images/footer-bottom-bg.gif); background-color: #312e24; background-repeat: repeat-x; background-position: top; text-align: right; }
.footer-bottom-inside { width: 950px; margin: auto; color: #d4ca92; }
.footer-bottom-inside a { color: #fff; }
.footer-box { width: 290px; float: left; margin-right: 13px; margin-left: 13px; color: #d4ca92; }
.footer-box h3 { background-color: #312e24; border: 1px solid #4d4632; padding: 5px 10px; color: #fff; font-size: 20px; font-weight: bold; float: left; clear: both; margin-bottom: 20px; }
.footer-box ul { margin: 0px; padding: 2px 0px 0px 0px; clear: both; float: left; background-image: url(images/footer-arrow.gif); background-position: top; background-repeat: repeat-x;}
.footer-box li { margin: 0px; padding: 0px; background-image: url(images/footer-arrow.gif); background-position: bottom; background-repeat: repeat-x; padding: 7px; display: block; float: left; width: 270px; }
.footer-box li a:link, .footer-box li a:hover, .footer-box li a:visited { color: #d4ca92; padding-left: 20px; background-image: url(images/footer-bullet.gif); background-repeat: no-repeat; }
.footer-box a { color: #d4ca92; }



/*------------------------------------------------*/
/*-------------------[PAGE NAVI]------------------*/
/*------------------------------------------------*/
.wp-pagenavi { margin: 0px 0px 15px 15px; }
.wp-pagenavi a, .wp-pagenavi a:link { padding: 5px 7px; margin: 2px; text-decoration: none; border: 1px solid #c7bea0; color: #413f36; background-color: #ddd5ba; }
.wp-pagenavi a:visited { padding: 5px 7px; margin: 2px; text-decoration: none; border: 1px solid #c7bea0; color: #413f36; background-color: #ddd5ba; }
.wp-pagenavi a:hover { border: 1px solid #558475; color: #FFF; background-color: #6b9e8e; }
.wp-pagenavi a:active { padding: 5px 7px; margin: 2px; text-decoration: none; border: 1px solid #c7bea0; color: #413f36; background-color: #ddd5ba; }
.wp-pagenavi span.pages { padding: 5px 7px; margin: 2px 2px 2px 2px; color: #000000; border: 1px solid #c7bea0; color: #413f36; background-color: #ddd5ba; }
.wp-pagenavi span.current { padding: 5px 7px; margin: 2px; font-weight: bold; border: 1px solid #558475; color: #FFF; background-color: #6b9e8e; }
.wp-pagenavi span.extend { padding: 5px 7px; margin: 2px; border: 1px solid #558475; color: #FFF; background-color: #6b9e8e; }


.muisto{font-family:Georgia, Arial;}
.kuvatekstit{font-family:Georgia, Arial;}
.kirjoittaja {text-align:right; margin-right:20px; margin-top:26px;}
.kirjoittaja_muisto {text-align:right; margin-right:20px; margin-top:26px; font-family:Georgia, Arial;font-style:italic;}
