
* {margin:0;padding:0}
body {padding:0 0 20px;background:#fff url("../images/body_bg.gif") repeat-x 0 100%;color:#333;font:78%/1.5 arial,tahoma,verdana,sans-serif;
  min-width:560px;max-width:2200px;} /* IE doesn't support min/max-width, so this doesn't work for IE folks */

/* WRAPPERS */
#wrap {margin:0 auto;position:relative;text-align:left}
#contentbox {margin:0 340px 0 15px}
#sidebar {position:absolute;top:0;left:auto;right:10px;width:300px;}
#content-wrap {background: #fff;position:relative;width:100%;min-height:650px; height:auto;}   /* MB1.1 - Better footer placement - legacy */
#content-wrap1 {background: #fff;position:relative;width:100%;min-height:1200px; height:auto;} /* MB2.0 - " when not logged in */
#content-wrap2 {background: #fff;position:relative;width:100%;min-height:990px; height:auto;}  /* MB2.0 - " when logged in */
#content-wrap3 {background: #fff;position:relative;width:100%;min-height:780px; height:auto;}  /* MB2.0 - " when logged in, no cat box */
	
/* Steef: MB1.1 - Better footer placement, copy values of content-wrap above */
/*\*/
* html #content-wrap1 {height: 1200px;}
* html #content-wrap2 {height: 850px;}
* html #content-wrap3 {height: 680px;}
* html #content-wrap {height: 650px;}
/**/
ul {list-style:none}
img {border:none} 
li {line-height: 1.4em;}

