/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    body {
        overflow-x: hidden;
        overflow-y: scroll;
    }
    #wrapper-1 {
        float: none;
        overflow: hidden;
        width: 750px;
    }
    #wrapper-2 {
        float: none;
        margin: 0 auto;
        width: 100%;
    }
    #header {
        width: 100%;
    }
    #top {
        width: 100%;
    }
    #main {
        width: 100%;
    }
    #content {
		background-size: 99.7% auto;
		float: none;
		width: 100%;
    }
    .post {
        width: 95%;
        float: none;
        left: 0;
        margin: 0 auto;
    }
    .post .image {
        width: 100%;
    }
	#sidebar-banner {
        float: none;
        width: 100%;
		text-align:center;
		margin-bottom: 15px;
    }
    #sidebar {
        float: none;
        width: 100%;
    }
    #sidebar .inner {
        overflow: hidden;
        width: 100%;
    }
    #footer {
        width: 100%;
    }
	.post .image .shadow {
	  width: 100%;
	}
	.post H2 {
	  margin: 20px 0 10px;
	}
}
/* Mobile Layout: 320px. */

@media only screen and (max-width: 479px) {
    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    body {
        overflow-x: hidden;
        overflow-y: scroll;
    }
    #wrapper-1 {
        float: none;
        overflow: hidden;
        width: 95%;
    }
    #wrapper-2 {
        float: none;
        margin: 0 auto;
        width: 100%;
    }
    #header {
        background-size: 100% auto;
        height: 140px;
        width: 100%;
    }
    #top {
        width: 100%;
    }
    #main {
        width: 100%;
    }
    #content {
        background-size: 99% auto;
        float: none;
        width: 100%;
    }
    .post {
        width: 95%;
        float: none;
        left: 0;
        margin: 0 auto;
    }
    .post .image {
        width: 100%;
    }
	#sidebar-banner {
        float: none;
        width: 100%;
		text-align:center;
		margin-bottom: 15px;
    }
    #sidebar {
        float: none;
        width: 100%;
    }
    #sidebar .inner {
        overflow: hidden;
        width: 100%;
    }
    #footer {
        width: 100%;
    }
	.post .image .shadow {
	  background-size: 100% auto;
	  width: 100%;
	}
    .post .image IMG {
        max-width: 100%;
    }
	#content H1 {
	  background: #6799cc none repeat scroll 0 0;
	}
	.post H2 {
	  margin: 20px 0 10px;
	}
}
/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    body {
        overflow-x: hidden;
        overflow-y: scroll;
    }
    #wrapper-1 {
        float: none;
        overflow: hidden;
        width: 450px;
    }
    #wrapper-2 {
        float: none;
        margin: 0 auto;
        width: 100%;
    }
    #header {
        background-size: 100% auto;
        height: 140px;
        width: 100%;
    }
    #top {
        width: 100%;
    }
    #main {
        width: 100%;
    }
    #content {
        background-size: 99% auto;
        float: none;
        width: 100%;
    }
    .post {
        width: 95%;
        float: none;
        left: 0;
        margin: 0 auto;
    }
    .post .image {
        width: 100%;
    }
	#sidebar-banner {
        float: none;
        width: 100%;
		text-align:center;
		margin-bottom: 15px;
    }
    #sidebar {
        float: none;
        width: 100%;
    }
    #sidebar .inner {
        overflow: hidden;
        width: 100%;
    }
    #footer {
        width: 100%;
    }
	.post .image .shadow {
	  background-size: 100% auto;
	  width: 100%;
	}
    .post .image IMG {
        max-width: 100%;
    }
	#content H1 {
	  background: #6799cc none repeat scroll 0 0;
	}
	.post H2 {
	  margin: 20px 0 10px;
	}
}