/*

Raksun talli
---
colors:
  #eee3d4 - background light brown
  #938b81 - grey brown
  #171001 - dark brown
  #514433 - medium brown
  
  #ab1e24 - bright red

*/

body, div, ul, li, h1, h2, h3, h4, h5, h6, a, span, p{margin:0;padding:0;list-style-type:none;font-weight:normal;} /* yleinen reset */
h1,h2,h3,h4,h5,h6{font-size:1em;line-height:1.5em;font-family:"Helvetica";}
h1{font-size:27px;}
#top h1, #top h2{display:none;}
h3#flatpage_title{font-size:27px;}
#frontpage #latest_news{text-indent:-9999px;}
body {
  background-color: #eee3d4; color: #171001;
  background-position: center 270px;
  background-image:url('../slider_bg.gif');
  background-repeat: repeat-x;
  color:#171001;
  font-size: 14px;
  line-height: 1.5em;
  font-family: "Georgia";
}
p{padding:1.5em 0 1.5em 0;line-height:2em;}
a {color: #ab1e24;}
a:hover{text-decoration:none;}

#slider img{position:relative;top:-2px;left:-5px;}
#frontpage #slider img {padding-left: 331px;}
#introduction #slider img {padding-left: 398px;}
#performers #slider img {padding-left: 465px;}
#events #slider img {padding-left: 545px;}
#sales #slider img {padding-left: 632px;}
#gallery #slider img {padding-left: 715px;}
#contact #slider img {padding-left: 825px;}


#main {
  width: 960px;
  margin-left:auto;margin-right:auto;
}
  #logo, #topbanner, #navlinks li, #contactinfo, #links, #links2, #rss, #sidebar, #content {float: left;}

  #top {
    height: 270px;
  }
    #logo {
      width:270px;height: 270px;
      background-image: url('../logo.gif');
    }
    #topbanner {
      width: 690px;height: 270px;
      background-image: url('../raksuntalli_banner.png');
    }
      #topbanner a {
        margin-top:71px;
        margin-left:32px;
        height: 98px;
        width: 336px;
        background-image: url('../raksuntalli_banner_link.png');
        display:block;
      }


    
  #navigation {
    height:90px;
  }
    #navlinks {
      width: 960px;
      height: 30px;
      background:url("../pallero.gif") no-repeat 308px 3px;
    }
      #navlinks li {margin-left: 15px;height:19px;}
      #navlinks a b {display:none;}
      #navlinks a{height: 100%; width:100%; display:block;}
      #navlinks .front, #navlinks .intro, #navlinks .performers, #navlinks .events, #navlinks .sales, #navlinks .gallery, #navlinks .contact{background-image:url('../navi_images.gif');}
      
      #navlinks .front{background-position: 0px 0px;width:51px; margin-left:330px !important; margin-left: 115px;}
      #navlinks .intro{background-position: -100px 0px;width:56px;}
      #navlinks .performers{background-position: -200px 0px;width:46px;}
      #navlinks .events{background-position: -300px 0px;width:89px;}
      #navlinks .sales{background-position: -400px 0px;width:51px;}
      #navlinks .gallery{background-position: -500px 0px;width:91px;}
      #navlinks .contact{background-position: -600px 0px;width:100px;}
      
      #navlinks .front:hover{background-position: 0px 19px;}
      #navlinks .intro:hover{background-position: -100px 19px;}
      #navlinks .performers:hover{background-position: -200px 19px;}
      #navlinks .events:hover{background-position: -300px 19px;}
      #navlinks .sales:hover{background-position: -400px 19px;}
      #navlinks .gallery:hover{background-position: -500px 19px;}
      #navlinks .contact:hover{background-position: -600px 19px;}
      
    #slider{height:60px;}
      #slider img {margin-top: 5px;}

#blog #content {
  width: 690px;
}

