/*
Theme Name: NLPXOB.
Theme URI: Your Theme's URI
Description: NL Planet house style.
Version: 1.0
Author: Xargon
Author URI: http//www.2sevens.nl
Tags: custom everything,fixed,two columns,widgets
*/

html {font-size: 100%;}
body {
color: #444;
background: #ddd url(/images/diag.gif);
font: 0.8125em/150%  arial,"trebuchet ms", tahoma, sans-serif;
 margin: 0;
}

a, a:visited {
 color: #2871b1;
}
a:hover {
 text-decoration: none;
 color: #888;
}

a img {
 border: 0;
}

acronym {
 cursor: help;
}

table {
margin: 10px 0;
}

p {
 margin: 0 0 1em 0;
}
.small {
 font-size: 11px;
}
h3 {
   font-size: 14px;
}
/*h3 {

 padding:  0.5em 0 0 0;
 font-weight: normal;
 letter-spacing: 1px;
 color: #333;
 margin: 1em 0 0.7em 0;
}

h3 span {
 font-weight: bold;
 font-size: 90%;
 font-family: sans-serif;
}*/
h3 a {
 text-decoration: none;
}
/*h3.bar,h3.bar2 {
 background: #2876b7 url(images/bluegrad.gif) repeat-x 0 50%;
 color: #fff;
 margin: 0;
 padding: 4px 6px;
 font-size: 1em;
}
h3.bar a, h3.bar a:visited,h3.bar2 a, h3.bar2 a:visited {
 display: block;
 color: #fff;
 padding: 1px;
}
h3.bar a:hover,h3.bar2 a:hover {
 text-decoration: underline;
 color: #fff;

}
h3.bar2 {
 margin-bottom: 9px;
}*/

/*h5 {
 font-size: 1em;
 font-weight: bold;
}*/
h4 {
 font-size: 1em;
 margin: 1em 0 1em 0;
}
/*h4 a {
 text-decoration: none;
}
h4 a:hover {
 text-decoration: underline;
}*/
ul {
 margin-top: 0;
 /*margin-bottom: 0;*/
}


.right {
 float: right;
}
.left {
 float: left;
 margin-right: 2em;
}
.left img {
 border: solid 1px #ccc;
 padding: 2px;
}





#wrapper {
margin: 0 auto;
width: 960px;
text-align: left;
background: #fff;
border-left: solid 1px #ddd;
border-right: solid 1px #ddd;
}


/*-------------- MAIN HEADER --------------*/
#header {
 height: 140px;
 margin: 0;
 color: #fff;
 margin: 0;
 background: #fff;
 background: #3076b4 url(images/headgrad.png) repeat-y 100% 0;
}
#header img {
 margin: 20px 0 20px 20px;
 float: left;
}
#header .banner {
 float: right;
 margin: 39px 20px 20px 0;
 border: solid 1px #fff;
}

#secbar {
 color: #a84939;
 font-size: 16px;
 line-height: 2.6em;
 border-bottom: solid 1px #ccc;
 padding: 0 12px;
 text-transform: uppercase;
 background: #fff url(/images/shad.gif) repeat-x;
 /*border-top: solid 1px #123c5f;*/
 border-bottom: solid 1px #ddd;
}

#secbar span {
/*float: left;*/
 background: url(/images/nedflag2.gif) 0 50% no-repeat;
 padding-left: 40px;

 letter-spacing: 1px;
}
#secbar div {
 float: right;
 font-size: 11px;
}
#secbar a,#secbar a:visited {
 text-decoration: none;
 letter-spacing: 1px;
}



/*----------------------- CONTENT --------------------------*/

#content {
 float: left;
 margin: 0;
 width: 680px;
}

#content .inner {
 margin: 0;
 margin-top: 0;
 padding: 12px 24px;
}


h1 {
 margin: 0;
 padding: 21px 0;
 font: italic 1.5em/18px Georgia, serif;
 color: #2871b1;
}


#content h2 {
 /*padding-top: 10px;*/
 padding-bottom: 20px;
 margin: 0;
 font-size: 1.25em;
 text-transform: uppercase;
 color: #999;
}
/*-------------- SIDEBAR COLUMN --------------*/

#sidebar {  /*background: #ccc;*/
 padding: 12px 0;
 list-style: none;
 float: left;
 margin: 0;
 width: 280px;
}

#sidebar li.widget { /*Create space on r/h side of sb boxes*/
 margin-right: 12px;
}

#sidebar li.widget div {
 background: #fff;
 border: dotted 1px #ccc;
 padding: 4px;
 margin: 0 0 6px 0;
}
#sidebar li table,#sidebar li caption {
 margin: 0 auto;
}

