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

/* Generic Styling */

body {
	
	background:url(images/backgrad-blue.png) repeat-x;
	background-color:  #0000c0;
	font-family: arial,serif;
	font-size:65%; 
	}

* {
	margin:0;
	padding:0;
	}

img {
	border:0;
	}

p {
	margin-bottom:1.75em;
	font-size:1.30em;

	}

hr {
	color:#0000c0;
	background-color:  #0000c0;
	border: 1px solid;
}

a {
	color:#A3EDF5;
}



/* Structure */

#wrapper {
	margin:0 auto;
	width:750px;
	background:#000000;
	font-size:1.20em;
	}

#header {
	height:130px;
	text-align: center;
	vertical-align:middle;
	background:url(images/bg-header.png) no-repeat;
	}

#menu {
	height:25px;
	line-height:25px;
	background:url(images/bg-menu.png) repeat-x;
	padding:0 5px;
	}
#sidebar {
	float:right;
	width:200px;
	background:#efefef;
	}
#content {
	float:left;
	width:545px;
	min-height:400px;
	color:#fff;
	}


#contentBig {
	float:left;
	width:750px;
	min-height:400px;
	}

#contentBig a {
	color:#99E052;
}
#contentBig a:hover {
	color:#80F20D;
	}


#footer {
	clear:both;
	height:130px;
	background:url(images/bg-footer.png) no-repeat;
	}

/* Entries */

.entry {
	padding:5px;
	color: fff;
	font-family: arial,serif;
	text-align:justify;
/*	line-height:1.75em;  */
	}

.entry-title {
	font-size:1.30em;
	color: fff;
	font-weight:bold;
	}

.entry a {
	color:#A3EDF5;
	}


#entry-title2 {
	font-family: arial,serif;
	font-size:1.1em;
	text-align: center;
	font-weight:bold;
	padding-left:2px;
	color:#000;
}
#entry-title3 {
	font-family: arial,serif;
	font-size:1.25em;
	color:#fff;
	text-align: center;
	font-weight:bold;
	padding-left:2px;
	}

.wide-text {
	font-family: arial;
	letter-spacing: 12px;
	font-size:24pt;
	}
.date {
	font-size:0.9em;
	color:#bbb;
	cursor:default;
	letter-spacing:1px;
	}
.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;
	}
.sidemenu a {
	color:#0000c0;
	/*background:url(images/icon-comment.png) no-repeat 0px 2px;
	padding-left:20px;*/
	padding-right:2px;
	font-family: arial;
	text-decoration: underline;
	}
.sidemenu a:hover {
	color:#4A26D9;
	}

/* Menu */

#menu ul {
	list-style-type:none;
	margin: 0;
	}
#menu li {
	float:left;
	}
#menu li a {
	padding:0 5px;
	display:block;
	color:#ffffff;
	margin-right:2px;
	}
#menu li a:hover {
	background:url(images/bg-menu-hover.png) no-repeat center center;
	}

#menu li.active {
	background:url(images/bg-menu-hover.png) no-repeat center center;
	}

/* Sidebar */

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

#sidebar li a:hover {
	background:#edebed;
	color:#Red;
	}

#sidebar-bottom {
	height:20px;
	background:url(images/bg-sidebar-bottom.gif) no-repeat top center;
	}

/* Footer */

#footer-valid {
	text-align: center;
	cursor:default;
	font-weight:bold;
	color:#ffffff;
	position:relative; top:112px;
	}
#footer-valid a {
	color:#ffffff;
	text-decoration:none;
	}
#footer-valid a:hover {
	color:#ffffff;
	text-decoration:underline;
	}

/* Heading's */

h1 {
	font-size:2.0em;
	font-weight:bold;
	font-family: times;
	cursor:default;
	position:relative; top:30px;
	letter-spacing:1px;
	color:#FFF;
	font-style:italic;
	}

h1 a, h1 a:hover {

	color:#FFF;
	font-family: times;
	font-style:italic;
	}

h2 {
	font-weight: normal;
	cursor:default;
	letter-spacing: 5px;
	color:#fff;
}

/* 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:545px;
	height:60px;
	text-align:center;
	}

/* END LAYOUT  */


/* BEGIN E107 CORE CLASSES MAINTAINER QUE~ */

.button{
	font-family: verdana, arial, sans-serif;
	font-size: 0.8em;
	text-align:center;
	background-color: #6CC7DC;
	border: #5e5d63 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: #F4F7FA;
	border: #5e5d63 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: #444;
	font-family: verdana, arial, sans-serif;
	font-size: 1em;
	color: #fff;
	border-bottom: 1px solid #222222;
}

.forumheader2{
	/*background-color: #fff;*/
	font-family: verdana, arial, sans-serif;
	font-size: 1em;
	color: #fff;
	padding: 4px;
	border-bottom: #222222 1px solid;
}

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

}

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

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

.fcaption a{
	padding-right: 4px;
	color: #6CC7DC;
	text-decoration: underline;
}

.fcaption a:hover{
	padding-right: 4px;
	color : #000;
	text-decoration: underline;
}

/* ## Nav Menu Classes ################################################################ */

/* Main Menu Bar */
div.menuBar, div.menuBar a.menuButton, div.menuButton, div.menuButton_over, div.menu, div.menu a.menuItem {
	font: bold 12px arial, verdana, tahoma, sans-serif;
	color: #FFF;
}

/* Menu Bar Background */
div.menuBar {
	background-color: transparent;
	background-image: url(images/header_right_bottom.png);
	background-repeat: repeat-x;
	padding: 3px 0px;
	text-align: left;
}

div.emenuBar {
	background-color: #F7F9FA;
	border-top: 1px solid #fff;
	text-align: left;
}

div.menuBar a.menuButton, div.menuButton, div.menuButton_over {
	background-color: transparent;
	border: 1px solid;
	border-color: transparent !important;
	border-color: #fff #F8FAFB #F0F2F3 #F8FAFB;
	cursor: default;
	left: 0px;
	margin: 0px;
	padding: 2px 10px;
	position: relative;
	text-decoration: none;
	top: 0px;
	z-index: 100;
	font: bold 12px verdana, arial, sans-serif;

}

div.menuBar a.menuButton:hover, div.menuButton:hover, div.menuButton_over {
	background-color: transparent;
	border-color: #fff #a5a5a5 #a5a5a5 #fff !important;
}

/* Parent Menu */
div.menuBar a.menuButtonActive, div.menuButtonActive, div.menuButtonActive:hover, div.menuBar a.menuButtonActive:hover {
	background-color: #333333;
	border-color: #a5a5a5 #fff #333333 #a5a5a5 !important;
	left: 1px;
	top: 1px;
}

/* First Item in Sub-Menu */
div.menu {
	background-color: #333333;
	border: 1px solid;
	border-color: #333333;
	left: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	visibility: hidden;
	z-index: 101;
	margin-top: -1px;
}

/* Sub-Menu */
div.menu a.menuItem {
	cursor: default;
	display: block;
	padding: 2px 5px 2px 0px;
	text-decoration: none;
	white-space: nowrap;
	font: bold 12px verdana, arial, sans-serif;
}

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

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

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

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;
}