/*
body container
    - header (mahd. otsikkoteksti/logo)
        - navi (navigaatiolista)

    - content (sisältö)
        - sidebar (alavalikko)
        - main (pääikkuna)
            left content
            right content
    - footer (mahd. footer-tekstit)
*/


/* PNG fix, IE sucks ass as always.. */
img, div { behavior: url(css/iepngfix.htc) }


/****************************
 Body 
****************************/
body {
    background-color: #ffffff;
    background-image: url('../images/bg_body.jpg');     
    background-repeat: repeat;
    font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
    margin:0;
    padding:0;
	border:0;
	color: #777777;
    font-size: 0.9em;
    height: 100%;
}


/***************************
 Links
***************************/
A { color: #A81F00; }
A:link { }
A:visited { color: #A81F00; }
A:hover {  color: #A81F00; }


/*************************
BODY_CONTAINER
*************************/
#body_container {
    background-image: url('../images/bg_body_container.jpg');     
    background-repeat: repeat-y;
    width: 1093px;
    height: 100%;
}


/*************************
CONTENT_CONTAINER
*************************/
#content_container {
    background-image: url('../images/bg_content_container.jpg');     
    background-repeat: no-repeat;
    width: 1093px;
    height: 100%;
}


/**************************
HEADER
**************************/
#link {
    position: absolute;
    top: 15px;
    left: 370px;
    background-image: url('../images/dianbandnet.jpg');     
    background-repeat: no-repeat;
    width: 182px;
    height: 43px;
    text-indent: -2000px;    
}
#myspace-link {
    position: absolute;
    top: 31px;
    left: 553px;
    background-image: url('../images/myspace_link.jpg');     
    background-repeat: no-repeat;
    width: 152px;
    height: 23px;
    text-indent: -2000px;
}



/****************************
 Navigation element 
****************************/
#navi {
    position:absolute;
    left: 367px;
    top: 69px;
}



/************************** 
MAIN element 
**************************/
#main {
    margin-top: 400px;
    min-height: 450px;
    width: 480px;
    *width: 450px;
    margin-right: 240px;
    margin-bottom: 30px;
    text-align: justify;
    font-size: 0.9em;
    height: 100%;
    float: right;
}




/************************** 
SIDEBAR element 
**************************/
#sidebar {
    background-image: url('../images/bg_light_60.png');     
    background-repeat: repeat-xy;
    margin-top: 415px;
    margin-left: 30px;
    *margin-left: 15px;
    font-size: 0.9em;
    width: 270px;
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
    height: 100%;
    float: left;
}
#sidebar div.sidebar_box {
    margin-bottom: 50px;
}
#sidebar div.sidebar_box2 {}


/* FORMATTING ########################################### */

#main h1 {
	text-transform: uppercase;
    line-height: 100%;
	margin: 0 0 20px 0;
	padding: 0;
    font-weight: normal;
    color: #333333;
    font-size: 2.1em;
}
#main h1 A { text-decoration: none; color: #333333; }
#main h1 A:hover {}
#main h1 strong { color: #A81F00; font-weight: normal; }

#main h2 {
    margin-bottom: 20px;
    margin-top: 10px;
    font-size: 1.3em;
    font-weight: normal;
    color: #333333;
}
#main h3 {
    font-size: 0.98em;
    margin-bottom: -2px;
    border-bottom: 1px dashed #595959;
}
#main h3.comment:first-letter { font-size: 2em; font-weight: normal; }
#main .entrycomment {
    margin-left: 20px;
    margin-bottom: 40px;
    font-size: 0.86em;
    margin-top: 10px;
}
#main h3 .date { 
/*    font-size: 0.8em;
    padding: 3px;
    font-weight: normal;
    

    margin-left: 7px;

    border-left: 1px dashed #595959;
    border-right: 1px dashed #595959;
    border-bottom: 1px dashed #595959;
*/
}
#main ul {
    margin-bottom: 30px;
}
#main p {
    margin-top: 0;
}
#main div.entryfooter {
    background-image: url('../images/bg_entryfooter.jpg');     
    background-repeat: no-repeat; 
    border-top: 1px dashed #777777;
    margin-top: 15px;
    margin-bottom: 50px;
    font-size: 0.74em;
    padding-top: 5px;
    height: 30px;
    color: #777777;
}
#main div.entryfooter A {}
#main div.entry ul li {
 	font-size: 0.96em;
}
#main img.page_picture { 
	padding: 7px 7px 7px 7px;
	border: 1px solid #777777;
	text-align: center;
}
#main img.thumb {
	padding: 5px 5px 5px 5px;
}
#main img.page_picture:hover {
	border: 1px solid #333333;
}

/*******************************
 *     KOMMENTOINTIFORMIT  
 ******************************/