/* LINKS */
a,a:link,a:link,a:link,a:hover {cursor:pointer} 
a:link {color:#c00} 
a:visited {color:#c00} 
a:hover,a:active {color:#069} 
form {margin:0 0 1.5em}
input {font-family:arial,tahoma,verdana,sans-serif;margin:2px 0}
fieldset {border:1px solid #c00;padding:1em 1.5em;margin:1em 0; font-weight: normal;}
 * 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}
legend {	font-weight:bold;padding:0 0.5em;color:#c00}
input.submit {padding: 1px 3px;background:#222;color:#fff;font-weight:bold;font-size:96%}
input.log2 {padding: 1px 3px;background:#222;color:#fff;font-weight:bold;font-size:96%} 
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 #eee;padding-bottom:.1em}
h2 {font-size:136%}
h3 {font-size:126%}
h4 {font-size:116%}
#header {background-image:url('../images/header_bg.jpg');background-repeat: repeat-x;margin:0 0 25px;padding:0 0 8px;width:100%; position:relative;} 
#header #site-name  {font:265% arial;letter-spacing:-.05em;margin:0 0 0 0px;padding:3px 0;color:#ccc;border:10px}
        #nav1 {font-weight:bold;height:2.09em;font:bold 96% arial;margin:0 55px 0 0;width:95%}
        #nav1 li{position:relative;background:#222;float:left;width:10em;display:block;margin:0;border-bottom:3px solid #111;border-right:3px solid #252525;padding:0}
        #nav1 a, #nav1 a:link, #nav1 a:visited, #nav1 a:hover, #nav1 a:active {text-decoration:none;cursor:pointer;color:#fff;display:block;padding:4px 10px 2px}
        #nav1 a:hover {color:#999}
        #nav1 li.right {position:relative;background:#222;float:right;width:auto;display:block;margin:0;border-bottom:3px solid #111;border-right:0px solid #252525;padding:0}
	#nav1 li.selectedright{position:relative;background:#CD4F39;float:right;width:auto;display:block;margin:0;border-top:1px solid #111;border-bottom:1px solid #111;border-right:0px solid #252525;padding:0}
	#nav1 li.selected{position:relative;background:#CD4F39;float:left;width:auto;display:block;margin:0;border-top:1px solid #111;border-bottom:1px solid #111;border-right:0px solid #252525;padding:0}
        #nav1 li {width:auto}
	#usertabs {height:2.5em;width:70%;background:#666 url("../images/sprites.gif") repeat-x 0 100%;padding-top:10px}
	
	/* SEARCH */
	#search {color:#fff;font-weight:bold;position:absolute;top:10px;right:3px;left:auto;width:18em}
	#search form {margin:0}
	#search input {width:8em;margin:0 0 -1px;height:1.2em}
	#search label {padding:3px 0 0;display:inline}
	#search input.submit {width:auto;font-size:81%;margin:0 0 -.15em;height:1.95em}
	#top-links a, #top-links a:link, #top-links a:visited, #top-links a:hover, #top-links a:active {text-decoration:none;cursor:pointer;color:#fee;padding:4px 10px 2px}
	#top-links {font-size:40%;font-weight:bold;position:absolute;top:20px;right:auto;left:280px;width:28em;}
	#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}
	.featurebox {color:#333;padding:15px 20px 20px;border-top:1px solid #d7d7d7;margin:0 0 1.5em;background:#f6f6f6 url("../images/featurebox_bg.gif") no-repeat 100% 100%;border-top:5px solid #999;border-left:1px solid #b3b3b3}
	.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {letter-spacing:-1px;margin:0 0 .3em;border-bottom:1px solid #c00;color:#c00}
	featurebox p {border:none;margin:0 0 1em;color:#444}
	.featurebox a {font-weight:bold}
	 .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}
	.pagination p a:hover {background:#c00;color:#fff}
	.pagination p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc}
	.pagination * {margin:0}
	table {border:2px solid #900;border-collapse:collapse;width:100%}
		table td {background:#fff url("../images/sprites.gif") repeat-x 0 -1600px;padding:3px;border:1px solid #fff}
		table th {text-align:left;border:1px solid #fff}
		table tbody th {color:#fff;font-size:115%;background:#88b8db url("../images/sprites.gif") repeat-x 0 -1400px;padding:6px}
		th a:link, th a:visited {color:#fff;text-decoration:none}
		th a:hover {color:#fff;text-decoration:underline}
#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 {border:#b3b3b3 1px solid;border-top:5px solid #6c6c6c}
#categories strong {display:block;font-size:140%;padding:5px;background:#fff;color:#000;border-bottom:2px solid #c00}
	#nav-secondary, #nav-secondary ul {position:static;margin:5px}
	#nav-secondary, #nav-secondary li {list-style:none;margin:0;padding:0;background:#fff}
	#nav-secondary {padding-top:0;margin-top: 1px}
	#nav-secondary a {line-height:1.8;padding:5px 0 5px 23px;background:#fff url("../images/sprites.gif") no-repeat 6px -693px;font:bold 86% arial;display:block}
	#nav-secondary #huidig a {line-height:1.8;padding:5px 0px 5px 23px;background:#f5f5f5 url("../images/sprites.gif") no-repeat 6px -693px;font:bold 86% arial;display:block}
	#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;cursor:pointer} 
	#nav-secondary a:link {color:#000} 
	#nav-secondary a:visited {color:#000} 
	#nav-secondary a:hover {color:#c00;background:#ccc url("../images/sprites.gif") no-repeat 6px -693px} 
	#nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active {color:#c00} 
	#nav-secondary li {border-bottom:1px solid #ccc}
	/* Steef list below categories (i.e. tag cloud) */
  .featurebox	li a {margin-left:-10px;padding-left:20px;line-height:2.4em;border-bottom:1px solid #E3E8EE;background:transparent url("../images/sprites.gif") no-repeat -8px 0}
	#nav-rss {position:static;margin:5px}
	#nav-rss, #nav-rss li {list-style:none;margin:0;padding:0;background:#fff}
	#nav-rss {padding-top:0;border-top:1px solid #ccc;margin-top:1px}
	#nav-rss a {line-height:1.8;padding:5px 0 5px 35px;font:bold 86% arial;display:block;text-decoration:none;cursor:pointer;background:url("../images/rss.gif") no-repeat 0px 8px}
	#nav-rss a:link {color:#000} 
	#nav-rss a:visited {color:#000} 
	#nav-rss a:hover {color:#c00;background:#ccc url("../images/rss.gif") no-repeat 0px 8px} 
	#nav-rss li {border-bottom:1px solid #ccc}


.news-summary {padding:10px 0 0 0;position:relative;clear:left}


.footer{background-image:url('../images/header_bg.jpg');background-repeat: repeat-x;margin:0 auto;padding:20px 20px 0;text-align:center;}.footer li{color:#80a1c1;display:-moz-inline-stack;display:inline-block;*display:inline;zoom:1;margin-right:25px;}.footer a{color:#fff;font-size:.916666666667em;font-weight:bold;}.footer a:hover{text-decoration:underline;}.footer .footer-faded{color:#578cca;font-weight:normal;text-decoration:underline;}.footer .last{margin-right:0;}#rss-link{margin-left:20px;}#rss-link a{background:url(http://cdn4.diggstatic.com/img/sprites/global.b2f98c2c.png) no-repeat -116px -199px;display:block;height:16px;text-indent:-99999px;width:16px;}

#footer .footer-feature {
    position: absolute;
    right: 10px;
    top: 28px;
}

.foot-clear {
    height: 0;
}
.copyright img {
    float: left;
    margin-right: 1.5em;
}
	 	 	 
.copyright span { 	 	 
	padding: 0 10px; 	 	 
    color: #bbb; 	 	 
} 

.copyright {
    font-size: 85%;
    color: #999;
    clear: both;
    background: #e5ecf3 url(/img/footer.gif) 0 -385px no-repeat;
    padding: 0 0 0 15px;
}

.copyright div {
    background: url(/img/footer.gif) 100% -385px no-repeat;
    padding: 30px 15px 40px 0;
}

.copyright a {
    color: #999;
}


.top {padding:0 0 0 5px;margin-left:60px;background:#f6f6f6 url("../images/featurebox_bg.gif") no-repeat 100% 100%;border-left:1px solid #b3b3b3}
.top h4 {margin:0;padding-left:4px;font-size:150%;font-weight:normal}
.top h4 a:link, .top h4 a:visited {color:#000;text-decoration:none}
.top h4 a:hover {color:#666;text-decoration:underline}
.news-submitted {font-size:85%;margin:0;margin-bottom:3px;padding-left:4px}
.news-submitted img {float:left;margin-right:4px;vertical-align:bottom; z-index: +1; position:relative}
.news-body-text {	padding:0px 8px;margin:10px 0px 0px 59px;font-size:93%}
.news-details {padding-left:4px;padding-top:1px;margin:0;font-size:85%}
.news-details .comments {background:url(../images/comment_yellow.gif) no-repeat;padding-left:20px}
.news-details a:link, .news-details a:visited {color:#669900;text-decoration:none}
.news-details a:hover, .news-details a:active {color:#669900;text-decoration:underline}
.news-details b {color:#c00}
* html .news-details {padding-right:136px}
.news-shakeit {	position:absolute;top:14px;left:0px;width:55px;text-align:center;font-size:85%;margin:0;padding:0;list-style:none}
.news-shakeit li {border:1px solid #fff;margin:0;padding:0}
.mnm-published {background:#c00}
.mnm-published a {font-size:26px;letter-spacing:-1px;text-decoration:none;line-height:38px;display:block;padding:7px 0 3px 0}
.mnm-published a:link, .mnm-published a:visited {color:#fff}
.mnm-published a:hover, .mnm-published a:active {text-decoration:none;color:#000}

.menealo {background:#666 0 0}
* html .menealo {background:#666 1px 1px}
* .menealo a:link,.menealo a:visited, .menealo span {display:block;text-decoration:none;padding:4px 0 5px 0;color:#fff;font-size:12px}
* .menealo a:hover {font-weight:bold;color:#fff;text-decoration:none}
* .menealo span {background:#fff;color:#000;border:1px dotted #c00;font-size:11px}

#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}
#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}
arc90_linkpic { display: none; position: absolute; left: 0; top: 1.5em; }
.arc90_linkpicIMG { padding: 0 4px 4px 0; background: #FFF url("../images/linkpic_shadow.gif") no-repeat bottom right; }

/* Profile */
#mini_profile { border:solid 2px #ccc; padding:5px 5px 5px 5px; background:#eee; }

#wrapper {width: 100%;}
#stats {width: 48%; float: right; }
#personal_info {width: 48%; float: left;word-wrap:break-word}
#bookmarklet {width: 100%; }
#admin_view_user { width:48%; float:left }
#admin_view_user_edit { width:48%; float:right }


a.screen:hover {
text-decoration:none;  
z-index:1000;
background:url(../images/linkpic_shadow.gif) no-repeat;
}
.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 {width:10%;text-align: left;}
.live2-type {width:10%;text-align: left;}
.live2-votes {width:10%;text-align: left;}
.live2-story {width:37%;text-align: left;}
.live2-status {width:15%;text-align: left;}
div.headerAdPanel {
  padding-top: 5px;
}
div.menuBar {
  background-color: #f6f6f6;
  border: 2px solid;
  border-color: #f0f0f0 #909090 #909090 #f0f0f0;
  padding: 4px 2px 4px 2px;
  text-align: left;
  color: #E9967A;
}
div.menuBar,
div.menuBar a.menuButton {
  font-family: "MS Sans Serif", Arial, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: normal;
  color: #E9967A;
}
div.menuBar a.menuButton {
  background-color: transparent;
  border: 1px solid #f6f6f6;
  color: #636363;
  cursor: default;
  left: 0px;
  margin: 1px;
  padding: 2px 6px 2px 6px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}
div.menuBar a.menuButton:hover {
  background-color: #CD4F39;
  border-color: #f0f0f0 #909090 #909090 #f0f0f0;
  color: #FFF;
}

/*-------------------------Steef de Winter (CC) 2006-------------------------- Make sure all your category id's have a color (look in your database at category id's for the id's you use)- It's easier to put the names of the categories in the comments (look in your database at category id's for the names)- Make sure your own colors are the same for .cat#, #catcol# and #cat */  /* Cat colors */  .cat   {border-left:10px solid #f5f5f5;}  .cat1  {border-left:10px solid #ff0000;} /*  */  .cat2  {border-left:10px solid #ffcc00;} /*  */  .cat3  {border-left:10px solid #cc3399;} /*  */  .cat4  {border-left:10px solid #009900;} /*  */  .cat5  {border-left:10px solid #009999;} /*  */  .cat6  {border-left:10px solid #cc99ff;} /*  */  .cat7  {border-left:10px solid #0099ff;} /*  */  .cat8  {border-left:10px solid #660000;} /*  */  .cat9  {border-left:10px solid #ff9966;} /*  */  .cat10 {border-left:10px solid #00ffff;} /*  */  .cat11 {border-left:10px solid #000080;} /*  */  .cat12 {border-left:10px solid #00cccc;} /*  */  .cat13 {border-left:10px solid #c80000;} /*  */ #catcol   {border-top:5px solid #000;}  #catcol1  {border-top:5px solid #ff0000;} /*  */  #catcol2  {border-top:5px solid #ffcc00;} /*  */  #catcol3  {border-top:5px solid #cc3399;} /*  */  #catcol4  {border-top:5px solid #009900;} /*  */  #catcol5  {border-top:5px solid #009999;} /*  */  #catcol6  {border-top:5px solid #cc99ff;} /*  */  #catcol7  {border-top:5px solid #0099ff;} /*  */  #catcol8  {border-top:5px solid #660000;} /*  */  #catcol9  {border-top:5px solid #ff9966;} /*  */  #catcol10 {border-top:5px solid #00ffff;} /*  */  #catcol11 {border-top:5px solid #000080;} /*  */  #catcol12 {border-top:5px solid #00cccc;} /*  */ #catcol13 {border-top:5px solid #c80000;}/* */   #cat   {background:#f5f5f5;}  #cat1  {background:#ff0000;} /*  */  #cat2  {background:#ffcc00;} /*  */  #cat3  {background:#cc3399;} /*  */  #cat4  {background:#009900;} /*  */  #cat5  {background:#009999;} /*  */  #cat6  {background:#cc99ff;} /*  */  #cat7  {background:#0099ff;} /*  */  #cat8  {background:#660000;} /*  */  #cat9  {background:#ff9966;} /*  */  #cat10 {background:#00ffff;} /*  */  #cat11 {background:#000080;} /*  */  #cat12 {background:#00cccc;} /*  */ #cat13 {background:#C80000;}


