/*
#aa5522
#ccaa55
#ffeedd
#eecc99
#000
dull  

#dd0000
#ff9900
#ffffff
#ffdd55
#665500
vibrant 

*/

/*=STRUCTURE
=== === === === === === === === === === */
body {
  font: normal 12px/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
  margin: 0;
  color:#000;
  padding: 0;
  text-align: center;
  background: #fff;
}
.container{
  width: 780px;
  margin: 0 auto;
  text-align: left;
}
.col_full{
/* when content takes up full site width */
/* can aslo be used to wrap inner colums if container hook isn't enough */
  width: 100%;
  float: left;
  clear: both;
  border-bottom:10px;
  background-color:#f8f8f8;
}
.live .col_full {
    background:#fff;
    margin-bottom:10px;
    padding:10px;
    width:760px;
}
.col_large {
/* when content is with one sidebar */
/*background-color:#fff; */
  float: left;
  width: 485px;
}
.store_main{
  background:#fff;
  float: left;
  padding:10px;
  margin-right:9px;
  width: 447px;
}
.col_small {
/* sidebar next to content */
  float: left;
  width: 295px;
}
.store_sidebar {
/* sidebar next to content */
  background:#fff;
  float: left;
  width: 294px;
}
.store_sidebar ul{
  padding:10px !important;
}
/*=COMMON
=== === === === === === === === === === */
p{
  line-height: 150%;
  padding: 0;
}
h1, h2, h3, h4, h5, h6{
  line-height: 125%;
  font-family:Monaco, Tahoma, sans-serif;
  font-weight: normal;
  padding: 0;
  margin: 0;
}
img {
  border: 0;
}
a:link, a:visited {
  color: #2176e6;
  text-decoration: none;
}
a:hover, a:active {
  color: #bd840b;
  text-decoration: underline;
}
blockquote{
  font-style: italic;
  border: 1px solid #aea594;
  padding: 10px;
  margin: 0 30px 10px 10px;
}
label em{
  color: #000;
}
form{
  clear: both;
  padding: 0;
  margin: 0;
}
form fieldset{
  border: none;
  padding: 10px 0px;
  margin: 0;
}
form fieldset input.textfield,
form fieldset textarea{
  width: 60%;
}
form fieldset input.submitbutton{
  margin: 0 0 0 5px;
}
/*=HEADER
=== === === === === === === === === === */
#header {
    float: left;
    width: 100%;
    clear: both;
}
#header .container {
    background: #fff url(../images/nap_header_bg.jpg) no-repeat 0 0;
    overflow:hidden;
    height: 408px;
}

#logo {
  background: transparent;
}
#logo img {
    margin:30px 0 0 15px;
}
#title {
    color: #2176e6;
    text-align:left;
    margin: 40px 0 258px 30px;
}
#header h1 {
    color: #2176e6;
    font-size:1.5em;
    margin:0;
    text-transform: uppercase;
}
#title p {
    font-size:1em;
    margin:0;
}
#title p.date {
    font-size:1.5em;
}
/*=PROMO
unique areas such as home page banner
=== === === === === === === === === === */
#promo {
  float: left;
  width: 100%;
  clear: both;
  color: #e8e1d1;
  padding: 0px 0px 5px 0px;
}
#promo .col_full{
  background-color: #000;
  margin: 0 0 10px 0;
  padding:0px;
}
#promo .col_full .top{
  background-image: url(../images/promo-top.gif);
  background-position: top;
  background-repeat: no-repeat;
}
#promo .col_full .bottom{
  background-image: url(../images/promo-bottom.gif);
  background-position: bottom;
  background-repeat: no-repeat;
}
.promo_wrapper {
  padding:20px;
}
#promo h3{
  font-size: 200%;
  margin-bottom: 5px;
}
/*=NAVIGATION
=== === === === === === === === === === */

#navigation {
    background:#2176e6;
    overflow:hidden;
}
#lap #navigation { background:#8fc447; }
#navigation a {
  color: #fff;
  display:inline-block;
  font-family:Monaco,Tahoma,sans-serif;
  font-size:18px;
  font-weight:normal;
  line-height:18px;
  padding-top: 15px;
}
#navigation .menu_primary .active a {
  color:#000;
}
#navigation .vert .menu_primary {
  border-bottom: 25px solid #f4802b;
}
#lap #navigation .vert .menu_primary {
  border-bottom: 25px solid #8fc447;
}
#navigation .vert .menu_secondary .active a span {
  border: 1px solid #ddd;
}
#navigation .drop .menu_secondary .active a {
  color:#FFF;
}
#navigation .menu_primary,
#navigation .menu_secondary {
  float: left;
  width: 100%;
}

#navigation ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 20px;
  text-transform: uppercase;
}

