/*
Theme Name: Secrets of Grindea
Theme URI: http://finejeez.nl/secretsofgrindea
Description: The theme for the Secrets of Grindea site
Author: stevuu
Author URI: http://finejeez.nl/
Version: 1.0
Tags: blue, brown
*/

/* Site-wide settings */
* {
    /*padding: 0px;
    margin: 0px;*/
    font-family: Verdana, sans-serif;
}

img {
    border: 0;
}

html {
    background: #68acc9;
    overflow-y: scroll;
}

#menu {
    height: 47px;
    padding-top: 148px;
    text-align: center;
}

#menu .item {
    display: inline-block;
    margin: 0 10px;
}

.edited-content p {
    margin-bottom: 15px;
}

.edited-content a {
    text-decoration: underline;
    color: black;
}

#footer a {
    text-decoration: none;
    color: black;
}

.navi a {
    text-decoration: none;
    color: black;
}

.cloud {
    position: absolute;
    z-index: -1;
}

#social {
    float: left;
    width: 32px;
    padding-left: 5px;
    margin-top: 10px;
}

#container {
    width: 981px;
    margin: 0 auto;
}

.edited-content li {
    margin-bottom: 14px;
}

.aligncenter {
	text-align: center;
	margin: 0 auto;
	display: block;
}

/* Page-type settings */
#page-container {
    width: 944px;
    float: left;
}

#page-container #header {
    height: 215px;
    background: url(images/page-header.png);
}

#page-container #content {
    background: url(images/page-background.png);
    padding: 15px;
    font-size: small;
    color: #33220f;
    text-shadow: #cda67c 1px 1px 1px;
}

#page-container #prefooter {
    background: url(images/page-footer.png) no-repeat;
    text-align: center;
    font-size: x-small;
    height: 9px;
}

#page-container #footer {
    margin-top: 2px;
    margin-bottom: 20px;
    text-align: center;
    font-size: x-small;
}

#page-container #content .post {
    width: 609px;
    margin: 0 auto;
}

#page-container #content .post .header-header {
    float: left;
    height: 35px;
    width: 29px;
    background: url(images/post-header-header.png);
}

#page-container #content .post .header {
    float: left;
    width: 551px;
    height: 35px;
    background: url(images/post-header.png) repeat-x;
    color: #f2e7c8;
    text-shadow: #33220f 1px 1px 1px;
    font-weight: normal;
    font-size: 18px;
    text-align: center;
    line-height: 35px;
    vertical-align: middle;
}

#page-container #content .post .header a {
    color: #f2e7c8;
    text-shadow: #33220f 1px 1px 1px;
    text-decoration: none;
}

#page-container #content .post .header-footer {
    float: left;
    height: 35px;
    width: 29px;
    background: url(images/post-header-footer.png);
}

#page-container #content .post .post-content {
    padding: 5px;
    margin: 0px 25px;
    background: #b8a582;
    border-left: #774c23 1px solid;
    border-right: #774c23 1px solid;
    border-bottom: #774c23 1px solid;
}

#page-container #content .post .post-shadow {
    margin-bottom: 15px;
    height: 3px;
    width: 590px;
    background: url(images/post-shadow.png);
}

#page-container .screenshot {
    float: left;
    width: 176px;
    height: 99px;
    margin: 2px;
    border: 1px solid #444;
}

#page-container .video {
    border: 1px solid #444;
    margin-bottom: 5px;
}

#page-container .video-screenshot {
    float: left;
    width: 100px;
    height: 100px;
    margin: 2px;
    border: 1px solid #444;
}

#page-container .video-meta {
    float: left;
    height: 100px;
    width: 430px;
    margin: 2px;
}

/* Blog-type settings */
#blog-container {
    float: left;
    width: 944px;
}

#blog-container #header {
    height: 215px;
    background: url(images/blog-header01.png);
}

#blog-container #content {
    background: url(images/blog-background.png);
    font-size: small;
}

#blog-container #content #posts {
    padding: 15px 60px 15px 60px;
    float: left;
    width: 609px;
    color: #33220f;
    text-shadow: #cda67c 1px 1px 1px;
}

#blog-container #content #posts .post .header-header {
    float: left;
    height: 35px;
    width: 29px;
    background: url(images/post-header-header.png);
}

#blog-container #content #posts .post .header {
    float: left;
    width: 551px;
    height: 35px;
    background: url(images/post-header.png) repeat-x;
    color: #f2e7c8;
    text-shadow: #33220f 1px 1px 1px;
    font-weight: normal;
    font-size: 18px;
    text-align: center;
    line-height: 35px;
    vertical-align: middle;
}

#blog-container #content #posts .post .header a {
    color: #f2e7c8;
    text-shadow: #33220f 1px 1px 1px;
    text-decoration: none;
}

#blog-container #content #posts .post .header-footer {
    float: left;
    height: 35px;
    width: 29px;
    background: url(images/post-header-footer.png);
}

#blog-container #content #posts .post .post-content {
    padding: 5px;
    margin: 0px 25px;
    background: #b8a582;
    border-left: #774c23 1px solid;
    border-right: #774c23 1px solid;
    border-bottom: #774c23 1px solid;
}

#blog-container #content #posts .post .post-shadow {
    margin-bottom: 5px;
    height: 3px;
    width: 590px;
    background: url(images/post-shadow.png);
}

#blog-container #content #posts .post .post-meta {
    padding: 5px;
    margin: 0px 25px;
    background: #a08d6b;
    border: #774c23 1px solid;
}

#blog-container #content #posts .post .post-meta a {
    color: black;
    text-decoration: underline;
}

#blog-container #content #sidebar {
    float: left;
    width: 210px;
    color: #33220f;
    text-shadow: #cda67c 1px 1px 1px;
}

#blog-container #content #sidebar a {
    color: black;
    text-decoration: underline;
}

#blog-container #content #sidebar h1 {
    color: #f2e7c8;
    text-shadow: #33220f 1px 1px 1px;
    margin-top: 15px;
    font-weight: normal;
    font-size: 16px;
    text-align: center;
    line-height: 28px;
    vertical-align: middle;
    height: 28px;
    width: 210px;
    background: url(images/sidebar-header.png);
}

#blog-container #content #sidebar ul {
    padding: 4px;
    list-style-position: inside;
}

#blog-container #content #sidebar p {
    padding: 4px;
}

#blog-container #prefooter {
    background: url(images/blog-footer.png) no-repeat;
    text-align: center;
    font-size: x-small;
    height: 9px;
}

#blog-container #footer {
    margin-top: 2px;
    margin-bottom: 20px;
    text-align: center;
    font-size: x-small;
}

/* Comments */
.comment, #comment-form {
    background: #b8a582;
    padding: 3px;
    margin: 10px 0px;
}

#comment-form input, textarea {
    padding: 3px;
}

.recaptcha-error {
    font-size: 14px;
}

/* Promo */
.promo {
    margin-top: -20px;
    width: 914px;
    background: url(images/promo/promo-art.jpg) no-repeat;
}

.promo-video {
    width: 435px;
    height: 273px;
    padding-top: 60px;
    margin: 0 auto;
}

.promo-video iframe {
    border: 2px solid black;
}