/* HTML TAGS */
html, body, form {margin:0;padding:0;}
body {font-size: 12px;font-family: Arial, sans-serif;color: #333;  background: #fff url(http://vuodatus.net/files/etuovi/lib/images/bg_container.gif) center top repeat-y;}
h1 {font-size:1.6em;line-height:1.2em;font-weight:bold;margin: 0 0 0.3em;}
h2  {font-size:1.2em;line-height:1em;font-weight:bold;margin:1.5em 0 0.5em;padding-bottom:0.5em;border-bottom: 1px solid #ccc;}
h3 {font-size:1.2em;line-height:1em;font-weight:bold;margin:1.5em 0 0.5em;}
h4 {font-size:1.2em;line-height:1em;font-weight:bold;margin:0 0 0.5em;}
p {font-size:1em;margin:0 0 1em 0;line-height:1.5em;}
ul, dl {list-style-type:none; padding:0;margin:0 0 1em;}
ol {margin:0 0 1em 2em;padding:0;}
ol li {line-height:1.5em;padding-bottom:0.5em;}
li, dt, dd {padding: 0;margin:0;}
a {text-decoration:none;font-weight:bold;color:#903;}
a:hover {text-decoration:underline;}
a img {border:none;}

/* SPECIAL */
hr,
.hidden {
  display:none;
}
.boxed {
  padding:10px;
  background:#f4e8ad;
  border: 1px solid #dd8920;
}
.boxed h2 {
  border:0 none;
  padding-bottom:0;
  margin-top:0;
}
.boxed p,
.boxed ul,
.boxed ol {
  margin-bottom:0;
}

/* LAYOUT */
#container,
#leftCol,
#rightCol,
#menu,
#advertising,
#comments,
.entry {
  position:relative;
  margin-bottom:2em;
}
.entry {
}
#logo,
#search,
#slogan,
#ad {
  margin-left:50%;
}
#header {
  position:relative;
  height: 215px;
  min-width:900px;
  padding: 0 55px;
  background: #ab173f url('http://vuodatus.net/files/etuovi/lib/images/bg_header.gif') left bottom repeat-x;
}
#ad {
  position: absolute;
  bottom: 100px;
  left: -450px;
}
#logo {
  position:absolute;
  bottom:35px;
  left: -450px;
}
#logo a {
  display:block;
  width: 241px;
  height:32px;
}
#slogan {
  position:absolute;
  bottom:15px;
  left: -450px;
}
#slogan strong {
  font-weight:normal;
  color: #efc765;
  font-size:15px;
  padding-right:10px;
}
#slogan img {
  vertical-align:-4px;
}
#search {
  position:absolute;
  left:160px;
  bottom:0px;
  width: 290px;
  height: 96px;
  background: url(http://vuodatus.net/files/etuovi/lib/images/bg_search.gif) left top no-repeat;
}
#container {
  overflow:hidden;
  width: 900px;
  height:100%;
  margin:0 auto;
  padding: 25px 55px;
}
#menu {
  width:290px;
  background:#eee url('http://vuodatus.net/files/etuovi/lib/images/bg_menu_top.gif') top left repeat-x;
  margin:-25px 0 2em;
}
#menu div.wrapper {
  position:relative;
  overflow:visible;
  padding:25px 0 40px;
  margin-bottom:0;
  background: url('http://vuodatus.net/files/etuovi/lib/images/bg_menu_bottom.gif') left bottom no-repeat;
  margin-right:-15px;
}
#menu div.laatikko_sisalto {
	padding-left: 40px;
	font-weight: bold;
	
}

#menu div.laatikko_sisalto iframe{
        padding: 0 0 0 0;
        margin: 0 0 0 -15px;
	display:block;
}

