/*
+---------------------------------------------------------------+
|	e107 website system
|
|	http://e107.org
|
|	Released under the terms and conditions of the
|	GNU General Public License (http://gnu.org).
|
+---------------------------------------------------------------+
*/

/* Generic Styling */

body {
	background: #EEEEEE url(images/bkg.jpg);
	font-family: "Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:62.5%; /* Sets default font size to 10px */
	color:#222222;
	}

* {
	margin:0;
	padding:0;
	}

img {
	border:0;
	}

p {
	margin-bottom:1.75em;
	}

a {
	text-decoration:none;
	color:#003399;
 font-weight: bold;
	}
a:hover {
	text-decoration:none;
	color:#33CC33;
 font-weight: bold;
	}

/* Structure */

#wrapper {
	width:70%;
	font-size:1.20em;
	}
#header {
	height:70px;
	}
#header2 {
 background-color: #fff;
 border: 1px solid #008000;
	}
#menu {
 background: #33CC33 url(images/menubkg.jpg) repeat-x top center;
 width: 70%;
	height:20px;
	line-height:20px;
	padding:5px;
 text-align: left;
 border: 1px solid #008000;
	}
#menu2 {
	height:20px;
	line-height:20px;
 background: #fff url(images/menubkg2.jpg) repeat-x top center;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
 text-align: right;
 margin-bottom: 10px;
 border: 1px solid #008000;
}
#menuspace {
	height:5px;
	line-height:5px;
	}
#sidebar {
	width:30%;
 background: #fff url(images/menubkg2.jpg) repeat-x top center;
 border: 1px solid #008000;
	margin-right:0px;
 padding: 10px;
	}
#content {
	width:70%;
	min-height:400px;
 background: #fff url(images/menubkg2.jpg) repeat-x top center;
 padding-top: 10px;
 padding-right: 10px;
 padding-left: 10px;
 border: 1px solid #008000;
 margin-right: 10px;
	}
#footerhr {
	height:1px;
 width:70%;
	background-color:#33CC33;
 border: 1px solid #004000;
 text-align: center;
 	}
#bannerfooter {
	background-color:#ffffff;
 border: 1px solid #008000;
	width:70%;
 padding: 5px;
 text-align: center;
	}
#footer {
	clear:both;
	width:70%;
 padding: 5px;
 text-align: center;
	}

#navheader {
 width: 100%;
 text-align: left;
 color: #fff;
	}
#navheader1 {
 width: 20%;
 text-align: left;
	}
#navheader2 {
 width: 80%;
 text-align: left;
	}

#searchheader {
 width: 100%;
 color: #000;
	}
#searchheader1 {
 text-align: left;
 padding-left: 10px;
	}
#searchheader2 {
 text-align: right;
	}

#headerheader {
 width: 100%;
 color: #000;
	}
#logoheader {
 width: 20%;
 text-align: left;
 padding-left: 10px;
 font-weight: bold;
font: normal 30px verdana, tahoma, sans-serif;
color: #008000;
	}
#bannerheader {
 width: 80%;
 text-align: right;
padding-right: 25px;
	}

#sitelinksbottom {
	width: 70%;
 height: 20px;
 text-align: center;
 font-size: 11px;
 padding: 4px;
}

#sitelinksbottom a {
	color: #33CC33;
	text-decoration: none;
 font-weight: bold;
}

#sitelinksbottom a:hover {
	color: #676767;
	text-decoration: none;
 font-weight: bold;
}

/* Entries */

.entry {
	padding:5px 10px;
	text-align:justify;
	line-height:1.75em;
	}
.entry-title {
	height:20px;
	line-height:20px;
	font-size:16px;
	font-weight: bold;
 color: #ffffff;
 padding: 5px;
 padding-left: 10px;
 background: url(images/entrybkg.jpg) repeat-x top center;
 border: 1px solid #003399;
	}
.entry-title2 {
	height:20px;
	line-height:20px;
	font-size:16px;
	font-weight: bold;
 color: #ffffff;
 padding: 5px;
 padding-left: 10px;
 margin-bottom: 10px;
 background: url(images/entrybkg.jpg) repeat-x top center;
 border: 1px solid #003399;
	}
.date {
	font-size:0.9em;
	color:#bbb;
	cursor:default;
	letter-spacing:1px;
 text-align: right;
 padding: 5px;
	}
.comments {
	margin-top:-1em;
	}
.comments a {
	color:#6CC7DC;
	background:url(images/icon-comment.png) no-repeat 0px 2px;
	padding-left:20px;
	padding-right:2px;
	}
.comments a:hover {
	color:#B4C835;
	}
.icons {
	margin-top:-1.8em;
	text-align: right;
	}
.sidemenu {
	color:#000;
	padding:0 3px 0 5px;
	}

/* Nav Menu Classes */

div.menuBar, div.menuBar a.menuButton, div.menuButton, div.menuButton_over, div.menu, div.menu a.menuItem {
	font: normal 12px arial, verdana, tahoma, sans-serif;
	color: #fff;
}

div.menuBar {
	height:20px;
	line-height:20px;
	background-color: transparent;
	text-align: left;
 color: #ffffff;
 font-weight: bold;
}

div.emenuBar {
	height:20px;
	line-height:20px;
	background-color: transparent;
	text-align: left;
 color: #ffffff;
 font-weight: bold;
}