#main #comment_form {
    margin-left: 50px;
    margin-top: 30px;
    margin-bottom: 30px;
}
#main form input {
    background:none;
    -moz-border-radius: 4px;
    border: 1px solid #777777;
    margin: 5px;
    padding: 3px;
}
#main form legend {
    padding: 5px;
}
#main form fieldset {
    border: 1px solid #777777;
    -moz-border-radius: 4px;
}
#main form textarea {
    -moz-border-radius: 4px;
    background: none;
    border: 1px solid #777777;
    padding: 3px;
}
#main form input:focus, #main textarea:focus, #main input:focus:hover, #main textarea:focus:hover { 
    border: 1px solid #333333;
    background: none;
    color: #333333;
} 
#main form input:hover, #main textarea:hover {
    border: 1px solid #333333;
}
#main form input.button {
    color: #333333;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
}
#main form input.button:hover {
    border: 1px solid #A81F00;
}















/**************************
 *       SIDEBAR
 **************************/   
#sidebar h1 {
    text-transform: uppercase;
    font-size: 1.4em;
    color: #333333;
    border-bottom: 1px dashed #777777;
    font-weight: normal;
    padding-left: 3px;
    margin-top: 15px;
}
#sidebar h2 {
    font-size: 1.2em;
    margin-bottom: 0;
    margin-top: 30px;
    font-weight: bold;
}
#sidebar A {}
#sidebar A:hover {}
#sidebar ul {
    font-size: 0.9em;
    margin-left: 0;
    padding-left: 1em;
}
#sidebar ul li {
    margin-bottom: 3px;
}
#sidebar ul li ul {
    margin-bottom: 0;
}
#sidebar div#category_cloud {
    text-align: justify;
    font-size: 0.9em;
}
#sidebar div#category_cloud A { text-decoration: none;}
#sidebar span.hilight {
    color: #333333;
    font-weight: bold;
}
#sidebar span.hilight_less {
    font-weight: bold;
}





/************************
          NAVI 
 ************************/

#navi ul {
     margin-left: 0;
     padding-left: 0;
     margin-top: 0;
     white-space: nowrap;
}
#navi ul li {
     display: inline;
     list-style-type: none;
}

#navi a#blogi {
    position: absolute;
    top: 0;
    left: 370px;
    background-image: url('../images/blogi1.jpg');     
    background-repeat: no-repeat;
    background-position: top left;
    width: 43px;
    height: 17px;
    display: block;
    text-indent: -2000px;
}
#navi a#blogi:hover {
    background-image: url('../images/blogi2.jpg');     
}
#navi a#blogi_a {
    position: absolute;
    top: 0;
    left: 370px;
    background-image: url('../images/blogi2.jpg');     
    background-repeat: no-repeat;
    background-position: top left;
    width: 43px;
    height: 17px;
    display: block;
    text-indent: -2000px;
}

#navi a#kontakti {
    position: absolute;
    top: 0;
    left: 304px;
    background-image: url('../images/kontakti1.jpg');     
    background-repeat: no-repeat;
    background-position: top left;
    width: 66px;
    height: 17px;
    display: block;
    text-indent: -2000px;
}
#navi a#kontakti:hover {
    background-image: url('../images/kontakti2.jpg');
}
#navi a#kontakti_a {
    position: absolute;
    top: 0;
    left: 304px;
    background-image: url('../images/kontakti2.jpg');     
    background-repeat: no-repeat;
    background-position: top left;
    width: 66px;
    height: 17px;
    display: block;
    text-indent: -2000px;
}

#navi a#linkit {
    position: absolute;
    top: 0;
    left: 258px;
    background-image: url('../images/linkit1.jpg');     
    background-repeat: no-repeat;
    background-position: top left;
    width: 46px;
    height: 17px;
    display: block;
    text-indent: -2000px;
}
#navi a#linkit:hover {
    background-image: url('../images/linkit2.jpg');     
}
#navi a#linkit_a {
    position: absolute;
    top: 0;
    left: 258px;
    background-image: url('../images/linkit2.jpg');     
    background-repeat: no-repeat;
    background-position: top left;
    width: 46px;
    height: 17px;
    display: block;
    text-indent: -2000px;
}

#navi a#galleria {
    position: absolute;
    top: 0;
    left: 195px;
    background-image: url('../images/galleria1.jpg');     
    background-repeat: no-repeat;
    background-position: top left;
    width: 63px;
    height: 17px;
    display: block;
    text-indent: -2000px;
}
#navi a#galleria:hover {
    background-image: url('../images/galleria2.jpg');     
}
#navi a#galleria_a {
    position: absolute;
    top: 0;
    left: 195px;
    background-image: url('../images/galleria2.jpg');     
    background-repeat: no-repeat;
    background-position: top left;
    width: 63px;
    height: 17px;
    display: block;
    text-indent: -2000px;
}

