/*
Theme Name: Parempi.eu
Theme URI: http://parempi.eu/
Description: Theme for <a href="http://parempi.eu/">Parempi.eu</a>.
Version: 1.0
Author: Markus Koljonen, based on the design by Sanna Skants
Author URI: http://iki.fi/markus.koljonen
Tags: green, fixed width
*/

/*

Light blue: #189df3
Aqua: #49c3b9
Bright green: #3edf06;
Turquoise: #17ce62;

*/

* {
  margin: 0;
  padding: 0;
}
html { /* Repeat turquoise background */
  background: url(graphics/background-top-turquoise.png) white repeat-x top left;
}
body {
  width: 1000px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: smaller;
  line-height: 140%;
}

/*** General ***/

a {
  color: #189df3;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a img {
  border-width: 0;
}
h2 {
  font-size: 140%;
  line-height: 120%;
  font-weight: normal;
  letter-spacing: .2px;
  margin: .6em 0 0 0;
  padding-bottom: .8em;
}

h3 {
  font-size: 130%;
  margin: 0em 0 .4em 0;
}
h4 {
  font-size: 110%;
  margin: .8em 0 .6em 0;
}
p, ul {
  margin-bottom: .6em;
}
ul {
  margin-left: 1.5em;
}
/* End General */

/*** Header (absolutely positioned) ***/

#header {
  position: absolute;
  top: 0; left: 0;
  width: 249px;
  height: 152px;
  background: url(graphics/parempi-eu-logo.png) white no-repeat top left;
}
#header h1 {
  width: 249px;
  height: 152px;
  text-indent: -5000px; /* Hide text but make it selectable */
}

#search {
  position: absolute;
  top: 0px;
  left: 249px;
  height: 84px;
  background: url(graphics/background-feet.png) #49c3b9 no-repeat top left;
  padding-left: 800px;
}
#search span, #description {
  display: none;
}
/* End Header */

/*** Navigation menus (absolutely positioned) ***/

#menu { /* First level navigation */
  white-space: nowrap;
  position: absolute;
  top: 85px;
  left: 249px;
  height: 36px;
  padding: 0 0 0 6px;
  margin: 0;
}
#menu li { 
  display: inline;
  height: 36px;
  padding: 8px 12px 8px 12px;
  list-style-type: none;
}
#menu a {
  line-height: 34px;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: .5px;
  font-size: 90%;
}
#menu a:hover {
  text-decoration: none;
}

#menu .current_page_item a, #menu .current_page_ancestor a, #submenu .current_page_item a { /* selected & hovers */
  color: #189889;
}
#menu li:hover {
  background: url(graphics/navi-background-highlighted.png) transparent repeat-x top left;
}
#menu .current_page_item, #menu .current_page_ancestor, #submenu .current_page_item a {
  background: url(graphics/navi-background-selected.png) transparent repeat-x top left;
}
#menu .current_page_item:hover, #menu .current_page_ancestor:hover, #submenu .current_page_item a:hover {
  background: url(graphics/navi-background-selected-highlighted.png) transparent repeat-x top left;
}

#submenu { /* Second level navigation */
  position: absolute;
  top: 172px;
  width: 249px;
  padding: 0;
  margin: 0;
}
#submenu li ul {
  margin-left: 1em;
  margin-bottom: 0;
}
#submenu li ul a {
  text-transform: none !important;
}
#submenu .current_page_item ul a {
  background-image: none;
  background-color: #49c3b9;
  color: black;
}
#submenu li {
  list-style-type: none;
}
#submenu li a:hover, #submenu .current_page_item ul a:hover {
  background-image: none;
  background-color: #59d3c9;
}
#submenu a {
  display: block;
  padding: 7px 12px;
  color: black;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .5px;
  background-color: #49c3b9;
  border-bottom: white 1px solid;
  font-size: 90%;
}
#submenu a:hover {
  text-decoration: none;
}

