/*  screen.css - MoinMoin Default Styles
Copyright (c) 2001, 2002, 2003 by Juergen Hermann
Modified by Nir Soffer (technical theme), Mauricio Hernandez (ruleta theme)
Heather Stern (ubuntu theme)
Matthew East (ubuntu-it theme)
Timo Jyrinki (ubuntu-fi modifications)
*/
@import url("style-finland.css");
@import url("menu_1024.css");
@import url(http://fonts.googleapis.com/css?family=Ubuntu);
/* sama kuin common.css:ssä, korjaa foorumit jotka eivät lataa sitä */
html {
        color: black;
        font-family: Ubuntu, Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
        font-size: 0.813em; /* 10 pt */
        line-height: 1.25em;
        background-color: #333333;
}
.external img {
        display: none;
        visibility: hidden;
}
.textcenter {
text-align: center;
}
#Layer2 {
        position: absolute;
        text-align: right;
        border: none;
        padding-top: 0.5em;
        padding-right: 1em;
         bottom: 1em;
/*        top: 4px;*/
        right: 2px;
}
#Layer2 input[type=text] {
 background: #fff;
 border: inset 1px #777; 
 color: black;  
 opacity: 0.8;
}
#hae {
position: relative;
border: groove 1px #AEA79F; /* OLI ubuntu dark tan */
bottom: 2px;
background: #fff;
}
body {
   margin: 0;
   padding: 0;
    background-image: url(http://www.ubuntu-fi.org/images/taustakuvio.gif); background-repeat: repeat;
}
.kolmipalsta {
    width: 33.33333333%;
    float: left;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    }
h5 {
font-weight:bold;
margin:0;
padding:0;
}
#title {
   visibility: hidden;
   display: none;
}
#isoframe {
       width: 74em;
       margin: 0 auto;
       border-left: 1px solid black;
       border-right: 1px solid black;
       background-color: white;
}
#page li {
    padding-left:0px;
    margin-left:5px;
}
#pagelocation {
   visibility: hidden;
   display: none;
}
#suomi-logo {
        position: absolute;
        bottom: 1em;
        left: 1em;
        }
#sisaframe {
   position:relative;
   text-align: left;
   border-style: solid;
   border-width: 0;
   background-color: #DD4814;
   height: 70px;
}
#sisalto {
   position:absolute;
   bottom:0px;
   right:10px;
}
                  
#sisalto ul {
   display:inline;
   margin:0;
   padding:10px 10px 0 1px;
   list-style:none;
}
                  
#sisalto li {
   float:left;
/* parse error   no-repeat left top; no-repeat left top; */
   margin:0;
   padding:0 0 0 5px;
}
#sisalto a {
   float:left;
   display:block;
/* parse error no-repeat right top; */
   padding:10px 15px 3px 8px;
