/*

    THEME NAME: maccusfoto.nl
    THEME URI: http://www.maccusfoto.nl/
    DESCRIPTION: maccusfoto.nl
    VERSION: 0.1
    AUTHOR: Maxim Heijndijk
    AUTHOR URI: http://www.maccusfoto.nl/

*/

/* Links */

a, a:link {

    color: #eee;
    outline: none;
    text-decoration: none;

}

a:hover {

    color:#fff;
    text-decoration: underline;

}

/* Globale instellingen en layout */

body {

    color: #bbb;
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; /* Wordpress default theme font */

    background-image: url(images/background_balkan.jpg);
    background-repeat: repeat; background-position: center top;

    margin: 0;
    padding: 0;

}

body div#wrapper {

    /* Positie van de totale content */

    margin: 0 auto;
    padding: 1em 1em 1em 1em;

    /* Statische breedte voorkomt legio problemen */

    width: 940px;

    background-color: #181818;
    _background-image: url(images/background_balkan.jpg);
    _background-repeat: repeat;
    _background-position: center top;

}

body div#content {

    /* Static width and float to keep the sidebar from dropping */
    /* IE needs 706 */

    width: 706px;
    float: left;
    font-size: 0.9em;
}

body div#sidebar {

    margin: 1em 0 1.5em 0em;
    width: 200px;
    float: right;

}

/* Blogtitel */

div#header h1 {

    text-align: center;

}

.rollover p {

    text-align: center;
    padding: 1em 0.1em 1em 0.1em;
    margin: 0 auto;

}

div#header .rollover a {

    display: block;
    background: url(images/maccuslogo_cyrillic_0700_rollover.png) 0 -71px no-repeat;
    height: 71px;
    text-align: center;

}

div#header .rollover a:hover {

    background-position: 0 0;

}

/* Blogbeschrijving */

div#header h3#blog-description {

    line-height: 1.5em;
    font-size: 1.1em;
    text-align: center;
    margin: 0 0 20px 0;
    display: none;
}

div#header h3#blog-description a {

    text-decoration: none;
    border-bottom:#ccc 1px dotted;

}

div#header h3#blog-description a:hover {

    border-bottom:#ccc 1px solid;

}

/* Hoofdmenu */

div#blog-menu {

    font-size: 0.9em;
    font-weight: bold;
    letter-spacing: 0.05em;

    margin: 0;
    padding: 0;

    /* Eerste en tweede horizontale lijn */

    border-top: 1px solid #ccc;
    border-bottom: 1px solid #CCC;

}

div.left-menu ul {

    margin: 0.5em 0 0.5em 0.25em;
    padding: 0;

}

div.left-menu ul li {

    border-left:#ccc 1px solid;
    padding: 0 0 0 0.5em;

}

/* Zoekveld */

div#searchbar {

    float:right;
    padding: 0.5em 0.5em 0 0;

}

form#searchform {

    padding: 0.1em 0 0.1em 0;

}

form#searchform input {

    color: #900;
    background-color: #999;
    border-color:#ccc;
    padding: 0 0 0 0.5em;
    height: 30px;
    width: 188px;

}

/* SubMenu */

span.italic {

    font-style: italic;
    color: #fff;

}

div#blog-menu li, #blog-submenu li {

    /* Inline display overrides list-style-type */

    display:inline;

}

div#blog-submenu ul {

    font-size: 1em;
    font-weight: bold;
    letter-spacing: 0.05em;

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

    /* Derde horizontale lijn */

    border-bottom: 1px solid #CCC;

}

div#blog-submenu ul li {

    border-left:#ccc 1px solid;
    padding: 0 0 0 0.4em;

}

/* Artikel */

hr {

    /* Horizontal Ruler */

    max-width:700px;
    color:#555;

    /* This will align it for IE */
    text-align:left;
    width: 700px;

    /* This will align it for Firefox */
    margin: 0 auto 0 0;

}

div#content h2.entry-title {

    /* Titel van het artikel */

    color: #fff;
    font-size: 1.2em;
    text-transform: uppercase;

    margin: 0.8em 0 0.4em 0;

}