/* End navigation menus */

/*** Content ***/

#content {
  margin: 121px 5px 0 249px;
  padding: 12px;
}
#main-story {
  padding-bottom: 10px;
  border-bottom: #ccc 2px solid;
}
#main-story .illustration {
  float: left;
  margin-right: 10px;
}
.entry, .nosto {
  padding-bottom: 1em;
  border-bottom: 2px #e5e5e5 solid;
}

/* End Content */

/*** Blog ***/

.post, .commentlist {
  margin-right: 200px;
}
.post {
  margin-bottom: 1.7em;
}
.post h2 {
  margin-bottom: 0;
}
.postmetadata {
  font-size: 85%;
  color: #aaa;
}

.commentlist div {
  padding: .5em .5em .5em 1em;
}
.commentlist .alt {
  background-color: #eee;
}
.kirjoittaja {
  font-weight: bold;
}
.orange {
  color: #f60;
}

/* End Blog */

/*** Front Page ***/

#post-2 h2 { /* Hide title on front page */
  display: none;
}
#post-2 {
  margin-right: 0;
}
#post-2 #frontpageimage {
  margin: 0 16px 1em 0;
}
#post-2 h3 {
  line-height: 140%;
}
#post-2 .editlink {
  display: none;
}

.box, .smallbox { /* rounded corners */
  margin: 8px 0;
  background: url(graphics/corner-top-left.png) top left no-repeat;
}
.extrabox, .smallbox2 {
  background: url(graphics/corner-bottom-left.png) bottom left no-repeat;
}
.box h3, .smallbox3 {
  background: url(graphics/corner-top-right.png) top right no-repeat;
}
.box h3 a, .smallbox4 {
  background: url(graphics/corner-bottom-right.png) bottom right no-repeat;
}
.smallbox {
  float: right;
  width: 190px;
  color: #29801d;
  background-color: #b2f29b;
}
.smallbox4 {
  padding: 1em;
}
.box h3 a {
  display: block;
  color: white;
  padding: 6px;
  text-align: center;
  letter-spacing: .5px;
}
.box.turquoise { background-color: #17ce62; }
.box.green { background-color: #3edf06; }
.box.aqua { background-color: #49c3b9; }

#nostot {
  padding-left: 349px;
}

#ajankohtaista { /* Recent Blog Posts */
  width: 333px;
  float: left;
  padding-bottom: 10px;
}
#ajankohtaista ul {
  list-style-type: none;
}
#parempieu, #mikamattaa {
  float: right;
  width: 380px;
  padding-bottom: 10px;
  border-bottom: #ccc 2px solid;
}
ul#news {
  list-style-type: none;
  margin: 0;
}
ul#news li {
  clear: both;
  border-bottom: #38c4ba 1px solid;
  padding: 5px 3px;
}
ul#news li:hover {
  background-color: #eee;
}
ul#news .date {
  display: block;
  float: left;
  color: #38c4ba;
  margin-right: 10px;
  font-size: 300%;
  line-height: 100%;
  font-weight: bold;
  letter-spacing: -3px;
}
ul#news .link {
  display: block;
  font-weight: bold;
}
ul#news .excerpt {
  padding-left: 110px;
}

#vihreita-paatoksia-eussa {
  border-bottom: #e5e5e5 2px solid;
}
#vihreita-paatoksia-eussa p {
  margin-left: 77px;
}
.illustration {
  float: left;
}


div.hr {
  height: 2px;
  background-color: #e5e5e5;
  border-top: 1px #38c4ba solid;
  clear: both;
  display: block;
  margin: 10px 0 0 0;
}
#metainfo {
  margin-top: 10px;
  font-size: 90%;
  color: #999;
}

#blognavilinks {
  font-size: 85%;
  color: #999;
}
#rss {
  width: 150px;
  text-align: center;
  float: right;
  padding: 20px 20px 10px 20px;
  border-bottom: 2px #eee solid;
}