/*   
Theme Name: K.J. Holmes Theme 2
Theme URI: http://kjholmes.info
Description: WordPress Theme template -- WordPress v3.0.1
Author: Rob for K.J.
Version: 1
Template:twentythirteen
*/


.site-header {
	/* height: 84px; carefull */
	/* width: 1000px; */
}

.site-header .home-link {
    min-height: 83px;
}
.site-title {
    font-size: 36px;
    color:white;
    padding: 30px 0 0px 50px;
}

.hentry {
	padding: 10px 0;
}

.homie{
    height:1400px;
    background-image:url('http://kjholmes.info/wp-content/uploads/2014/05/kj_home_bg.jpg');
} 

#masthead-home{background-image:none;}
div.site-main {
	/*
	margin-left: 42px;
    margin-top: 20px;
    width: 1080px;
    */
    position: relative;
    margin-left: auto; 
    margin-right: auto; 
    margin-top: 20px;
    width: 1080px;
}

div.site-main-left {
    margin-left: 100px;
    margin-top: 20px;
    width: 1000px;
}

div.entry-content-page{
    margin: 0 auto;
    max-width: 1080px;
    width: 100%;
}

div.class_promo {width:850px;background-color:#f8f2d5;padding:10px 20px 20px 20px;margin-bottom:20px;overflow:auto;}


h1#page-title	{
	font-size: 36px;
    margin: 20px 0;
}
h2 {	font-size: 24px;}
h2.promo {margin:6px 0px 20px 0;}