/*-------------- SIDEBAR NAVIGATION LISTS --------------*/

#sidebar li ul {
 list-style-type: none;
 padding: 10px 4px;
 padding: 0;
 margin: 0 0 6px 0;
 background: #fff;
 border: dotted 1px #ccc;
}

#sidebar li li {
 margin: 0;
 padding: 0;
}

#sidebar li li a, #sidebar li li a:visited {
 background: #fff url(/images/bullet_red.png) 6px 0.7em no-repeat;
 display: block;
 color: #2876b7;
 padding: 2px 4px 2px 1.2em;
 text-decoration: none;
 border-bottom: solid 1px #ddd;
 outline: none;
}
#sidebar li li a:hover {
 color: #a84939;
 background-color: #f9f9ff;
}

* html #sidebar li li a,* html  #sidebar li li a:visited,* html #sidebar li li span {
 height: 1.4em;
}

#sidebar li li span {
 display: block;
 color: #a84939;
 padding: 2px 4px;
 padding: 2px 4px 2px 1.2em;
 border-bottom: solid 1px #c8dbff;
 background: #fff url(images/bullet_red.png) 6px 0.7em no-repeat;
}

/*-------------- FOOTER --------------*/

#footer {
 clear: both;
 height: 192px;
 background: url(/images/footer.gif) no-repeat;
 font-size: 85%;
 color: #fff;
 padding: 0;
}

#footer p {
 margin:0;
 padding:  0 24px;
 padding-top: 110px;
}
#footer a,#footer a:visited {
 color: #408bee;
}
/*--------------- POST META DATA ----------------*/
.meta {
 font-size: 10px;
 text-transform: uppercase;
 padding: 0;
 border-bottom: dotted 1px #ddd;
 margin: 0 0 1em 0;
}
.trailbox .meta {
 border: 0;
}

.meta a, .meta a:visited {
 text-decoration: none;
 color: #a84939;
}
.meta a:hover {
 text-decoration: underline;
}
.meta span {
  color: #999;
}
/*-------------- FORMS AND BUTTONS --------------*/

input#searchsubmit, input#submit {
 border: solid 1px #3466b5;
 background: #397ecd url(/images/suckerfish_blue.png) left 50% repeat-x;
 color: #fff;
 padding: 0 3px;
}
/*search form*/
input#submit {
 padding: 3px 10px;

}
#searchform label {
 display: none;
}
/*post comment form*/
#respond form {
 background: #fff;
 border: dotted 1px #ccc;
 padding: 1em;
 margin: 0 0 6px 0;
}
#respond form label {
font-weight: bold;
}
textarea#comment {
 width: 400px;
}

/*------------ COMMENT LIST -------------*/

ol.commentlist {
 list-style: none;
 padding: 0;
 margin: 0 0 1em 0;
}
li.comment {
 /*background: #eee;*/
 padding: 1em 0;
 margin-bottom: 1px;
border-bottom: dashed 1px #ccc;
}
ol.commentlist li.odd {
 /*background: #f0f0f0;*/
}
li.comment p {
 margin: 1em 0;
}

li.comment cite.fn {
 font-weight: bold;
}


div.wp-caption {
background: #eee;
padding: 4px;
margin-bottom: 1em;
border: solid 1px #ddd;
}
div.wp-caption img {
 display: block;
 margin: 0 auto;
}
p.wp-caption-text {
background: #eee;
text-align: center;
margin: 0;
padding: 0.5em;
}
.aligncenter {
 margin-left: auto;
 margin-right: auto;
}

/*-------------- NL PLANET GREY BOXES --------------*/
.genbox, .widget, #respond {
 margin: 0 0 1em 0;
 border: solid 1px #dedede;
 background: #f9f9ff;
 padding: 4px;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
  border-radius: 6px;
}

.genbox div .widget div {
 background: #fff;
 border: dotted 1px #ccc;
 padding: 0 0 0 0;
 margin: 0 0 1em 0;
}

.genbox h3, .widget h2, #respond h3, h3#comments {
 font-size: 14px;
 padding: 0 4px;
 height: 2em;
 line-height: 2em;
 margin: 0 0 10px 0;
 background: #dedede url(/images/tbbg.gif) repeat-x;
 color: #333;
 border: solid 1px #ccc;
 font-weight: normal;
 letter-spacing: 1px;
}

.genbox h3.kleur {
 background: #f2d489;
 border: solid 1px #cfac5a;
}
.genbox h3.kleur2,h3#comments {
 background: #a4cdef;
 border: solid 1px #579edb;
}