.arkisto_kuukausi {
	margin-left: 1em;
}
#menu div.laatikko_otsikko {
  position:relative;
  width:280px;
  height:35px;
  line-height:25px;
  left: -5px;
  padding-left:25px;
  margin-top:10px;
  font-size:1.2em;
  font-weight:bold;
  color:#fff;
  background: url('http://vuodatus.net/files/etuovi/lib/images/bg_menu_heading.gif') left top no-repeat;
}
#menu dd {
  padding:0 40px 5px;
  width:210px;
}
#menu dd.blogInfo {
  border-top:1px solid #333;
  margin-top:10px;
  padding-top:15px;
}
#advertising {
  background:/*#fafafa*/ url('http://vuodatus.net/files/etuovi/lib/images/bg_advertising.gif') left top repeat;
  width:286px;
  text-align:center;
  padding:2em 0;
  
}
#leftCol {
  float:left;
  width:595px;
}
#rightCol {
  float:right
}
/* ENTRY FORMATTING */
.entry,
#browse {
  clear:both;
  width:595px;
}
#back {
  margin-bottom:1em;
}
.saveAndShare {
  position:absolute;
  top:-4px;
  right:0px;
}
.saveAndShare li {
  float:left;
}
.saveAndShare li span {
  display:none;
}
.saveAndShare a {
  display:block;
  width:32px;
  height:32px;
  margin-right:8px;
}
.saveAndShare a:hover {
  border-bottom:4px solid #eee;
  padding-bottom:4px;
}
.saveAndShare .bookmark a {
  background:url('http://vuodatus.net/files/etuovi/lib/images/icon_bookmark.gif') left top no-repeat;
}
.saveAndShare .pfd a {
  background:url('http://vuodatus.net/files/etuovi/lib/images/icon_pdf.gif') left top no-repeat;
}
.saveAndShare .facebook a {
  background:url('http://vuodatus.net/files/etuovi/lib/images/icon_facebook.gif') left top no-repeat;
}
.saveAndShare .twitter a {
  background:url('http://vuodatus.net/files/etuovi/lib/images/icon_twitter.gif') left top no-repeat;
}
.saveAndShare .email a {
  background:url('http://vuodatus.net/files/etuovi/lib/images/icon_email.gif') left top no-repeat;
  width: 36px;
  margin-left:-2px;
}
.entryDate,
.entryImage,
.entryCaption {
  position:relative;
}
.entryDate {
  width: 177px;
  height:35px;
  line-height:25px;
  padding-left: 30px;
  left:-30px;
  margin-bottom: 0.2em;
  color:#fff;
  background: url(http://vuodatus.net/files/etuovi/lib/images/bg_entrydate.gif) left top no-repeat;
}
.entryDate strong {
  font-weight:normal;
}
.entryImage {
  position:relative;
  display:block;
  margin-bottom: 0.5em;
  padding:1px;
  left:-1px;
}
.entry .entryImage img {
  float:none;
  margin:0;
  padding:0;
  border: 0 none;
}
a.entryImage:hover {
  padding:0;
}
a.entryImage:hover img{
  border:1px solid #333;
}
a.entryImage img {
  display:block;
}
.entryCaption {
  margin-bottom: 1em;
}
.entryCaption a {
  display:block;
  color: #666;
}
.entryCaption a:hover {
  text-decoration:none;
  color:#333;
}
.entryCaption a span {
  color: #903;
}
.entryCaption a:hover span {
  text-decoration:underline;
}
.entryCaption em {
  color: #666;
  font-style:normal;
  font-weight:bold;
}
.entryDetails {
  width:575px;
  padding:0 10px;
  height:30px;
  line-height:30px;
  background: url('http://vuodatus.net/files/etuovi/lib/images/bg_entrydetails.gif') left top no-repeat;
}
ul.entryDetails {
  margin-bottom:0;
}
.entryDetails li {
  float:left;
  margin-right:10px;
  margin-right:10px;
  padding-right:10px;
  border-right: 1px solid #333;
}
.entryDetails li.last {
  margin:0;
  padding:0;
  border: 0 none;
}
.entry img {
  padding: 2px;
  border:1px solid #ccc;
}

.entry p{
  display:block; 
}

/* ENTRY BROWSING */
#browse {
  position:relative;
  margin-top:-1em;
}
#browse a {
  display:block;
  position:relative;
  color:#999;
  font-weight:normal;
}
#browsePrev a {
  padding: 5px 10px;
  left:-10px;
}
#browseNext a {
  padding: 5px 10px;
  right:-10px;
}
#browse a span {
  font-size:1.2em;
  font-weight:bold;
  color:#903;
}
#browse a:hover  {
  text-decoration:none;
  color:#333;
}
#browse a:hover span{
  text-decoration:underline;
  color:#903;

}
#browse ul {
  float:left;
}
#browsePrev,
#browseNext {
  width:297px;
}
#browsePrev {
  float:left;
  text-align:left;
}
#browseNext {
  float:right;
  text-align:right
}
#browse #browsePrev a:hover {
  background: url('http://vuodatus.net/files/etuovi/lib/images/bg_prev.gif') left center no-repeat;
}
#browse #browseNext a:hover {
  background: url('http://vuodatus.net/files/etuovi/lib/images/bg_next.gif') right center no-repeat;
}

