/*  
Theme Name: Kobolde Theme
Version: v 1.0
Author: Karsten

*/

/* Basics */
html {
/* IE Horizontal scrollbar fix */
overflow-y: scroll;
/* force scrollbars in moz */
height: 100%;
margin-bottom: 1px;
}

body{
     margin: 0;
     padding: 0;
font-family:            "Verdana", Arial, Serif;
line-height:            1.5em;
voice-family:           "\"}\"";
voice-family:           inherit;
font-size:              10px; /* easyscale */
font-size:              0.76em;
    background: #eee url("images/back.jpg") repeat-x top;
     color: #666;
     width:                  100%;
text-align: center;

}


h1, h2, h3, h4, h5, blockquote, p, form{
     margin: 0;
     padding: 0;
}


p.li{
     margin-left: 15px;
}

h1{
     font-size: 1.6em;
     padding: 0 0 10px 0;
}

h3{
font-size: 1.2em;
     padding: 3px 0 5px 0;
}

h4{
 font-size: 1.1em;
     padding: 0 0 10px 0;
}

h5{
     font-size: 1.0em;
     padding: 0 0 10px 0;
}

.alignright {
border: 1px solid #ddd;
padding: 4px;
margin: 0 0 8px 8px;
text-align:               right;
float:                    right;
}
.alignleft {
border: 1px solid #ddd;
padding: 4px;
margin: 0 8px 8px 0;
text-align:               left;
float:                    left;
}
.aligncenter {
border: 1px solid #ddd;
padding: 4px;
margin: 0;
text-align:               center;
}



a:link, a:visited {
font-weight: bold;
      text-decoration: underline;
      color: #99CA3C;
}

a:hover{
text-decoration: none;
}
a img {
border:                 none;
}

h2 a, h2 a:visited {
text-decoration: none;
}


h3 a, h3 a:visited {
text-decoration: none;
}

h3 a:hover {
text-decoration: underline;
}

.clearĘ{
clear: both;
}

#wrapper {
background:             #fff url("images/bg-try.jpg") repeat-y;
width:                  848px;
padding:                0;
margin:                 0 auto;
text-align:             left;
position:               absolute;
left:                   50%;
margin:                 0 0 0 -424px;

	}

#header{
      float: left;
      width: 848px;
      height: 59px;
      padding: 0px;
      background: #fff;
}


#logo{ 
      height: 59px;
      width: 178px;
	text-align: left;
	margin: 0 0 0 20px;
	padding: 0;
	}
	
#logo a {
outline-color: transparent;
      height: 59px;
      width: 178px;
background:            #fff url("images/logo.jpg") no-repeat left;
display:               block;
text-decoration:       none;
text-indent:           -2500px;
}

#topsection{
      position: relative;
      height: 143px;
      width: 848px;
      margin: 0;
      background: #fff url("images/header/rotate.php") no-repeat;
            clear: both;
}

#menuholder{
        background: url("images/top-nav-bg.jpg") repeat-x center top;
        width: 848px;
        height: 37px;
	margin: 0 auto;
	padding: 0px 0;
}

#nav {
	width: 848px;
        height: 37px;
	background: url("images/top-nav-bg.jpg") repeat-x right top;
	float: left;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1.8;
}

#nav a {
font-weight: normal;
	display: block;
	padding:10px 10px 7px 10px;
	color: #fff;
        font-size: 0.9em;
        margin: 0 15px 0 0;
        text-decoration: none;
}


#nav a:hover {
	background: url("images/top-nav-bg-hover.jpg") repeat-x right top;
	color:#fff;
}

#nav li {
	float: left;
	display: block;
}

#nav li ul {
	position: absolute;
	background: #bbb;
	width: 164px;
	left: -999em;
	display: block;
}


#nav li ul a{
	width: 144px;
}

#nav li ul a:hover{
	background: #93C13A;
	color:#fff;
}

#nav li ul ul {
	margin: -37px 0 0 164px;
	padding: 0;
}

