/*
Theme Name: Groningen chat! 
Theme URI: http://groningenchat.nl/
Description: Template for Groningenchat.nl.
Version: 0.2
Author: Rutger van Sleen
Author URI: http://djslash.org/
Tags: fixed width, two columns, widgets
*/


/* Standard Elements */
* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}

body {
	background: #404040;
	font: normal 13px Verdana, serif;
	color: #00407f;
	padding-bottom: 1em;
}

a {color: #06A;}
a:hover, a:visited {color: #036;}

p {padding: 0.1em 0 0.8em;}
h1 {font: normal 2.8em Georgia, Times, "Times New Roman", serif;}
h1 a, h1 a:visited { text-decoration: none; color: #00407f;}
h2 {font: normal 1.3em Georgia,sans-serif;}
h3 {font: bold 1em Tahoma,sans-serif;}

h1 {
	text-align: left;
	margin-top: 20px;
}
h2 {
	margin: 10px 0;
}
/* Layout */
#header {
	min-height: 85px;
	padding-left: 10px;
/*	background-image: url('images/groningengeeft.gif');
	background-repeat:no-repeat;
	background-position:center right;*/
}
#container {
	margin: 40px auto 0;
	background: #FFF;
	padding: 5px;
	width: 80%;
}
#menu {
	height: 24px;
	line-height: 24px;
	background: #008000;
	width: 100%;
}
#menu ul {
	padding-left: 10px;
	list-style-type: none;
}
#menu ul li {
	display: block;
	float: left;
}
#menu ul li a {
	font: bold 0.9em sans-serif;
	padding: 0px 20px;
	text-decoration: none;
	border-right: 1px solid #fff;
	color: #fff;
}
/*
#menu a span {
	float: left;
	display: block;
	padding: 5px 10px 5px 6px;
	color: #608AAA;
}
*/	
#menu a:hover span {color: #608AAA;}
#menu a:hover {background-position: 0% -42px;}
#menu a:hover span {background-position:100% -42px;}
#menu li.current_page_item a {color: #47A; background-position: 0% -42px;}
#menu li.current_page_item a span {background-position:100% -42px;}

#contentcontainer {
	min-height:500px;
}
#content {
	padding: 1em;
}
#content.narrowcolumn {
	float: left;
	width: 62%;
	margin: 0;
}
#sidebar {
	float: right;
	width: 29%;
/*	margin-left: 30%;*/
	padding: 1em;
}
/* Overig */
#webchat { margin: 10px; }
#content table { border-collapse: collapse; border: 1px solid #C0C0C0; margin: 10px; }
#content td { border: 1px solid #C0C0C0; text-align: center; padding: 5px; }
#content th { padding: 5px; }
#content ul { list-style: none none inside; }
#content form li { margin: 5px; }
#content form input, #content form textarea { border: 1px solid rgb(64, 64, 64); }
#content form label {
	display: block;
	float: left;
	width: 125px;
	clear: left;
}
#sidebar ul {
	list-style: none none inside;
}
#footer {
	clear: both;
	height: 24px;
	font: italic x-small/24px Verdana,sans-serif;
	background: #4c007f;
	padding: 0 5px;
	color: #fff;
}
#footer a {
	color: white;
}
/* Clear */
.clear,.clearer { clear: both; }
.clearer,.spacer {
	display: block;
	font-size: 0;
	line-height: 0;
}