/* ENTRY COMMENTS */
.commentsWrapper {
	clear: both;
	border-top:5px solid #EEEEEE;
  padding-top:23px;
  border-top:5px solid #eee;
}
#addComment {
  position:absolute;
  overflow:visible;
  right:0;
  top:0;
  font-size:1.2em;
}
.comment,
#submitComment {
  position:relative;
  float:left;
  clear:both;
  width:565px;
}
.kommentti {
	clear: both;
  margin:-25px 0 0; 
  background: url('http://vuodatus.net/files/etuovi/lib/images/bg_comment.gif') left bottom no-repeat;
  padding: 10px 15px 25px;
	color: #333333;
}
.kommentoija {
  margin-bottom:0.5em;
	color: #777777;
}
.kommentoija span.dummywrapper {
  font-weight:bold;
	color: #222222;
}
.kommenttiteksti {
  color: #666;
	margin-bottom: 10px;
}
#kommentointilaatikko {
  color:#fff;
  border-top:5px solid #333;
  background: #4d4d4d url('http://vuodatus.net/files/etuovi/lib/images/bg_submitcomment.gif') left bottom no-repeat;
  padding: 10px 15px 35px;
}
#kommentointilaatikko a {
	color: #FFFFFF;
}
#kommentointilaatikko input[type="button"] {
	background-image: url('http://vuodatus.net/files/etuovi/lib/images/laheta.gif');
	width: 123px;
	height: 23px;
	font-size: 0pt;
	border: 0px;
	margin-top: 10px;
	margin-bottom: 1em;
}
#kommentointilaatikko label {
  display:block;
  float:left;
  width:130px;
  font-weight:bold;
}
#kommentointilaatikko li {
  float:left;
  clear:both;
  width:565px;
  padding-bottom:5px;
  }
#kommentointilaatikko input[type="text"],
#kommentointilaatikko textarea {
  border:0 none;
  width: 290px;
  margin: 0 30px 0 0;
  padding:2px;
  vertical-align:top;
}
#kommentointilaatikko textarea {
	width: 390px;
	height: 100px;
}
#submitContent span {
  display:block;
  float:left;
  top:0;
}
#commentSubmit {
  margin-left:302px;
}

/* SEARCH: enabloidaan kun on saatavilla */
/*
#searchWord {
  position:absolute;
  left:20px;
  bottom:20px;
  width:179px;
  height: 25px;
  line-height:25px;
  background: #fff;
  overflow:hidden;
}
#searchWord input {
  background: transparent none;
  border: 0 none;
  width: 179px;
  height:25px;
  line-height:20px;
}
#searchSubmit {
  position:absolute;
  right:20px;
  bottom:21px;
  width: 58px;
  height:23px;
}
*/