/*
Theme Name: Communiké
Theme URI: http://www.communike.fi
Description: 
Author: 
Author URI: 
Version: 1.0
*/

body {
  color: #777;
  background: url('/wp-content/themes/communike/background.png');
  background-repeat: repeat-x;
  font-size: 11pt;
  padding: 0px;
  margin: 0px;
}

body, p, ol, ul, td {
  font-family: "Lucida Grande", helvetica, sans-serif;
  color: #444;
  font-style: normal;
}

#background-wrapper {
  background: url('/wp-content/themes/communike/kuviot.png') center -45px no-repeat;
}

img {
  border: 0px
}

a { color: #3ba00f; text-decoration: underscore; } 
a:hover { background:#3ba00f ; color:white }


h1 {
  margin-top: 0px;
  font-size: 1.4em;
}

h2 {
  font-size: 1.2em;
  color: #3ba00f;
  font-weight: bold;
  font-style: normal;
}

#page {
  width: 580px;
  margin: auto;
  padding-top: 60px;
  padding-bottom: 90px;
}

#logo {
  width: 100%;
}

#tagline {
  margin-top: 5px;
  float: right;
  display: inline-block;
  padding-bottom: 65px;
}

div.links {
  font-family: "lucida grande", helvetica, sans-serif;
  font-size: 1em;
  text-transform: lowercase;
  position: relative;
  display: inline-block;
  width: 100%;
  margin-top: 0px;
  float: right;
  vertical-align: bottom;
}

#links_home {
}

ul.links {
  margin: 0px;
}

.links ul, .links li {
  margin: 0px;
  padding: 0px;
}

ul.links > li {
  display: inline;
}

ul.links > li > a {
  display: inline-block;
  color: #bfe77e;
  font-size: 14px;
  padding: 10px 15px 20px 15px;
  margin: 0px 5px -11px 0px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -khtml-border-top-left-radius: 8px;
  -khtml-border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background: #3ba00f;
  text-decoration: none;
  text-transform: uppercase;
}
ul.links > li > a:hover { color: white; }

ul.links > li.current a {
  border-bottom: 1px solid white;
  background: white;
  color: #7cba20;
}

#content {
  position: relative;
  line-height: 1.8em;
  clear: both;
  background: white;
  min-height: 330px;
  padding: 55px 90px 45px 90px;
  margin: auto;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;

}

#intro_text {
  width: 300px;
  display: inline-block;
  font-size: 1.5em;
}

em {
  font-size: 1.2em;
  color: #3ba00f;
  font-weight: bold;
  font-style: normal;
}

.linklove {
  font-size: 0.7em;
}
.linklove a {
  text-decoration: none;
}
.linklove em {
  color:#999;
  font-weight: normal;
  font-size: 1em;
}

#sliderwrapper {width:400px; margin-top:-20px }

#slider { position:relative; overflow:auto; width:400px; height:390px; margin:0px }
#slider ul {position:absolute; list-style:none; top:0; left:0 ; padding:0 }
#slider li {float:left; width:400px; height:390px; padding: 0 0px 0 0 ; margin:0px;}
.sliderbutton { display:none }

.pagination {float:left; list-style:none; height:20px; margin:5px 0 0 32px}
.pagination li {float:left; cursor:pointer; padding:5px 8px; border:1px solid #7cba20; background:#fff ; color:#7cba20 ; margin:0 4px 0 0; text-align:center; }
.pagination li:hover { color:black }
.pagination li.current {background:#3ba00f; border:1px solid #3ba00f; color:#bfe77e }

.portfolio_text {
  width:400px;
  line-height:1.3em;
}

.portfolio_text p {
  margin: 5px 0px;
}