/*  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, vapaasuomi modifications)

*/

@import url("menu.css");

/* Event aggregation... */

@import "event-aggregator.css";

  ul.rss-items {
    padding: 0px;
    list-style-position: outside;
    margin: 10px 0px 10px 5px; 
  }

  li.rss-item {
    padding: 0px;
    margin: 0px 0px 0px 0px;
  }

  #left {
    float:left;
    width:250px;
    margin:0;
    padding:0;
    }

  #right {
    float:right;
    width:200px;
    margin:0; padding:0;
    border-left: dotted 1px #999;
    }
  #middle {
    margin:0 200px 0 250px;
    padding-right: 15px;

    }
  .column-in {
    margin:0; padding:0.5em 1em;
    }
  .cleaner {
    clear:both;
    height:20px;
    font-size:1px;
    border:none;
    margin:0; padding:0;
    background:transparent;
    }

.external img {
	display: none;
	visibility: hidden;
}
#Layer2 {
	position: absolute;
	text-align: right;
	border: none;
	padding-top: 0.5em;
	padding-right: 1em;
	top: 4px;
	right: 2px;
}

#Layer2 input {
background: #f9f9f9;
border: solid 1px #000;
}

body {
   margin: 0;
   padding: 0;
}

h5 {
font-weight:bold;
margin:0;
padding:0;
}

#title {
   visibility: hidden;
   display: none;
}

#pagelocation {
   visibility: hidden;
   display: none;
}

#suomi-logo {
 margin-top: 10px;
 margin-left: 15px;
}

#sisaframe {
   position:relative;
background: 
url('/htdocs/vapaasuomi-fi/img/headbg.jpg') 
repeat-x
transparent;
   border-style: solid;
   border-width: 0;
   background-color: #f9f9f9;
   height: 73px;
}

/* override coloration of dialog buttons */
input {
    font-size: 10px;
    font-family: Arial, Lucida Grande, sans-serif;
    border: groove 1px #C1B496;
    background-color: #f9f9f9;
    color: #2e2003;
}

textarea, input[type=text], input[type=password] {
    /* inherit from input */
    font-size: 1em;
    font-family: Lucida Typewriter, courier, monospace;
    	border: solid 1px #C1B496;
	background: #f9f9f9;
	color: #2e2003;
}

/* user interface styles */

#header {
    margin: 0;
    padding: 0;
}

#page {
	clear: both;
	background-color: white;
	margin: 0;
	padding: 1em 1em;

	}
#page table td {
border: none;
}

#footer {
	clear: both;
    margin: 0;
    padding: 5px;
	border-top: 1px dashed #CCCCCC;
	text-align:center;
    background: #ffffff;
	font-size: 10px;
}

/* 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: #6d4c07; /* ubuntu dark brown */
}

.editbar {
	margin: 0px 0px 0px 150px;
	padding: 0px;
	white-space: nowrap;
/*	height: 26px;*/
	font-size: 8pt;
}

*[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: Arial, Lucida Grande, sans-serif;
        border: solid 1px #C1B496; /* ubuntu dark tan */
	color: #2e2003; /* darker brown */
}

.editbar option {
    font-size: 1em;
    font-family: Arial, Lucida Grande, sans-serif;
        border: dotted 1px white;
	background: #F1F1ED; /* ubuntu near-white */
	color: #002bb8;
}
.editbar li {
	float: left;
	display: block;
	padding: 0;
	margin: 0 6px;
	color: #002bb8;
}

*[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 #002bb8;
}

*[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: #6d4c07; /* 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: #6d4c07; /* ubuntu dark brown */
	/* url(../img/tab-selected.png) repeat-x; */
}

#ubuntulinks {
	text-align: center;
}

.editbar a, .editbar a:visited { color: #2e2003;} /* darker brown */
.editbar a:hover {color: #800000; } /* ubuntu dark brown */

#message {
	clear: both;
	margin: 0px 0px 0px 150px;
	padding: 5px 10px;
	border-bottom: 1px solid #002bb8;
	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 #C1B496; /* ubuntu dark tan */
        background-color: #edddba; /* ubuntu pale orange */
        color: #6d4c07; /* ubuntu dark brown */
}

.dialog form {
    margin: 0 15px;
        border: solid 1px #C1B496; /* ubuntu dark tan */
        background-color: #edddba; /* ubuntu pale orange */
        color: #6d4c07; /* 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%;
}

/* We use here dumb css1 ids because of IE suckiness */
#editor-textarea, #editor-comment {
    width: 100%;
}

#preview {
	border: 2px solid #C1B496; /* ubuntu dark tan */
	padding: 2px 15px 10px 15px;
	background: url(../img/u-draft.png);
}

#footer {
	clear: both;
    margin: 0;
    padding: 5px;
	border-top: 1px dashed #CCCCCC;
	text-align:center;
    background: #ffffff; /* ubuntu-fi */
	font-size: 10px;
}

#credits, #version, #timings{
	margin: 3px 6px;
	padding: 0;
	text-align: center;
	color: #6C7680;
	font-size: 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: #C1B496; /* 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: #DBBA75; /* 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: #C1B496; /* 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: #C1B496; /* ubuntu dark tan */
}

*[dir="rtl"] #pagetrail li:after {
	content: " « ";
	color: #C1B496; /* 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 #C1B496; /* 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: #6d4c07; /* ubuntu dark brown */
	font-weight: bold;
}

/* NOTE: this is the color when mouse is over the navibar links */
#navibar li:hover {
	background: #edddba; /* ubuntu pale orange */
}

#navibar li.current, #navibar li.current:hover {
	background: url(../img/u-footer.png) repeat-x; 
			color: #6d4c07; /* 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;
}