/*****************************************
  Lauri Borodkin | Fraktal.ee
*****************************************/


@font-face {
  font-family: KlavikaLight;
  src: url('../files/KlavikaLight-Plain.otf');
}

html, body {
  margin: 0;
  padding: 0;
}

body {
  text-align: center;
  font: 13px/18px Arial, Verdana, sans-serif;
  color: #292622;
  text-align: center;
  background: #f1f1f1 url('../images/bg.gif') no-repeat top center;
}
a {
  text-decoration: none;
  color: #ff7000;
}
a:hover {
  text-decoration: underline;
}
.clearer {
  font-size: 1px;line-height: 1px;height: 1px;clear: both;
}
.clearfix:after {
  content: "."; display: block;height: 0;clear: both;font-size: 1px;line-height: 1px;visibility: hidden;
}
img {
  border: none;
}
form {
  margin: 0;
  padding: 0;
}
h1, h2, h3 {
  margin: 0;
  padding: 20px 0px 10px;
  font-weight: normal;
  font-size: 40px;
  line-height: 40px ;
  color: #ff7000;
  font-family: Arial, Verdana, sans-serif;
}
h1 {
  font-family: KlavikaLight, Arial, Verdana, sans-serif;
  text-shadow: #eee 1px 1px 1px;
  padding-top: 0;
}
h2 {
  font-size: 17px;
  line-height: 20px;
  padding: 10px 0 7px;
}
h3 {
  font-size: 16px;
  line-height: 18px;
}
p { 
  margin: 0;
  padding: 4px 0 10px 0;
}
ul, ol {
  margin: 0;
  padding: 6px 0 6px 30px;
}
ul {
  list-style-type: disc;
}
ul li, ol li {
  margin: 0;
  padding: 3px 0 3px 0px;
}

img.left { float: left; padding: 0 20px 20px 0; }
img.right { float: right; padding: 0 0 20px 20px; }

/* banner */
  .banner { padding-bottom: 7px; }
    .banner a { display: block; outline: 0; }
      .banner img { display: block; }

/* news-list */
  .news-list { margin: 0; padding: 0; list-style-type: none; list-style-image: none; }
    .news-list li { padding: 0 0 6px; }
      .news-list .date { font-size: 11px; }


#twitter_update_list li a {
  display: none;
}

#tweet ul { margin: 0; padding: 0; list-style-type: none; }
#tweet li { padding: 0 0 8px; line-height: 15px; }
#tweet li a { font-size: 11px; } 

