/*
    Theme Name: The Dark Side
    Theme URI: http://www.pieterraat.nl/
    Description: Best theme EVAR
    Version: 1.0
    Author: Matthijs Abeelen
    Author URI: http://www.sitestone.nl/
  */
  


/*--------------------------------------------
 basic stuff
---------------------------------------------*/
html, body, form, fieldset {
  margin: 0;
  padding: 0;
  font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
}

body {
  margin:0;padding:0;
  text-align:center;
  font: small/1.5 "Lucida Grande", Arial,verdana,Tahoma,lucida sans unicode, sans-serif;
  color:#444;
  background:#282828 url(images/bg-body.gif) repeat-y center;
  background:#282828;
}
a:link {
  color:#600;
}
a:visited {
  color:#666;
}
a:hover {
  color:#990000;
}
h2 a, h2 a:link {
  color:#600;
  text-decoration:none;
}
h2 a:hover {
  color:#400;
  text-decoration: underline;
}
img { 
  border:none;
  margin:0; 
  padding:0;
}
.clear { 
  clear:both;
}

/*--------------------------------------------
  Typografie
---------------------------------------------*/

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
  margin: 1em 0;
  padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
  margin-left: 1em;
}
h1, h2, h3, h4, h5, h6 {
  font-family: helvetica, arial, verdana, sans-serif;
  font-weight: normal;
}
h1 {
   font-size: 218%;line-height: 1.3em;
}
h2 {
  font-size: 164%;line-height: 1.3em;color:#600;
}
h3 {
  font-size: 145%;line-height: 1.3em;color:#555;
}
h4 {
  font-size: 118%;line-height: 1.3em;color:#222;
}
p { 
  margin: 1em 10px 0; 
}

ul, dl {
  margin:.5em 10px 1em;
  padding: 0;
  list-style:none;
}
ul li {
  margin:0 0 2px;
  padding:0;
}

/* Images
--------------------------- */
.left, img.left {
	float:left;margin:10px 10px 5px 0;
}
.right, img.right {
	float:right;
	margin:10px 0 5px 10px;
}

/*--------------------------------------------
  Layout
---------------------------------------------*/

#container {
  width:790px;
  margin:0 auto;
  padding:0 7px; 
  background:#393939 url(images/bg-container.gif) repeat-y 0 0;
  text-align:left;
  border:solid #252525;
  border-width:0 4px;
}
#header {
  float:left;
  width:790px;
  margin:0;
  padding:0;
  height:140px;
  position:relative;
}
#nav {
  position:absolute;
  top:0;left:0;
  width: 790px;
  height:40px;
  margin: 0;  
  padding: 0;
}
#content {
  float:left;
  width:790px;
  border-top:3px solid #555;
}
#main {
  width:623px;
  float: left;
  font-size:85%;
  background:#fff;
  }
#sub {
  float: right;
  width:160px;
}

/*--------------------------------------------
  Header
---------------------------------------------*/

#header {
  background:#444 url(images/header.jpg) no-repeat 100% 100%;
}

#header h1#logo a:link, #header h1#logo a:visited {
  position: absolute; bottom: 0; left: 0; display: block; 
  background: none;
  height:100px;
  width:470px;
  text-indent: -5000px;
}

html>body #header h1#logo a:hover {background: transparent url(images/logo_hov.png);}

#home #header {
	background:#444 url(images/headerc.jpg) no-repeat 100% 100%;
}
#archievenpage #header {
	background:#444 url(images/headerd.jpg) no-repeat 100% 100%;
}
#downloadspage #header {
	background:#444 url(images/headere.jpg) no-repeat 100% 100%;
}
#djraatpage #header {
	background:#444 url(images/headerf.jpg) no-repeat 100% 100%;
}

/*--------------------------------------------
  Navigatie
---------------------------------------------*/

#nav {
  color:#bbb;
  background: #444 url(images/bg-nav.gif) repeat-y 0 0;
  text-align:left;
  border-bottom:1px solid #555;
}
#nav li {
  float:left;
  margin: 0; 
  padding: 0;
  list-style-type: none;
}	
#nav li a {
  display: block;
  float:left;
  color:#94D62C;
  font: normal .85em/1em arial,helvetica,verdana,sans-serif;
  margin:0;
  padding: 15px 30px 5px 10px;
  letter-spacing:0px;
  text-decoration: none;
  border-right:1px solid #555;
  border-bottom: 0;
}
#nav li a:hover {
  background: #222;
}

