﻿body {
margin: 0px 0px 0px 0px;
padding: 0;
border: 0px;
background: #eae9da;
color: #474747;
font-size: 11px;
font-family: Arial, Helvetica, Verdana;
line-height: 15px;
}


.clear-block {
border-bottom: 1px solid #e25a24;
border-spacing: 5px;
padding:10px 10px 10px 0px;
}



/** FONTS **/

.small {
font-size: 12px;
color: #3a4043;
line-height: 15px;
}


/** Search-button **/


#search-block-form input.form-submit, #search-form input.form-submit {
height: 21px;
width: 45px;
cursor: pointer;
text-indent: -9999px;
border: none;
background: url(http://r10productions.com/martikainen/imgs/btn.gif) no-repeat left top;
}

#IEroot .block-search input.form-submit, #IEroot #search-form input.form-submit {
width: 45px;
font-size: 0;
color: #fff;
text-align: right;
}
#IEroot #search-form .search-advanced input.form-submit {
width: 45px;
text-indent: 0;
}




/** Item-lists **/

li a.active {
  color: #474747;
}

.item-list .icon {
  color: #555;
  float: right;
  padding-left: 0.25em;
  clear: right;
}
.item-list .title {
  font-weight: bold;
}
.item-list ul {
  margin: 0 0 0.75em 0;
  padding: 0px;
}
.item-list ul li {
  margin: 0 0 0.25em 1.5em;
  padding: 0;
  list-style: disc;
}

.item-list {
  margin: 0 0 0 0;
  padding: 0;
}

.item-list .first {
  margin: 0 0 5px 0;
  padding: 0;
}


.more-link { display: none }


/* Links & Headers */

a:link {
color: #e25a24;
text-decoration: none;
font-weight: bold;
}

a:visited {
text-decoration: none;
color: #e25a24;
font-weight: bold;
}

a:active {
text-decoration: none;
color: #e25a24;
font-weight: bold;
}

a:hover {
text-decoration: none;
color: #474747;
font-weight: bold;
}



h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-family: "Arial",Helvetica,sans-serif;
}

h1 {
  font-size: 170%;
  padding-top: 10px;
  padding-bottom: 10px;
}

h2 {
  font-size: 160%;
  line-height: 130%;
  padding-top: 10px;
  padding-bottom: 5px;
  color: #e25a24;
}

h3 {
  font-size: 140%;
  padding-top: 20px;
  padding-bottom: 10px;
  color: #e25a24;
}

h4 {
  font-size: 130%;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #e25a24;
}

h5 {
  font-size: 120%;
}

h6 {
  font-size: 100%;
  padding-top: 10px;
  padding-bottom: 5px;
  font-weight: bold;
  color: #e25a24;
}

.meta {
margin-top: 0px;
margin-bottom: 0px;
border: none;
}





p, ul, ol {
	margin-bottom: 1.5em;
	line-height: 100%;
}

ul, ol {
	margin-left: 3em;
}

blockquote {
	margin-left: 3em;
	margin-right: 3em;
}




/* System Menus */

ul.menu {
  list-style: none;
  border: none;
  text-align:left; /* LTR */
}
ul.menu li {
  margin: 0 0 0 0.5em; /* LTR */
}
li.expanded {
  list-style-type: circle;
  list-style-image: url(../../misc/menu-expanded.png);
  padding: 0.2em 0.5em 0 0; /* LTR */
  margin: 0;
}
li.collapsed {
  list-style-type: disc;
  list-style-image: url(../../misc/menu-collapsed.png); /* LTR */
  padding: 0.2em 0.5em 0 0; /* LTR */
  margin: 0;
}
li.leaf {
  list-style-type: square;
  list-style-image: url(../../misc/menu-leaf.png);
  padding: 0.2em 0.5em 0 0; /* LTR */
  margin: 0;
}

td.menu-disabled {
  background: #ccc;
}
ul.links {
  margin: 0;
  padding: 0;
}
ul.links.inline .blog_usernames_blog {
  display: none;
}

ul.links li {
  display: inline;
  list-style-type: none;
  padding: 0;
  margin-top: 20px;
  margin-right: 20px;
  font-weight: bold;
}
.block ul {
  margin: 0;
  padding: 0 0 0.25em 1em; /* LTR */
}




/* Layout */

