/*  
Theme Name: HeiVäl
Theme URI: 
Description: Brought to you by KAJAM 
Version: 1.0
Author: KAJAM
Author URI: http://www.kajam.ee/
*/


/* Begin Typography & Colors */

* {margin:0; padding:0;}

.sbutton{
    background: white url('images/button1.jpg') no-repeat top;
    width: 203px;
    height: 41px;
    border:0;
    cursor: pointer;
    font-size: 14px;
    color: #37365e;
    font-weight: bold;
}

.sbutton:active{
    background: white url('images/button1-active.jpg') no-repeat top;
}

table.koolitus {
    border-width: 2px;
    border-style: solid;
    border-color: #dddddd;
}

table.koolitus   td{
    padding: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: #dddddd;

}

.ss-q-short{
    width:180px;
}

.ss-q-long{
width:300px;
height: 60px;
}

.ss-q-help{
display: block;
font-size: 10px;
clear: left;
}

.theCell {
background-repeat: no-repeat;
}

#teadaanne{
font-family: Arial;
font-weight: bold;
color: #ffffff;
font-size: 14px;
line-height: 18px;
text-decoration:none;
text-shadow: 1px 1px 1px #5f5f86;
}
#teadaanne a
{
font-family: Arial;
font-weight: bold;
color: #ffffff;
font-size: 14px;
line-height: 18px;
text-decoration:none;
text-shadow: 1px 1px 1px #5f5f86;
}

#teadaanne a:hover
{
font-family: Arial;
font-weight: bold;
color: #ffffff;
font-size: 14px;
line-height: 18px;
text-decoration:underline;
text-shadow: 1px 1px 1px #5f5f86;
}

div.box .input-text{
border:1px solid #3b6e22;
color:#666666;
}


p.kast
{
margin: 0 0px 0 0px;text-align:left;
}

a.kast
{
font-family: Arial;
font-weight: bold;
color: #547c19;
font-size: 11px;
line-height: 14px;
text-decoration:none;
text-shadow: 0px 0px 1px #f7f6fb;
text-align: left;
}

a.kast:hover
{
font-family: Arial;
font-weight: bold;
color: #547c19;
font-size: 11px;
line-height: 14px;
text-decoration:underline;
text-shadow: 0px 0px 1px #f7f6fb;
text-align: left;
}


a.teenus
{
font-family: Arial;
font-weight: normal;
color: #626378;
font-size: 11px;
text-decoration:none;
text-shadow: 0px 0px 1px #f7f6fb;
text-align: left;
}

a.teenus:hover
{
font-family: Arial;
font-weight: normal;
color: #626378;
font-size: 11px;
text-decoration:underline;
text-shadow: 0px 0px 1px #f7f6fb;
text-align: left;
}


.pilt
{
text-align: left;
opacity:1;filter:alpha(opacity=100)
}

.pilt:hover
{
text-align: left;
opacity:0.85;filter:alpha(opacity=85)
}

p.head
{
font-family: Arial;
color: #7a7a8e;
font-size: 19px;
line-height: 21px;
margin-top: 5px;
font-weight: normal;
text-shadow: 0px 0px 1px #ffffff;
}

a.head
{
font-family: Arial;
font-weight: bold;
color: #707085;
font-size: 18px;
text-decoration:none;
text-shadow: 0px 0px 1px #ffffff;
}

a.head:hover
{
font-family: Arial;
font-weight: bold;
color: #e77f31;
font-size: 18px;
text-decoration:none;
text-shadow: 0px 0px 1px #ffffff;
}

a.huu
{
text-decoration:none; color:#383862;
}

a.huu:hover
{
text-decoration:underline; color:#383862;
}

.widecolumn .entry p {
  font-size: 14px;
  }

.narrowcolumn .entry, .widecolumn .entry {
  line-height: 1.5em;
  }

.widecolumn {
  line-height: 1.6em;
  }

