/*
Theme Name: Piggelins barnsim default
Theme URI: None
Description: Piggelins barnsim default theme
Version: 1.0
Author: Nicklas Johansson
Author URI: None
Tags: Two columns, searchbar etc
*/

body {
	  background: #ffffff url('images/background.jpg') no-repeat center top;
	  width: 99%;
	  display: table;
	  margin-top: 0;
	  margin-bottom: 0; 
}

#header {
	  height: 240px;
	  width: 770px;
	  margin: 0 auto;
	  position: relative;
	  z-index: 1000;                  /*IE hack, nav z-index problem*/
}

#header img {
	  border-style: none;
}

#logo {
	  position: absolute;
	  left: 20px;
	  top: 30px;
}
/*-- /Body and header --*/


#searchform {
	  position: absolute;
	  top: -245px;
	  right: 23px; 
	  z-index: 1001;           
}

#searchform #s { 
	  position: absolute;
	  top: 8px;
	  right: 34px;
	  border-style: solid;
	  border-width: 1px;
	  border-color: #63a10a;
	  background-color: #cdf791;
	  padding: 8px 10px 0px 10px;
	  height: 22px;
	  width: 176px;
	  margin-right: 10px;
	  font-family: Helvetica, Verdana, sans-serif; 
	  z-index: 1002;
}

#searchform #searchsubmit {
	  position: absolute;
	  top: 8px;
	  right: 1px;
}
/*-- /Searchform --*/


#nav {
	  width: 700px;
	  position: absolute;
	  top: 197px;
	  right: 45px;
	  list-style: none;
	  margin: 0px;
	  font-family: Century Gothic, sans-serif;
	  font-size: 14px;
}

#nav li ul{   
	display: none;
	position: absolute;
	padding: 7px 0 0 13px;
	left: -13px;
	top: 100%;
	font-size: 13px;  
	background-color: #ffffff;
	border-style: solid;
	border-width: 1px;
	border-color: #e1e2e2;
	z-index: 99;
}

#nav li:hover > ul{
	display: block;
	margin-left: 0;	
}

#nav li {
	float: left;
	display: inline;
	position: relative;
	margin-right: 40px;
}

#nav li ul li {
  margin-right: 15px; 
}

#nav li ul li a {
  width: 160px;
  margin-bottom: 5px;
}

#nav a {
	color: #929292;
	text-decoration: none;
	display: inline-block;
	line-height: 190%;
}

#nav a:visited {
	color: #929292;
	text-decoration: none;
}

#nav a:hover {
	color: #ff932a;
}

#facebook {
  position: absolute;
  top: 175px;
  right: 60px;
}

#twitter {
  position: absolute;
  top: 175px;
  right: 10px;
}
/*-- /Navigation --*/


#content {
  position: relative;
  top: 6px;
  left: 7px;
  margin: auto;
  height: 100%;
  width: 799px; 
}

#content-container-top {
  background-image: url('images/maincontent_top.png');
  height: 43px;
}

#content-container-middle {
  background-image: url('images/maincontent_middle.png');
  height: 100%;
  padding: 0 25px 0 25px;
  overflow: hidden;
  z-index: -10;
}

#content-container-bottom {
  background-image: url('images/maincontent_bottom.png');
  height: 42px;
}

#content-left {
  height: 100%;
  width: 483px;
  float: left;
  margin-right: 15px; 
  font-family: Helvetica, Verdana, sans-serif;
}

#content-left .entry ul {
  padding-left: 8px;
  margin-left: 8px;
  font-size: 12px; 
  margin-top: 0;
}

#content-left .entry ul li {
  margin-bottom: 4px;
  padding-left: 0;
  margin-left: 0; 
}

#content-left p {
  font-family: Helvetica, Verdana, sans-serif;
  font-size: 12px;
  margin-top: 0;
}

#content-left h4 {
  color: #01a8ee;
  font-size: 14px;
  margin-bottom: 1px;
}

#content-left h5 {
  color: #1572db;
}

#content-left strong {
  font-weight: bold;
}

.post-date {
  font-size: 14px;
  color: #252627;
  font-weight: bold;
  text-transform: uppercase;
  font-family: Helvetica, Verdana, sans-serif;
}

.post-title h2, .post-title h2 a {
  font-size: 26px;
  color: #1d95d3;
  font-family: Helvetica, Verdana, sans-serif;
  font-weight: lighter;
  text-decoration: none;
  margin-top: 2px;
  margin-bottom: 0;
}