#xnav {
  position:absolute;
  top:0;right:0px;
  width:150px;
}
#xnav li {
  margin:0;padding:0;
}
#xnav li a {
  display: block;
  text-decoration: none;
  color:#759C00; 
  font-size:.85em;
  border-left:1px solid #444;
  padding:5px 0 0 10px;
}

/*--------------------------------------------
  Main
---------------------------------------------*/

#main .headline, .headline {
  color:#bbb;
  margin:0;
  padding:10px 10px 0;
  font-size:1.1em;
}
h2 {
  margin:15px 10px;
}

/*--------------------------------------------
  Side
---------------------------------------------*/

#sub, #home #subcontent {
  font-size:85%;
  color:#ccc;
  background: url(images/bg-sub.gif) no-repeat 0 0;
}
#sub h2, #sub p, #sub ul {
  margin-left:10px;
  margin-right:10px;
}
#sub p, #sub ul li {
  color:#aaa;
}
#sub h2 {
  color:#759C00;
  margin:10px 10px 0;
  font-size:1.4em;
}
#sub a, #sub a:link {
  color:#759C00;
}
#sub #searchform {
  margin:10px; 
}
#searchform input {
  border:1px solid #333;
}
#searchform input#s {
  width:120px;
}
#searchform input#searchsubmit {
  font-size:.8em;
  }


/*---------------------------------------------
  Homepage 
---------------------------------------------*/

#home #container {
  background: #333;
}
#home #main {
  width:790px;
  background: #333 url(images/bg-main-home.gif) no-repeat 0 0;
  border-top:1px solid #555;
  padding:0 0;
}
#home #main p {
  font-size:1em;
}
#home .mainitem {
  float:left;
  width:470px;
  padding:0;
  margin:0 10px 0 0;
  background:#fff;
  line-height:1.5em;
}
   #home .mainitem .post {
   	margin:0 10px 20px;
   }
   #home .mainitem .post h2 {
   	margin:5px 0 0;
   }
   #home .mainitem .storycontent p {
   	margin:10px 0 0;
   }
#home #main #about {
	float:left;
	width:150px;
}
  #about h2, #categorien h2, #tripreports h2,#sponsors h2 {
  	color:#8EA646;color:#698C00;color:#759C00;
	margin:10px 0 0;
    font-size:1.4em;
  }
  #about p, #categorien ul li a, #tripreports ul li a {
  	color:#ddd;
    margin-top:0;
    line-height:1.3em;
  }
  #about a:link {
    color:#bbb;
  	font-weight: bold;
  }
  #about a:hover, #categorien a:hover {
  	color:#fff;
    background:#555;
  }
  #home #about p {
  	font-size:.9em;
    margin:4px 0 0;
    color:#888;
  }
  #categorien ul, #tripreports ul {
  	margin:4px 0 0;
  }
  #main #categorien {
	float: right;
	width:150px;
  }
  #main #categorien ul {
  	margin:0;padding:0;
  }
  #main #categorien ul li {
  	margin:0;padding:0;
  }
  #main #categorien ul li a {
  	text-decoration: none;
    color:#88BB55;color:#ddd;
    font-weight:normal;
    display:block;
    margin-right:10px;
    padding:2px 0;
    border-bottom:1px solid #555;
	line-height:1;
  }
  
/* ---- Secondary content homepage ---- */
 
#home #container #subcontent {
  clear:both;
  width:790px;
  float:left; 
  margin:0;
  padding:0;
  border-top:1px solid #555;
  background:#404040;
}
#homesubwrapper {
  float:right;
  width:310px;
}
#home #latestposts {
	float: left;
	width:470px;
	margin:0 0 0 0;
	background:#eee;
  }
    #subcontent #latestposts h3.headline,
	#sub #latestposts h3.headline {
  	  margin:0;
    }
	#subcontent #latestposts h2,
    #sub #latestposts h2 { 
	  margin:.5em 10px 0;
      font-size:1.4em;line-height:1.4em;
      font-weight:bold;
    }
    #home #latestposts h2 a {
      float:left;color:#600;
    }
    #latestposts h2 span {
    	font-size:.7em;color:#bbb;font-weight:normal;float:right;
    }
	#latestposts h2 a:hover {
		text-decoration: underline;
	}
    #latestposts p {
      clear:both;
	  margin:0 10px 0;
      color:#666;line-height:1.4em;padding:0;
    }
	#latestposts p img.left {margin: 0;margin:5px 10px 5px 0;}
	#latestposts p.more {
		margin:.2em 10px .8em;
		color:#bbb;
	}
