/*
    Theme Name: Joy Demorra
    Theme URI: http://www.joydemorra.com
    Author: Joy Demorra
    Description: WP theme for www.joydemorra.com
*/
/*@import url('./css/bootstrap-theme.css'); !*26KB*!*/
@import url('./css/bootstrap.css'); /* 143KB */
/*@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css');*/

body {
    font-family: Arial, sans-serif;
    fort-size: 14px;
    color: white;
    /*background-color: rgba(41, 40, 41, 0.96);*/
    background-color: black;
    /*margin: 20px;*/
}

a:link,
a:visited {
    color: #6a71cd;
    text-decoration: none;
}
a:hover {
    color: #be7160;
    text-decoration: none;
}

div.bib-container {
    max-width: 960px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

/*div.joy-banner {*/
    /*background-image: url("inc/JoyDemorraBanner.png");*/
    /*background-size: cover;*/
    /*height: 476px;*/
    /*width: 100%;*/
/*}*/

img.bg {
    /* Set rules to fill background */
    min-height: 100%;
    /*min-width: 1024px;*/

    /* Set up proportionate scaling */
    width: 100%;
    height: auto;

    /* Set up positioning */
    /*position: fixed;*/
    top: 0;
    left: 0;
}

/*@media screen and (max-width: 1024px) { !* Specific to this particular image *!*/
    /*img.bg {*/
        /*left: 50%;*/
        /*margin-left: -512px;   !* 50% *!*/
    /*}*/
/*}*/










/* Header */
.site-header {
    border-bottom: 2px solid #531e6f;
}
.bib-head-img {
    /*max-width: 80%;*/
    max-height: 300px;
    margin-left: auto;
    margin-right: auto;
}

/* Footer */
.site-footer {
    margin-top: 30px;
    border-top: 2px solid #531e6f;
    background-color: #531e6f;
}

/* Posts */
article.post {
    border-bottom: 1px dotted #531e6f;
}
article.post:last-of-type {
    border-bottom: none;
}

/* Navigation Menus */
.site-nav ul {
    margin: 0;
    padding: 0;
}

.site-nav ul:before,
.site-nav ul:after {
    content: "";
    display: table;
}
.site-nav ul:after {
    clear: both;
}
.site-nav ul {
    *zoom: 1;
}
.site-nav ul li {
    list-style-type: none;
    float: left;
}

/* Site Header Menu */
.site-header nav ul li {
    margin-right: 5px;
}

.site-header nav ul li a:link,
.site-header nav ul li a:visited {
    display: block;
    padding: 10px 18px;
    border: 1px solid #531e6f;
    background-color: #531e6f;
    border-bottom: none;
    text-decoration: none;
    color: white;
}
.site-header nav ul li a:hover {
    background-color: #be7160;
    border: 1px solid #be7160;
    color: white;
    border-bottom: none;
    text-decoration: none;
}
.site-header nav ul li.current-menu-item a:link,
.site-header nav ul li.current-menu-item a:visited {
    background-color: #be7160;
    border: 1px solid #be7160;
    color: white;
    border-bottom: none;
    text-decoration: none;
}

/* Side Sidebar menu */
.site-sidebar nav ul li {
    margin-right: 5px;
    /*list-style-type: none;*/
    float: none;
    margin-bottom: 5px;
}

.site-sidebar nav ul li a:link,
.site-sidebar nav ul li a:visited {
    display: block;
    padding: 10px 18px;
    border: 1px solid #531e6f;
    background-color: #531e6f;
    border-bottom: none;
    text-decoration: none;
    color: white;
}
.site-sidebar nav ul li a:hover {
    background-color: #be7160;
    border: 1px solid #be7160;
    color: white;
    border-bottom: none;
    text-decoration: none;
}
.site-sidebar nav ul li.current-menu-item a:link,
.site-sidebar nav ul li.current-menu-item a:visited {
    background-color: #be7160;
    border: 1px solid #be7160;
    color: white;
    border-bottom: none;
    text-decoration: none;
}


/* Site Footer Menu */
.site-footer nav ul li {
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px dotted #531e6f;
    text-decoration: none;
}

/* Page Layout */
article.page h2 {
    font-size: 300%;
}

/*Post Styles*/
.post h2 {
    margin-bottom: 0px;
}

p.post-info {
    font-size: 87%;
    color: #999;
}

p.post-info a:link,
p.post-info a:visited {
    color: #999;
}

p.post-info a:hover {
    color: #be7160;
}

.container {
    width: 90%;
}
.stie-footer {

}