/*
Theme Name: Kolmas Huone 2009
Theme URI: http://www.kolmashuone.fi/
Description: Erikseen Classic teeman pohjalta Kolmas Huone blogia varten tehty teema.
Version: 2021-02-08
Author: Juhani Pelli
*/



/* LAYOUT CONTAINERS ��������� */

body {
   display: block;
   position: static;
   margin: 0; padding: 0;
   z-index: 1;
   font-family: 'Trebuchet MS', Arial, Sans-Serif;
}

tr, td, th, div {
   margin: 0; padding: 0;
   vertical-align: top;
   z-index: 1;
}

html, body {
height:100%; /* gives layout 100% height */
overflow:inherit; /* triggers 100% height in Opera 9.5 */
}

#page {
   display: block;
   position: static;
   /* background: url('img/background_t2010.jpg') 670px top  repeat-y; */
   background: #000;
   width: 100%;
   text-align: left;
   margin: 0; padding: 0;
   z-index: 2;
}

#heading {
   margin: 0; padding: 0;
   width: 744px; height: 84px;
   background-image: url('img/heading2.png');
   background-position: 0% 0%;
   background-repeat: no-repeat;
   z-index: 9;
}

#bottompicture {
   display: block;
   position: fixed;
   top: 0px; left: 0px;
   width: 100%; height: 100%;
   min-height:100%; /* gives layout 100% height */
   background: url('img//background_k2011.jpg') right top repeat;
   background-size: cover;
   margin: 0; padding: 0;
   z-index: 4;
}
* html #bottompicture {
height:100%; /* IE6 treats height as min-height */
}

#page-col1 {
   display: block;
   position: relative;
   width: 744px;
   margin: 0; padding: 84px 0px;
   z-index: 5;
   background-image: url('img/heading.png');
   background-position: 0% 0%;
   background-repeat: repeat-x;
   box-shadow:8px 8px 32px rgba(30,0,60,0.8);
}

div#page-col1.a {
   background-image: url('img/heading3.png');
}

#row1 {
   display: block;
   position: relative;
   margin: 0; padding: 0;
   height: 0px;
   z-index: 5;
}

#row2 {
   display: block;
   position: relative;
   margin: 0px; padding: 0px;
   border: 0px none;
   z-index: 8;
}


#row2-col1 {
   display: block;
   position: relative;
   padding: 0; margin: 0;
   width: 500px !important;
   overflow: hidden;
   z-index: 9;
}

#row2-col2 {
   padding: 0; margin: 0;
   width: 244px !important;
   text-align: right;
   z-index: 9;
}


#row2-col1 p, #row2-col1 pre, #row2-col1 code  {
   display: block;
   white-space: normal;
}





/* CONTENT CONTAINERS ������������ */

div#breadcrumb {
   padding: 10px 13px;
   font-size: 75%;
   text-align: right;
   font-style: italic;
}

div#content {
   padding: 6px 5px 32px 38px; margin: 0;
   font-family: georgia, palatino, serif;
   font-size: 95%;
}

div#sidebar {
   font-size: 85%;
   font-family: sans-serif;
   font-style: italic;
   padding: 6px 13px 26px 5px; margin: 0;
   overflow: visible;
}

a, a:hover {
   text-decoration: underline;
   color: #2000a0;
}

a:visited {
   text-decoration: underline;
   color: #6000a0;
}






/* GENERAL HEADINGS �������������� */

h2, h3, h4 {
   font-family: Verdana, Arial, sans-serif;
   letter-spacing: 0.07em;
   font-weight: normal;
}

div#sidebar h2 {
   font-style: italic;
   font-size: 100%;
   text-transform: uppercase;
   padding: 0px !important; margin: 20px 0px 0px;
   overflow: visible;
}

h2#comments, h2#postcomment {
   font-size: 85%;
   font-style: italic;
   text-transform: uppercase;
   text-align: right;
   padding: 0px 0px 5px 5px; margin: 4em 0px 0px -20px;
   border-top: 2px solid;
}






/* MENU ���������������������� */


ul.menu {
   margin: 0px; padding: 0px;
   text-align: left;
   list-style-type: none;
}

ul.menu ul {
   list-style-type: none;
   margin: 0px; padding: 0px;
   width: 100%;
}


ul.menu li, ul.menu span {
   margin: 0px; padding: 0px;
   list-style-type: none;
   width: 100%;
}

ul.vright {
   text-align: right;
}

ul.vright li, ul.vright span {
   margin: 0px; padding: 0px;
}

div#sidebar a {
   text-decoration: none;
   margin: 0px; padding: 0px;
}

ul.menu li.current a {
   margin: 0px; padding: 0px;
}

ul.vright li { padding: 0px; margin: 0px; }
ul.vright li ul { padding: 0px 0px; margin: 0px; }







/* POST ������������������������� */

div.postheader {
   padding: 4px 0px 1em 0px; margin: 10px 0px 0px -30px;
   width: 100%;
}

div.postheader img { border: 0px none; margin: 0px 8px 0px 0px; }

div.postheader h2  {
   padding: 0px; margin: 0px;
   font-size: 115%;
   font-weight: bold;
}

div.postheader h2 a, div.postheader h2 a:visited {
   display: block;
   padding: 16px 0px 0px; margin: 0px;
   text-decoration: none;
}

div.postheader h2 small {
   display: block;
   padding: 4px 0px 0px; margin: 0px;
   font-size: 70%;
   text-align: left;
   font-weight: normal;
}


