/*
Theme Name: Dark Shadows
Author: Gary Milholland
Description: Sleak, stylish and responsive (so it will work well in mobile too), with some box shadow and text shadow
Version: 1.07
Tags: black, silver, purple, right-sidebar, responsive-layout, fluid-layout   
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

body {
    background-color: black;
    font: 16px arial, sans-serif;
}

.nav-previous, 
.nav-next {
    color: white;
    }

.container {
    width: 90%;
    margin: 0 auto;
    background: black;
    border-radius: 14px;
    padding: 20px;
    display: inline-block;
}

.left-side {
    float: left; 
    width: 75%; 
    overflow: hidden; 
    display: inline-block;    
}

.wp-caption, 
.alignnone {
    max-width: 100%;    
    margin-left: -10px;
}

.wp-caption-text {
    margin-left: 10px;    
}

.wp-image-907 {
    max-width: 99%;    
}


#sidebar {
    display: inline-block;
    width: 20%;
    overflow: hidden;
    border-radius: 14px;
    background-color: #212121;
    padding: 15px;
    float: right;
    word-wrap: break-word;
}

footer {
    width: 90%;
    margin: auto;
    margin-top: 10px;
    background: #000;
    color: #fff;
    padding: 20px;
    border-radius: 14px;
}

nav div ul li {
    display: inline-block;
    border-style: groove;
    border-color: black;
    border-width: 1px;
    padding: 5px;
    border-radius: 10px;
    background-color: #212121;
}

img, 
object, 
video, 
iframe {
    max-width: 98%;
    max-height: 98%;
    padding: 5px 5px 5px 5px;
    margin: 0px 15px 5px 0px;
    box-shadow: 10px 10px 5px #333;
    text-indent: 10px;  
}

img {
    height: auto;  /*maintains aspect ratio when browser window size changes*/    
}


.size-auto, 
.size-large, 
.size-full,
.size-medium, 
.size-thumbnail {
    max-width: 100%;
    width: auto;
    height: auto;
}

.wp-image-904 {
    margin: 0px;
    padding: 0px; 
    width: 150px;
}

#BlogTitle {
    text-shadow: 3px 3px 3px #212121;
}

nav div ul li:hover {
    background-color: black;
}

a{
    color: #6600CC;
    font-family: Verdana;
    text-decoration: none;
}

a:hover {
    color: #32a106;
}

nav div ul a:hover {
    color: #32a106;
    font-family: Verdana;
}

.post-info {
    border-radius: 14px;
    background-color: #212121;
    padding: 15px;
    margin: auto auto 15px auto;
    width: 95%;
    overflow: hidden;
}

.post-info h2 a{
    color: silver;
    text-decoration: none;
    text-indent: 5px;
    text-shadow: 5px 5px 5px #333;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
    text-shadow: 5px 5px 5px #333;
}

.post-time {
    text-indent: 15px;
    line-height: 10%;
    color: silver;
    vertical-align: top;
    margin-top: -15px;
}

header, 
#blog-title, 
nav {
    margin: 0px;    
}
/*WordPress generated classes, these are just the additional stylings used by this theme*/
.wp-caption {
    font-family: Verdana;
}
.wp-caption-text {
    font-size: 9px;
}

.sticky{}

.gallery-caption {
    font-family: Verdana;
}

.bypostauthor {
    font-family: Verdana;    
}

.alignright {
    float: right; 
    margin-left: 10px; 
    margin-bottom: 15px; 
    margin-top: 0px;
 }

.alignleft {
    float: left; 
    margin-right: 15px; 
    margin-bottom: 15px; 
    margin-top: 0px;
}

.aligncenter{
    margin: auto auto auto auto;    
}

/*smaller laptops and some tablets*/
@media (min-width:801px) and (max-width:1000px) {
    
   #sidebar {
    width: 22%;
    }    
   .left-side{
    width: 73%;
    padding-right: 5px;
    }
    
    .wp-caption {
    max-width: 100%;
    width: auto;
    height: auto;
    }
}

/*smartphones*/
@media (max-width:800px) {
   
    #sidebar {
        width: 92%;
        margin: auto;
    }
    
    .container { 
        width: 98%; 
        position: absolute; 
        left: -4%;
    }

    .post-info {
        width: 92%; 
        margin: auto auto 15px auto; 
        overflow: hidden; 
        border-radius: 14px;
    }

    .left-side {
        width: 100%; 
        margin: auto; 
        overflow: hidden; 
        border-radius: 14px;
    }

    .size-full, 
    .wp-image-906 {
        max-width: 97%;
    }
    .align-center, 
    .wp-caption {
        max-width: 97%;
//        width: auto;
        height: auto;
    }
    
}/*end media queries*/

.page {
	    /* styles for all posts within the page class - add on next version of theme */
}
.page-id-2 {
	    /* styles for only page ID number 2 - add on next version of theme */
}
.logged-in {
	    /* styles for all pageviews when the user is logged in - add on next version of theme */
}