#home #sponsors {
  float:right;
  width:150px;
  margin:0;
}
#home #sponsors img {
	margin:0;
}
#home #tripreports {
  float: left;
  width:140px;
  margin:0 0 0 0;
  padding:0;
}
    #tripreports ul li {
      font-size:.90em;
      line-height:1.2em;
      margin:0 0 .3em;
    }
    #tripreports a:link,#tripreports a:visited {
      padding:2px 0;
      color:#ccc;
	  text-decoration:none;
      border-bottom:1px solid #555;
      display:block;
      color:#7FB749;color:#8CBB5D;color:#769E4E;
      color:#bbb;
    }
    #tripreports a:hover {
      color:#fff;background:#555;
    }

/* ---- extra block ---- */

#extras {
  clear:both;
  width:790px;
  float:left; 
  margin:0;
  padding:0 0 10px;
  color:#999;
  background:#383838;
  border-top:1px solid #555;
  font-size:.85em;
}
    #extras h2 {
  	font-size: 1em;
	margin:15px 0 5px 0;
	color:#999;
	text-transform: uppercase;
	border-bottom:1px solid #555;
    }
    #extras ul, #extras p {
  	margin:4px 0 .1em 0px;
    }
    #extras a, #extras ul li a:link {
    color:#ccc;
    }  
    #extras a:hover, #extras ul li a:hover {
    color:#fff;
    }
    #archief {
    width:150px;
    float:left;
    margin:0 10px 0 0;
    }
    #archief h2,#archief ul,#archief p {
    margin-left:10px;
    }
	#archief ul {
		margin-left:10px;
	}
	#archief p.more {
     
    }
    #links {
  	float:left;
	width:150px;
	margin:0 10px 0 0;
    }
    #links ul {
    margin:4px 0 0;
    }
    #links ul li {
    list-style-type: none;
    }
    #overige {
    float: left;
    width:150px;
    }
    #overige ul#feed li a{
    background: url(images/feed-icon-12x12.gif) center left no-repeat;
    padding-left: 16px;
    border-bottom: 0;
    }
    #overige ul#feed li a:hover {
    border-bottom: 0;
    }
    #contact {
    float:right;
    width:310px;
    }
    #contact h2 {
    margin-right:10px;
    }
    #contact ul {
    margin:4px 0 0;
    }


/*--------------------------------------------
   Posts  
---------------------------------------------*/
.post {
  margin:0 10px 20px;
}
.post h2 {
  font-size:2em;
  margin: 15px 0 0;	
}
.post #h2 a, .post h2 a:link, h2 a:visited {
  color:#600;
  text-decoration:none;
}
.post h2 a:hover {
  color:#400;
  text-decoration: underline;
}
.post p {
  font-size: 1.1em;
  margin: 1em 0px 0;
}
p.date{
  color: #999;
  margin:0;
  padding: 0;
}
.post .date {
  font-weight:normal;
  font-size:.7em;line-height:1em;
  text-transform:uppercase;
  color:#666;
  border-bottom:1px dotted #ccc;
  margin:0; 
  padding:0;
  letter-spacing:1px;
}
.post .postmetadata {
  clear:both;
  font-size:.85em;
  color:#999;
}
.navigation {
	clear:both;color:#999;
	margin:10px 0;
}
.navigation .alignleft {
	float:left;margin:10px 0;
}
.navigation .alignright {
	float: right;margin:10px 0;
}

/*--------------------------------------------
   Reacties 
---------------------------------------------*/
#comments {
  clear:both;
  margin:1em 0 3px 10px;
  background: #efefef;
}
#comments h4 {
  font-weight:bold;
  background: #fff;
  margin:10px 0 0;
  padding:0 0 10px;
}
h4#postcomment {
  background: #efefef;
}
ol.commentlist {
  margin:0;
  padding:0 0 10px;
  border-bottom: 1px solid #ccc;
  background: #FAFAFA;
}
ol.commentlist li {
  clear:both;
  float:left;
  width:100%;
  list-style-type: none;
  padding: 10px 0 0;
  margin:0;
  color: #333;
  border:solid #ccc;
  border-width:1px 0 0;
  font-size:1em;
}
#comments ol.commentlist li img {}
#comments ol.commentlist cite,
#comments ol.commentlist .commentmeta {
  float: left;display:block;
  width: 153px;
  margin: 0;
  padding: 0 0 10px;
  color:#222;
  font-style:normal;
  font-weight:bold;
}
#comments ol.commentlist cite span,
#comments ol.commentlist .commentmeta span {
  font-weight:normal;
  color:#444;
  padding:0;
  margin:0;
}
#comments ol.commentlist p {
  margin: 0 0 0 160px;
  padding: 0 10px 10px 0;
}
#comments p {
  margin: 0 0 0 160px;
  padding: 0;
}
#commentform {
  margin:1em 0 10px 0;
  padding:0 0 10px 2px;
  background: #efefef;
}
#commentform div {
  margin:5px 0;
  padding:0;
}
#commentform label {
  float:left;
  width:160px;
}
#commentform input {
  width:200px;
  margin:0 0 0 0px;
  padding:0;
}
#commentform input#submit {
  width:auto;
  margin:3px 0;
}
#comments #commentform textarea#comment {}