#navi a#live {
    position: absolute;
    top: 0;
    left: 145px;
    background-image: url('../images/keikat1.jpg');     
    background-repeat: no-repeat;
    background-position: top left;
    width: 50px;
    height: 17px;
    display: block;
    text-indent: -2000px;
}
#navi a#live:hover {
    background-image: url('../images/keikat2.jpg');     
}
#navi a#live_a {
    position: absolute;
    top: 0;
    left: 145px;
    background-image: url('../images/keikat2.jpg');     
    background-repeat: no-repeat;
    background-position: top left;
    width: 50px;
    height: 17px;
    display: block;
    text-indent: -2000px;
}

#navi a#musiikki {
    position: absolute;
    top: 0;
    left: 88px;
    background-image: url('../images/musiikki1.jpg');     
    background-repeat: no-repeat;
    background-position: top left;
    width: 57px;
    height: 19px;
    display: block;
    text-indent: -2000px;
}
#navi a#musiikki:hover {
    background-image: url('../images/musiikki2.jpg');     
}
#navi a#musiikki_a {
    position: absolute;
    top: 0;
    left: 88px;
    background-image: url('../images/musiikki2.jpg');     
    background-repeat: no-repeat;
    background-position: top left;
    width: 57px;
    height: 19px;
    display: block;
    text-indent: -2000px;
}

#navi a#bio {
    position: absolute;
    top: 0;
    left: 58px;
    background-image: url('../images/bio1.jpg');     
    background-repeat: no-repeat;
    background-position: top left;
    width: 30px;
    height: 17px;
    display: block;
    text-indent: -2000px;
}
#navi a#bio:hover {
    background-image: url('../images/bio2.jpg');     
}
#navi a#bio_a {
    position: absolute;
    top: 0;
    left: 58px;
    background-image: url('../images/bio2.jpg');     
    background-repeat: no-repeat;
    background-position: top left;
    width: 30px;
    height: 17px;
    display: block;
    text-indent: -2000px;
}




#navi a#uutiset {
    background-image: url('../images/uutiset1.jpg');     
    background-repeat: no-repeat;
    background-position: top left;
    width: 58px;
    height: 17px;
    display: block;
    text-indent: -2000px;
}
#navi a#uutiset:hover {
    background-image: url('../images/uutiset2.jpg');     
}
#navi a#uutiset_a {
    background-image: url('../images/uutiset2.jpg');     
    background-repeat: no-repeat;
    background-position: top left;
    width: 58px;
    height: 17px;
    display: block;
    text-indent: -2000px;
}


/*******************************
  GALLERY 
 ******************************/
div#gallery_footer {
 	font-size: 0.86em;
}
table#gallery {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 15px;
}
img.thumb {
	padding: 5px 5px 5px 5px;
	border: 1px solid #c7c7c7;
	text-align: center;
}
a:hover img.thumb {
	border: 1px solid #333333;
}





/******************************
  Entry image or gallery image
******************************/
body.picture_body {
    font-family: "Bitstream Vera Sans",Arial, "lucida sans unicode",;
    background:none;
    background-color: #121212;
    /*background-color: #2F2F2F;
    background-image: url('../images/bg_body.jpg');     
    background-repeat: repeat-xy;*/
    padding-top: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    color: #333333;
}
body.picture_body h1 {
    color: #BBBBBB;
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
    line-height: 100%;
	margin: 0 0 20px 0;
	padding: 0;
    font-weight: normal;
    font-size: 1.9em;
    text-align: center;
}
#picture_navi {
  color: #9f9f9f;
  font-size: 1.90em;
  margin-top: 10px;
  height: auto;
  text-align: center;
}
div#picture_navi span.picture_arrow {
  font-weight: bold;  
  color: #2f2f2f;
}
div#picture_navi span.picture_arrow a:link, div#picture_navi span.picture_arrow a:visited {
    font-weight: bold;
    color: #913923;
    text-decoration: none;
}
div#picture_navi span.picture_arrow a:hover {
  font-weight: bold;
  color: #ffffff;
  background-color: #2B2B2B;
  text-decoration: none;
}
div.picture_container {
	padding: 15px 15px 15px 15px;
	border: 1px solid #ffffff;
	/*background-color: #4A4A4A;*/
	text-align: center;
	width: auto;
}
img.picture {}
.image_caption {
    text-align: left;
	margin-top: 15px;
	font-size: .82em;
	color: #666666;
}
/* blogista tai uutisista avattu kuva */
img.entry_picture {
	display: block;
	padding: 15px 15px 15px 15px;
	border: 1px solid #333333;
	background: #ffffff;
	text-align: center;
}










/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/

   
    .sIFR-active #main h1,
    .sIFR-active #main h2,
    .sIFR-active #sidebar h1,
    .sIFR-active #sidebar h2 {
      visibility: hidden;
      font-family: Verdana;
    }

    .sIFR-active h1 {
      padding-bottom: 0;
      font-weight: bold;
      font-size: 1.4em;
    }

    .sIFR-active #sidebar h1 {
      padding-bottom: 0;
      font-weight: bold;
      font-size: 1.3em;
    }    

    .sIFR-active h2 {
      font-size: 55px;
      display: block;
    }