body		{ background: url(img/page-bg.gif) repeat-y top center; }

#calendaredit	{ background: none !important; }

#page		{ margin: 0px auto;
		  text-align: left; 
		  width: 750px; 
		  padding: 1px 0px; }

#pagename	{ margin: 0px auto;
		  width: 100%;
		  background-color: #eee;
		  font-weight: bold;
		  font-size: 16px;
		  text-align: left;
		  padding: 3px; 
		  border-bottom: 1px solid #999; }

#logo		{ padding: 50px 10px 5px 10px; }

#pageimg	{ border-top: 1px solid #333;
		  border-bottom: 1px solid #333; 
		  padding: 0px;
		  margin: 0px; }

#pagearea	{ background: url(img/pagearea-bg.gif) repeat-y; }

#contentarea	{ background: url(img/contentarea-bg.gif) no-repeat; 
		  border-bottom: 1px solid #999; }

#upperlinks	{ font-weight: bold; 
		  zoom: 1;
		  padding: 5px 10px 5px 10px; 
		  border-bottom: 1px solid #999; 
		  background: url(img/uplinks-bg.gif) no-repeat; }

#lowersep	{ height: 10px; 
		  clear: both; }

#lowerlinks	{ padding: 5px 10px 20px 10px;
		  clear: both; 
		  background: #fff; }

#sublinks-top	{ }

#sublinks-left	{ float: left; 
		  width: 140px; 
		  padding: 10px 10px 5px 10px; 
		  line-height: 1.3em; 
                  overflow: hidden; }

.content-sl-left	{ float: right; 
			  width: 580px; 
			  padding-right: 10px; }

tr		{ margin: 0px; }

td, th		{ vertical-align: top; }

td		{ padding: 2px 10px 2px 0px; }

ul		{ list-style-type: square; }

a img		{ border: none; }

.toolbar td	{ padding: 0px; }

.otsikko	{ font-size: 140%;
		  font-weight: bold; 
		  padding-bottom: 5px; }

.sellink	{ color: black; }

.t-border	{ border-right: 1px solid #000000; 
		  border-bottom: 1px solid #000000; }

.t-border td	{ border-top: 1px solid #000000; 
		  border-left: 1px solid #000000;
		  margin: 0px;
		  padding: 2px; }

.t-noborder	{ border: none; 
		  margin: 0px; 
		  padding: 2px; }

.t-lborder	{ border-bottom: 1px solid #000000; }

.t-lborder td	{ border-top: 1px solid #000000; }

.flags { float: right; 
         width: 42px; 
         margin-right: -10px; }

/* Blog related items */
#sidebar ul, #sidebar ul ol {
	margin: 0;
	margin-left: 5px;
	padding: 0;
	}

#sidebar ul li {
  list-style-type: none;
}

#searchform {
	padding: 5px 3px; 
	}

#sidebar #searchform #s {
	width: 115px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

#sidebar input, #commentform input, #commentform textarea {
 border: 1px solid black;
 margin: 2px;
 background-color: #fff;
}

#commentform input {
	width: 170px;
	padding: 2px;
	}

#commentform textarea {
	width: 550px;
	padding: 2px;
	}

#commentform #submit {
  margin-left: 388px;	     
	}

#commentform p {
 margin: 0;
}

.commentlist li {
  margin-bottom: 10px;
}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	padding-bottom: 10px; 
	margin-bottom: 10px;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}

.post h2 {
 clear: both;
}

h1 {
  font-size: 150%;
  font-weight: bold;
  margin: 0;
  padding-top: 1em;
}

h2 {
  font-size: 130%;
  font-weight: bold;
  margin: 0;
  padding-top: 1em;
}

h3 {
  font-size: 115%;
  font-weight: bold;
  margin: 0;
  padding-top: 1em;
}

.entrytext, .commentlist { line-height: 130%;}
/* -- Bank rules -- */

#content-sl-bank {
  padding-left: 5px;
}

#bank-crumbs {
  padding-left: 170px; 
  font-weight: bold;
}

#bank-links {
  padding-left: 7px;
  width: 140px !important;
  width: 120px;
}

