/*
    Theme Name: Inge Kuiperij :: Fotografie
    Theme URI: http://www.ingekuiperij.com
    Description: Theme for Inge Kuiperij Fotografie (Adapted from 'The Journalist 1.0' designed by Lucian Marin)
    Author: Maxim Heijndijk
    Author URI: http://www.maccusfoto.nl
    Version: 0.1
*/

/* Links */

a {

    color:#ccc;
    text-decoration:none;

}

a:hover {

    color:#fff;

}

/* Globale instellingen en layout */

* {

    margin: 0pt;
    padding: 0pt;

}

body {

    background:#222;

    color:#bbb;
    font-family: "Times New Roman", Times, serif;
    font-size: 0.8em;
    font-style: italic;

    padding:0;
    margin:0;

}

body div#container {

    width:910px;
    margin: 0pt auto;
    padding: 0 1em 0 1em;

}

/* Website titel */

body div#container h1 {

    font-size:2em;
    font-weight:bold;

    /* Marges: boven rechts onder links */

    margin: 0.7em 0 0.7em 0.8em;

}

/* Website titellink */

body div#container h1 a {

    color:#aaa;


}

body div#container h1 a:hover {

    color:#ddd;
    border-bottom:1px solid;

}

/* Artikel box */

#content {

    float:left;
    width:706px;
    border:#999 1px solid;
    padding:15px 15px 5px 15px;

}

/* Horizontale lijn tussen de berichten */

div.separator{

    margin: 5px 0px 10px 0px;
    border-bottom:#777 1px solid;
    max-width: 705px;

}

/* Artikel kop */

#content h2 {

    font-size:1.5em;
    font-weight:normal;
    margin:0 0 5px 0;

}

/* Artikel kop link */

#content h2 a {

    color:#999;

}

#content h2 a:hover {

    color:#ddd;
    border-bottom:1px solid;

}

.date {

/* Datum onder artikelkop */

    padding: 0 0 10px 0;

}

/* Navigatie */

div.postnav {

    margin:0px 0 10px 0;
    float:left;

}

div.postnav a {

    text-decoration: underline;

}

div.postnav div.postnav-previous {

    float:left;
    padding: 0 0 0 0.2em;

}

div.postnav div.postnav-next {

    float:right;
    padding: 0 0.4em 0 0;

}

/* De links in het bericht */

.main a {

    text-decoration:underline;

    /*  border-bottom:1px dotted;

	border-bottom does not work, it will also underline images :-(

    */

}

/* Afbeeldingen */

.main img {

    padding:2px;
    border:#999 1px solid;

}

.main a:hover img {

    padding:2px;
    border:#fff 1px solid;

}

/* Paragrafen in Het bericht */

.main p {

    line-height:20px;
    margin:15px 0 10px 0;

}

/* Lijsten in Het bericht */

.main ol {

    margin:0 0 0 30px;

}

.main ul {

    margin:0 0 0 30px;

}

.main li {

    margin:0 0 10px 0;

}

/* Lijstcontainer in pagina's */

div.main ul {

    margin: 0 0 1em 0;

}

/* Lijsten in pagina's */

div.main ul li {

    margin: 0px 0px 2px 0px;
    list-style:none;

}

/* Tekst in balk met bewerkingslink */

div.meta {

    background-color:#333;
    font-size: 0.9em;
    line-height: 2em;

    margin:10px 0 10px 0;
    padding:0 1em 0 1em;

}

/* Sidebar */

#sidebar {

    font-size:1em;
    padding:0 0 0 10px;
    float:left;
    width:160px;

}

#sidebar a {

    /* Links */

    color:#bbb;
    border-bottom:#bbb 1px dotted;

}

#sidebar a:hover {

    /* Links */

    color:#fff;
    border-bottom:#fff 1px solid;

}

#sidebar h2 {

    /* Koppen */

    font-size:1.2em;
    margin:0 0 0 0;

}

/* Sidebar lijsten */