div#content div.entry-title-right {

    /* Rechterkant titel van het artikel (datum) */

    color: #fff;
    font-size: 0.9em;

    float: right;
    margin: -2em 1em 1em 0;

}

div.entry-content{

    /* Artikeltekst */

    line-height: 1.2em;
    background-color: #181818;

}

div.entry-content a,body.single div.entry-meta a,div.comments ol.commentlist a {

    /* Links in de artikeltekst */

    color: #ddd;
    font-weight: bold;

}

div.entry-content a:hover,div.single div.entry-meta a:hover,div.comments ol.commentlist a:hover {

    /* Link hover in de artikeltekst */

    text-decoration: underline;

}

div.aka_half ul li a {

    /* Links in de articles pagina */

    color: #fff;
    text-decoration: none;

}

div.aka_half ul li a:hover {

    /* Links in de articles pagina */

    text-decoration: underline;

}

div.entry-content ul li {

    /* Lijsten: "Most Viewed" in pagina */

    color: #fff;
    padding: 2px 0 2px 0;

}

/* Sidebar Widgets */

div#sidebar ul {

    margin: 0;
    padding: 0;
    text-align: center;

}

div#sidebar li {

    /* Sidebar headers */

    margin: 10px 0 5px 0;

    /* Voor IE */

    list-style-type: none;

}

div#sidebar ul li {

    /* Hokjes */

    border: 1px solid #666;
    padding: 3px 0px 3px 0px;
    margin: 6px 0px 6px 0px;
}

div#sidebar ul li a {

    color: #fff;

}

div#sidebar_description {

    /* Beschrijving */

    font-size: 0.7em;
    _font-weight: bold;

}

div#sidebar ul li.tag-cloud {

    /* Tag cloud */

    text-align: center;
    text-transform: lowercase;
    padding: 0.5em;

}

div#sidebar ul li.widget {

    /* Koppen van tekstwidgets */

    color: #ddd;
    font-size: 0.9em;
    text-align: center;
}

div#sidebar ul li div.textwidget {

    /* Tekst in tekstwidget */

    color: #bbb;
    font-size: 0.9em;
    margin: 3px 0 3px 0;

}

div#sidebar ul li div.textwidget a {

    /* Links in tekstwidget */

    text-decoration: none;

}

div#sidebar ul li div.textwidget a:hover {

    /* Links in tekstwidget (hover) */

    text-decoration: underline;

}

div#sidebar ul li div.textwidget li {

    /* wp_register functie */

    border: 0;

}

/* Afbeeldingen */

img {

    border:#999 1px solid;
    padding:2px;
    max-width:99%;

}

a:hover img {

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

}

/* Navigatie */

div#content div.navigation {

    letter-spacing:1px;
    margin:1em auto;

}

div#content div.navigation div {

    display: inline;
    _font-weight: bold;

}

div#content div.navigation div.nav-previous {

    margin:0 1em 0 0;
    text-transform: lowercase;

}

div#content div.navigation div.nav-next {

    margin:0 1em 0 0;
    text-transform: lowercase;

}

/* Knoppem */

input#submit {

    color: #ccc;
    background:#333;
    border:1px outset #555;

}

/* Reactievelden */

div.comments {

    /* Margins van totale reactiedeel */

    margin: 2em 0 1em 1em;
    width: 89%;

}

div.comments span.unapproved {

    color:#ccc;
    font-style:italic;

}

div.comments h3 {

    /* Tekst 'Reacties' en 'Plaats een reactie' */

    font-size: 1.1em;

}

div.comments ol#comments li {

    /* Velden met reacties */

    border: 2px solid #555;
    background:#333;
    color: #CCCCCC;

}

div.comments ol#comments li p {

    /* Reactie-tekst */

    margin: 0.7em 0;

}

div.comments ol#comments div.comment-author span.fn {

    /* Naam van de auteur */

    color: #ccc;
    _font-weight: bold;

}

div.comments ol#comments div.comment-author span.fn a {

    /* Naam van de auteur */

    color: #ccc;

}