div.post {
   padding: 0px;
   margin: 0px 0px 4em 0px;
}

div.post div.entry img {
   border: 1px solid;
}

div.post .entry {
   font-size: 85%;
   }

.entry, .entry p, .entry font {
   line-height: 144%;
}

.entry font {
	padding: 0; margin: 0;
}

a.permalink {
   text-decoration: underline;
}


div.postfooter, div.postfooter a {
   font-size: 85%;
   text-align: right;
   vertical-align: middle;
   font-family: sans-serif;
   font-style: italic;
}





/* PAGE ������������������������� */

div.page {
   background: url('img/bullet-large-violet.gif') left top no-repeat;
   padding: 0px 65px 5px 65px; margin: 30px 0px 0px 0px;
}

div.page h2  {
   padding: 20px 0px 32px 0px; margin: 0px 0px 0px 0px;
   font-size: 135%;
   font-weight: bold;
}

div.page div.entry {
   padding: 0px; margin: 0px 0px 0px -20px;
   font-size: 85%;
   line-height: 150%;
}


/* NAVIGATION */

.navigation {
   font-family: sans-serif;
   font-style: italic;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}




/* COMMENTS ��������������������� */

#commentlist li p.commentfooter, cite, cite a, .commentmetadata {
   padding: 10px 0px 0px; margin: 0;
   text-align: right;
   font-style: normal;
}

#commentlist {
   padding: 0; margin: 0;
}

#commentlist p {
   font-size: 80%;
   padding: 0; margin: 0;
}


#commentlist li {
   padding: 0px; margin: 0px 0px 2em 0px;
   list-style-type: none;
}

#commentform {
   margin: 4em 0px 0px;
}

#commentform p, #commentform input, #commentform textarea {
   font-size: 80%;
   font-family: Verdana, Arial, Sans-Serif;
   padding: 0px; margin: 0px 0px;
   vertical-align: top;
}
#commentform p { margin-bottom: 1em; }







/* CALENDAR ���������������������� */


#calendar_wrap {
   text-align: right !important;
   width: 100%;
}
#wp-calendar {
   text-align: right;
   border-collapse: collapse;
   empty-cells: show;
   font-style: italic;
   font-size: 85%;
   margin-left: auto;
   margin-right: 0px;
}

#wp-calendar #next {
   padding-right: 0px;
   text-align: right;
}

#wp-calendar #prev {
   text-align: left;
}

#wp-calendar a {
   text-decoration: underline;
}

#wp-calendar a:hover {
   color: #333;
}

#wp-calendar caption {
   text-align: right;
}

#wp-calendar td {
   letter-spacing: normal;
   font-size: 85%;
   padding: 2px 3px; margin: 0;
   text-align: center;
}

#wp-calendar th {
  display: none;
  font-style: normal;
  text-transform: capitalize;
}







/* FORMS ��������������������� */

#searchform {
	margin: 10px auto;
	padding: 0px;
	text-align: right;
	}

#commentform input[type="text"] {
   border: 1px solid;
   font-size: 85%;
}

input#s  {
   vertical-align: top;
   width: 68%;
   height: 18px;
   padding: 0px; margin: 0px;
   border: 1px solid;
   vertical-align: bottom;
}
input#submit {
   vertical-align: top;
   width 32%;
   height: 20px;
   border: 1px solid;
   text-transform: uppercase;
   font-family: Verdana, Arial, sans-serif;
   font-size: 62.75%;
   font-style: normal;
   padding: 0px; margin: 0px;
   background: #f6efdf url('img/grad-viiva.jpg') top right no-repeat;
}

#commentform textarea {
   width: 100%;
   border: 1px solid;
}


/* BG COLORS ����������������� */

/* Old paper yellow (end grad_tekstilaatikko.png) */
#page-col1 {
   background-color: #fcfbf9;
}

/* Sky Violet (end gradient.png)*/

#s, #commentform textarea, input {
   background-color: #d8d8f6;
}



/* TEXT COLORS ��������������� */


/* Yellow as the sun */
#row2  {
   border-color: #cba688;
}

#wp-calendar #today, table.postheader, h2#comments, h2#postcomment {
   border-color: #f6f0e2;
}




/* Little Violet (end grad_yo.png)*/
#footer {
   color: #eddee8;
}




/* Middle Violet (end grad_yo.png)*/
ul.menu h2, #commentform textarea, input#submit, input#s, #commentform input[type="text"] {
   border-color: #a09080;
}

#wp-calendar {
   color: #a68bb8;
}



/* Sad Violet */

a, a:visited, a:hover {
   color: #4b3baa;
}



/* Ink brown */

body, #row2-col1, #row2-col2, #wp-calendar caption, div.postheader, div.postheader a, div.postheader a:visited, h2 a, h3 a, h4 a {
   color: #473c25;
}


#commentlist li  {
   color: #998877;
}


small, div.postfooter, div#commentform p, div#commentlist cite, div.commentmetadata  {
   color: #877665 !important;
}

div.postfooter a, div.postfooter a:visited, div#commentform p a, div#commentform p a:visited, div#commentlist cite a, div#commentlist cite a:visited, div.commentmetadata a, div.commentmetadata a:visited {
   color: #8e6c93 !important;
}

div.post div.entry img {
	border-color: #72603b;
}

/* Tweaks 2021 */

.wp-block-image img {
   width: 100% !important;
   height: auto !important;
}