#nav li ul ul a{
	width: 144px;
	}

#nav li:hover, #nav li.hover {
    position: static;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

.breadcrumb {
float: left;
display: block;
margin: 20px 0 0 25px;
font-size: 0.9em;
clear: both;
width: 500px;
}
.breadcrumb a,.breadcrumb a:visited {
color: #333;
font-weight: normal;
}
.breadcrumb a:hover {
text-decoration: none;
}

#container{
      float: left;
      width: 550px;
      padding: 0 0 30px 0;
      margin: 10px 0 0 0;
}

.post{
      padding: 25px 0 25px 45px;
      background: url("images/post-bg-top.jpg") no-repeat 15px 0;
      width: 500px;
}

.post h2{
      font-size: 1.4em;
      margin: 0 0 15px 0;
      padding: 10px 0 5px 0;
      color: #99CA3C;
      border-bottom: #E2E2E2 1px solid;
}

.post h3{
      margin-top: 20px;
      text-decoration: underline;
}

.post hr {
  height: 10px;
  width: 100%;
  padding: 0;
  border: 0;
  margin: 10px 0 0 0;
clear: both;
  background: #fff;
  color: #fff;
}


.post p {
margin: 0 0 8px 0;
padding: 0;
}


.post ul {
	list-style: square;
	margin: 0;
	padding: 0 8px 10px 15px;
	}
	
.post li {
	margin: 0;
	padding: 0;
	}
	
.post ul li {
	margin: 0;
	padding: 5px 0 0 0;
	}


.entry{
      line-height: 18px;
      padding-right: 10px;
}


p.postmetadata{
      border-bottom: 1px dashed #E2E2E2;
      margin: 0 6px 10px 0;
      padding: 0 0 10px 0;
}


/*----PAGE AND POST NAVIGATION----*/


.navigation{
      float: left;
      width: 500px;
      padding: 10px 0 0 25px;
      font-size: 14px;
      line-height: 16px;
      margin-bottom: 25px;
}

.navigation a{
      color: #666;
      text-transform: uppercase;
      font-size: 10px;
      background: url("images/button-bg.jpg");
      padding: 5px 10px 5px 10px;
      border: 1px solid #E2E2E2;
}

.navigation img{
      border: none;
}

.sidebar{
      float: right;
      width: 288px;
      margin: 0 0 20px 10px;
      display: inline;
}

.sidebar a:link, .sidebar a:visited{
font-weight: normal;
}

.sidebar ul{
      list-style-type: none;
      margin: 0;
      padding: 0 10px 0 25px;
}

.sidebar ul li{
      padding: 10px 0 10px 0;
}

.sidebar ul li h2{
      font-size: 1.1em;
      color: #99CA3C;
      padding: 0 15px 10px 0;
}

.sidebar ul ul li{
      padding: 0;
      margin: 0;
      line-height: 24px;
    
}
.sidebar ul ul ul{
      margin-bottom: 0;
    
}

.sidebar ul ul ul li a, .sidebar ul ul ul li a:visited{
font-weight: normal;
  border-top: none;
}

.sidebar ul ul ul li a:hover{
	background: transparent;
	text-decoration: underline;
}


.sidebar ul ul li a, .sidebar ul ul li a:visited{
font-weight: bold;
border-top: #E2E2E2 1px solid;
      color: #666;
      display: block;
      text-decoration: none !important;
      margin-left: 0;
      padding: 2px 0 2px 5px;
}

.sidebar ul ul li a:hover{
	color: #666 !important;
	background: #E6E6E6;
}

#footer{
      float: left;
      width: 848px;
    color: #5CA03B;
      background: #B5E55D;
}


#footer p{
text-align: center;
      margin: 0;
      padding: 20px 0 20px 0;
}

#footer a, #footer a:visited {
font-weight: normal;
       color: #5CA03B;
       text-decoration: underline;
}

#footer a:hover {
color: #5CA03B;
    text-decoration: none;
}