.narrowcolumn .postmetadata, .narrowcolumn .postmetadata1 {
  text-align: left;
  }

.alt {
  
  border-top: 1px solid #37365e;
  border-bottom: 1px solid #37365e;
  border-left: 1px solid #37365e;
  border-right: 1px solid #37365e;
  margin-top:30px;
  }
p {
  font-size:13px; text-shadow: 0px 0px 1px #ffffff; margin-bottom:10px;
  padding:0px;
  }

small {
  font-family:"Arial", Verdana, Arial;
  font-size: 14px;
   line-height: 1.5em;
  }

h1, h2, h3 {
  font-family:"trebuchet MS", Verdana, Arial;
  font-weight:normal;
  }

h1 {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  }

#headerimg .description {
  font-size: 1.2em;
  text-align: center;
  }

h2 {
  font-size: 18px; text-shadow: 0px 0px 1px #ffffff;

  }

h2.pagetitle {
  font-size: 18px;
  }


h3 {
  font-size: 14px;
  font-weight: bold;
  }

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
  text-decoration: none;
  color:#37365e;
  }

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
  color: #37365e;
  }

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2,#sidebar2 h2, #wp-calendar caption, cite {
  text-decoration: none;
  }
.entry{
  padding-top:10px;
  padding-bottom:10px;
  }
.entry p a, .entry p a:visited {
  color: #37365e;
  text-decoration:underline;
  
  }
.entry p a:hover {
  color: #8080a6;
  
  }
.editpost a:link, .editpost a:visited {
  color: #37365e;
  text-decoration:underline;
  }
.editpost a:hover {
  color: #37365e;
  }
.commentlist li, #commentform input, #commentform textarea {
  font: 0.9em  "trebuchet MS", Verdana, Arial;

  }

.commentlist li {
  font-weight: bold;
  }

.commentlist cite, .commentlist cite a {
  font-weight: bold;
  font-style: normal;
  font-size: 1.1em;
  }

.commentlist p {
  font-weight: normal;
  line-height: 1.5em;
  text-transform: none;
  }

#commentform p {
  font-family:"trebuchet MS", Verdana, Arial;
  }

.commentmetadata {
  font-weight: normal;
  color:#333;
  }


 #sidebar ul ul li, #sidebar ul ol li,#sidebar2 ul ul li, #sidebar2 ul ol li, .nocomments, blockquote, strike {
  color: #37365e;
  }

code {
  font: 1.1em "trebuchet MS", Verdana, Arial;

  }

acronym, abbr, span.caps
{
  font-size: 0.9em;
  letter-spacing: .07em;
  }

a, h2 a:hover, h3 a:hover {
  color: #37365e;
  text-decoration: none;
  }

a:hover {
  color: #37365e;
  text-decoration: underline;
  }

#wp-calendar #prev a, #wp-calendar #next a {
  font-size: 9pt;
  }

#wp-calendar a, #wp-calendar a:visited {
  text-decoration: none;
  color: #37365e;
  text-decoration:underline;
  }

#wp-calendar caption {
  font: bold 1.3em "trebuchet MS", Verdana, Arial;
  text-align:center;
  padding:10px 0px 0px 0px;
  }

#wp-calendar th {
  font-style: normal;
  text-transform: capitalize;
  text-align:center;
  }
/* End Typography & Colors */



/* Begin Structure */


.narrowcolumn {
  padding: 0px 35px 8px 0px;
  margin: 0px 0px 0px 0px;
  }

.widecolumn {
  padding: 0px 0px 8px 0px;
  margin: 0px 0px 0px 0px;
  width: 420px;
  }

.post {
  margin: 0px 0px 0px 0px;
  text-align: justify;
  }
.post hr {
  display: block;
  }
.widecolumn .post {
  margin: 0;
  }

.narrowcolumn .postmetadata, .narrowcolumn .postmetadata1 {
  padding-top: 5px;
  }

