/*
Theme Name: Mallmere Theme
Theme URI: http://www.ictoptwee.nl
Description: Theme for The Mall website
Version: 1.0
Author: Mark van Kampen
Author URI: http://www.ictoptwee.nl
Tags: 
*/

body {
    margin: 1em 0 0 0;
    background: black url('images/background.jpg') top center fixed no-repeat;
    color: white;
    font: normal 14px Verdana, Helvetica, sans-serif;
}
h1 {
    border: 3px solid #E0B51B;
    border-width: 0 0 3px 3px;
    margin-left: -20px;
    padding: 3pt 10pt 4pt 20px;
    background-color: black;
    font: bold 1.6em Georgia, Helvetica, serif;
}
p {
    line-height: 1.5em;
}
a {
    color: #9999ff;
}
a:visited {
    color: #EAE0EF;
    text-decoration: underline;
}
a:hover {
    color: #FFC502;
    text-decoration: underline;
}
a img { border: 0; }
.container {
    padding-top: 10px;
    background: transparent url('images/background-container.png') left top;
}

/** Top menu **/
#menu {
    margin-top: 30px;
    background-color: black;
    -moz-border-radius: 10px 0px 0px 0px;
}
#menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%;
}
#menu ul li {
    display: inline;
}
#menu ul li a {
    border-bottom: solid 2pt black;
    display: block;
    float: right;
    margin: auto 2px;
    padding: 2pt 6pt 1pt 6pt;
    color: white;
    line-height: 2em;
    text-decoration: none;
}
#menu ul li a:hover {
    border-bottom: solid 2pt #FFC502;
    padding: 1pt 6pt 2pt 6pt;
    position: relative;
    top: 2pt;
    z-index: 2;
}

/** Sidebar **/
.sidebar {
    margin-top: 4em;
    margin-bottom: 4em;
}
.sidebar h3 {
    padding: 0.1em 1em 0.1em 0em;
    border-bottom: 1px solid #E0B51B;
    border-left: 1px solid #E0B51B;
}
.sidebar h3 span {
    padding: 0.1em 1em 0.1em 0.3em;
    background-color: black;
}
.sidebar ul .page_item, .sidebar ul .cat-item {
    line-height: 1.5em;
}
.sidebar ul .page_item ul, .sidebar ul .cat-item ul {
    padding-left: 1em;
}

/** Post list (search, archives) **/
.list h2 a, .list h2 a:visited {
    display: block;
    border-bottom: 1px solid #93787D;
    margin-left: 0.7em;
    color: white;
    text-decoration: none;
}
.list h2 a:hover, .list h2 a:visited:hover {
    display: block;
    border-bottom: 1px solid #FFC502;
    margin-left: 0.7em;
    color: #FFC502;
    text-decoration: none;
}

/** Post **/
.post {
    position: relative;
}
.entry {
    margin: 20px;
}
.entry .entry-sidebar {
    float: right;
    margin: 0.5em 0em 0.5em 0.5em;
}
.postmetadata {
    font-size: x-small;
}

/** Featured post **/
.post.featured {
    margin: 0;
    padding: 0;
    width: 460px;
    height: 300px;
}
.post.featured.youtube {
    height: auto;
    background-color: black;
    text-align: center;
}
.title-insert { background: transparent url('images/background-container.png') left top; bottom: 0; left: 0; position: absolute; right: 0; width: 100%; z-index: 1; }
        .title-insert h2 { font: bold 2em Calibri, Verdana, Helvetica, sans-serif; margin: 5pt 10pt 0pt 10pt; }
        .title-insert p { margin: 3pt 10pt 10pt 10pt; font-size: 80%; }
	.title-insert a { color: white; display: block; text-decoration: none; }
		.title-insert a:hover { color: #FFC502; }
#latestPosts .entry-title {
    display: none;
}

/** Sticky posts **/
ul.stickyposts {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul.stickyposts li {
    display: inline;
}
ul.stickyposts li.odd a {
    margin-right: 20px;
}
ul.stickyposts a {
    display: block;
    float: left;
    margin-top: 20px;
    width: 220px;
}

/** Posts in archive **/
ul.archiveposts {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul.archiveposts li {
    display: inline;
}
ul.archiveposts li a, ul.archiveposts li a:visited {
    border-bottom: solid 0.1em black;
    display: block;
    margin-top: 0.1em;
    padding: 0.5em 0.5em 0.4em 0.5em;
    background-color: black;
    color: white;
    font-size: 1.1em;
    text-decoration: none;
}
ul.archiveposts li a:visited {
    color: #CFCFCF;
}
ul.archiveposts li a:hover, ul.archiveposts li a:visited:hover {
    border-color: #FFC502;
    color: #FFC502;
    text-decoration: none;
}

/** Shoutbox **/
#shoutbox {
    margin-top: -10px;
    padding: 0 20px 10px 20px;
    background-color: black;
    font: normal 0.9em Verdana, Helvetica, sans-serif;
}
ol.commentlist {
    height: 455px;
    list-style-type: none;
    margin: 10px 0;
    overflow: auto;
    padding: 0 10px 0 0;
    position: relative;
    top: -10px;
}
ol.commentlist .comment-body {
    margin: 5px 0 10px 0;
    padding: 5px 7px 1px 7px;
    background: white url('images/background-comment-shoutbox.png') left top no-repeat;
    color: black;
}
ol.commentlist .comment-body p {
    margin-bottom: 5px;
}
ol.commentlist .comment-body .edit-link {
    float: right;
    margin: 0 2px;
    padding: 2pt 3pt;
    background-color: white;
    font-size: 0.8em;
}
ol.commentlist li.bypostauthor .comment-body {
    background-color: #FFC502;
    font-weight: bold;
}
ol.commentlist .comment-author {
    display: inline;
}
ol.commentlist .comment-author cite {
    font-style: normal;
}
ol.commentlist .comment-author a {
    color: inherit;
    text-decoration: none;
}
ol.commentlist .comment-author a:hover {
    color: inherit;
    text-decoration: underline;
}
ol.commentlist .comment-date {
    display: inline;
    color: #58636E;
    font-size: 0.8em;
}
#commentform textarea {
    width: 100%;
}

/** Footer **/
#footer {
    border-bottom: 2px solid black;
    border-top: 0 solid black;
    margin-bottom: 3em;
    padding-top: 2em;
    padding-bottom: 1.5em;
    /*background: transparent url('images/background-footer.png') left top repeat-x;*/
    background: transparent url('images/background-container.png') left top repeat;
    font-size: 0.8em;
}
#footer h3 {
}
#footer h3 span {
    border-left: 1px solid #FFC502;
    padding: 0.1em 1em 0.1em 0.5em;
    background-color: black;
}
#footer ul {
    margin-left: -0.3em;
    list-style-type: circle;
}
#footer ul a {
    color: white;
    line-height: 1.5em;
    text-decoration: none;
}
#footer ul a:hover {
    color: #FFC502;
    text-decoration: underline;
}