#bank-file {
  margin-left: 170px;
  width: 560px;
  overflow: auto;
 _height: 600px;
}

#bank-file td {
  text-align: left;
  font-weight: normal;
}

/* -- Edit rules -- */

#editmenu	{ background: #ddd !important; }

#editbody	{ background: #fff !important; }

.editownimage	{ display: block;
		  float: left;
		  border: 1px solid silver;
		  background-color: #f0f0f0;
		  padding: 5px;
		  margin: 2px; }

.editshowimage  { display: block;
		  width: 150px;
		  height: 150px;
		  background-repeat: no-repeat;
		  background-position: center center; }
		  
/* -- Dynamic rules -- */

body { text-align: center; margin: 0px; padding: 0px; }body { background-color: #ffffff !important;color: #333333;}#logo { text-align: right;}#content { text-align: left;}body, tr, td, p, dl, ul, ol, li, iframe { font-size: 11px;font-family: verdana, arial, helvetica, sans-serif;}#upperlinks { text-align: left;}#lowerlinks { text-align: right;}a:link { text-decoration: none; color: #0066cc;}a:visited { text-decoration: none; color: #0066cc;}a:active { text-decoration: none; color: #0066cc;}a:hover { text-decoration: underline; color: #0066cc;}p, dl, ul, ol, li { line-height: 130%;}
.ch             { clear: both;
                  margin-bottom: 1em;
                  margin-top: 1em; }

.edch           { clear: both;
                  padding: 3px 0px;
		  border-top: 1px solid #ddd;
		  border-bottom: 1px solid #ddd; }

.edch a		{ color: #333333 ;}

.edchcontrol a	{ color: #0066cc ;}

.edcontrol      { clear: both;
                  padding: 10px 0px; }

// -- Old rules --

table, tbody, tr { margin 0px;
		  padding 0px; }

.kuvavasen_kelluva	{ float: left;
		 	  margin-right: 10px;
			  margin-bottom: 10px; 
		 	  border: 0px none; }

.kuvaoikea_kelluva	{ float: right;
			  margin-left: 10px;
			  margin-bottom: 10px; 
			  border: 0px none; }

.kuvavasen		{ text-align: left;
			  margin-bottom: 10px; 
			  display: block;
			  border: 0px none; }

.kuvaoikea		{ text-align: right;
			  margin-bottom: 10px; 
			  display: block;
			  border: 0px none; }

.kuvakeskitetty		{ text-align: center;
			  margin-bottom: 10px; 
			  display: block;
			  border: 0px none; }

.polaroid		{ border: 1px solid black; 
			  padding: 10px; }

.border-left		{ border: 1px solid black; 
			  margin-right: 10px; }

.border-right		{ border: 1px solid black; 
			  margin-left: 10px; }

.noborder-left		{ border: none;
			  margin-right: 10px; }

.noborder-right		{ border: none;
			  margin-left: 10px; }

.upboxed	{ border-top: 1px solid black; 
		  border-right: 1px solid black; 
		  border-left: 1px solid black; 
		  padding: 5px 5px 0px 5px; 
		  margin: 5px 5px 0px 5px; 
		  height: 107px; 
		  width: 112px; }

.downboxed	{ border-bottom: 1px solid black; 
		  border-right: 1px solid black; 
		  border-left: 1px solid black; 
		  padding: 0px 5px 5px 5px; 
		  margin: 0px 5px 5px 5px; }

.red		{ color: #ff0000; }
/*
iframe { font-size: 11px;font-family: verdana, arial, helvetica, sans-serif;}*/

.former-form {
  margin-top: 1em;
 border: 1px solid #ccc;
  background-color: #eee;
 padding: 5px;
}

.former-label-obl {
  font-weight: bold;
}

.former-end-div-input {
 clear: both;
 height: 0px;
}

.former-div-para {
 padding: 3px 0px 5px 0px;
 font-weight: bold;
 color: #666;
}

.former-para-label {
 display: block;
 width: 150px;
 padding: 0px 10px 0px 0px;
 float: left;
 text-align: right;
 font-weight: normal;
}

.former-error-message {
 float: right;
 font-weight: bold;
 color: #c33;
 padding-right: 1em;
}

.former-input {
  white-space: nowrap;
}

.former-input-month, .former-input-minute {
 padding: 0px 2px;
}

.former-submit input {
  margin-bottom: 0px;
}

.former-checkbox, .para-span {
 display: block;
 /*margin-left: 160px;*/
}

.former-checkbox-group {
  /*  margin-left: 160px;*/
  margin-bottom: 5px;
}

.former-checkbox-group-toggle {
 float: right;
}

.former-checkbox-group-name {
  font-weight: bold;
 padding: 3px 3px 6px 3px;
 background: white;
}

.former-checkbox-group-contents {
 display: none;
}

.former-checkbox-group .former-checkbox {
 margin: 0px;
 padding-left: 3px;
}

#former-form input, textarea {
 border: 1px solid #999;
 padding: 2px;
 margin-bottom: 5px;
}

#former-form select {
 border: 1px solid #999;
}

label {
 display: block;
 width: 150px;
 padding: 3px 10px 5px 0px;
 float: left;
 text-align: right;
}

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

.monthdropdown {
  padding-top: 10px;
  float: left;
}

.targetdropdown {
  padding-top: 10px;
  float: right;
}

.content-sl-cal	{ float: right; 
		  width: 590px; 
		  padding-right: 0px; }

#calendarheading {
  background: url(kalenteri/img/cal.gif) no-repeat #ff6600;
  height: 50px;
  position: relative;
  margin-left: -10px;
}

#monthnavi {
  clear: both;
  text-align: center;
}

#monthnavibottom {
  padding-top: 10px; 
}