/*------- ARCHIVE LISTS --------*/
h3.boxtop,h1.boxtop {
background: url(/images/grad.jpg) bottom repeat-x;
margin: 0 0 1em 0;
padding: 6px 10px 6px 10px;
font:  normal 14px "trebuchet ms", arial, tahoma, sans-serif;
color: #cc6633;
text-align: center;
border-top: dotted 1px #ccc;
border-bottom: dotted 1px #ccc;
letter-spacing: 2px;
text-transform: uppercase;
}

.clear {
 clear: both;
 height: 10px;
 line-height: 10px;
}
.trailbox .clear {
 border-bottom: dashed 1px #ccc;
}

.trailbox {
 color: #555;
 margin: 6px 0 16px 0;
 padding: 0 0 6px 0;
}
.trailbox p {
 margin: 0 0 6px 0;
}
.trailbox p.link {
 text-align: right;
 clear: left;
 margin: 1em 0 0 0;
}
.trailbox img {
 float: right;
 padding: 3px;
 margin: 0 0 0 1em;
 border: solid 1px #ccc;
}
.trailbox h3 {
 font: 1.3em/18px Georgia, "Times New Roman", serif;
 color: #333;
 margin: 0 0 0.25em 0;
 padding: 0;
 letter-spacing: 0;
}
.trailbox h3 a,.trailbox h3 a:visited {
 color: #2871cc;
}
.trailbox h3 a:hover {
 text-decoration: underline;
 color: #888;
}
.trailbox h3 span a,.trailbox h3 span a:visited {
 font-size: 11px;
}
.trailbox  p a:hover {
 color: #888;
}

.genbox h3 a, .genbox h3 a:visited {
 color:  #333;
}

/*fix IE 5.5-6 italic text bug*/
* html .genbox p.small {
 overflow: visible;
 zoom: 1;
}

* html .italicfix {
 overflow: visible;
 zoom: 1;
}

/*.genbox ul {
 margin-bottom: 10px;
}*/

/*---------- PROFILE BOX -----------*/
.genbox div.floatparent {
 padding:0;
 zoom: 1;
 margin-bottom: 4px;
 z-index: 1;
}
.genbox div.floatparent:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
/*.genbox div.floatparent {display: inline-block;}*/

.genbox .floatparent p {
 margin: 0 10px 0 10px;
 padding: 10px 0 10px 0;
}

.genbox div.floatparent img {
 display: inline;
 float: left;
 border: solid 1px #ccc;
 margin: 6px 2em 6px 6px ;
}


#suckerfishnav {
    background:#dedede url(/images/tbbg.gif) repeat-x;
    width:100%;
    border-top: solid 1px #1b4f7b;
    border-bottom: solid 1px #aaa;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:36px;
    padding:0;
    /*border:1px solid #aaa;*/
    margin:0;
    width:100%;
}
#suckerfishnav ul {
 opacity: 0.9;
}
#suckerfishnav li.topitem {
 border-right: solid 1px #aaa;
 border-left: solid 1px #eee;
}
#suckerfishnav a {
 display:block;
 color:#37566f;
 text-decoration:none;
 text-transform: uppercase;
 font-size: 83%;
 padding:0px 10px;
 font-weight: bold;
}
#suckerfishnav a.chosen {
/* background: #22649c url(images/suckerfish_active.png) repeat-x;*/
 background: #aaa url(/images/tbbg2.gif) repeat-x;
 /*color: #fff;*/
}
#suckerfishnav li li a.chosen  {
 background: #aaa;
 /*color: #333;*/
}
#suckerfishnav li {
    float:left;
    padding:0;
     z-index:100;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:201px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #888;
     z-index:100;
    }
#suckerfishnav li li {
    width:199px;
    border-bottom:1px solid #888;
    border-left:1px solid #888;
    border-right:1px solid #888;
    /*font-weight:bold;
    font-family:verdana,sans-serif;*/
    }
#suckerfishnav li li a {
    padding:4px 10px;
    width:180px;
    text-transform: none;
    /*font-size:12px;*/
    /*color:#333;*/
    }
#suckerfishnav li ul ul {
    margin:-21px 0 0 100px;
    }
#suckerfishnav li li:hover {
    background:#b4b4b4;
    }
/*#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#dddddd;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#dddddd;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#dddddd;
    }*/
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#444444;
    background:#dedede;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#aaa url(/images/tbbg2.gif) repeat-x;
    }

/*
Following added re problem with img alignment, see: 
http://www.dailyblogtips.com/now-i-see-why-the-wordpress-image-align-feature-was-not-working/
*/
    .alignright {
    float: right;
    margin-left: 1em;
    }

    .alignleft {
    float: left;
    margin-right: 1em;
    }
    
    img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

    img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }