/*
	Andraste.nl 1.0
	Stylesheet designed for screen media
*/	


/*
	Some special settings + defaults
*/
body { 
	background: #0a2c49 url(../images/bodybg.gif) repeat-x;
	color: white;
	font-family: arial, sans-serif;
	font-size: .85em;
	padding:0px;
	margin:0px;
}

#container {
	position: absolute;
	left: 50%;
	color: black;
	margin-left: -380px;
	background: #FFF url(../images/bg.gif) repeat-y;
	width: 760px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

a img { 
	/* disable the nasty border on image links */
	border: none;
}


/*
	General classes
*/

td p { margin:0; }

.small { font-size: .8em; }
.error {
	background-color: #ffebe8;
	border: 1px solid #dd3c10;
	padding: 2px;
	margin-bottom:15px;
	margin-top:10px;
}

.error ul {
	padding-top:0;
	padding-bottom:0;
	margin-top:0;
	margin-bottom:0;
}

.nomargin {
	margin:0;
}

.marginbottom li {
	margin-bottom: 10px;
}

.marginbottom input {
	width: 300px;
}

.marginbottom li.nowidth input {
	width: 20px;
}

.marginbottom li.nowidthCount {
	list-style-type:none;
}

.marginbottom li.nowidthCount input {
	width: 20px;
}

.ok {
	border: 1px solid green;
	background-color: #E9FFE8;
	padding:4px;
	color:#003300;
}

.alignmiddle { 
	vertical-align:middle;  
}

/* 
	Left side content + menu
*/

#left { 
	float: left;
	width:573px;
	min-height:500px;
	-height:500px;
	overflow-y: visible;
}

#left #menu {
	padding-left: 15px;
	background-color: #ff8b36;
	border-bottom: 2px solid #ff4200;
	margin-bottom: 20px;
	height: 25px;
}

#left #menu ul#nav { 
	padding:0;
	padding-top:5px;
	padding-bottom: 5px;
	margin:0;
	list-style-type:none;
}

#left #menu #nav li { 
	display: inline;
	padding-right:5px;
	position: relative;
	z-index:8;
}

#left #menu #nav li ul li {
	display: block;
	position:relative;
}

#nav li ul {
  display: none;
  position: absolute; 
  left: 0px;
  top: 18px;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left:1px solid #efefef;
  border-top: 1px solid #efefef;
  background-color: white;
  margin-top: 0;
  padding:0;
  *left:-40px;
  *top: 25px;
}

#nav li ul li {
 padding:2px;
 padding-left:14px;
 padding-right:5px;
 background: url(../images/shuttle.gif) no-repeat;
 background-position: 4px 5px;
 color: #999;
 width:80px;
 z-index: 9;
}

#left #menu a {
	color: white;
	padding: 2px;
	margin-top: 5px;
	margin-bottom: 2px;
	text-decoration: none;
	height: 20px;
}

#left #menu a.active {
	background-color: #87dc5d;
	color: #2b4c1b;
	border: 1px solid #4f912f;
	border-radius: 6px;
	-moz-border-radius: 6px;
}

#left #menu ul#nav li ul li a { color: #999; }
#left #menu ul#nav li ul li a:visited { color: #999; }

#nav li:hover ul, #nav li.over ul { display: block; } 
#nav li:hover ul li:hover, #nav li.over ul li.over {
	background:#26549d  url(../images/shuttle_over.gif) no-repeat;
	background-position: 4px 5px;
	color: white;
}

#left #menu ul#nav li:hover ul li:hover a, #nav li.over ul li.over a {
	color:white;
}

#left #content {
	padding-left:10px;
	padding-right:10px;
}

#content h1 {
	font-size: 1.5em;
	color: #185991;
}

#content .hasSub {
	margin-bottom: 0px;
	padding-bottom:0px;
}

#content .subTitle {
	margin-top:0px;
	padding-top:0px;
	color: #999;
	font-size: .8em;
}

#content div.news {
	padding-bottom:10px;
	border-bottom:1px dashed #999;
}

#content div.newslast {
	padding-bottom:20px;
}

#content .win {
	background-color: #ddf5a2;
}

#content .lost {
	background-color: #f69384;
}