div.comments ol#comments div.comment-author span.fn a:hover {

    /* Naam van de auteur */

    color: #fff;

}

div.comments ol#comments a {

    /* Bewerkingslink onder reactie */

    font-size: 0.9em;
    _font-weight: bold;
    font-style: italic;
    text-decoration: none;

}

div.comments ol.commentlist {

    /* Marges in en om lijstcontainer */

    margin: 1em 1em 0 1em;
    padding: 1em 1em 1em 1em;

}

div.comments ol.commentlist li {

    /* Marges in en om reactievelden */

    margin: 0 0 1.5em;
    padding: 0.5em;

}

/* Reactie invoer */

div.formcontainer form#commentform div.form-label {

    /* Labels */

    text-align: left;
    padding: 0.3em 0.3em 0.3em 0;

}

div.formcontainer form#commentform div.form-input input:focus,
div.formcontainer form#commentform div.form-textarea textarea:focus {

    /* Tekstinvoervelden na aanklikken */

    border: 1px solid #777;

}

    /* Tekstinvoervelden */

input#s,div.formcontainer form#commentform div.form-input input,div.formcontainer form#commentform div.form-textarea textarea {

    font-size: 0.8em;
    background-color: #333;
    border: 1px solid #555;
    color: #CCCCCC;

}

div.comments h3#respond,div.formcontainer div#comment-notes,div#sidebar ul li.widget_text div p {

    margin: 0 0 0.5em;

}

div.comments h3.comment-header,body.single div.navigation,div.entry-content p,div#sidebar ul li#home-link h3 {

    /* Tekst van het artikel, niet breder maken dan de foto's, 700px */

    margin: 1em 0;
    max-width: 700px;

    /* For IE */
    /* Will overlap the sidebar in Firefox */
    /* Fix it! */

    width: 700px;

}

/* Melding onder reactieformulier */

p.comment-timeout {

    font-size: 0.9em;
    font-style: italic;

    /* Verbergen ! */
    display: none;

}

/* Subscribe to comments plugin */

p.subscribe-to-comments {

    font-size: 0.9em;
    font-style: italic;

}

p.subscribe-to-comments a {

    text-decoration:underline;

}

p.subscribe-to-comments label {

    color: #FFFF00;
    font-size: 1.2em;
    font-style: italic;

}

/* Footer */

div#footer {

    /* Tekst */

    font-size: 0.9em;
    font-style: italic;
    text-align: center;

    /* Horizontale lijnen */

    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;

    padding: 0.5em 0;
    width: 100%;
    clear:both;

}

div#footer a {

    /* Links */

    font-size: 1em;

}

strong {

    color: #fff;

}

ul.post-meta {

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

    display: none;

}

/* Meta stuff */

div.index-comments {

    color: #666;
    margin: 1.5em 0 1em 0;

}

div.index-comments a:link {

    background: #333;
    text-decoration: none;
    padding: 0.2em 0.7em 0.2em 0.7em;
    -moz-border-radius-topleft: 1em;
    -moz-border-radius-bottomleft: 1em;
    -moz-border-radius-topright: 1em;
    -moz-border-radius-bottomright: 1em;

}

div.index-comments a:hover {

    background: #555;
    text-decoration: none;
    padding: 0.2em 0.7em 0.2em 0.7em;
    -moz-border-radius-topleft: 1em;
    -moz-border-radius-bottomleft: 1em;
    -moz-border-radius-topright: 1em;
    -moz-border-radius-bottomright: 1em;

}

div.the-tags {

    color: #666;
    text-transform: lowercase;
    padding: 0 0 0 0;

}

div.the-tags a:link{

    color: #999;

}

div.wp_register {

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

}

/* Podpress */

div[id^="podPressPlayerSpace"] {

    _display: inline;
    margin: 1em 0 1em 0.6em;

}

.podPress_content {

    font-size: 1em;
    _font-weight: bold;
    margin: 1em;

}

/* Smileys */

img.wp-smiley {

    border: 0;

}

code {

    color: red;
    font-size: 0.9em;
    font-weight: bold;

}