/*
Theme Name: Pastel Beauty
Theme URI: http://www.csstemplateheaven.com
Description: A colorful theme with lots of nice details. For blog, business or magazine sites.
Author: Dieter Schneider
Author URI: http://www.csstemplateheaven.com
Version: 1.1
*/
@import url('style_browser_reset.css');
/*================================================================
Typography and links
==================================================================*/

a {color: #aa0000; text-decoration: none} /* global links */

/* text styles */
p {padding: 0px 0 20px}
strong {font-weight: 700}
em {font-style: italic}
blockquote {margin: 0 20px 20px; padding: 15px 15px 0; border: 1px dotted #9f8b7b; font-style: italic}
/* end text styles */

/* General headings */
h1, h2 {font-size: 1.5em; text-transform: uppercase; text-shadow: 0 1px 0 #fbf9f8; font-weight: normal; letter-spacing: .05em; margin-top:30px;}
h3, h4 {font-size: 1.2em; text-transform: uppercase; text-shadow: 0 1px 0 #fbf9f8; font-weight: normal; letter-spacing: .05em; margin-top:10px;}
#main_content_right h3 {color: #99afbd; padding: 5px 0}
/* end general headings */

/* general lists */
#main_content_left ul, #main_content_left ol {margin-bottom: 20px; margin-left: 30px}
#main_content_left ul li { list-style: square inside}
#main_content_left ol li { list-style: upper-roman inside}
/* end lists */

.continue_reading {float: right}

#TAGS a { /* tags in the tabbed sidebar */
	background: #e69292;
	padding: 5px;
	margin: 2px;
	float: left;
	border: 1px solid #fff;
	color: #FFF;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}

#TAGS a:hover {background: #c1c6d9; color: #000}

address {
	font-size: .9em;
	background: black;
	padding: 20px;
	width: 90%;
	margin: 0 auto;
	} /* used in footer */

/*================================================================
Site Structure
==================================================================*/

body {
	font-size:100%;
	line-height:1.4em;
	font-family: Georgia, "Times New Roman", Times, serif;
	background:#e0e0c0 url(https://i.imgur.com/ektQi9Q.jpg) no-repeat fixed;
	color: #77675a;
}

#page_wrapper {
    width: 960px;
	margin: 0px auto;
	position: relative;
}

#header {
	height: 137px;
	background: url(http://i66.tinypic.com/nzarq.jpg) repeat-x;
}

#header_contents {
	height: 235px;
	width: 960px;
	margin: auto;
	position: relative;
}

#container {
    width: 960px;
	margin: 25px auto;
	font-size:0.875em;
}

#main_content_left {
	width: 600px;
	float: left;
}

#main_content_right {
	width: 343px;
	float: right;
}

#footer {
	padding: 20px;
	margin: auto;
	clear: both;
	text-align: center;
	background: url("http://i65.tinypic.com/2laezbc.jpg");
}

/*================================================================
The posts
==================================================================*/

.post_header {
	background-image: url(http://i63.tinypic.com/nouaz8.jpg);
	height: 36px;
	width: 467px;
	padding: 25px 65px;
	text-align: center;
}

.post_body {
	background-image: url(http://i63.tinypic.com/2rrwd50.jpg);
	background-repeat: repeat-y;
	width: 547px;
	padding: 10px 25px;
	overflow: auto;
}

.post_footer {
	clear: both;
	background: url(http://i67.tinypic.com/1tosup.jpg) bottom;
	height: 40px;
	width: 497px;
	margin-bottom: 20px;
	padding: 15px 50px 0;
	font-style: italic;

}


.next_prev {
	height: 31px;
	clear: both;
	margin-bottom: 20px;
	background-image: url(../images/next_prev_posts.jpg);
	width: 577px;
	padding-top: 8px;
	padding-right: 10px;
	padding-left: 10px;
}

/*================================================================
The sidebars
==================================================================*/

.sidebar_header {
	background-image: url(http://i66.tinypic.com/27wxik3.jpg);
	height: 84px;
	width: 340px;
}

.sidebar_body {
	display: block;
	margin:0 0 0 0;
	width: 290px;
	padding: 25px;
	background: url(http://i66.tinypic.com/jrzjty.jpg) repeat-y;
}

.sidebar_bottom {
	background-image: url(http://i64.tinypic.com/260uz9l.jpg);
	height: 56px;
	width: 340px;
	clear: both;
	margin-bottom: 20px;
}

/*---------- Sidebar Navigation ----------*/

.sidebar_nav ul {}
.sidebar_nav li { padding: 6px }

.sidebar_nav ul li {
	display: block;
	background: url(../images/sidebar_seperator.png) bottom repeat-x;
}

.sidebar_nav ul ul li { margin-left: 10px; background:none; font-size: 1em; }
.sidebar_nav ul ul ul li { margin-left: 10px; background: none }

.sidebar_nav { margin-bottom: 20px; }

.sidebar_nav ul {}

.sidebar_nav a { display: block; }

.sidebar_nav a:hover {
	color: #000;
}

#search_form {margin: 15px 0;}

#search_form input { width: 100%}


/*================================================================
Top navigation
==================================================================*/

#header_info_box { /* the e-mail icon */
	position: absolute;
	right: 0;
	width: 98px;
	height: 64px;
}

#top_nav_menu {
	position: absolute;
	top: 93px;
	left: -15px;
	width: 950px;
	z-index:20;
}

/***** drop menu *****/

#dropmenu, #dropmenu ul {
	list-style-position:outside;
	position:relative;
	line-height:1.5em;
	width:100%;
	z-index:30;
	margin: 0px 0px 0px 0px;
}

#dropmenu a {
	display:block;
	padding: 5px 15px;
	text-decoration:none;
	color: #d8b53d;
	text-shadow: 0 1px 0 #63531a;
	letter-spacing: .08em;
	font-weight: normal;
	font-size: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#dropmenu a:hover {
	color:#df0000;
}

#dropmenu li {
	float:left;
	position:relative;
	height: 50px;

}

#dropmenu ul {
	position: absolute;
	display: none;
	width: 18em;
	top: 19px;
	left: 0px;
}