.widecolumn .postmetadata, .widecolumn .postmetadata1 {
  margin: 30px 0;
  }

.widecolumn .smallattachment {
  text-align: center;
  float: left;
  width: 128px;
  margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
  text-align: center;
  margin: 5px 0px;
}

.postmetadata {
  clear: left;
  color:#37365e;
  line-height:15px;
  height:28px;
  padding:0px 0px 2px 0px;
  margin:12px 0px 0px 0px;
  background-image:url(images/bg_postmetadata.gif);
  background-repeat:repeat-x;
  
}

/* End Structure */



/*  Begin Headers */
h1 {
  padding-top: 15px;
  margin: 0;
  margin-bottom: 15px;
  }

h2 {
  margin: 0px 0 0;
  }

h2.pagetitle {
  padding-top: 10px;
  text-align: center;
  padding-bottom:15px;
}


h3 {
  padding: 0;
  margin: 22px 0 0;
  margin-bottom: 5px;
  }

h3.comments {
  padding: 0;
  margin: 40px auto 20px ;
  
  }
.lang-item {
  display: inline;
}
/* End Headers */



/* Begin Images */
p img {
  padding: 0;
  max-width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;


  }

/*  Using 'class="alignright"' on an image will (who would've
  thought?!) align the image to the right. And using 'class="centered',
  will of course center the image. This is much better than using
  align="center", being much more futureproof (and valid) */

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

img.alignright {
  padding: 4px;
  margin: 0 0 2px 7px;
  display: inline;
  margin-top: 10px;
  margin-bottom: 10px;
  }

img.alignleft {
  padding: 4px;
  margin: 0 7px 2px 0;
  display: inline;
  margin-top: 15px;
  margin-bottom: 15px;
  }

div.alignright, div.alignright2{
  float: right;
  color:#37365e; text-shadow: 0px 0px 1px #ffffff;
  
  }

div.alignleft, div.alignleft2{
  float: left;
  color:#37365e; text-shadow: 0px 0px 1px #ffffff;
  }
.alignleft a, .alignleft a:visited {
  color:#37365e;
  }  
.alignright a, .alignright a:visited {
  color:#37365e;
  }  
.spacer{
  float:left;
  }
/* End Images */



/* Begin Lists */

html>body .entry ul {
  margin-left: 0px;
  padding: 0 0 0 30px;
  list-style: disc;
  padding-left: 20px;
  margin-bottom: 20px;
  text-align: left;
  } 

html>body .entry li {
  margin: 4px 0 0px 10px;
  font-size: 13px;
  text-shadow: 0px 0px 1px #ffffff; }


.entry ul li:before, #sidebar ul ul li:before, #sidebar2 ul ul li:before,  #sidebar ul ul li, #sidebar2 ul ul li {
  list-style-type:none;
  background-repeat:no-repeat;
  background-position:left;
  margin:0px;
  padding:0px;
  
  }
  
 #sidebar ul ul , #sidebar2 ul ul{
  margin:0px;
  padding:0px;
  
  }  
.entry ol {
  padding: 0 0 0 35px;
  margin: 0;
  }

.entry ol li {
  margin: 0;
  padding: 0;
  }

.postmetadata ul, .postmetadata li, .postmetadata1 ul, .postmetadata1 li {
  display: inline;
  list-style-type: none;
  list-style-image: none;
  }
  

#sidebar h2 ,#sidebar2 h2{
  margin: 0px 0 0;
  padding: 0;
  }
#sidebar h2, #sidebar2 h2{
  font-family:"trebuchet MS", Verdana, Arial;
  font-weight:bold;
  }
  
#sidebar ul li h2, #sidebar2 ul li h2 {
  font-family:"Arial", Verdana, Arial;
  
  background-repeat:no-repeat;
  font-size: 16px;
  padding-bottom:0px;
  font-weight:bold;
  height:26px;
  color: #ee7215;
  line-height:20px;
  padding-left:0px;
  padding-top:10px;
  background-repeat:no-repeat;
  }

