/*
Theme Name: Waterkant.Net
Theme URI: http://www.waterkant.net/
Description: Het theme voor de nieuwe Waterkant.Net website.<br /><br /><b>BELANGRIJK:</b> zet the plugins in de folder 'plugins' in de theme directory in wp-content/plugins/ en zet de plugins aan in het WP control panel. Gebeurt dit niet dan werken de RSS feeds en de foto's niet!
Author: Marco van Hylckama Vlieg

*/ 

body, html  {
  text-align:center;
  background:#302B25;
  margin:0;
  padding:0;
  font-family:Tahoma, Helvetica, Arial, sans-serif;
}

body  {
  margin-bottom:20px;
}


#wrap  {
  width:960px;
  position: relative;
  z-index: 50;
  margin-left:auto;
  margin-right:auto;
  margin-top:0;
  margin-bottom:0;
  text-align:left;
  background:#fff url(images/pageback.gif) repeat-y;
  border-left: 2px solid #555;
  border-right: 2px solid #555;
  border-top: 2px solid #555;
-moz-box-shadow: 2px 2px 3px #555; /* Firefox/Mozilla */  
-webkit-box-shadow: 2px 2px 3px #555; /*Safari/Chrome */  
box-shadow: 2px 2px 3px #555; /* Opera & hoe het zou moeten */  
/* Voor IE 8 */  
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#555555')";  
/* Voor IE 5.5 - 7 */  
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#555555');  

}

#foot  {
  width:960px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:20px;
  background:#000 url(images/footback.jpg) repeat-x top;  
  border-top:1px #555 solid;
  border-left: 2px solid #555;
  border-right: 2px solid #555;
  border-bottom: 2px solid #555;
-moz-box-shadow: 2px 2px 3px #555; /* Firefox/Mozilla */  
-webkit-box-shadow: 2px 2px 3px #555; /*Safari/Chrome */  
box-shadow: 2px 2px 3px #555; /* Opera & hoe het zou moeten */  
/* Voor IE 8 */  
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#555555')";  
/* Voor IE 5.5 - 7 */  
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#555555');
}

.surinamefullfoto img { border: 1px solid #000; width: 160px; height: 120px; }
#rightgrey .thumbnails { width: 160px !important; height: 120px !important; }
.post #image { width: 400px; }
#rightgrey .current-thumbnail { width: 160px !important; height: 120px !important; }
.smallersize img { width: 160px !important; height: 120px !important; }
#bottomphotos img { width: 160px !important; height: 120px !important; }

#copyright  {
  font-size:10px;
  text-align:left;
  padding:5px 5px 10px 5px;
  margin:0;
  color:#ccc;
  background:#000;
}

#copyright a  {
  color:#f00;
  text-decoration:none;
}

#copyright a:hover  {
  color:#fff;
}

#header  {
  position: relative;
  z-index: 5;
  width:960px;
  height:120px;
  background:url(images/header.jpg);
}
#menubar  {
  width:958px;
  height:25px;
  background: #000 url(images/menubarback.gif);
  color:#fff;
  line-height:25px;
  font-size:11px;
  padding-left:2px;
}
#leftcolumn  {
  clear:both;
  width:179px;
  margin:0;
  padding:0;
  float:left;
}
#content  {
  background:url(images/content_top.gif) no-repeat top left;
  width:480px;
  padding:0;
  margin:0;
  float:left;
  font-family:Tahoma, Helvetica, sans-serif;
  font-size:0.8em;
}
#content h2  {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  margin:0;
  padding:0 0 0 5px;
  line-height:20px;
  color:#030;
}

#content ul  {
  list-style-type:square;
}

#rightgrey  {
  background:url(images/rightgrey_top.gif) no-repeat top;
  width:181px;
  float:left;
  font-size:10px;
}
#rightgrey h2  {
  font-family:Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  font-size:12px;
  font-weight:bold;
  margin:0 0 1px 0;
  padding:0 0 0 5px;
  line-height:20px;
  color:#030;
  background:url(images/sideh2.gif) top right;

}

#rightgrey img.sidephoto  {
  margin:10px;
  margin-left:9px;
  border:1px #000 solid;
  
}

ul.greylist  {
  margin:0;
  padding:0;
  list-style-type:none;
}

ul.greylist li  {
  padding:5px;
  margin:0;
}

ul.greylist li a  {
  color:#030;
  text-decoration:none;
  font-weight:bold;
}
ul.greylist li a:hover  {
  text-decoration:underline;
  }  