/*   font-size:105%; */
   font: 12px Verdana, Arial, Helvetica, Sans-Serif;
   text-decoration:none;
   font-weight:bold;
   margin:0;
   color:#444;
}
#sisalto a {
   float:none;
}
#sisalto a:hover {
   color:#000;
}
#sisalto li:hover, #sisalto li:hover a {
   background-position:0% -163px;
   color:#000;
}
#sisalto li:hover a {
   background-position:100% -163px;
   color:#000;
}
#sisalto #current {
/* parse error no-repeat left top; */
}
#sisalto #current a {
/* parse error   no-repeat right top; */
   color:#000;
   padding-bottom:4px;
}
/* content styles */
/* debug 
* {border: 1px dotted blue;}
*/
/* the words when mouse is over */
/* override coloration of form elements */
/* override coloration of dialog buttons */
input {
    font-size: 8pt; /* px to em 10px */
     font-family: Ubuntu, Arial, Lucida Grande, sans-serif;
  /*  border: groove 1px #C1B496; /* ubuntu dark tan */
  /*  background-color: #F1F1ED; /* ubuntu near-white */
  /*  color: #2e2003; /* darker brown */
}
textarea, input[type=text], input[type=password] {
    /* inherit from input */
    font-size: 1em;
    font-family: Lucida Typewriter, courier, monospace;
            border: solid 1px #AEA79F; /* OLI ubuntu dark tan */
        background: #F1F1ED; /* ubuntu near-white */
        color: #2e2003; /* darker brown */
}
select, option {
    /* inherit from input */
    /* don't override font */
            border: none;
        background: #F1F1ED; /* ubuntu near-white */
        color: #77216F; /* ubuntu dark brown */
}
.disabled {
    /* IE ignore disabled attribute, but at least show items in gray */
    /* disabled menu options */
    color: #AEA79F; /* OLI ubuntu dark tan */
}
/* user interface styles */
#header {
    margin: 0;
    padding: 0;
}
#logo {
        /*display: none;*/                /* we'll show an image instead */
        text-indent: -10000px;
        margin:0;
        /* contains image and/or text link */
        float: left;
        margin: 0 10px 0 0;
        font-size: 2em;
        line-height: 1.2em;
        font-weight: bold;
        padding: 0;
}
#logo img {
    vertical-align: middle;
}
/* NOTE: Wiki name color */
#logo a {
    color: black;
    text-decoration: none;
}
*[dir="rtl"] #logo {
    float: right;
}
#username {
        clear: both;
        margin: 0;
        padding: 5px;
        white-space: nowrap;
        font-size: 8pt;
}
#username li {
        float: right;
        display: block;
        padding: 0;
        margin: 2px 6px;
}
*[dir="rtl"] #username li {
        float: left;
}
/*
#searchform {
        position: absolute;
        right: 3px;
        top: 15px;
        /* float: right; */
        margin: 5px 10px;
        padding: 0;
        white-space: nowrap;
        font-size: 8pt;
}
*[dir="rtl"] #searchform {
        float: left;
}
#searchform form div {
    display: inline;
}
/* NOTE: this is the horizontal line across the page menu */
#pageline {
        clear: both;
        margin: 0;
        padding: 0;
        width: 100%;
        /* sync these values, line-height is needed for IE */
                height: 4px;
                line-height: 4px;
        border-bottom: 1px solid #9C9C9C;
       /* border-top: 1px solid #9C9C9C; */
        background: #77216F; /* OLI ubuntu dark brown */
}
.editbar {
        margin: 0;
        padding: 0 10px;
        white-space: nowrap;
        height: 26px;
        font-size: 0.813em; /* 10 pt */
        width: 89em;
        position: relative;
        margin: 0 auto !important;
        background: white;
        border-left: 1px solid black;
        border-right: 1px solid black;
}
*[dir="rtl"] .editbar {
        clear: right;
}
*[dir="ltr"] .editbar {
        clear: left;
}
.editbar form, .editbar form div {
    display: inline;
        margin: 0;
}
.editbar select {
    font-size: 0.9em;
    font-family: Ubuntu, Arial, Lucida Grande, sans-serif;
        border: solid 1px #AEA79F; /* OLI ubuntu dark tan */
        color: #2e2003; /* darker brown */
}
.editbar option {
    font-size: 1em;
    font-family: Ubuntu, Arial, Lucida Grande, sans-serif;
        border: dotted 1px white;
        background: #F1F1ED; /* ubuntu near-white */
        color: #AEA79F; /* OLI ubuntu dark brown */
}
.editbar li {
        float: left;
        display: block;
        padding: 0;
        margin: 0 6px;
        color: #AEA79F; /* OLI ubuntu dark brown */
}
*[dir="rtl"] .editbar li {
        float: right;
}
.extranav {
        clear: both;
        margin: 2px 10px;
        padding: 0px;
        white-space: nowrap;
        font-size: 8pt;
}
.extranav li {
        float: right;
        display: block;
        margin: 2px 2px;
        padding: 2px 5px;
        border: 1px dotted #AEA79F; /* OLI ubuntu dark tan */
}
*[dir="rtl"] .extranav li {
        float: left;
}
/* color for the extranav links */
.extranav li.wikilink {
        background: white;
}
.extranav li.userlink {
        background: #F1F1ED; /* ubuntu near-white */
}
/* NOTE: the color for the Link inside the buttons of extranav */
.extranav a, .extranav a:visited {
        color: black;
        text-decoration: none;    
}
/* NOTE: this is the color for the current page link */
.extranav li.current a {
        color: #5E2750; /* ubuntu dark brown */
        font-weight: bold;
}
/* NOTE: this is the color when mouse is over the navibar links */
.extranav li:hover {
        background: #edddba; /* ubuntu pale orange */
}
.extranav li.current, .extranav li.current:hover {
        background: url(../img/u-footer.png) repeat-x; 
                        color: #AEA79F; /* OLI ubuntu dark brown */
        /* url(../img/tab-selected.png) repeat-x; */
}
#ubuntulinks {
        text-align: center;
}
.editbar a, .editbar a:visited { color: #2C001E;} /* OLI darker brown */
.editbar a:hover {color: #800000; } /* ubuntu dark brown */
#message {
        clear: both;
        margin: 0;
        padding: 5px 10px;
        border-bottom: 1px solid #AEA79F; /* OLI ubuntu dark tan */
        color: black;
        background: #F1F1ED; /* ubuntu near-white */
}
#message p{
        margin: 5px 0;
        padding: 0;
        font-weight: bold;
}
#message div.buttons {
        font-weight: normal;
}
/* classic had form.dialog; modern doesn't. -- Heather */
form.dialog {
    margin: 0 15px;
        border: solid 1px #AEA79F; /* OLI ubuntu dark tan */
        background-color: #edddba; /* ubuntu pale orange */
        color: #5E2750; /* OLI ubuntu dark brown */
}
.dialog form {
    margin: 0 15px;
        border: solid 1px #AEA79F; /* OLI ubuntu dark tan */
        background-color: #edddba; /* ubuntu pale orange */
        color: #AEA79F; /* OLI ubuntu dark brown */
}
.dialog td {
    border: none;
    padding: 5px;
}
.dialog td.label {
    text-align: right;
    font-weight: bold;
    width: 25%;
}
*[dir="rtl"] .dialog td.label {
    text-align: left;
}
.dialog td.content input {
    width: 100%;
}
#page {
  clear: both;
  width: 73em;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 1em 0.5em;
  border-left: 1px solid black;
  border-right: 1px solid black;
  background: white;
}
#page table td {
border: none;
}
/* We use here dumb css1 ids because of IE suckiness */
#editor-textarea, #editor-comment {
    width: 100%;
}
#preview {
        border: 2px solid #AEA79F; /* OLI: ubuntu dark tan */
        padding: 2px 15px 10px 15px;
        background: url(../img/u-draft.png);
}
#preview_body { background-color: #fff; }
#footer {
        clear: both;
        position: relative;
        bottom: 0;
        padding: 5px 0;
        border: 1px solid #000;
        text-align:center;
        background: white; /* ubuntu-fi */
        /* font-size:  0.688em; */
        width: 74em;
        margin: 0 auto;
}
#credits, #version, #timings{
        margin: 3px 6px;
        padding: 0;
        text-align: center;
        color: #6C7680;
        font-size: 8pt; /* px to em 10px */
}
#credits li, #timings li {
        display: inline;
        padding: 0 2px;
        margin: 0 4px;
}
#credits img {
        vertical-align: middle;
}
/* diffs from classic */
.diff {
        width:99%;
}
.diff-header {
        font-weight: bold;
}
.diff-title {
        background-color: #AEA79F; /* OLI ubuntu dark tan */
}
.diff-added {
        background-color: #edddba; /* ubuntu pale orange */
        vertical-align: sub;
}
.diff-removed {
        background-color: #FFFFE0; /* classic pale yellow */
        vertical-align: sub;
}
.diff-added span {
        background-color: #DD4814; /* OLI ubuntu orange */
}
.diff-removed span {
        background-color: #FFFF80; /* classic yellow */
}
.searchresult dd span {
        font-weight: bold;
}
/* == Page Trail and Navbar - needs work == */
#pagetrail {
        white-space: nowrap;
        margin: 0;
        padding: 0 12px;
        font-size: 7pt;
}
#pagetrail a {
        color: #AEA79F; /* OLI ubuntu dark tan */
}
*[dir="rtl"] #pagetrail {
        clear: right;
        text-align: right;
}
*[dir="ltr"] #pagetrail {
        clear: left; 
        text-align: left;
}
#pagetrail li {
        float: left;
        display: block;
        padding: 2px 2px;
        margin: 2px;
}
*[dir="rtl"] #pagetrail {
        float: right;
}
/* XXX Warning: non-ascii characters! */
/* NOTE: these are small things placed after your visited pages */
#pagetrail li:after {
        content: " » ";
        color: black;
        color: #AEA79F; /* OLI ubuntu dark tan */
}
*[dir="rtl"] #pagetrail li:after {
        content: " « ";
        color: #AEA79F; /* OLI ubuntu dark tan */
}
#navibar {
        clear: both; 
        display: block;
        margin: 0px;
        padding: 10px;
        font-size: 8pt;
}
#navibar li {
        float: right;
        display: block;
        margin: 0 2px;
        padding: 3px 5px;
        border: 1px dotted #AEA79F; /* OLI ubuntu dark tan */
        white-space: nowrap;
}
*[dir="rtl"] #navibar li {
        float: left;
}
/* color for the navibar links */
#navibar li.wikilink {
        background: white;
}
#navibar li.userlink {
        background: #F1F1ED; /* ubuntu near-white */
}
/* NOTE: the color for the Link inside the buttons of navibar */
#navibar a, #navibar a:visited {
        color: black;
        text-decoration: none;
}
/* NOTE: this is the color for the current page link */
#navibar li.current a {
        color: #5E2750; /* OLI ubuntu dark brown */
        font-weight: bold;
}
/* NOTE: this is the color when mouse is over the navibar links */
#navibar li:hover {
        background: #AEA79F; /* OLI ubuntu pale orange */
}
#navibar li.current, #navibar li.current:hover {
        background: url(../img/u-footer.png) repeat-x; 
                        color: #AEA79F; /* OLI ubuntu dark brown */
        /* url(../img/tab-selected.png) repeat-x; */
}
#page img.inline_left {
    margin: 5px 15px 5px 20px;
    float: left;
}
#page img.inline_right {
    margin: 5px 20px 5px 15px;
    float: right;
}
#page img.inline_center {
    display: block;
    margin: 5px auto 5px auto;
    text-align: center;
}
#social { text-align: right;}