#tweet .user, #tweet .timePosted, #tweet .interact { display: none; }
#tweet .tweet { padding: 0; }

    
/* wrap */
  #wrap {
    margin: 0 auto;
    text-align: left;
    width: 987px;
    padding-bottom: 20px;
  }
  
  /* header */
    #header {
      height: 118px;
      position: relative;
    }
    
    /* langmenu */
      #langmenu {
        margin: 0;
        padding: 0;
        list-style-type: none;
        list-style-image: none;
        position: absolute;
        top: 14px;
        right: 0;
      }
        #langmenu li {
          display: inline;
          padding: 0 0 0 15px;
          font-size: 11px;
        }
        #langmenu a {
          color: #7c7c7c;
        }
        #langmenu a.active {
          color: #ff7000;
        }
    /* search-container */
      #search-container {
        position: absolute;
        top: 54px;
        right: 0;
        height: 49px;
        width: 207px;
        padding: 6px 0 0 45px;
        background: url('../images/search.gif') no-repeat top left;       
      }
      #searchcontainer { 
         border: 1px solid #D2D2D2 !important; 
         /*left: 984px !important;
         top: 84px !important;*/
      }
        #search-container form, #search-container div, #search-container input {
          float: left;
        }
        #search-container div {
          /*background: url('../images/search_arrow.gif') no-repeat 185px center; */
          position: relative
        }
        #search-container .textbox {
          font: 13px/18px Arial, Verdana, sans-serif;
          color: #292622;
          padding: 2px 28px 0 0px;
          height: 22px;
          width: 180px;
          border: none;
          background: none;
          position: relative; 
          z-index: 10;
          outline: 0;
        }
        #search-container .submit {
          margin: 1px 0px 0;
          border: none;
          height: 23px;
          width: 23px;
          padding: 0;
          background: url('../images/search_arrow.gif') no-repeat center center;
          cursor:pointer;
          position: absolute;
          top: 1px;
          right: 1px;
          z-index: 10;
        }
      
    /* logo */
      #logo {
        position: absolute;
        display: block;
        left: 0;
        top: 17px;
        outline: 0;
      }
        #logo img {
          display: block;
        }
  /* container */
    #container {
      background: white url('../images/container.gif') no-repeat top center;
      padding-top: 9px;
      box-shadow: 0px 2px 5px #aaaaaa;
      -moz-box-shadow: 0px 2px 5px #aaaaaa;
      -webkit-box-shadow: 0px 2px 5px #aaaaaa;
    }
    
    /* container-inner */
      #container-inner {
        float: left;
        width: 743px;
      }
      /* menu */
        #menu {
          float: left;
          width: 143px;
          padding: 12px 20px 17px;
        }
          #menu ul {
            margin: 0;
            padding: 0;
            list-style-type: none;
            list-style-image: none;
            font-size: 14px;
          }
            #menu li {
              display: block;
              margin: 0;
              padding: 0;
            }
            #menu li div {
               border-bottom: 1px solid #e0e0e0;
               padding: 6px 0 7px;  
            }
            #menu li.last div {
              border-bottom: none;
            }
              #menu a {
                color: #23211e;
              }
              #menu a.active {
                color: #ff7000;
                font-weight: bold;
              }
              
              #menu ul ul {
                padding: 0 0 0 17px;
                font-size: 12px;
                border-bottom: 1px solid #e0e0e0;
              }
                #menu ul ul li {
                  padding-left: 4px;
                  padding-right: 4px;
                }
      
      /* content */
        
        #content {
          float: left;
          width: 540px;
          padding: 20px 20px 17px 0;
        }
        * html #content {
          margin-right: -3px;
        }
          #content-inner { padding-bottom: 20px;}
          #content-inner ul { list-style-image: url('../images/spot.gif');}
          #content-inner a { text-decoration: underline; }
          #content-inner a:hover { text-decoration: none; }
          #news #content-inner h1 { padding-bottom: 0;}
          img.title {
            display: block;
          }
          .front-content-left {
            float: left;
            width: 320px;
            padding-top: 20px;
          }
            .front-content-left-inner {
              float: left;
              width: 140px;
              padding: 0 20px 0 0;
            }
            .front-content-left-inner {
              
            }
            * html .front-content-left-inner-last {
              margin-right: -3px;
            }
            
            .front-content-green {
              background: url('../images/green.gif') no-repeat top left;
            }
              .front-content-green h2 {
                color: #607f00;
              }
              .front-content-green h2 a {
                color: #607f00;
              }
              .front-content-green .news-list a, .front-content-green .news-list .date {
                color: #607f00;
              }
              
            .front-content-blue {
              background: url('../images/blue.gif') no-repeat top left;
            }
              .front-content-blue h2 {
                color: #00a7d1;
              }
              .front-content-blue h2 a {
                color: #00a7d1;
              }
              .front-content-blue .news-list a {
                color: #22201e;
              }
              .front-content-blue .news-list .date {
                color: #00a7d1;
              }
              .front-content-btngreen, .front-content-btnblue {
                padding-top: 10px;
              }
              .front-content-btngreen a, .front-content-btnblue a {
                display: block;
                outline: none;
                color: #607f00;
                font-size: 11px;
                line-height: 11px;
                border: 1px solid #b1d14e;
                text-align: center;
                padding: 4px 0;
                background: #c7df7c url('../images/btn_green.gif') repeat-x left top;
              }
              .front-content-btnblue a {
                background: #bbe3ed url('../images/btn_blue.gif') repeat-x left top;
                color: #0a85a4;
                border: 1px solid #9de1f2;
              }
          .front-content-right {
            float: left;
            width: 200px;
            margin-top: 20px;
          }
          * html .front-content-right {
            margin-right: -3px;
          }
          
          /* tabsmenu */
          
            .tabsmenu-outer {
              padding-bottom: 10px;
            }
              #content-inner .tabsmenu {
                margin: 0;
                padding: 7px 10px 0 10px;
                height: 25px;
                background: #eeeeee;
                list-style-image: none;
                list-style-type: none;
              }
                #content-inner .tabsmenu li {
                  float: left;
                  padding: 4px 9px 0;
                }
                  #content-inner .tabsmenu li.active a {
                    outline: 0;
                    float: left;
                    height: 21px;
                    padding: 4px 9px 0;
                    background: url('../images/tabsmenu.gif') no-repeat right -25px;
                  }
                  #content-inner .tabsmenu li a {
                    color: #292622;
                    text-decoration: none;
                  }
                    #content-inner .tabsmenu li a:hover {
                      text-decoration: underline;
                    }
                  
                #content-inner .tabsmenu li.active {
                  padding: 0;
                  background: white url('../images/tabsmenu.gif') no-repeat top left;
                }
              
          /* border-table */
            .border-table {
              margin: 0;
              padding: 0;
              border: none;
              width: 100%;
              border-collapse: collapse;
            }
              .border-table th {
                font-weight: bold;
                text-align: left;
              }
              .border-table th.header { cursor:pointer; }
              .border-table td, .border-table th {
                padding: 3px 5px;
                border: none;
                border-bottom: 1px solid #e6e6e6;
              }
              .border-table .last td, .border-table .last th {
                border-bottom: none;
              }  
              .border-table td.first, .border-table th.first {
                padding-left: 0;
              }
              .border-table td.gray {
                color: #808080;
                font-size: 11px;
              }
              
          /* border-div */
            .border-div {
              border-bottom: 1px solid #e6e6e6;
            }
              .border-div-left {
                float: left;
                width: 180px;
                padding: 3px 5px 3px 0;
                font-weight: bold;
              }
              .border-div-right {
                float: left;
                width: 340px;
                padding: 3px 5px;
              }
              * html .border-div-right {
                margin-right: -3px;
              }
              
            
          /* orangebox */
            .orangebox {
              background: #ff8300;
              color: white;
              padding: 0 10px 12px;
              box-shadow: 0px 2px 2px #aaaaaa;
              -moz-box-shadow: 0px 2px 2px #dddddd;
              -webkit-box-shadow: 0px 2px 2px #eee;
            }
          
              .orangebox-inner {
                padding: 0 7px;
              }
              .orangebox h2 a {
                color: white;
              }
            
              .orangebox .news-list a {
                color: #22201e;
              }
            
              .orangebox .rss-box {
                margin-top: 10px;
                height: 32px;
                background: #ffa800 url('../images/orange_rss.gif') no-repeat top left;
              }
                .orangebox .rss-box-inner {
                  height: 32px;
                  padding: 0 7px;
                  background: url('../images/orange_rss.gif') no-repeat right -32px;
                }
                .orangebox .rss-box a {
                  color: white;
                  line-height: 32px;
                }
                .orangebox .rss-box img {
                  vertical-align: -7px;
                
                }
        
        /* news-block */
          .news-block {
            padding-top: 5px;
            padding-bottom: 20px;
            border-bottom: 1px solid #e6e6e6;
          }
          .news-block-last {
            padding-bottom: 0;
            border-bottom: none;
          }
            .news-block h2 {
              padding-bottom: 0;
              font-size: 25px;
              line-height: 28px;
            }
            #content-inner .news-block h2 a {
              text-decoration: none;
            }
            #content-inner .news-block h2 a:hover {
              text-decoration: underline;
            }
            .news-block .date, #article .date {
              font-size: 9px;
              color: #b0adaa;
              text-transform: uppercase;
              padding: 5px 0 11px;
            }
            #article .excerpt {
              padding-bottom: 18px; 
            }
        /* comments */
          #comments {
            padding-top: 10px;
          }
            
            #comments-table {
              margin: 0;
              padding: 0;
              border-collapse: collapse;
              border: none;
            }
              #comments-table td {
                vertical-align: top;
                padding: 15px 0px 0px;
              }
              #comments-table td.count {
                font-size: 27px;
                line-height: 30px;
                color: #b0b0b0;
                padding-top: 20px;
                
              } 
                #comments-table td.count div {
                  float: left;
                  border-right: 1px solid #e6e6e6;
                  padding: 0 10px 5px;
                }
                #comments-table td.author {
                  padding-left: 10px;
                  padding-right: 10px;
                  width: 115px;
                }
                #comments-table .date {
                  display: block;
                  
                  font-size: 9px;
                  color: #b0adaa;
                  text-transform: uppercase;
                }
        /* box */
          #box {
            background: #f2f2f2 url('../images/graybox.gif') repeat-x bottom left;
            min-height: 10px;
            margin-top: 15px;
          }
          * html #box {
            height: 10px;
          }
            #box h2 {
              border-bottom: 1px solid #e6e6e6;
            }
            #box-inner {
              background: url('../images/graybox_top.gif') no-repeat top left;
              min-height: 10px;
            }
            * html #box-inner {
              height: 10px;
            }
              #box-inner2 {
                background: url('../images/graybox_btm.gif') no-repeat left bottom;
                min-height: 206px;
                padding-bottom: 14px;
              }
              * html #box-inner2 {
                height: 206px;
              }
              
              #box h2 {
                padding: 13px 10px 9px;
              }
              #box table {
                width: 100%;
                border-collapse: collapse;
                border: none;
                margin-top: 4px;
              }
              #box td {
                vertical-align: top;
                padding: 8px 0 0 8px;
              }
              #box td.first {
                text-align: right;
                width: 100px;
                padding-top: 12px;
              }
              #box .textbox {
                border: 1px solid #e5e5e5;
                background: white;
                padding: 4px 5px;
                font: 13px/15px Arial, Verdana, sans-serif;
                color: #292622;
                width: 160px;
              }
              #box input.textbox {
                padding-top: 4px;
                padding-bottom: 0;
                height: 20px;
              }
              #box .select {
                font: 13px/15px Arial, Verdana, sans-serif;
                color: #292622;
                width: 170px;
              }
              #box textarea.textbox {
                width: 380px;
              }
              #box textarea.textarea {
                width: 160px;
              }
              #box .submit {
                width: 157px;
                padding-right: 17px;
                height: 30px;
                color: white;
                font: bold 13px/18px Arial, Verdana, sans-serif;
                border: none;
                background: url('../images/btn.gif') no-repeat top left;
              }
    /* sidebar */
      #sidebar {
        float: left;
        width: 220px;
        padding: 20px 24px 17px 0px;
      }
      
      * html #sidebar {
        margin-right: -3px;
      }
        #small-gallery {
          background: url('../images/red.gif') no-repeat top left;
          padding-top: 9px;
        }
          #small-gallery h2 {
            color: #f4381f;
            padding: 5px 0;
          }
          #small-gallery h2 a {
            color: #f4381f;
          }
          .small-gallery-item {
            display: none;
          }
          
          .small-gallery-inner {
            background: #f2f2f2;
            padding: 8px;
            width: 204px;
            height: 204px;
          }
          .small-gallery-inner2 {
            width: 204px;
            height: 204px;
            overflow: hidden;
            background-position: center center;
          }
          
          .small-gallery-inner img {
            display: block;
            width: 204px;
          }
      
    /* bottom */
      #bottom {
        clear: both;
        background: #efefef url('../images/bottom.gif') repeat-x left bottom;
        padding: 10px 22px;
      }
        #bottom .bottom-top {
          border-bottom: 1px solid #e1e1e1;
          font-weight: bold;
          color: #1c1b19;
          padding-bottom: 5px;
        }
        #bottom .bottom-inner {
          float: left;
          width: 100px;
          padding: 0 15px 0 0;
          min-height: 10px;
        }
        * html #bottom .bottom-inner {
          height: 10px;
        }
        #bottom ul {
          margin: 0;
          padding: 5px 0;
          list-style-type: none;
          list-style-image: none;
        }
          #bottom li {
            font-size: 11px;
            line-height: 14px;
          }
          #bottom a {
            color: #676767;
          }
          
  /* footer */
    #footer {
      font-size: 11px;
      padding: 5px 10px;
    }
      #footer-inner {
        width: 800px;
        padding: 2px 0 5px 15px;
      }
      #edicy {
        float: right;
        outline: 0;
      }