#rightgrey h3  {
  font-size:12px;
  margin:0;
  color:#060;
}
#rightgrey p  {
  margin-top:0;
  margin-bottom:5px;
}

#rightred  {
  width:120px;
  overflow:hidden;
  float:left;
}
#footer  {
  width:960px;
  height:1px;
  clear:both;
  font-size:10px;
  background:none;
  margin:0;
  padding:0;
}

.footertext  {
  font-size:10px;
  line-height:16px;
  height:16px;
  margin:0 0 10px 10px;
  text-align:left;
}
.footerhead  {
  font-size:10px;
  text-align:left;
  padding-left:10px;
}
.footertext a, .footerhead a  {
  color:#f00;
  text-decoration:none;
}
.footertext a:hover  {
  color:#fff;
}

.rssicon  {
  position:relative;
  top:4px;
}

#bottomphotos  {
  margin:0;
  padding:0 0 0 35px;
  list-style-type:none;
}
#bottomphotos li  {
  display:inline;
}
#bottomphotos li a  {
  display:block;
  float:left;
}
#bottomphotos img  {
  border:#555 1px solid;


  margin-right:20px;
  margin-bottom:10px;
}

/* main head */

#header h1  {
  visibility:hidden;width:110px;
  height:120px;
  margin:0;
  padding:0 5px 0 5px;
  line-height:25px;
  float:right;
  font-size:15px;
  color:#ffde00;
  font-family:Arial, Helvetica, sans-serif;
  letter-spacing:-0.05em;
}

/*top menu */

ul#topmenu  {
  list-style-type:none;
  margin:0;
  padding:0 0 0 3px;
  height:25px;
}

ul#topmenu li  {
  display:inline;
  margin:0;
  padding:0;
  float:left;
  padding-right:5px;
}

ul#topmenu li#ankeiler  {
  display:inline;
  padding-right:52px;
}

ul#topmenu li a  {
  display:block;
  height:25px;
  line-height:25px;
  color:#fff;
  font-size:11px;
  text-decoration:none;
  float:left;
}

ul#topmenu li a:hover  {
  text-decoration:underline;
}

ul#topmenu a#l_startpage  {
  padding-left:20px;
  background:url(images/icon_startpage.gif) no-repeat left;
}
ul#topmenu a#l_invite  {
  padding-left:20px;
  background:url(images/icon_invite.gif) no-repeat left;
}
ul#topmenu a#l_guestbook  {
  padding-left:20px;
  background:url(images/icon_guestbook.gif) no-repeat left;
}
ul#topmenu a#l_mailinglist  {
  padding-left:20px;
  background:url(images/icon_mailinglist.gif) no-repeat left;
}

/* main menu */

#leftcolumn h2  {
  font-family:Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  font-size:12px;
  font-weight:bold;
  margin:0;
  padding:0 0 0 5px;
  line-height:20px;
  color:#cc0;
  background:#007301 url(images/lefthead.gif) repeat-x left;
}

#leftcolumn h2#hoofdmenu, #leftcolumn h2#onderdelenmenu, #leftcolumn h2#catmenu, #leftcolumn h2#oudnieuwsmenu  {
  cursor:pointer;
  margin-bottom:1px;
}


ul#mainmenu, ul.leftlist, ul#onderdelen, ul#categories  {
  list-style-type:none;
  margin:0;
  padding:0;
}

ul#mainmenu, ul#onderdelen, ul#categories  {
  margin:0;
}

ul#mainmenu li, ul.leftlist li, ul#onderdelen li, ul#categories li  {
  display:inline;
  margin:0;
  padding:0;
}
ul#mainmenu li a, ul.leftlist li a, ul#categories li a  {
  display:block;
  width:154px;
  height:20px;
  background:url(images/menu_star.gif) no-repeat top left; 
  padding-left:24px;
  font-family:Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  font-size:12px;
  font-weight:bold;
  color:#ccebcc;
  line-height:20px;
  text-decoration:none;
}
ul#mainmenu li a:hover, ul#leftlist li a:hover, ul#categories li a:hover  {
  display:block;
  width:155px;
  height:20px;
  background:#101010 url(images/menu_star.gif) no-repeat bottom left; 
  padding-left:24px;
  line-height:20px;
}



ul.leftlist li a  {
  background:none;
  padding-left:5px;
  width:174px;
}
ul.leftlist li a:hover  {
  background:#101010;
  padding-left:5px;
  width:174px;
}

ul.leftlist ul.children  {
  margin:0;
  padding:0;
}
ul.leftlist ul.children li a {
padding-left:10px;
width:169px;
}
#searchform  {
  width:160px;
  margin:10px;
}
#searchform #s  {
  border:1px #000 solid;
  background:#11aa12;
  width:80px;
  color:#fff;
}
#searchform #searchsubmit  {
  background:#000;
  border:1px #000 solid;
  color:#fff;
}