#content .draw {
	background-color: #f7ff9a;
}
#content .ourteam {
  background: #fffbe2;
}

#content .header {
	border-bottom: 1px solid #3b5998;
	font-weight: bold;
	background-color: #d8dfea;
	color:#3b5998;
}

#content .scores {
	width: 550px;
	border:1px solid #bbb;
	border-collapse: collapse;
}


#content .scores td {
	border:1px solid #EFEFEF;
}

/*	
	Guestbook comments
*/

a.button, a.buttonActive {
	padding: 2px;
	padding-left:4px;
	padding-right:4px;
	margin-right:2px;
	border: 1px solid #999;
	color: black;
	background-color: #eee;
	text-decoration: none;
	margin-bottom:2px;
}

a.buttonActive {
	background-color: #87dc5d;
	color: #2b4c1b;
	border: 1px solid #4f912f;
}

dl dt
{
	color: #666;
	padding: 8px 0 8px 54px;
	margin: 0;
	line-height: 1.2em;
	background: url(../images/comment_top.gif) no-repeat 20px 100%;
	font-size: .8em;
}

dl dt .gbookUser {
	color: #185991;
	font-weight: bold;
}

dl dd 
{
	padding: 10px 20px 10px 20px;
	margin: 0 0 0 0;
	font-size: 100%;
	color: #474F3B;
	background-color: #d9eaff;
}

/*
	Forum
*/

.forum { 
	font-size: .85em;
}

.forum .forum_header { 
	background-color: #3b5998;
	color: white;
	font-weight: bold;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.forum th {
	border-bottom: 1px solid #3b5998;
	font-weight: normal;
	background-color: #d8dfea;
	color:#3b5998;
}

.forum th.custom {
	width: 200px;
	vertical-align:bottom;
}

.forum .hcol0 {
	width: 20px;
}

.forum .hcol1 {
	width: 435px;
}

.forum .hcol2 {
	width: 50px;
}

.forum .hcol3 {
	width: 50px;
}

.forum .hcol4 {
	width: 120px;
}

.forum .hcol5 {
	width: 200px;
}

.forum th {
	text-align:left;
}

.forum .forumdesc {
	color: #333;
	font-size: .8em;
}

.forum tr.alt, .postalt {
	background-color: #f2f2f2;
}

.post, .postalt {
	padding: 2px;
}
ul.forum_breadcrumbs {
	padding:0;
	margin:0;
	margin-bottom: 10px;
}

.forum_breadcrumbs li {
	display: inline;
	list-style-type: none;
}

.legend {
	margin-top:15px;
	width: 150px;
	font-size: .85em;
	border: 1px solid #999;
	background-color: #eee;
	padding:4px;
	text-align: left;
}

.legend img { 
	vertical-align: middle;
}
.browse_small a {
	padding-left:1px;
	padding-right:1px;
	color:#333;
	text-decoration: none;
}
.browse_small a:hover { color:blue; }

.topic_top {
	background-color: #d8dfea;
	border-bottom: 1px solid #3b5998;
	color: #3b5998;
	padding-top:3px;
	padding-bottom:2px;
	margin-top: 10px;
}

.postleft {
	padding:2px;
	width: 120px;
	float:left;
}
.postright {
	float:left;
	width: 425px;
}

.avatar {
	display: block;
	width: 60px;
	height: 60px;
	border:1px solid #333;
}
.topic_info {
	color: #aaa;
	margin-top:0;
	margin-bottom:10px;
	border-bottom: 1px solid #aaa;
}	
.signature {
	clear:both;
}

.forum_reply, forum_moderator {
	background-color: #eee;
	padding: 4px;
	border-top:1px solid #bbb;
	margin-bottom: 10px;
}

.forum_buttons {
	text-align:right;
	margin-bottom:8px;
}
.forum_button {
	background-color: #87dc5d;
	color: #2b4c1b;
	border: 1px solid #4f912f;
	padding:4px;
	margin-bottom:5px;
}

a.forum_button { text-decoration: none; }

.forum_button img {
	vertical-align: middle;
}

.quoteouter {
	font-weight:bold;
}
.quoteinner {
	border: 1px solid #ccc;
	background-color: white;
	color: #333;
	font-weight:normal;
	padding:2px;
}

.react_table {
	width: 64px;
	vertical-align: top;
}

.react_table2 input {
	width: 469px;
}
/* 
	Right side menu 
*/
#right {
	float: left;
	width: 177px;
	padding-left: 5px;
	padding-right:5px;
	font-size: .8em;
}	

#right ul.nostyle {
	list-style-type: none;
	padding:0;
	margin-left:0;
}

#right h3 {
	background-color: #e9e9e9;
	color: #333;
	font-size: .9em;
	padding: 4px;
	margin-top:0;
	margin-bottom:5px;
}

#right a {
	color: #333;
}

#right .window {
	padding-left:5px;
	padding-right:5px;
	margin-bottom:15px;
}

#right .window .txtInput {
	color: black;
	background-color: white;
	border: 1px solid #c8c7be;
	width: 137px;
}

#right .name {
	background: url(../images/comment.gif) no-repeat;
	padding-left: 20px;
}

/* Footer */
#footer {
	clear: both;
	width:750px;
	padding: 5px;
	padding-top:4px;
	padding-bottom:4px;
	background-color: black;
	border-bottom: 1px solid #ccc;
	text-align: right;
	color: #EEE;
}

/* Profile */
.profile {
	width:88px;
	float:left;
	text-align:center;
	margin-top: 10px;
	margin-right: 10px;

	border: 1px solid #ddd;
}

.profile img {
	border: 1px solid #ddd;
	margin:2px;
}

#profile_left {
	float: left;
	width: 82px;
}

#profile_right {
	float: left;
	width: 461px;
	padding-left: 10px;
}

#content h2.info, #errorWindow h2 {
	border-bottom: 1px solid #3b5998;
	font-weight: normal;
	background-color: #d8dfea;
	color:#3b5998;
	font-size: 1em;
	margin:0;
	padding:0;
	padding-left: 5px;
	margin-bottom: 5px;
}

/*
	Andraste.nl errorHandler
*/

#errorWindow {
	position: absolute;
	left: 50%;	
	width: 530px;
	margin-top: 20px;
	margin-left: -245px;
	background-color: white;
	color: black;
	padding: 4px;
	overflow: visible;
}

/* Stats */
p.stats { 
	text-align: center;
	color: #ccc; 
}

ul.lasttopic {
	margin:0;
	list-style-type: square;
	padding-left: 15px;
}

.edit {
	color: #999;
	font-size: 11px;
}

/* Private messaging */
#pm_folders {
	float:left;
	width: 150px;
}

#pm_content {
	float:left;
	border-left: 1px solid #3b5998;
	padding-left:5px;
	width: 396px;
}

#pm_clearfix {
	clear:both;
}

#pm_box {
	border-bottom: 1px solid #ddd;
	height: 100px;
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;
	overflow-y: auto;
}

.pmtable td {
	vertical-align:top;
	border-bottom: 1px dashed #ccc;
}

.pmtable tr:hover {
	background-color: #eee;
}

.pm_info {
	border-top: 1px solid #ccc;
	background-color:#efefef;
}

.pm_info td {
	vertical-align: top;
}

/* Wie is wie */

span.tip span {
		display: none;
}

/* Useradmin */

table#useradmin, table#user_details {
	border-spacing: 0;
	border-collapse: collapse;
}

table#user_details {
	width: 553px;
}

#useradmin th, #user_details th {
	background-color: #3b5998;
	color: white;
	text-align: left;
	font-weight: normal;
	padding:4px;
}

#useradmin th.user {
	width: 150px;
}

#useradmin th.mail {
	width: 230px;
}

#useradmin th.group {
	width: 150px;
}

#useradmin td, #user_details td {
	padding: 2px;
	vertical-align:top;
	border-bottom: 1px dashed #ccc;
}

#user_details td.info {
	background-color: #e9e9e9;
	width:100px;
}

#useradmin tr:hover {
	background-color: #eee;
}

/*
	Fotoboek
*/	

.album {
	padding: 5px;
	border: 1px solid #ccc;
	width: 160px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.album a {
	display: block;
	width: 160px;
	height: 135px;
	text-decoration: none;
	color: #333;
}

.album img.thumb {
	display: block;
	margin-bottom: 5px;
}

.tools {
	text-align: right;
}

.clearfix {
	clear: both;
}