/*
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: #EDEDED;
    font-family: "Bitstream Vera Sans", lucida grande, sans-serif;
    margin:0;
    padding:0;
	border:0;
	color: #5D5D5D;
    font-size: 0.9em;
    text-align: left;
}

/***************************
 Links
***************************/
A { color: #FF5A00; }
A:link { }
A:visited { color: #A33A00; }
A:hover {  text-decoration: underline; }


/*************************
BODY_CONTAINER
*************************/
#body_container {
    text-align: left;
    width: 90%;
}


/*************************
HEADER element
**************************/
#header {
    margin-top: 5px;
    font-size: 2em;    
    color: #9F9F9F;
}
#header strong {
    color: #FF5A00;
    font-weight: normal;
}
#header A, #header A:hover {
    color: #9F9F9F;
    text-decoration: none;    
}






/****************************
 Navigation element 
****************************/
#navi {
    margin-top: 15px;
    margin-bottom: 30px;
    font-size: 1.3em;
    padding: 5px;
    text-transform: lowercase;
    letter-spacing: 1px;
}
#navi a {
    color: #9F9F9F;
    text-decoration: none;
}
#navi a#active, #navi a:hover {
    color: #FF5A00;
    text-decoration: none;    
}


/*************************
CONTENT_CONTAINER
*************************/
#content_container {
    padding: 0;
    margin-left: 5px;
}

/************************** 
MAIN element 
**************************/
#main {
    text-align: left;
    font-size: 0.9em;
}

/************************** 
SIDEBAR element 
**************************/
#sidebar {
    font-size: 0.9em;
    text-align: left;
}
.sidebar_box {
    margin-bottom: 15px;
}


/*************************
FOOTER element
**************************/
#footer {
    color: #9F9F9F;
    margin-top: 10px;
    font-size: 0.7em;
}







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

#main h1 {
    line-height: 100%;
	margin: 5px 0 20px 0px;
	padding: 0;
    font-size: 1.6em;
    border-bottom: 1px solid #595959;
}
#main h1 A { text-transform: none; border: none;}
#main h1 A:hover { }
#main h1 strong { color: #ff5a00; font-weight: normal; }

#main h2 {
    margin-bottom: 25px;
    margin-top: 20px;
    font-size: 1.2em;
    font-weight: normal;
    border-bottom: 1px solid #595959;
}
#main h3 {
    font-size: 0.98em;
    margin-bottom: -2px;
}
#main h3.comment:first-letter { font-size: 2.1em; }
#main p.entrycomment {
    margin-left: 20px;
    margin-bottom: 40px;
    font-size: 0.8em;
}
#main h3 .date { 
    font-size: 0.8em;
    padding: 3px;
    font-weight: normal;
    float: right;
    color: #A6A6A6;
    margin-left: 7px;
    margin-bottom: 2px;
    border-left: 1px dashed #595959;
    border-right: 1px dashed #595959;
    border-bottom: 1px dashed #595959;
}

#main div.entryfooter {
    margin-top: 25px;
    margin-bottom: 90px;
    font-size: 7pt;
 	border-top: 1px dashed #494949;
 	padding-top: 3px;
}
#main div.entryfooter A {}
#main div.entryfooter .entryfooter_categories {
    display:none;
}
#main div.entry ul li {
 	font-size: 0.96em;
 	margin-left: -20px;
}
#main div.entry p {}
#main img.page_picture, #main img.flickr { 
	padding: 5px 5px 5px 5px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	text-align: center;
}


/*******************************
 *     KOMMENTOINTIFORMIT  
 ******************************/
#main #comment_form {
    font-size: 0.8em;
    margin-left: 50px;
    margin-top: 30px;
    margin-bottom: 30px;
}
#main form input {
    border: 1px solid #000000;
    margin: 5px;
}
#main form legend {
    border: 1px solid #000000;
    padding: 5px;
}
#main form fieldset {
    border: 1px solid #000000;
}
#main form textarea {
    border: 1px solid #000000;
}
#main form input:focus, #main textarea:focus, #main input:focus:hover, #main textarea:focus:hover { 
    border: 1px solid #ff5a00;
    background-color: #ffffff;
} 
#main form input:hover, #main textarea:hover {
    border: 1px solid #4e4e4e;
}
#main form input.button {}
#main form input.button:hover {
    border: 1px solid #ff5a00;
}






/**************************
 *       SIDEBAR
 **************************/   

#sidebar h1 {
    font-size: 1.2em;
    margin-bottom: 15px;
}
#sidebar h2 {
    margin-bottom: 15px;
    margin-top: 0;
}
#sidebar A {}
#sidebar A:hover {}
#sidebar ul {
    font-size: 0.86em;
    margin-bottom: 40px;
    margin-left: 10px;
    margin-top: 0;
    padding:0;
}
#sidebar ul li {
    list-style-type:circle;
    padding: 0;
    margin-left: 20px;
}
#sidebar ul li ul {
    margin-bottom: 0;
}
#sidebar div#category_cloud {
    text-align: justify;
    font-size: 0.8em;
}
#sidebar div#category_cloud A { text-decoration: none;}
#sidebar span.hilight {
    font-weight: bold;
}
#sidebar span.hilight_less {
    font-weight: bold;
}
#sidebar div#flickr_images {
    display: none;
}


/*******************************
  GALLERY 
 ******************************/
div#gallery_footer {
 	font-size: 0.90em;
}
table#gallery {
    margin-top: 10px;
    margin-bottom: 10px;
}
img.thumb {
	padding: 5px 5px 5px 5px;
	border: 1px solid #0F0F0E;
	text-align: center;
}
a:hover img.thumb {
	border: 1px solid #ffffff;
}



/******************************
  Entry image or gallery image
******************************/
body.picture_body {
    font-family: "Bitstream Vera Sans", "lucida sans unicode",;
    background:none;
    background-color: #EDEDED;
    padding-top: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    color: #ffffff;
}
body.picture_body h1 {
    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 #000000;
	background-color: #ffffff;
	text-align: center;
	width: auto;
}
.image_caption {
    text-align: left;
	margin-top: 15px;
	font-size: .82em;
	color: #2f2f2f;
}
/* blogista tai uutisista avattu kuva */
img.entry_picture {
	display: block;
	padding: 15px 15px 15px 15px;
	border: 1px solid #000000;
	background: #ffffff;
	text-align: center;
}


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

  .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;
  }