#navigation .menu_primary ul li {
  float: left;
  margin-right: 30px;
}
#navigation .menu_secondary ul li {
  float: left;
  margin-right: 0;
}
#navigation .menu_primary ul li:first-child a span {
  background: url(../images/home.png) no-repeat 0 0;
  position: relative;
  text-indent: -999em;
  top: -5px;
  display: block;
  width: 21px;
  height: 23px;
  margin-top: 0;
  overflow: hidden;
}

/*----------- Secondary nav */
#navigation .vert .menu_secondary {
  background: transparent url(../images/active.png) no-repeat 0 0;
  padding-top: 10px;
}
#navigation .vert li ul {
  position: absolute;
  margin: 0 auto;
  padding: 0;
}
#navigation .vert .menu_secondary ul li {
 padding: 0 10px;
 float: left;
 position: relative;
 top: -10px;
 left: -30px;
}
#navigation .vert .menu_secondary a {
 font-size: 14px;
 line-height: 10px;
 color: #DDD;
}
#navigation .vert .menu_secondary a span {
 padding: 0 2px;
}
#navigation .drop li ul{
 float: left;
 position: absolute;
 left:-999em;  /* Tämä säätää toisen asteen valikon näkymättömiin */
 border: none;
 z-index:9999;
 padding-left: 0;
 width:155px;
}
#navigation .drop li ul li{width:100%;}
#navigation .drop li:hover ul{
 left:auto;  /* Tämä tuo valikon taas näkyviin */
 }
#navigation .drop li:hover li{  /* Toisen asteen valikon laatikko */
 position: relative;
 top: 0;
 left: -10px;
 border-bottom:1px solid #bdbec0;
 border-right:1px solid #bdbec0;
 margin-top:0;
}
#navigation .drop li:hover li, #navigation .drop li:hover li a{
 background:#bdbec0;  /* Toisen asteen valikon kohta ei aktiivisena */
 overflow: hidden;
 font-size: 14px;
 line-height: 18px;
 text-decoration: none;
 padding-top: 2px;
}
#navigation .drop li:hover li a{
 padding-left: 5px;
 width: 150px;
}
#navigation .drop li:hover li:hover, #navigation .drop li:hover li:hover a{
 background:#FFFEFA;  /* Toisen asteen valikon kohta aktiivisena */
 color: #000;
}
#navigation .menu_secondary ul li:first-child a span {
  background: none no-repeat 0 0;
  text-indent: 0em;
  top: 0px;
  overflow: hidden;
  color: #FFF;
  display: inline;
  width: 150px;
}

#navigation .vert .menu_secondary ul li:first-child a span {
  color: #DDD;
  margin-top: 0;
}
#navigation .vert .menu_secondary .active ul li:first-child a span {
  color: #000;
}
#navigation .drop .menu_secondary ul li:first-child a:hover span {
  color: #000;
}

/*=BODYAREA
=== === === === === === === === === === */
#bodyarea .col_full {
   background: #fff url(../images/nap_bodyd_bg.jpg) no-repeat 0 0; 
}
#bodyarea .col_small .box{
  margin: 0 0 10px 0;
}
#bodyarea .col_small #leftsidebar{
  padding:10px 20px 20px;
}
#bodyarea .col_small #search_site #search {
  margin-bottom: 0;
  padding: 0 10px 10px 10px;
}
#bodyarea .col_small #search_site .textfield{
  border: 1px solid #868276;
  width: 200px;
}
#bodyarea .col_small #search_site .submitbutton{
  background: none;
  border: none;
  margin: 10px 0 0 0;
  color: #000;
}
#bodyarea .col_large .top{
  /* background-color: #fff; */
}
#bodyarea .col_large .dynamic_content_wrapper {
  /* background-color: #fcfcfc; */
  padding:10px;
}
#bodyarea .col_large p{
/*  margin: 0 0 10px 0;*/
}
#bodyarea ul{
  margin-right: 0;
  margin-left: 0;
}
#bodyarea h2{
  clear: both;
  color: #000;
  font-size: 200%;
  padding:10px 0;
}
#bodyarea h3{
  clear: left;
  color: #000;
  font-size: 150%;
  padding:10px 0 0 0 ;
}
#bodyarea h4{
  color: #000;
  font-size: 125%;
  padding:0px 10px 0 10px;
}

h4.AbstractTitle {
  font-size:115% !important;
}

#bodyarea p.meta{
  font-size: 85%;
  color: #666666;
  padding:0 !important;
}
#bodyarea .col_small p{
  padding:0 10px 10px 10px;
}
#bodyarea p.subscribe{
  font-size: 85%;
  color: #666666;
  clear: both;
}

