* { margin: 0; padding: 0; }

html {
   margin: 0 auto;
   background: #71715d;
}

body
{
   margin: 0 auto;
   color: #444;
   background: transparent;
   text-align: center;
   font: x-small/140% "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
   f\ont: small/140% "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;



}

/**
 *   Asettelut
 */
#wrap {
   margin: 0 auto;
   width: 750px;
   text-align: left;
   background: #fff url(/images/ulkoasu/wrap_tausta.png) repeat-y 0 0;
}

#wrap_susa {
   margin: 0 auto;
   width: 750px;
   text-align: left;
   background: #fff url(/images/ulkoasu/wrap_tausta_susa.PNG) repeat-y 0 0;
}


#header {
   height: 160px;
   margin-left: 12px;
   margin-right: 12px;
   background: #fff url(/images/ulkoasu/header/rotate.php) no-repeat 0 100%;
}

#header_susa {
   height: 130px;
   margin-left: 12px;
   margin-right: 12px;
   background: #fff url(/images/ulkoasu/Susa_header_def.JPG) no-repeat 0 100%;
}


#main
{
   float: right;
   width: 480px;
   background-color: transparent;
}

#menu {
   width: 245px;
   padding-top: 10px;
   background-color: transparent;
}

#footer {
   clear: both;
   margin: 0;
   padding: 15px;
   text-align: center;
   font-size: 80%;
   background: transparent url(/images/ulkoasu/footer_tausta4.png) no-repeat 100% 100%;
}


/**
 * Sisällön asettelu
 */
.entry {
   margin-left: 0em;
   margin-right: 22px;
}

.entry_content {
   overflow: hidden;
}

.entry_date, .entry_footer, .excerpt_footer{
   font-size: 90%;
   line-height: 110%;
}

.menuimg {
   width: 245px;
   padding-top: 10px;
}

/**
 *   Muu ulkoasu
 */

a
{
   color: #78995e;
   font-weight: bold;
   text-decoration: none;
}

a:visited
{
   color: #444;
}

a:hover, a:active
{
   color: #3D3937;
}


h1, h2, h3, h4, h5, h6, h9 {
   font-weight: bold;
}

h1 {
   background: transparent;
   font-size: 22px;
   margin-left: 10px;
   width: 400px;
   height: 3.7em;
}
h1 span {
   display: block;
   width: 0;
   height: 0;
   overflow: hidden;
}

h5 {
   background: transparent;
   font-size: 15px;
   margin-left: 50px;
   width: 220px;
   height: 1.5em;
}

h9 {
   background: transparent;
   font-size: 15px;
   margin-left: 50px;
   width: 220px;
   height: 1.5em;
}





/**
 *   Haku toiminnon listaus
 */
h2 {
   font-size: 1.2em;
   font-weight: bold;
   margin-top: 15px;
   padding: 2px 5px 0 0;
   padd\ing-left: 40px;
   padd\ing-bottom: 5px;
   bac\kground: transparent url(/images/ulkoasu/arkistotitle_tausta.png) no-repeat 0 50%;
   border-bottom: 1px solid; width: 410px; #71715d;
}



/**
 *   Entry
 */

h3.entrytitle {
   font-size: 1.2em;
   margin-top: 10px;
   padding: 2px 5px 0 0;
   padd\ing-left: 68px;
   padd\ing-bottom: 5px;
   bac\kground: transparent url(/images/ulkoasu/entrytitle_tausta.jpg) no-repeat 0 50%;
   border-bottom: 1px solid #71715d;
}

dt {
   font-size: 1.2em;
   font-weight: bold;
   margin-top: 10px;
   padding: 2px 5px 0 0;
   padd\ing-left: 40px;
   padd\ing-bottom: 5px;
   bac\kground: transparent url(/images/ulkoasu/arkistotitle_tausta.png) no-repeat 0 50%;
   border-bottom: 1px solid #71715d;
}

h3.tarinatitle {
   font-size: 1.2em;
   margin-top: 10px;
   padding: 2px 5px 0 0;
   padd\ing-left: 45px;
   padd\ing-bottom: 5px;
   bac\kground: transparent url(/images/ulkoasu/tarinatitle_tausta.png) no-repeat 0 50%;
   border-bottom: 1px solid #71715d;
}