#sidebar ul, #sidebar ul ol,#sidebar2 ul, #sidebar2 ul ol {
  margin: 0;
  padding: 0;
  }

#sidebar ul li, #sidebar2 ul li {
  list-style-type: none;
  list-style-image: none;
  margin-bottom: 20px;
  }

#sidebar ul p, #sidebar ul select, #sidebar2 ul p, #sidebar2 ul select {
  margin: 5px 0 0px;
  margin-left: -12px;
  }
#sidebar ul ul, #sidebar ul ol, #sidebar2 ul ul, #sidebar2 ul ol {
  margin: 6px 0px 0 0px;
  
  }

#sidebar ul ul ul, #sidebar ul ol, #sidebar2 ul ul ul, #sidebar2 ul ol {
  margin: 0 0 0 0px;
  }

ol li, #sidebar ul ol li, #sidebar2 ul ol li{
  list-style: decimal outside;
  }

#sidebar ul ul li, #sidebar ul ol li, #sidebar2 ul ul li, #sidebar2 ul ol li {
  margin: 12px 0 0;
  padding: 0;
  text-shadow: 0px 0px 1px #ffffff;
  font-size: 12px;
  }
  
#sidebar li ul, #sidebar2 li ul{
  padding-left:0px;
  }
  
#sidebar ul li ul li, #sidebar2 ul li ul li  {
  padding:0px 0px 0px 6px;
  }
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
  margin: 0px auto;
  padding: 10px 0px; 
  text-align: center;
  }

#sidebar #searchform #s, #sidebar2 #searchform #s  {
  width: 108px;
  padding: 2px;
  }

#sidebar #searchsubmit, #sidebar2 #searchsubmit  {
  padding: 1px;
  }

.entry form { /* This is mainly for password protected posts, makes them look better. */
  text-align:left;
  }

/*
select {
  width: 130px;
  }
*/

#commentform input {
  width: 170px;
  padding: 2px;
  margin: 5px 5px 1px 0;
  }

#commentform textarea {
  width: 100%;
  padding: 2px;
  }

#commentform #submit {
  margin: 0;
  float: left;
  }
/* End Form Elements */



/* Begin Comments*/
.alt {
  padding: 10px;
  color:#37365e;
  font-size:11px;
  
  }

.commentlist {
  padding: 0;
  text-align: justify;
  }
ol.commentlist{
  list-style: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  }

.commentlist li {
  margin: 15px 0 3px;
  padding: 5px 10px 3px;
  list-style: none;
  }

.commentlist p {
  margin: 10px 5px 10px 0;
  }

#commentform p {
  margin: 5px 0;
  }

.nocomments {
  text-align: center;
  margin: 0;
  padding: 0;
  }

.commentmetadata {
  margin: 0;
  display: block;
  }
/* End Comments */



/* Begin Sidebar */
#sidebar
{
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  
  }
#sidebar2
{
  padding: 0px 8px 0px 0px;
  margin: 0px 0px 0px 0px;
  }

#sidebar form, #sidebar2 form {
  margin: 0;
  }
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
  empty-cells: show;
  margin: 10px auto 0;
  width: 150px;
  color:#37365e;
  
  }

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

#wp-calendar #prev a {
  padding-left: 10px;
  text-align: left;
  }

#wp-calendar a {
  display: block;
  }


#wp-calendar td {
  padding: 3px 0;
  text-align: center;
  }

#wp-calendar td.pad:hover { /* Doesn't work in IE */
  background-color: transparent; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
  cursor: help;
  }

acronym, abbr {
  border-bottom: 1px dashed #999;
  }

blockquote {
  margin: 15px 30px 0 10px;
  padding-left: 20px;
  border-left: 5px solid #afafaf;
  }

