/*
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;
  margin-left:auto;
  margin-right:auto;
  margin-top:20px;
  margin-bottom:0;
  text-align:left;
  background:#fff  url(images/pageback3k.gif) repeat-y;
}

#foot  {
  width:960px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:20px;
  background:#000 url(images/footback.jpg) repeat-x top;  
  border-top:1px #333 solid;
}

#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  {
  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_top3k.gif) no-repeat top left;
  width:661px;
  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, #textArchive div.date  {
  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  {
  border:1px #bcb solid;
  background:#f8f8f8;
}
#commentform #comment  {
  width:380px;
}
#commentform #submit  {
  border:1px #000 solid;
  color:#fff;
  background:#000;
}

.commentlist 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  {
  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;
}


p.pp_pager {
	padding: 0 10px;
}
p.pp_pager .archive_active_page_number a, p.pp_pager .archive_active_page_number a:visited {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

#textArchive {
	text-align: left;
}