#sidebar ul li {

    /* Bullets uitschakelen */

    list-style: none;
    list-style-position: outside;
    padding:2px 0 2px 0;

}

#sidebar ul li h2{

    margin:0 0 5px 0;

}

#sidebar ul li .execphpwidget {

    /* PHP Widget */

    line-height:1.5em;

}

#sidebar ul li ul {

    /* boven rechts onder links */

    margin:0 0 15px 0;

}

/* Foute zoekopdracht pagina */

.warning p {

    font-size:1.4em;
    color:#F44;

    background:url(images/warning.gif) no-repeat left;
    min-height:160px;
    padding:20px 0 20px 110px;

    margin:0 0 0 10px;

}

/* Zoekveld en zoekbutton */
/* Plaats-reactie-knop */

form#searchform input, input.subcom {

    font-family: "Times New Roman", Times, serif;
    font-size:1em;
    font-style:italic;

    color:#fff;
    background-color:#333;

    border:#999 1px solid;
    margin:0 0 10px 0;
    padding:1px 4px 2px 4px;

}

form#searchform input:hover, input.subcom:hover {

    color:#fff;
    background-color:#555;

    border:#fff 1px solid;

    cursor:pointer;

}

/* Invoervelden bij plaatsing van reacties */

input.comment {

    color:#fff;
    background-color:#333;

    font-size:0.85em;

    padding:2px 4px;
    border:#999 1px solid;

}

input.comment:hover {

    background-color:#555;

}

/* Tekstinvoerveld reacties */

textarea {

    color:#fff;
    background-color:#333;

    font-size:1.3em;

    padding:2px 4px;
    border:#999 1px solid;

    width:500px;

}

textarea:hover {

    background-color:#555;

}

/* Tekst achter de invoervelden */

.postinput small {

    color:#ddd;
    font-size:1em;
    margin:0 0 0 5px;

}

/* Regel boven reactie invoerveld wanneer ingelogd */

p.logged {

    font-size:1em;

}

/* 'Reageer' boven invoerveld, en 'aantal reacties op artikelkop' regel */

h3.reply {

    font-size:1.05em;
    margin:0 0 0 0;

}

/* Reactieteksten */

ol.commentlist {

    list-style:none;
    padding:0 0 20px 0;
    margin:0 30px 20px 30px;
    border-bottom:#ccc 1px dotted;

}

/* Lijn boven reacties */

.commentlist li {

    border-top:#ccc 1px dotted;
    margin:20px 0 0 0;

}

/* Links in de commentaren */

.commentlist a {

    border-bottom:1px solid;

}

/* Tekst van de reactie (paragraaf) */

.commentlist p {

    line-height:20px;
    margin:0 0 10px 0;

}

/* Commentaarblok */

.comment_block {

    background-color:#333;

}

/* Regel 'Auteur schreef op datum om ....' */

.comment_author {

    margin:20px 0 10px 0;
    padding:5px 10px 5px 10px;

}

/* Commentaartekst */

.comment_text {

    padding:5px 10px 5px 10px;

}

/* 'Reactie moet nog worden beoordeeld' tekst */

.comment_mod {

    font-weight:bold;
    padding:5px 10px 5px 10px;

}

/* Totale reactieformulier */

form#commentform {

    margin:20px 0 0 30px;

}

/* Boven reactie invoerveld */

#commentform p {

    line-height:25px;
    margin:0 0 10px 0;

}

/* Comment-timeout melding */

p.comment-timeout {

    font-size: 0.8em;

}

/* Footer */

#footer {

    background-color:#222;
    color:#999;

    font-size:1em;
    text-align:center;

    padding:15px 15px 15px 15px;

    clear:both;

    width:706px;

}

#footer a {

    font-weight:bold;

}

#footer a:hover {

    border-bottom:#fff 1px dotted;

}

ul.post-meta {

    /* Make meta keywords in single posts only visible for search engines */

    display: none;

}