#dropmenu ul a {
	background: #000;
}

#dropmenu ul a:hover {

}

#dropmenu li ul {
	width:14.1em;
	margin-top: 20px;
}

#dropmenu li ul li {
	height: 30px;
}

#dropmenu li ul a {
	width: 250px;
	height: auto;
	float: left;
}


#dropmenu ul ul {
	top:auto;
}

#dropmenu li ul ul {
	left: 265px;
	margin:0px 0 0 10px;
}

#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {
	display:none;
}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {
	display:block;
}

/*================================================================
Comments
==================================================================*/

.prev_comment {text-align:left}

.next_comment {text-align: right}

#respond h3 {padding: 15px 0}

#comments {
	background-image: url(../images/PostBodyPage.jpg);
	background-repeat: repeat-y;
	padding: 20px;
	width: 557px;
}

#comments p {padding: 2px 0}

/* comment forms */

#comment {width: 99%; background: #FBFBFB; border: 1px solid #CCC}

#author, #email, #url {
	background-color: #FBFBFB;
	border: 1px solid #CCC
}

#author:hover, #email:hover, #url:hover, #comment:hover {
	background-color: #FFF;
	border: 1px solid #D8D8D8
}

.submit_button {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	background-image: url(../images/submit.jpg);
	height: 32px;
	width: 165px;
	cursor: pointer;
	border: 0;
	margin-top: 15px
}

.post_footer_comment {
	background-image: url(../images/post_footer_comment.jpg);
	height: 138px;
	width: 477px;
	padding: 0px 60px;
}

/* the nested comments */