table.layout { 
width: 100%;
border: 0px;
border-spacing: 0px;
}

/* Container */

table.container { 
width: 854px;
border: 0px;
border-spacing: 0px;
background: #ffffff url(http://r10productions.com/martikainen/imgs/bg.gif) repeat top left;
}

td.container {
width: 854px;
}

/* HEADER */

table.header { 
width: 854px;
height: 219px;
border: 0px;
border-spacing: 0px;
}

/* Menu */

table.menubtns { 
border: 0px;
border-spacing: 0px;
}

/* Main */

table.main { 
width: 854px;
height: 400px;
border: 0px;
border-spacing: 0px;
}

td.margin {
width: 20px;
}

td.main {
width: 814px;
border-top: 1px solid #e25a24;
border-spacing: 5px;
margin-bottom: 20px;
padding: 0px 5px 5px 5px;
}

/* Closure */

table.closure { 
width: 854px;
height: 57px;
border: 0px;
border-spacing: 0px;
background: #ffffff url(http://r10productions.com/martikainen/imgs/closure.gif) no-repeat top left;
}

td.closure {
width: 854px;
height: 57px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 5px;
}

/* Closure */

table.kalenteriapu { 
width: 95%;
border: 0px;
border-spacing: 0px;
margin-top: 10px;
}






/* Images */


img {
border:0;
padding: 0;
margin: 0;
}

img.r10logo {
border:0;
padding-right: 15px;
margin: 0;
}

img.btn {
padding-left: 3px;
padding-right: 3px;
margin: 0;
}

img.right {
border:0;
padding: 0px;
margin: 0;
float: right;
}

img.left {
border:0;
padding: 5px;
margin: 0;
float: left;
}

img.center {
border:0;
padding-top: 10px;
padding-bottom: 20px;
margin: 0;
float: center;
}


  
/* Form */

#textarea {
width: 150px;
height: 20px;
border: 1px solid #2b2c31;
background-color: #000000;
font-family: Tahoma, sans-serif;
}



#form_element {
padding: 0;
margin: 0;
border: none;
height: 18px;
} 

fieldset {
margin: 0;
padding: 0;
border: none;
}

legend {
	display: none;
}

input, textarea, select {
font-family: "Arial", Helvetica, sans-serif;
font-size: 12px;
color: #333333;
}









/* Nodes */


.submitted {
display: none;
}

.content {
margin: 0;
padding: 0;
}

.links {
margin: 0;
padding: 0;
border: none;
}

.event-nodeapi {
margin: 0;
padding: 0;
border: none;
}

/* Nodes */


  hr
  {
    height: 0px;
    border: 1px solid #eaedee;
  }
  
  
  /** block-level elements **/
  p, ul, ol, dl, pre, table, fieldset, blockquote
  {
    margin: 0;
  }
  
  /** lists **/
  /* standardize list item indentation */
  ul, ol
  {
    margin-left: 0;
    padding-left: 2em;
  }
  
   .block ul, /* Drupal overrides */
  .item-list ul
  {
    margin: 1em 0;
    padding: 0 0 0 2em;
  }

  ul ul, ul ol,
  ol ol, ol ul,
  .block ul ul, .block ul ol,
  .block ol ol, .block ol ul,
  .item-list ul ul, .item-list ul ol,
  .item-list ol ol, .item-list ol ul
  {
    margin: 0;
  }

  li
  {
    margin: 0;
    padding: 0;
  }
  
    .item-list ul li /* Drupal override */
  {
    margin: 0;
    padding: 0;
    list-style: inherit;
    display: inline;
  }

  ul.menu li, /* Drupal override */
  li.expanded,
  li.collapsed,
  li.leaf
  {
    margin: 0;
    padding: 0;
  }

  ul          { list-style-type: disc; }
  ul ul       { list-style-type: circle; }
  ul ul ul    { list-style-type: square; }
  ul ul ul ul { list-style-type: circle; }
  ol          { list-style-type: decimal; }
  ol ol       { list-style-type: lower-alpha; }
  ol ol ol    { list-style-type: decimal; }

  dt
  {
    margin: 0;
    padding: 0;
  }

  dd
  {
    margin: 0 0 0 2em;
    padding: 0;
  }
  
  
  
  
  /** tables **/
  /* Override Drupal default CSS */
  table
  {
    border-collapse: collapse;
  }
  
  th,
  thead th,
  tbody th
  {
    text-align: center;
    padding-right: 0;
    border: none;
  }
  
    tbody
  {
    border-top: none;
  }
  
  /** abbreviations **/
  abbr
  {
    border-bottom: 1px dotted #666;
    cursor: help;
    white-space: nowrap;
  }

  /* Date-based "abbreviations" show computer-friendly timestamps which are not
     human-friendly. */
  abbr.created
  {
    border: none;
    cursor: auto;
    white-space: normal;
  }