#middle {}
  #news {width: 690px;}
  #sidebar{margin-left:30px;padding-left:15px;width:180px; padding-right: 15px;min-height:150px;background-image:url('../sidebar_bg.gif');background-repeat:no-repeat;}
    #sidebar #browse_news {
      margin-top:7px;
    }
  #content{margin-left:30px;min-width:690px;}
    #performer_list{width:900px;}
    #performer_list a{
      display:block;color:#171001; text-decoration:none;margin-bottom:9px;min-height:81px;padding:1px;width:690px;
      margin-left:auto; margin-right:auto;
      background-image:url("../gradient.gif");
      overflow:auto;
      }
    #performer_list a.even{text-align:right;background-position:0px -90px;}
    #performer_list a .name {font-size:1.5em;line-height:1.5em;padding:0px 9px 0px 9px;display:block;margin-top:9px;}
    #performer_list a .description{display:block;padding:0px 9px 0px 9px;display:block;margin-bottom:9px;}
    #performer_list a .image{float:right;}
    #performer_list a.even .image {float:left; display:block;}
    #performer_list a img { border:0; }
    
    #performer_defaultpic {
      float:right;
    }
    
    table.month{border-collapse:collapse;width:900px;border-right:1px solid #99937F;border-bottom:1px solid #99937F;}
      table.month th{vertical-align:top;text-align:center;font-family:"Helvetica";font-weight:normal;font-style:italic;font-size:12px; height:27px;background:#E3DAC7;}
      table.month th.month{font-size:18px;font-style:normal;}
      table.month td, table.month th{padding:9px; border-top:1px solid #99937F;border-left:1px solid #99937F;}
      table.month td{vertical-align:top;text-align:left;font-size:18px;width:120px;background: #E3DAC7;}
      table.month td.noday{background-image:url("../noday.gif");}
      table.month a{text-decoration:none;
        cursor:hand; /*ie fix*/
      }
      table.month td .day{display:block;font-size:36px;margin-bottom:9px;}
      table.month td .name, table.month td .location {font-size:12px; font-family:"Helvetica";height:100%;}
      table.month hr{height:1px; background-color:#B1A996; border:0px 0px 1px 0px; border-color: #DACEBF;}
    

  
  #latest_news{background-image:url('../viimeisin_uutinen.gif');background-repeat:no-repeat;background-position:left center; }
  .newsitem {padding: 8px 27px 8px 27px;;background:#E3DAC7;margin-bottom:1px;}
    .newsitem .post_date{padding-left:15px;line-height:15px;font-size:14px;color:#938b81;}
    .newsitem_first h4 {font-size:27px;}
    .newsitem p { padding: 0;}
  
  
#bottom {clear:both;}
#bottom {
    padding-top: 80px; font-size: 14px; color:#938b81;
    background:transparent url("../separator.gif") 50% 47px no-repeat;
  }
  #contactinfo{width: 390px; line-height: 1.5em; padding-top: 15px; color:#716A63;padding-left:90px;}
  #links,#links2{width:150px;text-transform: uppercase;font-size:0.8em;}
  #links a, #links2 a{color:#938b81;}
  #rss{width:180px;}
  #symb{float:left; height: 200px;padding-top: 10px; padding-right:30px;}
  
/*
gallery widget
*/

.gallery_widget {
  width:640px;
}
.gallery_widget h2 {
  display:block;
  font-size:18px;
  line-height:48px;
  background-image:url("../gradient.gif");
  padding-left:9px;
}
.gallery_widget_collapsed h2:hover{
  background-position:0px -100px;
  cursor:pointer;
}
.gallery_widget div.images img {
  margin:0;
  padding:0;
  border:0;
}

/* sales */
.store_category  {
  width: 690px;
}
.store_category .item {
  clear: both;
  margin: 16px 8px;
}
.store_category h3 {
  font-weight: bold;
}
.store_category h2 {
  display:block;
  font-size:18px;
  line-height:48px;
  background-image:url("../gradient.gif");
  padding-left:9px;
  cursor:pointer;
}
.store_category h2:hover {
  display:block;
  font-size:18px;
  line-height:48px;
  background-image:url("../gradient.gif");
  padding-left:9px;
  cursor:pointer;
}
.store_category_collapsed h2:hover{
  background-position:0px -100px;
  cursor:pointer;
}
.store_category img {
  border: 0;
}
.store_category div.picture {
  float:left;
  padding: 0 16px 0 0;
}
.store_category .item_nopic{
  padding-left: 104px;
}
#cart {
  font-family: Arial;
  clear:both;
  margin: 32px 0 0 0;
  background: #D6CBBF;
  border: 1px dashed #968D83;
}
  #cart h2 {
    font-weight: bold;
  }
  #cart th {
    text-align: left;
    padding: 4px;
  }
  #cart td {
    padding: 4px;
    margin: 0;
  }

#cashier_form {
  margin: 18px 9px;
}
  #cashier_form li {
    margin-top: 9px;
  }
  #cashier_form li label {
    display:block;
    float:left;
    width: 150px;
  }

  #shipping_info, #shipping_info h2 {
    width: 700px;
	font-size: 11px;
	font-family: Georgia, serif;
  }
  #shipping_info h2 {
        font-weight: bold;
  }
  #shipping_info p {
        padding: 4px;
  }
  
#carousel a {
  display:block;
  width: 230px;
  height: 180px;
  float:left;
  background: #000000;
  vertical-align: middle;
  text-decoration:none;
}
#carousel .hidden {
  padding: 6px 12px 6px 12px;
  font-size: 18px;
  position:relative;
  top: -180px;
  z-index: 9;
  display:none;
  color: #ffffff;
}
#carousel img {
  border:none;
  z-index: 10;
}