.post-cat a, .post-comments a {
  font-size: 11px;
  color: #31a20a;
  font-family: Helvetica, Verdana, sans-serif;
  font-weight: lighter;
  display: none;
}

.post-comments {
  margin-left: 10px;
}

.entry {
  font-size: 14px;
  color: #252627;
  line-height: 140%;
  font-family: Helvetica, Verdana, sans-serif;
  font-weight: lighter;
  margin-top: 20px;
}

.entry a {
  color: #71aa25;
  text-decoration: none;
}

.entry img {
  padding: 5px;
  background-color: #ffffff;
  border-style: solid;
  border-width: 1px;
  border-color: #b5e8f7;
}

.sociable {
  margin-top: 40px;
  margin-bottom: 0;
  background: #ffffff url('images/share_background.png');
  padding: 15px;
  border-style: solid;
  border-width: 1px;
  border-color: #b5e8f7;
}

.sociable div {
	display: inline;
}

.sociable-tagline {
  font-weight: bold;
  font-size: 11px;
  display: inline;
  margin-right: 10px;
}

.sociable ul li a {
  display: inline;
  list-style-type: none;
  padding-left: 0;
  margin-left: 0;
}

#content-left h2, #content-left h2 a {
  font-size: 26px;
  color: #1d95d3;
  font-family: Helvetica, Verdana, sans-serif;
  font-weight: lighter;
  text-decoration: none;
  margin-top: 0;
  margin-bottom: 0;
}

#content-left small {
  font-size: 14px;
  color: #252627;
  font-weight: bold;
  text-transform: uppercase;
  font-family: Helvetica, Verdana, sans-serif;
}

#content-left .postmetadata {
  font-size: 11px;
  color: #252627;
  font-family: Helvetica, Verdana, sans-serif;
  font-weight: bold;
  margin-top: 25px;
  margin-bottom: 25px;
  background-color: #e8faff;
  padding: 15px;
  border-style: solid;
  border-width: 1px;
  border-color: #b5e8f7;
}

#content-left .postmetadata a {
  color: #31a20a;
}

#content-left .horizontal-line {
  margin-bottom: 25px;
}
/*-- /Maincontent-leftcolumn --*/


#content-right {
  width: 240px;
  float: left;
}

#content-right #sidebar {
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-left: 5px;
  font-family: Helvetica, Verdana, sans-serif;
} 

#content-right #sidebar #news {
  background: #ffffff url('images/news_background.png');
  border-style: solid;
  border-width: 1px;
  border-color: #DAE4E8;
  padding: 10px;
}

#content-right #sidebar #news .recent-posts { 
  list-style-type: none;
  padding: 0;
  font-family: Helvetica, Verdana, sans-serif;
  font-weight: lighter;   
}

#content-right #sidebar #news .recent-posts li {
  margin-top: 20px;
  font-size: 12px;
}

#content-right #sidebar #news .recent-posts li strong a {
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  color: #01a8ee;
}

#content-right #sidebar #news .recent-posts li strong a:hover, #content-right #sidebar #news .more-news:hover {
	text-decoration: underline;
}

#content-right #sidebar #news .recent-posts li small {
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  color: #47494A;
}

#content-right #sidebar #news .more-news { 
  font-size: 12px;
  color: #01a8ee;
  text-decoration: none;
}

#content-right #sidebar #tagcloud {
  background: #ffffff url('images/news_background.png');
  border-style: solid;
  border-width: 1px;
  border-color: #DAE4E8;
  padding: 10px;
  margin-top: 10px;
  text-align: center;
}

#content-right #sidebar #tagcloud a {
  text-decoration: none;
}

#content-right #sidebar #tagcloud a:hover {
  text-decoration: underline;
}
/*-- /Maincontent-rightcolumn --*/


#footer {  
  position: relative;
  top: 2px;
  left: 7px;
  margin: auto;
  height: auto;
  width: 799px;
  clear: both;
  font-family: Trebuchet MS, Century Gothic, Verdana;
  font-size: 12px;
}

#footer img {
  border-style: none;
}

#footer-container-top {
  background-image: url('images/maincontent_top.png');
  height: 43px;
}

#footer-container-middle {
  background-image: url('images/footercontent_middle.png');
  height: 110px;
  padding: 0 25px 0 25px;
}

#footer-container-bottom {
  background-image: url('images/maincontent_bottom.png');
  height: 42px;
}

#footer-content-left {
  float: left;
  width: 33%;
  height: 100%;
}

#footer-content-middle {
  float: left;
  width: 33%;
  height: 100%;
}

