/* Important ----------------------------------------------------------------------------------------------------------------------------------*/
* {margin:0;padding:0}
body {padding:0 0 20px;background:#fff;color:#333;font:83%/1.5 arial,tahoma,verdana,sans-serif;margin:0 auto; width:85%} /* IE doesn't support min/max-width, so this doesn't work for IE folks */

/* WRAPPERS */
#wrap {margin:0 auto;position:relative;text-align:right}
#sidebar {position:absolute;top:0px;left:auto;left:0px;width:257px;}
#contentbox { margin-right:272px;width:685px;}
#content-wrap2 {background: #fff;position:relative;min-height:1050px; height:auto;margin:0 20px 0 20px}  /*  " when logged in */	
* html #content-wrap2 {height: 850px;}
	
/* GENERAL ------------------------------------------------------------------------------------------------------------------------------------*/
ul {list-style:none}
img {border:none} 
hr {margin:1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 
li {line-height: 1.4em;}

/* LINKS */
a,a:link,a:link,a:link,a:hover {cursor:pointer} 
a:link {color:#774525} 
a:visited {color:#774525} 
a:hover,a:active {color:#ce4a02} 

/* FORMS */
form {margin:0 0 1.5em}
input {font-family:arial,tahoma,verdana,sans-serif;margin:2px 0}
input.submit {border:1 solid black;FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 20px; LINE-HEIGHT: normal;padding: 1px}
input.submit-s {border:1 solid black;FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 20px; LINE-HEIGHT: normal;padding: 1px} 
input.log2 {border:1 solid black;FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 20px; LINE-HEIGHT: normal;padding: 1px}
 
fieldset {border:1px solid #ccc;padding:1em 1.5em;margin:1em 0; font-weight: normal;}
/* only for IE */ * html fieldset {background:none;}
fieldset dl {	margin:0;padding:0}
fieldset dt {	clear:left;float:left;width:18em;text-align:right;padding:0 1em 0.5em 0}
fieldset dd {	padding:0 0 0.5em 0;font-weight:bold}
fieldset.labels label {	width:10em;float:left;text-align:right;display:block;padding:0.2em 0.5em 0.2em 0}
fieldset.labels div {	padding:0.2em 0;clear:left} 

label {display:block;padding:5px 0;font-weight:bold}
label br {clear:left}
legend {	padding:0 0.5em;color:#000}

/* TYPOGRAPHY */
h1, h2, h3, h4, h5, h6 {letter-spacing:-1px;font-family:arial,verdana,sans-serif;margin:1.2em 0 .3em;color:#000;border-bottom:1px solid #face89;padding-bottom:.1em}
h1 {font-size:196%;margin-top:.6em}
h2 {font-size:136%; color:#774525}
h3 {font-size:126%}
h4 {font-size:116%}
h5 {font-size:106%}
h6 {font-size:96%}
.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#c00;font-weight:bold;margin-top:10px;border:1px solid #ff0000;background:#FFC5BE;padding:5px;}
.success {color:#390;font-weight:bold}
.caption {color:#999;font-size:11px}
.date {font:bold 82% arial;color:#bbb;display:block;letter-spacing:1px}
small {font-size:11px}


/* LAYOUT - HEADER ---------------------------------------------------------------------------------------------------------------------------*/
.search2 {float:right; padding-right:20px; padding-top:6px}

#headbar {background:url("../images/headbar.png") repeat-x 0 100%; margin:0 20px 0 20px; padding:5px 10px 0px 10px; vertical-align:middle}
#header {margin:0 0 2px;padding:0 0 8px;width:100%;position:relative} 
#headbar form {margin:0}
#headbar form .login {width:100px}
#headbar ul { padding:2px 0; padding-bottom:4px }
#headbar ul  li{ display:inline }
#headbar ul a {color:#ce4a02; text-decoration:none;}
#headbar ul a:hover {text-decoration:underline}
#headbar ul .search2 {}
#header #site-name  {font:265% arial;letter-spacing:-.05em;height:60px;margin:0 0 0 20px;padding:3px 0;color:#fff;border:none}
#cab {height:33px;margin:0 20px 0 20px}
#navbar {background:url("../images/navbar.png") repeat-x 0 0px; margin:0 20px 0 20px; padding:14px 0 7px 10px;color:#666; font-size:11px}
#navbar a {color:#ce4a02; text-decoration:none}
#navbar a:hover{text-decoration:underline}
#cab ul {padding:0px 10px 0 40px;list-style:none;}
#cab li {float:left; text-align:center; display:block; }
#cab a {color:#000}
#cab a:hover {color:#774525}
#cab a.navbut1 {float:left;background:url("../images/tabrightB.png") no-repeat right top; padding:0px 6px 0px 0px;color:#66c; margin:0 1px;text-decoration:none; display:block; height:33px;color:#000; font-weight:bold}
#cab a.navbut1:hover {background:url("../images/tabrightB.png") no-repeat right top;color:#774525}
#cab a.navbut1 span {float:left;background:url("../images/tableftB.png") no-repeat left top;padding:9px 0px 5px 6px; text-align:center;display:block;}
#cab a.navbut1:hover span {background:url("../images/tablefteftB.png") no-repeat left top;}
#cab a.navbut2 {float:left;background:url("../images/tabrightB.png") no-repeat right top; padding:0px 6px 0px 0px;color:#66c; margin:0 1px;text-decoration:none; display:block; height:33px;color:#000; font-weight:bold}
#cab a.navbut2:hover {color:#774525}
#cab a.navbut2 span {float:left;background:url("../images/tableftB.png") no-repeat left top;padding:9px 0px 5px 6px; text-align:center;display:block;}
#cab a.navbut3 {float:left;background:url("../images/tabrB2.png") no-repeat right top; padding:0px 6px 0px 0px;color:#66c; margin:0 1px;text-decoration:none; display:block; height:33px;color:#000; font-weight:bold}
#cab a.navbut3:hover {background:url("../images/tabrightB.png") no-repeat right top;color:#774525}
#cab a.navbut3:hover {color:#774525}
#cab a.navbut3 span {float:left;background:url("../images/tablB2.png") no-repeat left top;padding:9px 0px 5px 6px; text-align:center;display:block;}
#cab a.navbut3:hover span {background:url("../images/tableftB.png") no-repeat left top;}
#cab a.navbut4 {float:left;background:url("../images/tabrightB.png") no-repeat right top; padding:0px 6px 0px 0px;color:#66c; margin:0 1px;text-decoration:none; display:block; height:33px;color:#000; font-weight:bold}
#cab a.navbut4:hover {color:#774525}
#cab a.navbut4 span {float:left;background:url("../images/tableftB.png") no-repeat left top;padding:9px 0px 5px 6px; text-align:center;display:block;}
#cab span a:hover {color:#000;}
#cab a:hover {}
#cab span a:hover {}
#sorts { position: absolute; right:40px; margin-top:-18px; color:#666;font-size:11px}
#sorts p{  font-size:11px}
#sorts a{ color:#ce4a02; font-size:11px}
#sorts a:hover { color:#000}
#sorts img {margin-bottom:-2px}
	
/* LAYOUT - main body of page------------------------------------------------------------------------------------------------------------------*/

	#contentbox { width:auto }
	#contentbox #breadcrumb {margin-top:-5px;font-size:93%;font-weight:bold; text-decoration:none;}
	#contentbox #breadcrumb a:link {text-decoration:none} 
	#contentbox #breadcrumb a:hover {text-decoration:none}
	#contentbox #breadcrumb a {text-decoration:none}
	#content #breadcrumb a:active {text-decoration:none}
	#content #breadcrumb a:visited {text-decoration:none}	
	
	.featurebox { background:url("../images/featurebox_bg.png") no-repeat 100% 100%;color:#333;padding:15px 0px 0px 10px;margin:0 0 15px}

	.featurebox p {border:none;margin:0 0 1em;color:#444}
	.featurebox a {color:#774525; text-decoration:none}
	.featurebox a:hover {color:#ce4a02; text-decoration: underline}
	 .tlb {background:url("../images/featurebox_h.png") no-repeat 0 0; margin:-15px -10px 0px;padding:3px 10px 7px} 
	 .tlb a {font-weight:bold;color:#774525; text-decoration:none; font-size:14px} 
	 .tlb strong {font-weight:bold;color:#774525} 
	 .tlb a:hover { color:#000; text-decoration:none} 
	 .tlb span { float:right; margin-top:-3px; margin-right:0px}
	 .tlb2 {margin:5px 0x;padding:0px 0px 20px}
	 .tlb2 span.expand-up {background:url("../images/exp_on.png") no-repeat 0 0; margin-right:8px;cursor:hand;cursor:pointer; float:left; display:block; color: #66c; width:58px; height:21px; text-align:center; padding-top:2px}
	 .tlb2 span.expand-down {background:url("../images/exp_down.png") no-repeat 0 0; width:58px; height:21px;cursor:text; float:left; display:block;margin-right:8px; font-weight:bold; color:#666; text-align:center; padding-top:2px}
	 .tog {padding-right:10px}
	 .featurebox li.rmore {list-style:none; margin-left:155px;background:url("../images/more.png") no-repeat 100% 100%;}
	 .featurebox li.rmore a {text-decoration:none; font-size:12px;line-height:2.2em;}
	 .featurebox ul {margin-left:10px; margin-bottom:10px}
	 .featurebox ul a { margin-bottom:5px}

	.thumbnail {margin:0 0 0 10px;position:relative;z-index:9999;border:1px solid #eee;float:right;width:100px;padding:5px;background:#fff}
	.thumbnail img {border:1px solid #000;}
	
  /* PAGE NUMBERING NAVINGATION */ 	
  /* Warning! 'function do_pages' in html1.php must be hacked in order for these to work  */  
	.pagination {background: #f2f2f2;color:#666;padding: 4px 2px 4px 7px;border: 1px solid #ddd;margin: 0 0 1.5em}
	.pagination p {position:relative;text-align:right}
	.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc; margin-right:1px}
	.pagination p a:hover {background:#774525;color:#fff}
	.pagination p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc; margin-right:1px}
	.pagination * {margin:0}
	.pagination h4 {margin-top:-1.45em;padding:0;border:none} /* In html1.php, pages links:EITHER span OR a */

	/* TABLES */
	table { width:100% }
    table td, table th{ padding:0 4px; text-align:left; }
    table th{ background: #EEEEEA; padding:4px; }
    table th a:hover{ background:none; color:#CC0000;}
	.grey1 {background:#f5f5f5;padding:3px;border:1px solid #fff}		
	.grey2 {background:#ccc;padding:3px;border:1px solid #fff}
		
/* Sidebar  -----------------------------------------------------------------------------------------------------------------------------------*/

/* Block nav - ie 'submit news' */
#blocknav a:link, #blocknav a:visited {	text-decoration:none;font-size:140%;color:#fff;display:block;margin-bottom:0.4em;padding:0.4em;border:#fff 1px solid;background:#c00}
#blocknav a:hover, #blocknav a:active {color:#000;border-right:#000 1px solid;border-bottom:#000 1px solid}

/* Categories */
	#nav-secondary, #nav-secondary ul {position:static;margin:0}
	#nav-secondary, #nav-secondary li {list-style:none;margin:0;padding:0; display:block;}
	#nav-secondary {padding-top:0;margin-top: 10px}
	#nav-secondary a {line-height:1.5;padding:0px 0 0px 10px;font:96% arial;display:block; color:#66c;border-bottom:1px solid #eadfb4;}
	#nav-secondary a:hover {color:#666}
	#nav-secondary #huidig a {line-height:1.5;padding:0px 0px 0px 10px;font:96% arial;display:block; color:#66c}
    #nav-secondary #huidig a:hover {color:#666}
	
/* Steef list below categories (i.e. tag cloud) */
  .featurebox	li a {margin-left:-10px;padding-left:20px;line-height:2em;}
  	
/* Steef RSS box */
	#nav-rss {padding-top:10px}
	#nav-rss, #nav-rss li {list-style:none;}	
	#nav-rss a {line-height:1.8;padding:3px 0 7px 55px;font:bold 86% arial;display:block;text-decoration:none;background:url("../images/rss.gif") no-repeat 20px }

/* Footer -------------------------------------------------------------------------------------------------------------------------------------*/
  .footer { clear:all;border-top:1px solid #E3E8EE;padding:10px 0 30px 15px;font-size:86%;color:#999; margin-top:15px;}
  .footer li { float:right; margin-right:20px}
  .footer a:link, #footer a:visited {color:#999}
  .footer a:hover { color:#774525}

/* News items  --------------------------------------------------------------------------------------------------------------------------------*/
.news-summary {padding:1px 0 10px 0;position:relative;clear:left}

/* Headline */
.top {padding:0 0 0 5px;margin-left:60px;}
.top h4 {margin:0;padding-left:4px;font-size:160%;font-weight:normal}
.top h4 a:link, .top h4 a:visited {color:#36c; font-weight:bold}
.top h4 a:hover {color:#000;}

.toptitle {margin:0;padding-left:4px;font-size:16px;font-weight:normal;}
.toptitle a:link, .toptitle a:visited {color:#774525; font-weight:bold}
.toptitle a:hover {color:#333;}
#nocatcol {}

/* The URL and Poster below headline */
.news-submitted {font-size:85%;margin-bottom:3px;padding-left:4px; color:#999999; }
.news-submitted a {color:#999; text-decoration:underline}
.news-submitted a:hover {text-decoration:none}
.news-submitted img {float:left;margin-right:4px; margin-top:3px;vertical-align:bottom; z-index: +1; position:relative} /* avatar below headline */

/* Post text */
.news-body-text {margin:10px 0px 0px 0px; font-size:96%}

/* Post details below text */
.news-details {padding-left:4px;margin:0;font-size:85%}
.news-details .comments {background:url(../images/comment.png) no-repeat;padding-left:18px}
.news-details .comments2 {background:url(../images/comment_yellow.gif) no-repeat;padding-left:18px}
.news-details a:link, .news-details a:visited {color: #774525;text-decoration:none}
.news-details a:hover, .news-details a:active {color:#333;text-decoration:underline}
.news-details b {color:#c00}
* html .news-details {padding-right:136px}
.news-details select {border:none}
.news-details .tool {display:block;float:left;padding:0 4px 0 4px}
.news-details .tool-right {	display:block;float:left;padding:0 4px 0 4px}
.news-details .comments_no {	padding-left:37px;border-left:none}
ul.news-details li li {	border-left:none;float:none;height:21px}
#contentsx {float:right;padding-bottom:50px;z-index:1}


/* Votebox  -----------------------------------------------------------------------------------------------------------------------------------*/

.news-upcoming {background:url("../images/vote.png") no-repeat 0 0;position:absolute;top:3px;left:0px;width:55px;text-align:center;font-size:85%;margin:0;padding:0;list-style:none}
.news-upcoming2 {background:url("../images/vote-l.png") no-repeat 0 0;position:absolute;top:3px;left:0px;width:55px;text-align:center;font-size:85%;margin:0;padding:0;list-style:none}
.news-upcoming li {}
/* number of votes and "votes" text */
.mnm-publish {}
.mnm-publish a {font-size:26px;letter-spacing:-1px;text-decoration:none;line-height:48px;padding:15px 0 6px 0}
.mnm-publish a small {font-size:12px;letter-spacing:0px;text-decoration:none} 
/* I removed the text below the number of votes in the template "link_summary.tpl" because of IE issues*/
.mnm-publish a:link, .mnm-publish a:visited {color:#774525}
.mnm-publish a:hover, .mnm-publish a:active {text-decoration:none;color:#000}

/* vote box */
.menealo {}
* html .menealo {}
.menealo a:link,.menealo a:visited, .menealo span {display:block;padding:4px 0 5px 0;color:#774525;font-size:12px; text-decoration:none}
.menealo a:hover {color:#000}
.menealo span {color:#ccc;font-size:11px}

/* Comments  ----------------------------------------------------------------------------------------------------------------------------------*/

#comments ul {margin-left:15px}
#comments li {margin-left:15px}
#comment-wrap {border-bottom:solid 1px #e1e1e1}
#comment-head {background:#e1e1e1;width:100%;font-size:100%;}
.comment-body {background:#fafafa;font-size:100%;padding:0 4px}
.comment-info {background:#fafafa;font-size:80%;text-align:right;padding-right:4px}
.avatar {float:left;width:15px; height:15px; margin:1px 0 0 0;border:1px solid #ccc;} /* avatar in comments */

/* Comment rating buttons */
#comment-subhead {float:right;margin-top:-21px;font-size:11px}
.ratemey {background:#009900;padding:1px 5px}
.ratemen {background:#c00;padding:1px 6px;color:#fff}
.rateme {color:#fff;font-size:14px}

/* Profile */
#wrapper {width: 100%;}
#stats {width: 48%; float: right; }
#personal_info {width: 48%; float: left;}
#bookmarklet {width: 100%; }
#admin_view_user { width:60%; float:left }
#admin_view_user_edit { width: 38%; float:right }

/* Thumbnails */
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
}

a.screen:hover {
text-decoration:none;  
z-index:1000;
background:url(../images/linkpic_shadow.gif) no-repeat;
}

a.screen:hover b {
visibility:visible; /* make the image visible */
z-index:500;
border:solid 1px #ccc;
}
a.screen:hover b img {
margin:0px;
}

.showstate{ /*Definition for state toggling image */
cursor:hand;
cursor:pointer;
float: right;
margin-top: 5px;
}

a.switchurl {border-bottom:1px solid #eadfb4; display:block;margin-right:8px; margin-left:-3px;padding:0 0 4px 5px}

#livecenter {
	float:left;
	margin-bottom: 20px;
}

/* Live */
.live2 {margin: 10px 10px 10px 10px;background-repeat: no-repeat;background-position: bottom right; }
.live2 strong {font-size: 95%; }
.live2-item {width: 100%;clear: both;border-bottom: 1px solid #ccc;padding: 5px 2px 0px 2px;min-height: 25px;text-align: center;overflow: hidden;
}
.live2-ts, .live2-type, .live2-votes, .live2-story, .live2-who, .live2-status {float: left;display: block;}
.live2-ts {width: 10%;text-align: left;}
.live2-type {width: 10%;text-align: left;}
.live2-type img {border: none;margin: 0 0 0 0;vertical-align: middle;}
.live2-votes {width: 10%;text-align: left;}
.live2-story {	width: 37%;	text-align: left;}
.live2-who {width: 18%;text-align: left;}
.live2-status {width: 15%;	text-align: left;}
.live2-problem {color: #F00;}