#news-center { left: 50%; }

@media (max-width: 600px) {
        font-size: 1.813em; /* 10 pt */
#page {
  width: 100%;
  margin: 0px;
  border: 0px;
  padding: 0px;
  word-wrap:break-word;
  white-space:normal;
  }
#footer {
  width: 100%;
  margin: 0px;
  border: 0px;
  padding: 0px;
  word-wrap:break-word;
  white-space:normal;
  }
html {
  max-width: 100%
  width: 100%;
  overflow-x: hidden;
  }
body {
  max-width: 100%
  width: 100%;
  margin: 0px;
  border: 0px;
  padding: 0px;
  }
#isoframe {
  width: 100%;
  margin: 0px;
  border: 0px;
  padding: 0px;
  word-wrap:break-word;
  white-space:normal;
  }
#sisaframe {
  width: 100%;
  margin: 0px;
  border: 0px;
  padding: 0px;
  word-wrap:break-word;
  white-space:normal;
  }
#nav {
  width: 100%;
  margin: 0px;
  border: 0px;
  padding: 0px;
  word-wrap:break-word;
  white-space:normal;
        display: none;
        visibility: hidden;
  }
#newscenter {
        width:100%;
  margin: 0px;
  border: 0px;
  padding: 0px;
  }
#hakulaatikko { display: none; visibility: hidden; }
#news-center { left:15% }
#social { text-align: left; margin-top: 5em; margin-bottom:5em;}
#social img { padding: 5px; height: auto; width: auto; max-width:6%; min-width:6%;}
#ilmoitus { display: none; visibility: hidden; }
#kielet { display: none; visibility: hidden; }
td {
 display:block;
 white-space:normal;
  }
table {
  width:100%;
  margin: 0px;
  margin-top: 5em;
  border: 0px;
  padding: 0px;
  white-space:normal;
  }

}