ol.commentlist { list-style:none; margin:0; padding:0; }
ol.commentlist li { border:1px solid #d5d5d5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 0 10px; padding:5px 7px 5px 64px; position:relative; background:#f8f5f1 }
ol.commentlist li.pingback comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font-weight:bold; font-size: 14px; line-height: 16px; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url { color:#cc0000; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { background: #fff; border:1px solid #aaa; padding: 5px; left:7px; position:absolute; top:7px; }
ol.commentlist li div.comment-meta { font-weight:bold; font-size: 10px; line-height: 16px; font-family: helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#205B87; text-decoration:none; }

ol.commentlist li h3 { font-weight: 700; padding-top: 12px}
ol.commentlist li p { font-weight:normal; font-size: 12px; margin: 12px 0 12px; }

ol.commentlist li ul { font-weight:normal; font-size: 12px; line-height: 16px; list-style:square; margin:0 0 12px; padding:0; }
ol.commentlist li div.reply { background: #dad2cb; border:1px solid #bdb0a5; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#816d58; font:bold 9px/1 helvetica,arial,sans-serif; padding: 4px 5px 4px;  text-align:center; width:36px; }
ol.commentlist li div.reply:hover { background:#cfdee7; border:1px solid #fff; }
ol.commentlist li div.reply a { color:#816d58; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; }
ol.commentlist li ul.children li.depth-2 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-5 { margin:0 0 3px; }
ol.commentlist ul.children li.odd { background:#fff; }
ol.commentlist ul.children li.even { background:#f6f6f6; }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }


/*================================================================
Image floats for posts
==================================================================*/

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 2px;
	margin: 0 0 2px 7px;
	display: inline;
	border: 1px solid gray
	}

img.alignleft {
	padding: 2px;
	margin: 0 7px 2px 0;
	display: inline;
	border: 1px solid gray
	}

.alignright {
	float: right;
	}

.alignleft, .post_thumb, .featured_thumb {
	float: left
	}

.post_thumb {margin: 8px 12px 2px 0px; padding: 2px; border: 1px solid gray}

.featured_thumb {margin: 0px 15px 4px 0px; padding: 2px; border: 1px solid gray}

/*================================================================
Tabs
==================================================================*/

.widget_box {
	display: block;
	float: left;
	margin:0 0 0px 0;
	width: 340px;
	padding: 20px 0;
	background: url(http://i63.tinypic.com/2s7jtbc.jpg) no-repeat;
}

.tabbed {
	width: 340px;
}

.tabbed ul{
}

.tabbed ul li{
	  float:left;
	  padding:0px 0px 0 0;
	  text-align:center;
	  font-size: .8em
}

.tabbed ul li a {
	text-decoration:none;
	color:#000;
	border:none;
	display:block;
	padding:6px;
	width: 73px;
	letter-spacing:1px;
	background-image: url(http://i68.tinypic.com/a4soxc.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.tabbed ul li a:hover {
	color:#2D170A;
	background-image: url(http://i64.tinypic.com/fjhlj8.jpg);
}

.tabbed ul li a.selected {
	margin-bottom:0;
	color:#000;
	cursor:default;
	background-image: url(http://i68.tinypic.com/a4soxc.jpg);
}

.tabbed .widget_box div {
	  clear:left;
	  padding:0 0 4px 0;
	  /*background:url(http://i63.tinypic.com/2s7jtbc.jpg) repeat-x;*/
}

.tabbed .widget_box div ul li{
	  border-bottom:1px dotted #c7c7c7;
	  padding:5px 0 5px 5px;
	  width: 300px;
	  margin-left: 17px;
	  text-align:left;
	  font-size: 1em
}
.tabbed .widget_box div ul ul li{
	  padding:2px 0 2px 14px;
	  border-bottom:none;
}

.tabbed .widget_box div ul li a, .tabbed .widget_box div ul li a.selected {
	margin:2px 0 2px 2px;
	padding: 0 0 0 4px;
	color: #333;
	text-decoration: none;
	border-left: 14px solid #7b7b7b;
	display:block;
	float:left;
	width:317px;
	background:none;
	letter-spacing:normal;
}

.tabbed .widget_box div ul ul li a{
	border-left:none;
}

.tabbed .widget_box div ul li a:hover{
	text-decoration: none;
	color: #fff;
	background: #7b7b7b;
	width: 280px;
}

.tabbed .widget_box div a{
color:#4d240c;
}

.tabbed .widget_box div a:hover{
color:#EF7222; }

#tabbed2 { background:#0A0A0A; }
#tabbed2 a { background:#222; }
#tabbed2 a:hover { background:#000; }
#tabbed2 a.selected { background:white; }
#tabs3 { background:#FF9; }

/*================================================================
General tables and forms
==================================================================*/
.taulu {
border:1px dotted #9f8b7b;
padding: 5px;
}

.taulu td {
	border: 0px;
}

.taulukko td {
	vertical-align: middle;
}
table {border-collapse: collapse; width: 100%; margin-bottom: 15px}

th, tr, td {border: 1px dotted #9f8b7b; padding: 5px}

legend {font-weight: 700; padding: 5px}

fieldset {border: 1px solid #9f8b7b; padding: 15px 30px}

/**************************** Gallery *****************************/

#gallery {
	width: 520px;
	overflow: auto;
	padding-top: 20px;
	padding-bottom: 18px;
	position:static;
}

.float_left_thumb {
	float: left;
	height: 125px;
	width: 125px;
	padding: 8px;
	margin: 0 0 30px 30px;
	background: #fff;
	text-align: center;
}

.center {margin: auto;}

#no_gallery_found {width: 798; padding: 50px; margin: auto; background: red; border: 10px solid white}

/** LIGHTBOX MARKUP **/

.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	text-shadow: 0px 0px 3px #000;
	}

.lightbox img {
	/** Pad the lightbox image */
	max-width: 90%;
	max-height: 90%;
	margin-top: 2%;
}

.lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
}


.pikkukuva {
	box-shadow: 1px 1px 3px #a8a8a8;
border: 1px solid #901d0a;
	margin: 5px;
	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
	  opacity: 0.7;
    filter: alpha(opacity=70);
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
					background: url("http://i65.tinypic.com/2laezbc.jpg");
					padding: 5px;
}

.pikkukuva:hover {
	background: url("http://i65.tinypic.com/2laezbc.jpg");
	padding: 5px;
	box-shadow: 1px 1px 3px #a8a8a8;
	border: 1px solid #901d0a;
	margin: 5px;
	  -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
opacity: 1.0;
    filter: alpha(opacity=100);
}


.paiv {
   font-size : 11px;
   height: 200px;
   overflow: auto;
}


#uutta {
	margin-top: 0px;
	margin-left: 10px;
	margin-bottom: 70px;
	width: 100%;
	min-height: 300px;
}

.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	text-shadow: 0px 0px 3px #000;
	}

.lightbox img {
	/** Pad the lightbox image */
	max-width: 90%;
	max-height: 90%;
	margin-top: 2%;
}

.lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
}

hr {
	background: url("http://i64.tinypic.com/2qakdpw.jpg") no-repeat;
	width: 460px;
	height: 60px;
	border: 0px;
}

#hevonen {
	width: 80%;
	background: url("http://i63.tinypic.com/11alx6p.jpg");
	padding: 40px 10px 40px 10px;
	margin: 20px auto;
	min-height: 200px;
}

.kuva {
	float: left;
	margin-right: 20px;
	margin-top: -40px;
	display: block;
	width: 276px;
	height: 318px;
}

.tiedot {
	border: 4px solid transparent;
  padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
  border-image: url(http://i68.tinypic.com/2zf23h5.jpg) 20% round;
}

 .tekstit {
	 margin: 0px 40px 0px 40px;
	 text-align: justify;
 }

 .trophy {
	 background: url("http://i65.tinypic.com/2mr5yjd.jpg");
	 width: 210px;
	 height: 300px;
	 float: right;
 }


.kuvacontainer {
	width: 47%;
	padding-bottom: 0px;
	float: left;
	line-height: 1.5;
	margin: 5px;
	background: #f8efe8;
	box-shadow: 1px 1px 3px #bba491;
	min-height: 300px;
}

 .ekakuva {
	 box-shadow: 1px 1px 3px #a8a8a8;
 border: 1px solid #901d0a;
 	margin-bottom: 0px;
	margin-top: 10px;
 	-webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
       -ms-transition: all 0.5s ease;
           transition: all 0.5s ease;
   -webkit-transition: all 1s ease;
      -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
       -ms-transition: all 1s ease;
           transition: all 1s ease;
 					background: url("http://i65.tinypic.com/2laezbc.jpg");
 					padding: 5px;
 }

 .indexloota {
	 width: 70%;
	 background: url("https://i.imgur.com/PZ48Wk0.gif");
	 padding: 40px 10px 40px 10px;
	 margin: 20px auto;
	 min-height: 200px;
   -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
   -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
   animation-name: example;
   animation-duration: 1s;
	  animation-iteration-count: 1;
 }

 /* Safari 4.0 - 8.0 */
 @-webkit-keyframes example {
   from {width: 0px;}
   to {width: 70%;}
 }

 /* Standard syntax */
 @keyframes example {
	 from {width: 0px;}
   to {width: 70%;}
 }

 .indexkuva {
	 width: 308px;
   -webkit-animation-name: kuv; /* Safari 4.0 - 8.0 */
   -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
   animation-name: kuv;
   animation-duration: 1s;
	  animation-iteration-count: 1;
 }

 /* Safari 4.0 - 8.0 */
 @-webkit-keyframes kuv {
   from {width: 0px;}
   to {width: 308px;}
 }

 /* Standard syntax */
 @keyframes kuv {
	 from {width: 0px;}
   to {width: 308px;}
 }

 .indexteksti {
	 width: 308px;
   -webkit-animation-name: tekst; /* Safari 4.0 - 8.0 */
   -webkit-animation-duration: 1.5s; /* Safari 4.0 - 8.0 */
   animation-name: tekst;
   animation-duration: 1.5s;
	  animation-iteration-count: 1;
 }

 /* Safari 4.0 - 8.0 */
 @-webkit-keyframes tekst {
   from {width: 0px;}
   to {width: 308px;}
 }

 /* Standard syntax */
 @keyframes tekst {
	 from {width: 0px;}
   to {width: 308px;}
 }

hr {
	background: url(https://i.imgur.com/hS4kVrF.png)
	height: 55px;
	width: 583px;
	border: 0px;
}