/** forms **/
  form
  {
    margin: 0;
    padding: 0;
  }

#mission, .node .content, .comment .content {
line-height: 1.4em;
}




  
  
  
  
  
  
  


  #navigation-top,
 #navigation
  {
    position: absolute; /* Take the named anchors out of the doc flow    */
    center;
  }





  #header-blocks
  {
    clear: both; /* Clear the logo */
  }

/** main (container for everything else) **/
  #main
  {
    position: relative;
  }

  #main-inner
  {
  }

/** content **/
  #content
  {
    float: left;
    width: 100%;
    margin-left: 0;
    margin-right: -100%; /* Negative value of #content's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
  }

  

  #content-inner
  {
    margin: 0;
    padding: 0;
  }

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  /*  event calendar table styles  */



.type {
  display: none;
}



.event-tz {
  display: none;
}

.event-filter-control {
  display: none;
}

.event-calendar table {
  border-collapse: collapse;
  width: 814px;
  text-align: center;
}

.event-calendar tr {
  padding: 0;
  margin: 0;
  text-align: center;
}

<!-- ma ti ke to pe la su -->

.event-calendar th {
  color: #595959;
  text-align: center;
  border: 0px;
}
.event-calendar .month-view td,
.event-calendar .week-view td {
  width: 22px;
  height: 28px;
  padding-left: 2px;
}
.event-calendar td {
  border: 0;
  background: url(http://r10productions.com/martikainen/imgs/calendar-bg.gif) no-repeat left top;
  color: #867b59;
  text-align: left;
  vertical-align: top;
}
.event-calendar th.heading {
  border-width: 1px 0px;
}

/* head navigation */
.event-calendar caption span {
  font-weight: bold;
  font-size: 1.5em;
}

.event-calendar span a {
   text-decoration: none;
}


.event-calendar span a:hover, 
   .event-calendar span a:active, 
   .event-calendar span a:focus {
  color: #595959;
}

.event-calendar .prev {
  text-align: left;
  border-width: 1px 0px 1px 1px;
  font-size: 25px;
}
.event-calendar .next {
  text-align: right;
  border-width: 1px 1px 1px 0px;
  font-size: 25px;
}
.event-calendar .stop {
  color: #ccc;
  font-size: 25px;
}

.event-calendar th a {
  font-weight: bold;
  color: #1c2021;
}
.event-calendar td a {
  color: #e25a24;
  text-decoration: none;
  padding-right: 8px;
  padding-bottom: 10px;
  padding-top: 2px;
}
.event-calendar td a:hover {
  text-decoration: none;
}
.event-calendar td.sat, .event-calendar td.sun {
  background: url(http://r10productions.com/martikainen/imgs/calendar-bg-sasu.gif) no-repeat left top;
}
.event-calendar td.selected {
  background: url(http://r10productions.com/martikainen/imgs/calendar-bg-today.gif) no-repeat left top;
  color: #fff;
}
.event-calendar td.selected a {
  color: #fff;
}
.event-calendar td. {
  background: url(http://r10productions.com/martikainen/imgs/calendar-bg.gif) no-repeat left top;
  color: #fff;
}
.event-calendar td.year, .event-calendar td.month {
  text-align: center;
  border-width: 1px 0px;
}

/*  days of the week header cells */
.event-calendar td.days {
  color: #fff;
  background: #224;
  text-align: center;
  border-width: 0 1px 1px 0;
}

/*  floating day number div  */
.event-calendar div.day {
  float: right;
  text-align: center;
  padding: 0.125em 0.25em 0 0.25em;
  margin: 0;
  background: #534424;
  color: #fff;
  font-weight: bold;
}

/*  event node times for the body */
.event-nodeapi div {
  color: #000;
  padding: 0 1em 1em 0;
  display: none;
}
.event-nodeapi div label { color: #474747; font-weight: bold;}

/*  individual node container  */
.event-calendar div.event {
  background-color: #ffffff;
  color: #474747;
  border: solid 1px #fff;
  text-align: left;
  padding: 0.25em 0 0.5em 2.25em;
}
.event-calendar div.title {
  padding-left: 3px;
}
.event-calendar div.title a {
  color: #534424;
  background-color: #ffffff;
}
.event-calendar div.title a:hover {
  color: #474747;
}
.event-calendar .content {
  margin: 5px;
  padding: 3px;
  border-left: solid 2px #ddd;
  padding-left: 5px;
}
.event-calendar div.type {
  margin-left: 5px;
  font-size: 0.8em;
}
.event-calendar div.type a {
  color: #e25a24;
  background-color: #ffffff;
}
.event-calendar div.type a:hover {
  color: #474747;
}
.event-calendar div.links {
  padding-left: 3px;
}
.event-calendar div.links a {
  color: #e25a24;
  background-color: #ffffff;
}
.event-calendar div.links a:hover {
  color: #474747;
}
.event-calendar .start {
  font-style: normal;
  color: #555;
  margin: 2px 0 2px 0;
  padding-left: 3px;
  font-size: 0.8em;
}
.event-calendar .end {
  font-style: normal;
  color: #555;
  margin: 2px 0 2px 0;
  padding-left: 9px;
  font-size: 0.8em;
}
.event-calendar .ongoing {
  font-style: normal;
  color: #555;
  margin: 2px 0 2px 0;
  padding-left: 9px;
  font-size: 0.8em;
}
.event-calendar div.info {
  visibility: hidden;
  height: 0px;
  overflow:hidden;
  padding-left: 3px;
}

/*  individual node view styles  */
.event-calendar div.monthview .title {
  font-size: 0.8em;
}
.event-calendar div.dayview {
  width: auto;
}

.event-calendar div.tableview {
  width: auto;
}
.event-calendar div.tableview .links {
}
.event-calendar .event-empty {
  min-height: 6em;
}
/* hack to make Internet Explorer for Windows display calendar height correctly \*/
* html .event-calendar .event-empty {
  height: 6em;
}
/* end of hack */
.container-inline .day input {
  width: auto;
  display: inline;
}

/*  multi-day event top stripes  */
.event-calendar .event .stripe {
  height: 5px;
}
.event-calendar .event .stripe-1 {
  background-color: #e25a24;
  height: 5px;
  width: 100%;
}
.event-calendar .event .stripe-2 {
  background-color: #e46938;
  height: 5px;
  width: 100%;
}
.event-calendar .event .stripe-3 {
  background-color: #e77649;
  height: 5px;
  width: 100%;
}
.event-calendar .event .stripe-4 {
  background-color: #e88660;
  height: 5px;
  width: 100%;
}
.event-calendar .event .stripe-5 {
  background-color: #eb9b7b;
  height: 5px;
  width: 100%;
}
.event-calendar .event .stripe-6 {
  background-color: #edb29b;
  height: 5px;
  width: 100%;
}
.event-calendar .event .stripe-7 {
  background-color: #f4c6b4;
  height: 5px;
  width: 100%;
}
.event-calendar .event .stripe-8 {
  background-color: #f5d9ce;
  height: 5px;
  width: 100%;
}
.event-calendar .event .stripe-9 {
  background-color: #f9eae4;
  height: 5px;
  width: 100%;
}
.event-calendar .event .stripe-10 {
  background-color: #fbf5f2;
  height: 5px;
  width: 100%;
}
.event-calendar div.month-view table.event-block thead,
.event-calendar div.month-view table.event-block tbody {
  font-size: .9em;
}
.event-calendar div.month-view table.event-block th { 
  font-weight: normal;
}
#block-event-1 .item-list ul li a { 
  margin-top: 8px; 
  font-size: 13px;
}

span.event-timeleft {
  padding: 0px;
  margin: 0px;
  padding-left: 5px;
  font-size: 13px;
}
span.event-nodetype {
  padding: 0px 0px 0px 5px;
  display: block;
  width: auto;
  text-align: right;
  float: right;
}
.ical-link {
  text-align: left;
}
.event div.form-item {
  white-space: normal;
}