div.blog_area article{
    border-bottom: 2px dotted #ccc;
    display: block;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

div.blog_featured_image{
    padding-bottom:20px;
}

.site-footer {
    margin-top:80px;
    height: 50px;
    padding-top:15px;
    padding-left: 50px;
}

.blog_post_content{
    float:left;
    width:600px;
}

.cf:before, .cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.cf:after {
    clear: both;
}

.site-footer{
    clear:both;
}
.blog-primary{
    width:600px;
    float:left; 
    padding-left:30px;
}
.site-content{
    padding-left:30px;
}
@media only screen and (min-width: 320px){
    .polaroid figure {
    margin: 0 auto 50px;
    padding: 10px;
    background: rgb(252,252,252);
    background: -moz-linear-gradient(-45deg, rgba(252,252,252,1) 0%, rgba(244,244,244,1) 17%, rgba(246,246,246,1) 32%, rgba(244,244,244,1) 39%, rgba(240,240,240,1) 61%, rgba(238,238,238,1) 100%, rgba(231,231,231,1) 100%, rgba(218,218,218,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(252,252,252,1) 0%,rgba(244,244,244,1) 17%,rgba(246,246,246,1) 32%,rgba(244,244,244,1) 39%,rgba(240,240,240,1) 61%,rgba(238,238,238,1) 100%,rgba(231,231,231,1) 100%,rgba(218,218,218,1) 100%);
    background: linear-gradient(135deg, rgba(252,252,252,1) 0%,rgba(244,244,244,1) 17%,rgba(246,246,246,1) 32%,rgba(244,244,244,1) 39%,rgba(240,240,240,1) 61%,rgba(238,238,238,1) 100%,rgba(231,231,231,1) 100%,rgba(218,218,218,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#dadada',GradientType=1 );
    -webkit-box-shadow: 3px 3px 23px 0px rgba(183,183,183,0.76);
    -moz-box-shadow: 3px 3px 23px 0px rgba(183,183,183,0.76);
    box-shadow: 3px 3px 23px 0px rgba(183,183,183,0.76);
    /* float: left; */
    width: initial;
    height: 110px;
    margin: initial;
    border-radius: 5px;
    }
    figure.vid_in_text {
    width: 300px;
    height: 220px;
    text-align: center;
    }

}

@media only screen and (min-width: 480px){
   /*.polaroid figure {
    padding: 10px 10px 10px 20px;
    background: rgb(252,252,252);
    background: -moz-linear-gradient(-45deg, rgba(252,252,252,1) 0%, rgba(244,244,244,1) 17%, rgba(246,246,246,1) 32%, rgba(244,244,244,1) 39%, rgba(240,240,240,1) 61%, rgba(238,238,238,1) 100%, rgba(231,231,231,1) 100%, rgba(218,218,218,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(252,252,252,1) 0%,rgba(244,244,244,1) 17%,rgba(246,246,246,1) 32%,rgba(244,244,244,1) 39%,rgba(240,240,240,1) 61%,rgba(238,238,238,1) 100%,rgba(231,231,231,1) 100%,rgba(218,218,218,1) 100%);
    background: linear-gradient(135deg, rgba(252,252,252,1) 0%,rgba(244,244,244,1) 17%,rgba(246,246,246,1) 32%,rgba(244,244,244,1) 39%,rgba(240,240,240,1) 61%,rgba(238,238,238,1) 100%,rgba(231,231,231,1) 100%,rgba(218,218,218,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#dadada',GradientType=1 );
    -webkit-box-shadow: 3px 3px 23px 0px rgba(183,183,183,0.76);
    -moz-box-shadow: 3px 3px 23px 0px rgba(183,183,183,0.76);
    box-shadow: 3px 3px 23px 0px rgba(183,183,183,0.76);
    /* float: left; */
    width: 190px;
    height: 180px;
    margin: 0 auto 20px;
    border-radius: 5px;
    } */
}

@media only screen and (min-width: 660px){
   .polaroid figure.vid_in_text {
    width: 350px;
    height: 242px;
    margin: 0 auto 20px;
    } 
    .polaroid figure {
    padding: 10px 10px 10px 20px;
    width: 250px;
    height: 200px;
    margin: 0 auto 20px;
    border-radius: 5px;
    }
}


@media only screen and (min-width: 768px){
   .polaroid figure {
    padding: 20px 10px 10px 20px;
    width: 325px;
    height: 284px;
    margin: 0 auto 20px;
    border-radius: 5px;
    } 
}


@media only screen and (max-width: 777px) {
    div.site-main{
      width: 700px;
    }

}

@media only screen and (min-width: 992px){
    .polaroid figure {
        padding: 10px 0 0 0;
        background: rgb(252,252,252);
        background: -moz-linear-gradient(-45deg, rgba(252,252,252,1) 0%, rgba(244,244,244,1) 17%, rgba(246,246,246,1) 32%, rgba(244,244,244,1) 39%, rgba(240,240,240,1) 61%, rgba(238,238,238,1) 100%, rgba(231,231,231,1) 100%, rgba(218,218,218,1) 100%);
        background: -webkit-linear-gradient(-45deg, rgba(252,252,252,1) 0%,rgba(244,244,244,1) 17%,rgba(246,246,246,1) 32%,rgba(244,244,244,1) 39%,rgba(240,240,240,1) 61%,rgba(238,238,238,1) 100%,rgba(231,231,231,1) 100%,rgba(218,218,218,1) 100%);
        background: linear-gradient(135deg, rgba(252,252,252,1) 0%,rgba(244,244,244,1) 17%,rgba(246,246,246,1) 32%,rgba(244,244,244,1) 39%,rgba(240,240,240,1) 61%,rgba(238,238,238,1) 100%,rgba(231,231,231,1) 100%,rgba(218,218,218,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#dadada',GradientType=1 );
        -webkit-box-shadow: 3px 3px 23px 0px rgba(183,183,183,0.76);
        -moz-box-shadow: 3px 3px 23px 0px rgba(183,183,183,0.76);
        box-shadow: 3px 3px 23px 0px rgba(183,183,183,0.76);
        /* float: left; */
        width: 272px;
        height: 270px;
        margin: 0 auto 50px;
        border-radius: 5px;
    }
}