h3.perhotitle {
   font-size: 1.2em;
   margin-top: 10px;
   padding: 2px 5px 0 0;
   padd\ing-left: 45px;
   padd\ing-bottom: 5px;
   bac\kground: transparent url(/images/ulkoasu/perhotitle_tausta.png) no-repeat 0 0;
   border-bottom: 1px solid #71715d;
}

h3.linkkititle {
   font-size: 1.2em;
   margin-top: 10px;
   padding: 2px 5px 0 0;
   padd\ing-left: 45px;
   padd\ing-bottom: 5px;
   bac\kground: transparent url(/images/ulkoasu/linkkititle_tausta.bmp) no-repeat 0 0;
   border-bottom: 1px solid #71715d;
}

h3.sulkatitle {
   font-size: 1.2em;
   margin-top: 10px;
   padding: 2px 5px 0 0;
   padd\ing-left: 30px;
   padd\ing-bottom: 5px;
   bac\kground: transparent url(/images/ulkoasu/sulka_title.jpg) no-repeat 0 0;
   border-bottom: 1px solid #71715d;
}

h3.blackietitle {
   font-size: 1.2em;
   margin-top: 10px;
   padding: 2px 5px 0 0;
   padd\ing-left: 45px;
   padd\ing-bottom: 5px;
   bac\kground: transparent url(/images/ulkoasu/blackietitle_tausta.png) no-repeat 0 0;
   border-bottom: 1px solid #71715d;
}


h3.tietsikkatitle {
   font-size: 1.2em;
   margin-top: 10px;
   padding: 2px 5px 0 0;
   padd\ing-left: 45px;
   padd\ing-bottom: 5px;
   bac\kground: transparent url(/images/ulkoasu/tietsikkatitle_tausta.png) no-repeat 0 0;
   border-bottom: 1px solid #71715d;
}

h3.tuumaajattitle {
   font-size: 1.2em;
   margin-top: 10px;
   padding: 2px 5px 0 0;
   padd\ing-left: 45px;
   padd\ing-bottom: 5px;
   bac\kground: transparent url(/images/ulkoasu/tuumaajattitle_tausta.png) no-repeat 0 0;
   border-bottom: 1px solid #71715d;
}

h3.perhocolortitle {
   font-size: 1.2em;
   margin-top: 10px;
   padding: 2px 5px 0 0;
   padd\ing-left: 45px;
   padd\ing-bottom: 5px;
   bac\kground: transparent url(/images/ulkoasu/perhocolortitle_tausta.png) no-repeat 0 0;
   border-bottom: 1px solid #71715d;
}

h3.hakutitle {
   font-size: 1.2em;
   margin-top: 10px;
   padding: 2px 5px 0 0;
   padd\ing-left: 45px;
   padd\ing-bottom: 5px;
   bac\kground: transparent url(/images/ulkoasu/arkistotitle_tausta.png) no-repeat 0 0;
   border-bottom: 1px solid #71715d;
}



h3.bustertitle {
   font-size: 1.2em;
   margin-top: 10px;
   padding: 2px 5px 0 0;
   padd\ing-left: 65px;
   padd\ing-bottom: 5px;
   bac\kground: transparent url(/images/ulkoasu/entrytitle_tausta_buster.jpg) no-repeat 0 0;
   border-bottom: 1px solid #71715d;
}


h3.metsastystitle {
   font-size: 1.2em;
   margin-top: 10px;
   padding: 2px 5px 0 0;
   padd\ing-left: 45px;
   padd\ing-bottom: 5px;
   bac\kground: transparent url(/images/ulkoasu/haulikkotitle_tausta.png) no-repeat 0 0;
   border-bottom: 1px solid #71715d;
}

h3.S_title {
   font-size: 1.2em;
   margin-top: 10px;
   padding: 2px 5px 0 0;
   padd\ing-left: 45px;
   padd\ing-bottom: 5px;
   bac\kground: transparent url(/images/ulkoasu/susa_tausta.png) no-repeat 0 0;
   border-bottom: 1px solid #71715d;
}