.monthnaviprevious {
  float: left;
  display: block;
  width: 80px;
}

.monthnavinext {
  float: right;
  display: block;
  width: 80px;
}

.monthbackfirst a {
  color: #000;
}

.monthback {
  clear: right;
} 

#monthheader {
  font-size: 1.4em;
  font-weight: bold;
  padding-top: 13px; 
  padding-bottom: 2px;
}

.target-p {
  display: block;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  margin-right: 1px;
  float: left;
  background: url(kalenteri/img/p.gif) no-repeat;
}

.target-a {
  display: block;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  margin-right: 1px;
  float: left;
  background: url(kalenteri/img/a.gif) no-repeat;
}

.target-y {
  display: block;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  margin-right: 1px;
  float: left;
  background: url(kalenteri/img/y.gif) no-repeat;
}

.target-l {
  display: block;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  margin-right: 1px;
  float: left;
  background: url(kalenteri/img/l.gif) no-repeat;
}

.target-o {
  display: block;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  margin-right: 1px;
  float: left;
  background: url(kalenteri/img/o.gif) no-repeat;
}

.eventtable {
  width: 330px;
  background-color: #ffcc9a;
  border-spacing: 0;
  border-collapse: collapse;
  margin-top: 10px;
}

.eventtable td {
  padding-left: 15px;
  padding-top: 5px;
}

.eventheading {
  padding-top: 0px !important;
  background-color: #ff6600;
  height: 30px;  
  color: #fff;
  vertical-align: middle;
}

tr.eventempty td {
  background-color: #fff !important;
  padding-left: 0px !important;
  border: none;
}

.calurltd {
  overflow: hidden;
}

#noevents {
  padding: 3px;
}

.eventimg {
  border-top: 1px solid black;
  margin-top: 10px;
  padding-top: 10px;
}

.editimg {
  margin-left: 160px;
}

.editimg img {
  border: 1px solid black;
  margin-bottom: 5px;
}

#calsidebar {
  float: right;
  width: 210px;
  margin-right: 10px;
  margin-left: 10px;
  padding-top: 10px;
}

#sidebarmonth {
  clear: both;
  border: none;
  border-spacing: 0;
  border-collapse: collapse;
}

#sidebarmonth td, #sidebarmonth th {
  width: 30px;
  text-align: center;
  padding: 4px 0px;
  border-bottom: 1px solid black !important;
}

.eventday {
  background-color: #ff6600;
  font-weight: bold;
}

.eventday a, .eventday a:hover, .eventday a:visited {
  color: #fff;
}