/*--------------------------------------------
  Archief page
---------------------------------------------*/

.hoofdarchief ul {
  border-top:1px solid #eee;
}
.hoofdarchief ul li {
  border-bottom:1px solid #eee;
}
.hoofdarchief li .thedate {
  float:left;
  width:150px;
  font-size:1em;
  padding:5px 0;
  margin: 0;
}
.hoofdarchief ul li h3, .hoofdarchief ul li p {
  margin:3px 0 3px 160px;
  padding: 0;
  font-size: 1em;
}
.hoofdarchief ul li h3 a:link, .hoofdarchief ul li h3 a:visited {
  font-weight:bold;
}
.hoofdarchief ul li h3 a:visited {}

/*--------------------------------------------
  Footer
---------------------------------------------*/

#footer {
  clear:both;
  font-size:80%;
  color:#888;
  background:#555;
  text-align:right;
  margin: 0;
  padding: 10px 0;
  border:solid #444;
  border-width: 1px 0;
}
#footer p {
  padding:0 10px;
  margin: 0;
}
#footer a {
  color:#ccc;
}

/*--------------------------------------------
  contactformulier
---------------------------------------------*/

#contactform {
  margin: .5em 0;
  background:#efefef;
  margin:1.75em -7px 0 0;
  padding:5px 10px 8px;
}
#contactform select, #contactform textarea {
  margin-left: 0;
}
#contactform input.tekst {
  background:#fff;
  border:1px solid #ccc;
  border-color:#aaa #eee #eee #aaa;
  color:#333;
}
#contactform div {
  clear: both;
  margin: .1em 0;
  position: relative;
  padding:5px 10px 5px 0;
  font-weight:normal;
}
#contactform div#buttons {
  background-image:none;
}
#contactform label {
  margin: 0;
  display: block;
  width: 160px;
  text-align: left;
  float: left;
}
#contactform div textarea {
  background:#fff;
  border:1px solid #ccc;
  border-color:#ccc #fff #fff #ccc;
  color:#333;
}
#contactform input.but {
  margin:5px 0 0 160px;
}


/*--------------------------------------------
  gallery
-------------------------------------------- */

/*
.M #main { 
  width:600px;
  display:inline;
  margin-right: 50px;
  }
.M #sub { display:none; }


a.overview			{
  color: #444;
  text-decoration: none;
}
a.overview:hover	{
  color: #eee;
  text-decoration: underline;
}*/
#gallery h2	{
  font-size: large;
  font-weight:normal;
  margin:20px;
  color:#eee;
  padding-bottom:2px;
  border-bottom:1px solid #708DAB;
  padding: 17px 0 2px 0;
  overflow: hidden;
  background-image: url("/img/bg_gal_h2.gif");
  background-repeat: no-repeat;
  height: 0px !important;
  height /**/:17px;
}
.gallery p {
  margin: 1em 10px 0;
color:#eee;
}
.gallery p#galback {
  text-align:right;
  color:#fff;
  background:#000;
  margin:0;
  padding:5px 10px 0 0;
}
.gallery #main {
  height:600px;
  width:700px;width:100%;
  margin:0;
  padding:0;
  background:#454545;
}
.gallery #sub {
	display: none;
}
/*
EMBED {
  background-color: #181818;
  width: 100%;
  height: 100%;
}
OBJECT {
  background-color: #181818;
  width: 100%;
  height: 100%;
}*/
.gallery #main ul {
  margin-left:20px;
}
.gallery #main ul li {
  list-style-type: square;
  color:#fff;	
}
#gallery #main ul li a, p#galback a { 
  color:#fff;
}
#overview {
  color: #555;
  text-align: left;
  padding: 10px;
  width: 420px;
  margin-left:50px;color:#677;
}
.gallery #main ul {
  margin-left:30px;
}