blockquote cite {
  margin: 5px 0 0;
  display: block;
  }

.center {
  text-align: center;
  }

hr {
  display: none;
  }

a img {
  border: none;
  }

.navigation {
  margin-top: 0px;
  padding-top:2px;
  padding-bottom:30px;
  padding-left:0px;
  padding-right:0px;
  height:10px;
  }
.navigation2 {
  margin-top: 0px;
  padding-top:2px;
  padding-bottom:30px;
  padding-left:0px;
  padding-right:0px;
  height:10px;
  }
/* End Various Tags & Classes*/

div.post h2 a:link,div.post h2 a:visited, div.post h3 a:link,div.post h3 a:visited {
  color:#222136;
  font-family:"Arial", Verdana, Arial;
  font-size:18px;
  font-weight:regular;
  padding:0px 10px 0px 0px;
  

}

div.post h3 a:hover, div.post h2 a:hover{
  color: #8080a6;
}
li.current-cat a:link,li.current-cat a:visited{
  padding-left: 0px;
  margin-left: 7px;
  color: #37365e;
}
li.pagenav a:link,li.pagenav a:visited{
  padding-left: 0px;
  margin-left: 7px;
  color: #37365e;

}
.narrowcolumn li a:link, .narrowcolumn li a:visited{
  color: #37365e;
}
.narrowcolumn li a:hover{
  color: #37365e;
}
li a:link,li a:visited{
  padding-left: 0px;
  margin-left: 7px;
  color: #37365e;
}
li a:hover{
  color: #37365e;
}

div.post small{
  color: #37365e;
}
.postmetadata a{
  color: #37365e;
  text-decoration: none;
}
.postmetadata a:hover{
  color: #37365e;
  text-decoration: underline;
}
.narrowcolumn h2, .narrowcolumn h3 {
  color: #37365e;
  margin-top:0px;
}
label small{
  color:#37365e;
  }
#comments, #respond{
  color:#37365e; text-shadow: 0px 0px 1px #ffffff; font-weight:normal;
 }
.narrowcolumn img{ 
  margin-right:10px;
  margin-bottom:5px;
  }
  
#today, #today a:link, #today a:visited {
  color:#ef6407;
  }
#commentform p a {
  color:#37365e;
  }
  
.title{
  padding: 5px 0px 5px 0px;
  
  }
  
.title small{
  padding-left:2px;
  line-height:20px;
  
  }
  
.title_mid h2, .title_mid h3{
  padding-top:0px;
  padding-left:0px;
  padding-right:0px;
  line-height:20px;
  
  }
.title_mid{
  
  }
.textwidget{
  padding-left:20px;
  text-align:left;
  padding-right:10px;
  padding-top:10px;
  color:#37365e;
  }
/*=========style index.html========*/
body{
  background-color:#ebebf3;

  margin:0px;
  padding:0px;
 background-position: center top;  font-family:"Arial", Verdana, Arial;
  font-size:14px;
  color:#2c2539;
  line-height:18px;
  
  }

#body_container{
  width:100%;
 }
  
#container{
  width:854px;
  text-align:left;
 }
  
#bg-container{
  float:left;
    background-repeat:repeat-x;
  }
  
#bg-topheader{
    width:854px;
  background-repeat:no-repeat;
  margin-bottom: -9px;
  
  }  
#bottomheader{
    width:854px; 
    height:355px;
    background-image:url('images/kast.jpg');
    }
    
#tabel{
    margin-top:1px;
    padding-top:-5px;
    padding-left:20px;
}

#lipud{
    padding-top:36px;
    padding-right:20px;
    padding-left:673px;
}

    
#header{
  width:854px;
  height:0px;
  }
  
#spacer-main{
  min-height:500px;
  background-image:url('images/sisu-alter.jpg');
    background-repeat:repeat-x;  }
  
#main{
  width:854px;
  float:left;
  background-image:url('images/ta-alter.jpg');
        background-repeat:repeat-y;
  margin:-1px 0px 0px 0px;
     }
  
