/*
  SilverStripe Stichy Theme
  http://www.silverstripe.com
  
  adapted to SilverStripe by SilverStriped
  http://silverstriped.com

  Stichy design by supa
  http://www.kosikowski.de/
*/

* { padding: 0; margin: 0; }

html {
 background:#999999;
  height:100%;
}

body {
/*  font-family: Arial, Helvetica, sans-serif;
 font-size: 0.8125em; /* 16x0.8125=13px */ 
 min-height:100%;
 line-height: 1.2em;
 font: 75%/1.6em Verdana, Tahoma, Arial, Geneva, sans-serif; 
 margin:0; 
 background:#999999;
}

h1 {
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 1.375em; /* 16x1.375=22px */
 line-height: 1.636em;/* 16x1.636=36px */
 background: #3C4049; 
 color: #FFF;
 padding: 5px 0 5px 10px;
 margin: 0;
}

h1 a, h1 a:hover, h1 a:visited, h1 a:active {
 color: #FFF;
 text-decoration:none;
}

h2,h3 {
 font-size: 1.3em; 
 margin:0;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
 color: #3c4049;
}

a, ul a, a:active, a:visited {
 color: #607A00;
 text-decoration:none;
}

a:hover {
 color: #607A00;
 text-decoration:underline;
}

#Wrapper { 
 margin: 15px auto;
 padding:10px;
 width: 710px;
 background: #FFF;
}
#Header {
 color: #333;
 width: 690px;
 padding: 10px;
 padding-bottom:5px;
 height:119px;
 margin: 0px;
 background: #3C4049 url(../images/header_3.jpg) no-repeat;
 border-top:2px solid #999999;
 border-bottom:2px solid #999999; 
}

#Navigation {
 float: left;
 width: 710px;
 color: #333;
 padding: 5px 0 5px 0;
 margin: 0;
 background: #3C4049;
}

#Navigation li {
 display:inline;
 border:0px solid #FFF;
 color:#FFF;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
 font-size: 1.2em; /* 16x0.8125=13px */
 line-height: 1.5em;/* 16x1.2=19px */ 
 font-weight:bold;
}

#Navigation a {
 margin:0;
 color:#FFF;
 text-decoration:none;
 padding: 4px 15px 4px 15px; 
}

#Navigation a:hover,
#Navigation a.current,
#Navigation a.section {
 margin:0;
 background: #74819c;
 padding: 4px 15px 4px 
/* text-decoration:underline;  */
}

#One { 
 color: #333;
 padding: 10px 0 0 0;
 width: 710px;
 float: left;
 background: #FFF;
}

#One .item {
 padding: 10px;
 margin: 0 0 10px 0;
 background: #FFF;
}

#Two { 
 color: #31444F;
 padding: 10px 0 0 10px;
 width: 220px;
 float: left;
}

#Two .item, #TwoOne .item, #TwoTwo .item {
 padding: 10px;
 background: #FFFCDF;
 border:1px solid #999999;
 margin: 0 0 10px 0;
}

#TwoOne { 
 color: #333;
 background: #FFF;
 margin: 0px 0 0px 0px;
 padding: 0px 0 10px 0;
 width: 162px;
 float: left;
}

#TwoTwo { 
 color: #333;
 background: #FFF;
 margin: 0px 0px 0px 0px;
 padding: 0px 0 10px 10px;
 width: 162px;
 float: left;
}

h2, h3 {
 display:block;
 margin: 0 0 15px 0;
 padding:0;
}

p {
 margin:0;
 padding: 0 0 10px 0;
 color: #31444F; 
}

.item ul {
 margin:0;
 padding: 0 0 0 0;
 color: #31444F; 
 display:block;
}

.item li {
 margin:0 0 0 20px;
 padding:0;
 color: #31444F; 
}

.item ol {
 margin: 0 0 10px 5px;
 color: #31444F; 
}

.item img {
 float:left;
 margin: 3px 10px 10px 0;
 padding:3px;
 background:#FFF;
 border:1px solid #999999;
 display:block;
}

#Footer { 
 clear: both;
 background: #3C4049;
 width: 710px;
 color: #333;
 padding: 5px 0 5px 0;
 margin: 0; 
}

#Footer a {
 margin:0;
 color:#FFF;
 text-decoration:none;
 padding: 5px 15px 5px 15px; 
}

#Footer  li {
 display:inline;
 border:0px solid #FFF;
 color:#FFF;
}


.itemfooter {
 padding:0;
 margin:0 0 0 0;
 font-size:0.75em;
 clear: both;
}

#One .item p a , p a, .item .itemfooter a {
 text-decoration:underline;
}

/* form */

label {
	display:block;
	font-weight:bold;
	margin: 5px 0 0 5px;
}
input {
	margin: 0 0 0 5px;
	padding:3px;
  width:165px;
	border: 1px solid #74819c; 
	font: normal 0.8em Arial, sans-serif;
	color:#333;	
	background: #FFFEEF;   
}
textarea {
	margin: 5px 0 0 5px;
	padding:3px;
	border: 1px solid #74819c; 
	font: normal 0.8em Arial, sans-serif;
	color:#333;	
	width:320px;
	height:100px;
	display:block;
  overflow:auto;
	background: #FFFEEF;   
}
input.button { 
	margin: 0 0 0 5px;
	height: 22px;
  width:120px;

	background: #607A00; 
	border: 1px solid #74819c; 
	font: normal 0.8em Arial, sans-serif;
	color:#fff;	
}

input.search { 
	margin: 6px 6px 0 5px;
	height: 22px;
  width:75px;
	background: #999999; 
	border: 1px solid #74819c; 
	font: normal 0.8em Arial, sans-serif;
}

.searchform {
 float:right;
}
.searchform p {
 margin:0; padding:0;
}

img {
  border:0 !important;
}


/* comments */



#CommentHolder ul {
	list-style: none;
	margin: 20px 0;
}

#PageComments li {
	margin: 5px 0;
	padding: 1px;
	width: 88%;
}
#PageComments li.odd {
	background: #fffeef;
	padding-left: 40px;
	padding-right: 10px;
	border-top: 1px dotted #a7a7a7;
	border-bottom: 1px dotted #a7a7a7;
}

#PageComments li.even {
	background: #fff;
	padding-right: 40px;
	padding-left: 10px;
}

#PageComments li.odd p.info {
	color: #607a00;
}

.actionLinks li a {
	padding-right: 3px;
	font-size: 10px;
}
.actionLinks li {
   display: inline;
   border-right: 1px solid;
}
   .actionLinks li.last {
      border-right: none;
   }

.commentrss {
	background: transparent url(../images/feed-icon-14x14.png) no-repeat;
	padding-left: 20px;
	font-size: 1.1em;
	line-height: 1.6em;
}
#PageCommentsPagination p {
	text-align: center;
	font-size: 1.2em;
}
#PageComments p {
	font-size: 1em;
}
#PageComments p.info {
	color: #999;
	margin: 0px;
	padding: 0;
	line-height: 1em;
	font-size: 0.9em;
}

.current,
.section {
  text-decoration: underline !important;
}