#bodyarea a.edit:link,
#bodyarea a.edit:visited{
  color: #cc0000;
}
#bodyarea a.edit:hover,
#bodyarea a.edit:active{
  color: #ff0000;
}
#bodyarea .functions p{
  font-size: 85%;
  margin: 5px 0 10px 0;
}
#bodyarea .functions p a{
  
}
#bodyarea #searchcontent form{
  
}
#bodyarea #searchcontent form fieldset{
  
}
#bodyarea #searchcontent form fieldset input{
  font-size: 85%;
  color: #666666;
}
#bodyarea #searchcontent form fieldset input.textfield{
  
}
#bodyarea #searchcontent form fieldset input.submitbutton{
  margin: 0 0 0 5px;
}
#bodyarea #paginate{
  clear: both;
  font-weight: bold;
  font-size: 85%;
}
#bodyarea #paginate .next{
  float: right;
  margin: 10px 0 10px 0;
  display: block;
}
#bodyarea #paginate .previous{
  float: left;
  margin: 10px 0 10px 0;
  display: block;
}
#login {
  border-top: 1px solid #aea594;
}
#bodyarea .creds{
  clear: both;
  font-size: 85%;
  padding-top: 10px;
  color: #000;
}
#bodyarea .newsitemsmall{
  float: left;
  margin: 0 10px 10px 0;
  display: block;
}
#bodyarea .imagecaption{
  float: right;
  width: 270px;
}
#bodyarea .imagecaption img{
  display: block;
  margin: 5px 0 0 10px;
}
#bodyarea .imagecaption p{
  font-size: 85%;
  padding: 5px 20px 10px 10px;
  color: #666666;
}
#bodyarea .sort ul{
  margin: 0 0 10px 0;
  padding: 5px;
  border-top: 1px solid #000;
  background-color: #aea594;
}
#bodyarea .sort ul li{
  display: inline;
  margin: 0 5px;
}
#bodyarea .sort ul li form{
  display: inline;
}
#bodyarea .sort ul li form select{
  
}
#bodyarea .thumb{
  float: left;
}
#bodyarea .thumb img{
  display: block;
  margin: 0 5px 5px 0;
}
#bodyarea #buysteps{
  border-bottom: 3px solid #000;
  margin: 0 0 10px 0;
  color: #000;
}
#bodyarea #buysteps ul{
  padding: 6px 10px 4px 10px;
  margin: 0;
}
#bodyarea #buysteps ul li{
  display: inline;
  padding: 0 10px 0 0;
}
#bodyarea #buysteps ul li.current{
  font-weight: bold;
}

#bodyarea ul.schedule { list-style:none; padding-left:0; }
#bodyarea ul.schedule li { padding-left:50px; font-style:normal; }
#bodyarea ul.schedule span { display:inline-block; margin-left:-50px; width:50px; }
#bodyarea ul.schedule em { display:block; font-style:normal; font-weight:bold; }

/*=CALENDAR
=== === === === === === === === === === */
#event_calendar{
  clear: both;
}
#event_calendar table{
  border-collapse: collapse;
  margin: 0;
}
#event_calendar table th{
  border-bottom: 2px solid #000;
  vertical-align: top;
  font-size: 85%;
  color: #000;
  width: 75px;
}
#event_calendar table td{
  border-bottom: 1px solid #000;
  vertical-align: top;
}
#event_calendar table td#datehighlight{
  
}
#event_calendar table td#datehighlight p{
  
}
#event_calendar table td#datehighlight ul{
  
}
#event_calendar table td p{
  padding: 0;
  margin: 0;
  font-size: 85%;
}
#bodyarea #event_calendar table td ul{
  font-size: 85%;
  margin: 0;
  padding: 5px 0 0 0;
  list-style: none;
}
#bodyarea #event_calendar table td ul li{
  padding: 0 0 10px 0;
  line-height: 100%;
}

/*=STORE
=== === === === === === === === === === */
#bodyarea ul.products_list{
  list-style: none;
  padding: 0;
  margin: 0;
}
#bodyarea ul.products_list li{
  padding: 10px 0 0 0;
  margin: 0;
  float: left;
  width: 100%;
  border-top: 1px solid #aea594;
}
#bodyarea ul.products_list li .product_img{
  float: left;
  width: 140px;
}
#bodyarea ul.products_list li .product_img img{
  display: block;
  padding: 0 0 10px 10px;
}
#bodyarea ul.products_list li .product_desc{
  float: left;
  width: 300px;
}
#bodyarea ul.products_list li p{
  padding: 0 10px 10px 0;
  margin: 0;
}
#bodyarea #cart p{
  text-align: right;
  font-size: 85%;
  margin: 0;
  padding: 10px 20px 0 20px;
}
#bodyarea table.products_list,
#bodyarea .summary table{
  margin: 0 20px 40px 20px;
  border-collapse: collapse;
  width: 460px;
}
#bodyarea table.products_list th,
#bodyarea .summary table th{
  padding: 3px;
}
#bodyarea table.products_list td,
#bodyarea .summary table td{
  padding: 3px;
  border-top: 2px solid #aea594;
}

.news_widget_photo img {
  padding-left:9px !important;
}