#left_nav{
  width:125px;
    padding-top:20px;
  padding-left: 30px;
  float:left;
  }

#main_content{
  width: auto;
  padding-top:25px;
  padding-left:35px;

  }
  

  
#right_nav{
  width:154px;
  float:right;
    padding-top: 20px;
    padding-left: 10px;
  padding-right: 20px;
  }

  

#footer{
  
  background-position:top;
  background-color:#ebebf3;
  width:854px;
  background-image:url('images/all-alter.jpg');
  background-repeat:no-repeat;
  height:119px;
  float:left;
  padding:80px 0px 0px 0px;
  color:#8e8ca2;
  text-align: center;
    margin:0px 0px 0px -1px;
  }

#footer_left{
  float:left;
  margin-left:20px;
  text-align:center;
  width:95%;
  }
  
#footer_right{
  float:left;
  text-align:left;
  width:400px;
}

a.footer
{
  color:#8e8ca2;
}

a.footer:hover
{
  color:#8e8ca2;
}

#search_top #searchform{
  margin:8px 0px 0px 45px;
  padding:0px;
  text-align:left;
  }
  
.but{
  vertical-align:top;
  padding-top:0px;
  border:1px solid #000;
  padding-left:0px;
  margin:1px 0px 0px 0px;
  width:74px;
  height:20px;
  }
  
#searchform #s2.input01{
  padding:0px 0px 0px 0px;
  margin:2px 2px 0px 0px;
  width:180px;
  vertical-align:top;
  border:1px solid #a8a8a8;
  font-size:11px;
  height:17px;
}

form{
  margin:0px;
  padding:0px;
  }

.logo{
  text-align:left;
  padding:20px 80px 0px 0px;
  text-align:right;
  }

#txt_logo{
  font-family:"trebuchet MS",Verdana, Arial ;
  font-size:36px;
  color:#37365e;
  font-weight:bold;
  padding:0px 0px 0px 0px;
  }

.desc{
  color:#37365e;
  font-size:14px;
  font-family:"trebuchet MS",Verdana, Arial ;
  font-weight:bold;
  padding:10px 0px 20px 0px;
  }
  
a.mainpix01_link, a.mainpix01_link:visited{
  color:#37365e;
  }
p.alt small{
  color:#37365e;
  }
p.alt small a, p.alt small a:visited{
  color:#37365e;
  text-decoration:underline;
  }

p.alt small a:hover{
  color:#37365e;
  text-decoration:underline;
  }  

#sidebar ul ul li a:link, #sidebar ul ul li a:visited, #sidebar2 ul ul li a:link, #sidebar2 ul ul li a:visited {
  padding:0px;
  margin:0px;
  text-align:left;
    font-size: 14px;
}

#sidebar2 ul ul li a:link, #sidebar2 ul ul li a:visited{
  font-size: 12px;
}

small.commentmetadata a:link, small.commentmetadata a:visited{
  color:#37365e;
  text-decoration:underline;
  }
  
.line{
  padding-bottom:0px;
  height:10px;
  
  }
  
.post-title {
  margin: 15px 0px 20px 0px;
  padding:0px 0px 0px 0px;
  background-repeat:no-repeat;
  height:31px;
}
.curve-left{
  height:29px;
  float:left;
  width:9px;
  background-repeat:no-repeat;
  }  
  
.curve-right{
  height:29px;
  float:left;
  width:9px;
  background-repeat:no-repeat;
  }  
  
.post-titlelink{
  float:left;
  height:29px;
  width:376px;
  }
  
.date small{
  padding:6px 0px 0px 0px;
  float:left;
  font-size:11px;
  color: #37365e;
  }
.post-cat {
  padding:6px 10px 0px 0px;
  float:right;
  font-size: 11px;
  color: #37365e;
}
.error {
  color:red;
}