.entry_content h4 {
   font-size: 1em;
   margin: 15px 0 5px 0;
}

a.rssCat {
   font-size:85%;
   font-weight:bold;

}

.entry_date a, .entry_footer a {
   font-weight: normal;
   text-decoration: none;
   color: #78995e;

}

.excerpt_footer a {
   font-weight: bold;

   text-decoration: none;
   color: #78995e;

}

.entry_content a {
   text-decoration: underline;
}
.entry_content a:hover {
   text-decoration: none;
}

.entry_content p {
   margin: .6em 0;
}
.entry_content ul {
   list-style: square;
   margin: .6em 0 .6em 15px;
   padding: 0 5px;

   }
.entry_content ul, [ie] {
   list-style: none;
   margin: .6em 0;
   padding-left: 1em;
   text-indent: -1em;
   }
.entry_content ol {
   margin: .6em 0 .6em 10px;
   padding: 0 5px 0 15px;
}
.entry_content li {
   margin: .4em 0;
   padding: 0 5px;
   line-height: 130%;
}
.entry_content ul li:before {
   content: "\00BB \0020 ";
}
.entry_content dl {
   margin: .6em 0 .6em 0;
}
.entry_content dt {
   font-weight: bold;
}
.entry_content dd {
   padding-left: 10px;
   font-style: italic;
}
blockquote {
   background: #eee;
   margin: .9em 0;
   padding: 0 10px;
   font-size: 95%;
   line-height: 120%;
   border-top: 1px dotted #ADAE8C;
   border-bottom: 1px dotted #ADAE8C;
}
blockquote p {
   margin: 5px 0;
}

/**
 *   Menu
 */
#menu h4 {
   font-size: 0.9em;
   display: block;
   margin-left: 15px;
   margin-right: 0px;
   padding-top: 1px;
   padding-bottom: 1px;
   padding-left: 5px;
   color: #dbd7c3;
   background-color: #71715d;
   text-transform: uppercase;
}
#menu ul {
   margin: 0 0 20px 0;
   padding: 0;
   line-height: 90%;
   list-style: none;
}
#menu li {
   margin: 0 5px 5px 15px;
   padding: 1px 0;
   padding-left: 5px;
   text-indent: 0;
   border-bottom: 1px dotted #dbd7c3;
}


#menu dl {
   font-size: 0.87em;
   margin: 0 5px 5px 15px;
   padding: 1px 0;
   padding-left: 5px;
   text-indent: 0;
   line-height: 100%;
}

#menu li:hover {
   background: #dbd7c3;
   color: #444;
}
#menu li.search:hover {
   background: transparent;
   color: #444;
}
#menu li a {
   font-weight:bold;
   color: #444;
}
#menu li a:visited {
   color: #444;
}
#menu li a:hover {
   text-decoration: underline;
}


#menu img {
   margin-top: 1px;
   margin-left: 15px;
   margin-bottom: 1px;
   background: none;
   border: 0;
   float: none;
}

/**

#menu img.margins {
   margin-top: 5px;
   margin-left: 15px;
   margin-bottom: 15px;
   background: none;
   border: 0;
   float: none;
}


#menu a img {
   background: none;
   border: 0;
}
#menu a:hover img {
   background: none;
}
#menu img.fire {
   margin-left: 70px;
}
#menu form label {
   display: block;
   font-weight: normal;
}
#menu form input {
   font-size: 1em;
   padding: 0;
   margin-top: 5px;
   margin-bottom: 5px;
   margin-right: 5px;
   background-color: #dbd7c3;
}

 *   Tätä muutin tätä muutin
 */
#main img {
   float: left;
   margin-right: 5px;

   margin-top: 5px;
   margin-bottom: 5px;
}

#main img.oikeaan {
   float: right;
   margin-left: 5px;
}

#main ol {
   margin-left: 25px;
}
#main ol, [ie] {
   margin-left: 25px;
   padding-left: 1em;
   text-indent: -1em;
}
#main li {
   margin: .4em 0;
   padding: 0 5px;
   line-height: 130%;
   text-indent: 0em;
   margin-right: 22px;
}