/* content items */
.post  {
  padding:0 20px 0 20px;
  line-height:1.5em;
}
.navigation  {
  padding:0 20px 5px 20px;
}
.navigation a  {
  color:#030;
  text-decoration:none;
}

.post h2, h2#respond, h3#comments, h3#olderposts, h3.archhead, h3.greenhead  {
  color:#030;
  border-bottom:1px #ccc solid;
  padding-bottom:3px;
  font-size:18px;
}

.post h2 a  {
  color:#030;
  padding-bottom:3px;
  font-size:16px;
  text-decoration:none;  
}

.post h2 a:hover  {
  color:#fff;
  background:#030; 
}

.centerad  {
  text-align:center;
  margin:5px auto 20px auto;
  padding:1px;
}
.entry a, .post a  {
  color:#030;
  text-decoration:underline;
}

.entrytext img, .post img  {
  border:1px #ccc solid;
  margin:4px;
  padding:4px;
  background:#fff;
}
.commentlist img  {
  border:none;
  margin:0;
  padding:0;
  background:none;
}

.postmetadata img  {
  border:none;
  padding:0;
  margin:0;
}

.postmetadata  {
  background:#f8f8f8;
  padding:3px;
  border:1px #eee solid;
}
.postmetadata a  {
  color:#030;
  text-decoration:none;
}

#commentform  {
  padding:20px;
}
#commentform #author, #commentform #email, #commentform #url, #commentform #comment, #commentform #name, #commentform #message  {
  border:1px #bcb solid;
  background:#f8f8f8;
}
#commentform #comment, #commentform #message  {
  width:380px;
}
#commentform #submit  {
  border:1px #000 solid;
  color:#fff;
  background:#000;
}

.commentlist li, #ppcomments li  {
  background:#eef5ee;
  padding:5px;
  margin:0 0 20px 0;
  border:1px #cdc solid;
  color:#060;
}
.commentlist li.alt  {
  background:#f5eeee;
  border:1px #dcc solid;
  color:#600;

}
.commentlist a  {
  color:#000;
}


.alignleft  {
  float:left;
}
.alignright  {
  float:right;
}

/*frontpage specifiek */

ul#columnlist, #ppcomments ul  {
  list-style-type:none;
  margin:0;
  padding:0;
}

#freefootercontent  {
  text-align:left;
  padding:10px;
  font-size:12px;
}

#rightgrey a  {
  color:#060;
}

#rightgrey .button  {
  background:#666;
  border:none;
  color:#fff;
  width:60px;
  height:18px;
  font-size:12px;
  font-weight:bold;
  line-height:18px;
}

#rightgrey label, #rightgrey .text  {
  margin-bottom:2px;
  height:16px;
}
#rightgrey label  {
  display:block;
  float:left;
  font-size:12px;
  font-weight:bold;
  width:70px;
}

#rightgrey .text, #rightgrey .textarea {
  border:1px #666 solid;
  margin-bottom:2px;
  width:160px;
}
/* banners */


#sad	{
	float:left;
	padding-right:10px;
}

#adsense2	{
	float:left;
}
#adbar {
	border-top: 1px #222 solid;
	background: #000;
	clear: both;
	height: 95px;
	padding-left: 10px;
}
#adbar iframe {
	width:120px;
	height:75px;
        border: none;
	border-top:10px #000 solid;
        overflow: hidden;
	margin-right: 2px;
	float: left;
}
#adbarinfo {
	border-top:10px #000 solid;
	background: #000;
	height: 65px;
	width: 76px;
        overflow: hidden;
	color: #ff0;
	font-size: 9px;
	line-height: 12px;
        bottom: 60px;
        padding: 5px;
	text-align: center;
	float: left;
}

#adbarinfo a {
	color: #ff0;
}

#adbarinfo p {
	margin: 0;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

#infoblok { border: 3px solid #00A6EB; background: #00A6EB; text-align: center; }
	.omschrijving { background: #fff; padding: 10px 0; }
	.omschrijving a { font-size: 10px; font-weight: bold; color: #000; text-decoration: none; }
#advblok { padding: 1px 0; }

#clickable { width:1985px; height:1200px; position:fixed; top:0; left:50%; margin:0 0 0 -995px; }
#takeover { width:1985px; height:1200px; z-index:-5; position:fixed; top:0; left:50%; margin:0 0 0 -950px; }