#footer-content-right {
  float: left;
  width: 33%;
  height: 100%;
}

#footer-content-middle p {
  margin-bottom: 0;
  margin-top: 0;
  text-align: center;
}

#footer-content-middle .bold {
  font-weight: bold;
  color: #33ccff; 
}

#twitter-bird {
  display: block;
  margin: auto;
  position: absolute;
  top: -30px;
  left: 1px;
}

#twitter-headline {
  display: block;
  margin: auto;
  position: absolute;
  top: 15px;
  left: 90px;
}

.twitter {
  list-style: none;
  padding: 0;
  margin-top: 25px;
  font-size: 11px;
  width: 220px;
}

.twitter-item {
  margin-bottom: 12px;
}

.instruktor-lank {
  margin-left: 70px;
  text-decoration: none;
  color: #C0C0C0;
}

.logos {
  display: block;
  margin: auto;
  margin-top: 20px;
  margin-left: 35px;
}
/*-- /Footer --*/

.info_pic_container {
  float: right;
  clear: right;
  width: 140px;
  margin: 0 20px 0 35px;
}

.info-box {
  float: right;
  clear: right;
  width: 140px;
  height: auto;
  margin: 10px 0 10px 0;
  background-color: #e8faff;
  padding: 0 10px 10px 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #b5e8f7;
}

.img-right-infopic {
  float: right;
  clear: both;
  padding: 5px;
  background-color: #ffffff;
  border-style: solid;
  border-width: 1px;
  border-color: #b5e8f7;
}

.info-box h5 {
  color: #01a8ee;
  margin-bottom: 8px;
  margin-top: 10px;
}

.info-box p {
  font-size: 11px;
  margin-bottom: 3px;
}

.img-left {
  float: left;
  margin: 0 10px 10px 0;
  padding: 5px;
  background-color: #ffffff;
  border-style: solid;
  border-width: 1px;
  border-color: #b5e8f7;
}

.img-right {
  float: right;
  clear: both;
  margin: 0 0 10px 10px;
  padding: 5px;
  background-color: #ffffff;
  border-style: solid;
  border-width: 1px;
  border-color: #b5e8f7;
}

.image {
  margin-top: 15px;
  padding: 5px;
  background-color: #ffffff;
  border-style: solid;
  border-width: 1px;
  border-color: #b5e8f7;
}

.italic {
	font-style: italic;
 }

.small-italic {
  padding-top: 10px;
  font-size: 11px;
  font-style: italic;
}
/*-- /General classes --*/


.wpcf7 p {
  font-size: 11px;
}

.wpcf7 input {
  background-color: #ffffff;
  padding: 5px 5px 5px 5px;
  width: 200px;
  font-size: 11px;
  border-style: solid;
  border-width: 1px;
  border-color: #b5e8f7;
}

.wpcf7 textarea {
  background-color: #ffffff;
  padding: 5px 5px 5px 5px;
  width: 250px;
  height: 120px;
  font-size: 11px;
  border-style: solid;
  border-width: 1px;
  border-color: #b5e8f7;
}

.wpcf7 .subject {
  background-color: #ffffff;
  padding: 5px 5px 5px 5px;
  width: 212px;
  font-size: 12px;
  border-style: solid;
  border-width: 1px;
  border-color: #b5e8f7;
}

.form-info-box {
  float: right;
  clear: right;
  width: 200px;
  height: auto;
  margin: 0 0 10px 10px;
  background-color: #e8faff;
  padding: 10px 10px 2px 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #b5e8f7;
}

.form-info-box h5 {
  color: #01a8ee;
  margin-bottom: 8px;
  margin-top: 0;
}

.form-info-box p {
  font-size: 11px;
  margin-bottom: 8px;  
}

.acceptance-text {
  background-color: #e8faff;
  padding: 10px 10px 2px 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #b5e8f7;
}

.acceptance-text h5 {
  margin-bottom: 0;
}
/*-- /Form --*/


#content-left table {
	font-size: 12px;
	margin-bottom: 10px;
}

#content-left table thead {
	font-weight: bold;
}

#content-left table tr td, #content-left table th {

}
/*-- /Table --*/

#content-left .price-table {
  width: 100%;
  font-size: 12px;
  border-collapse: collapse;
  margin-top: 5px;
}

#content-left .price-table th {
  text-align: left;
}

#content-left .price-table tr td, #content-left .price-table th {
  padding: 7px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: #ffffff;
}

.table-row-odd {
  background-color: #e8faff;
}

.table-row-even {
  background-color: #f9feff;
}
/*-- /Price-Table --*/