/*******************************************************************************
Filename:     general.css
Title         Suunaja section design for www.rajaleidja.ee
Author:       Remy Tiitre <remy.tiitre(at)ddw.ee>
URL:          http://www.rajaleidja.ee/extensions/DDW_Layout_Suunaja/css/general.css
License:      Copyright 2009, Digital Doorway, All Rights Reserved.
              Feel free to read and learn from this, but don't steal.

Description:  This will provide Suunaja section colors for www.rajaleidja.ee site.
*******************************************************************************/

/* Color styles ***************************************************************/
body {
  background: #f6f6f6 url('/extensions/DDW_Layout_Suunaja/images/background_suunaja.png') no-repeat fixed;
  color: #3c623b;
}
h1 {
  color: #3c623b;
}
h2 {
  color: #3c623b;
}
h3 {
  color: #3c623b;
}
a:link, a:visited {
  color: #3c623b;
  text-decoration: underline;
}
a:hover, a:active {
  color: #3c623b;
  text-decoration: underline;
}
h2 a:link, h2 a:visited {
  color: #3c623b;
  text-decoration: none;
}
h2 a:hover, h2 a:active {
  color: #3c623b;
  text-decoration: underline;
}

/* Header start ***************************************************************/
#Header { color: #b8b8b8; }
#Header a:link, #Header a:visited { color: #b8b8b8; }
#Header a:active, #Header a:hover, #Header .Section_2 a { color: #333333; }
#Header .Top form input[type=text] {
  background-color: #b8b8b8;
  color: #ffffff;
}
#Header .Top form input.Button {
  background-color: transparent;
}
#Header #Logo { background: url('/extensions/DDW_Layout_Suunaja/images/logo.png') no-repeat 0 0; }
#Header .Links a:link, #Header .Links a:visited { color: #3c623b; }
#Header .Links a:active, #Header .Links a:hover { color: #333333; }
#Header ul.Navbar { background: url('/extensions/DDW_Layout_Suunaja/images/background_suunaja_navbar.png') no-repeat 0 0; }
#Header ul.Navbar li { background: transparent url('/extensions/DDW_Layout_Suunaja/images/arrow.png') no-repeat 95% 0; }
#Header ul.Navbar li.Start { background: transparent url('/extensions/DDW_Layout_Suunaja/images/arrow2.png') no-repeat 0 50%; }
#Header ul.Navbar li.Start a {
  color: #ffffff;
  text-transform: uppercase;
}
#Header .Navbar li a:link, #Header .Navbar li a:visited { color: #ffffff; }
#Header .Navbar li a:active, #Header .Navbar li a:hover { color: #333333; }

/* Navigation start ***********************************************************/
.Navigation { color: #3c623b; }
.Navigation ul li a:link, .Navigation ul li a:visited, .Navigation ul li.Selected ul li a:link, .Navigation ul li.Selected ul li a:visited, .Navigation ul li.Selected ul li.Selected ul li a:link, .Navigation ul li.Selected ul li.Selected ul li a:visited { color: #3c623b; }
.Navigation ul li a:active, .Navigation ul li a:hover, .Navigation ul li.Selected ul li a:active, .Navigation ul li.Selected ul li a:hover, .Navigation ul li.Selected ul li.Selected ul li a:active, .Navigation ul li.Selected ul li.Selected ul li a:hover { color: #cecece; }
.Navigation ul li.Selected a:link, .Navigation ul li.Selected a:visited, .Navigation ul li.Selected ul li.Selected a:link, .Navigation ul li.Selected ul li.Selected a:visited, .Navigation ul li.Selected ul li.Selected ul li.Selected a:link, .Navigation ul li.Selected ul li.Selected ul li.Selected a:visited { color: #cecece; }
.Navigation ul li { background: transparent url('/extensions/DDW_Layout_Suunaja/images/arrow1_0.png') no-repeat 2px 3px; }
.Navigation ul li.Selected { background: transparent url('/extensions/DDW_Layout_Suunaja/images/arrow1_1.png') no-repeat 0 6px; }
.Navigation ul li.Selected ul li { background: transparent url('/extensions/DDW_Layout_Suunaja/images/arrow2_0.png') no-repeat 2px 2px; }
.Navigation ul li.Selected ul li.Selected { background: transparent url('/extensions/DDW_Layout_Suunaja/images/arrow2_1.png') no-repeat 0 4px; }
.Navigation ul li.Selected ul li.Selected ul li { background: transparent url('/extensions/DDW_Layout_Suunaja/images/arrow3_0.png') no-repeat 3px -2px; }

/* Navbar start ***************************************************************/
#Navbar div { color: #b8b8b8; }
#Navbar div a { color: #b8b8b8; }
#Navbar #Print { background: transparent url('/extensions/DDW_Layout_Suunaja/images/btnTryki.png') no-repeat 6px 50%; }
#Navbar #Back { background: transparent url('/extensions/DDW_Layout_Suunaja/images/arrow4.png') no-repeat 6px 50%; }

#Addon h2 {
  font-size: 22px;
  font-weight: normal;
  padding: 5px 0 0 40px;
}
#Addon h2.Kasulikku {
  background: url('/extensions/DDW_Layout_Suunaja/images/kasulikku.png') no-repeat 0 50%;
}
#Addon h2.Testid {
  background: url('/extensions/DDW_Layout_Suunaja/images/testid.png') no-repeat 0 50%;
}
#Addon ul {
  list-style-image: url('/extensions/DDW_Layout_Suunaja/images/arrow5.png');
  margin-bottom: 35px;
}
#Addon ul li {
  padding-bottom: 4px;
  padding-top: 2px;
}
#Addon a:link, #Addon a:visited { text-decoration: none; }
#Addon a:active, #Addon a:hover { text-decoration: none; }

/* Homepage start *************************************************************/
#ContentAreaHome #ContentDetails ul {
  float: left;
  list-style: none;
  padding-left: 0;
}
#ContentAreaHome #ContentDetails ul li {
  float: left;
  height: 100px;
  margin: 0;
  position: relative;
  width: 190px;
}
#ContentAreaHome #ContentDetails ul li a {
  background: url('/extensions/DDW_Layout/images/background_text.png') repeat top left;
  bottom: 0;
  color: #ffffff;
  display: block;
  font-weight: bold;
  min-height: 26px;
  left: 0;
  padding: 6px 0;
  position: absolute;
  text-align: center;
  text-decoration: none;
  width: 100%;
}
#ContentAreaHome #Addon {
  background: url('/extensions/DDW_Layout_Suunaja/images/background_addon.png') repeat top left;
}