div.menuBar a.menuButton, div.menuButton, div.menuButton_over {
	background-color: transparent;
	cursor: default;
	height:20px;
	line-height:20px;
	background-color: transparent;
	text-align: left;
 color: #fff;
 font-weight: bold;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 2px;
 padding-bottom: 4px;
}

div.menuBar a.menuButton:hover, div.menuButton:hover, div.menuButton_over {
	background: transparent;
	height:20px;
	line-height:20px;
	background-color: transparent;
	text-align: left;
 color: #000000;
 font-weight: bold;
	border-color: #fff #a5a5a5 #a5a5a5 #fff !important;
}

div.menuBar a.menuButtonActive, div.menuButtonActive, div.menuButtonActive:hover, div.menuBar a.menuButtonActive:hover {
	background-color: #800000;
	border-color: #CC9933 !important;
	left: 1px;
	top: 1px;
}

div.menu {
	background-color: #808080;
	border: 1px solid;
	border-color: #fff #a5a5a5 #a5a5a5 #fff;
	left: 0px;
	padding: 1px;
	position: absolute;
	top: 0px;
	visibility: hidden;
	z-index: 101;
}

div.menu a.menuItem {
	cursor: default;
	display: block;
	padding: 2px 11px 2px 0px;
	text-decoration: none;
	white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
	background-color: #800000;
}

div.menu a.menuItem span.menuItemBuffer, div.menu a.menuItem:hover span.menuItemBuffer {
	padding: 0px 2px;
}

div.menu a.menuItem span.menuItemText {
	padding: 0px 0px 0px 3px;
}

div.menu a.menuItem span.menuItemArrow {
	margin-right: -.75em;
}

div.menu div.menuItemSep {
	border-top: 1px solid #a5a5a5;
	border-bottom: 1px solid #fff;
	margin: 4px 2px;
}

a.menuItem.header {
	border-bottom: 1px solid #b3b3b3;
}

/* Sidebar */

#sidebar ul {
	list-style-type:none;
	margin-top:10px;
	}
#sidebar li {
	
	}
#sidebar li a {
	display:block;
	height:20px;
	line-height:20px;
	color:#222222;
	padding-left:5px;
	border-bottom:1px solid #dddddd;
	}

#sidebar li a:hover {
	background:#edebed;
	color:#6CC4D8;
	}
#sidebar-bottom {
	height:20px;
	background:url(images/bg-sidebar-bottom.gif) no-repeat top center;
	}

/* Footer */

#footer-valid {
	float:left;
	padding-top:55px;
	padding-left:20px;
	cursor:default;
	color:#ffffff;
	}
#footer-valid a {
	color:#ffffff;
	text-decoration:none;
	}
#footer-valid a:hover {
	color:#ffffff;
	text-decoration:underline;
	}

/* Heading's */

h1 {
	font-size:2.5em;
	font-weight:normal;
	cursor:default;
	position:relative; top:50px; left:30px;
	letter-spacing:1px;
	color:#aaaaaa;
	font-style:italic;
	}

h1 a, h1 a:hover {

	color:#aaaaaa;
	font-style:italic;
	}

/* Feed */

#feed {
	height:25px;
	width:126px;
	background:url(images/bg-feed.gif) no-repeat;
	margin:0 auto;
	padding-left:26px;
	}
a.feed-button {
	display:block;
    width:100px;
    height:25px;
    background:url("images/button-feed.png") 0 0 no-repeat;
    text-decoration: none;
	}
a:hover.feed-button {
	background-position:0 -25px;
	}

/* Extra's */

#ad-top {
	width:480px;
	height:72px;
	background:url(images/bg-ad-top.png) no-repeat;
	padding:6px 5px 5px 6px;
	}

/* END LAYOUT  */


/* BEGIN E107 CORE CLASSES MAINTAINER QUE~ */

.button{
	font-family: verdana, arial, sans-serif;
	font-size: 9px;
	text-align:center;
	background-color: #6699FF;
 color: #fff;
	border: #003399 1px solid;
}

.tbox.chatbox {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.spacer {
	padding: 2px 0 2px 0;
}

.indent {
  margin: 10px;
  padding: 10px;
  background-color: #B4C835;
  border: #6CC7DC 1px solid;
}

.smalltext {
	font-family: verdana, arial, sans-serif;
	font-size: 0.8em;
	text-align:center;
}

.smallblacktext {
	font-family: verdana, arial, sans-serif;
	font-size: 0.8em;
	text-align:center;
}

.mediumtext {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.tbox{
	background-color: #fff;
	border: #003399 1px solid;
	color: #000;
	font: 10px verdana, arial, sans-serif;
}

.helpbox {
	border: 0px;
	background-color: transparent;
	color: #333136;
	font: 9px verdana, arial, sans-serif;
}

.fborder {
	border: #222222 0px solid;
	background-color: transparent;
	
}

.forumheader{
	background-color: #EEEEEE;
	border: #808080 1px solid;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #000;
	padding: 4px;
 font-weight: bold;
}

.forumheader2{
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #000;
	padding: 4px;
	border: #C0C0C0 1px solid;
}

.forumheader3{
	font: 1em verdana, arial, sans-serif;
	color: #222222;
	padding: 4px;
	border: #C0C0C0 1px solid;

}

.forumborder{
	border: #C0C0C0 1px solid;
	background-color: transparent;
}

.fcaption {
	border: #C0C0C0 1px solid;
	padding: 2px 0 2px 8px;
	/*background-color: #e2e7e0;*/
	font: 0.9em verdana, arial, sans-serif;
	color:#222222;
	text-align: left;
}