/*
Theme Name: Basic HTML5
Layout: Content-Sidebar
*/


.site-content {
    padding-bottom: 4em;
    background: #f3f3f3 url(../images/cubes.png) repeat; 
	/*hsl(201, 100%, 98%)*/
}
.single .site-content,
.page .site-content { 
    background: #fff; 
    background: hsl(0, 0%, 100%);
}

.site-content .widget-area {
	/*float: right;
	overflow: hidden;
	width: 25%;*/
	width:380px;
	float:right;
	padding:4rem;
	background:#ffffff;
}

.site-footer {
	clear: both;
	width: 100%;
}

.entry-header,
.category .page-header,
.archive  .page-header,
.search .page-header,
.entry-content,
.entry-summary,
.entry-footer,
.tag-links,
.post-navigation,
.comments-area,
.paging-navigation{
	position:relative;
	max-width:680px;/*780*/
	max-width:68rem;
	padding:0 4rem;
	margin:0 auto;
}

.index-box {
    max-width: 780px;
    max-width: 78rem;
    padding: 2em 0 2em;
    margin: 0 auto 2em;
    background: #fff;
    background: hsl(0, 0%, 100%);
}

.index-box blockquote.alignleft,
.index-box blockquote.alignright {
    background: #fff;
    background: hsl(0, 0%, 100%);
    border: none;
}

@media screen and (min-width: 1160px){

	.content-area {
		float: left;
		/*margin: 0 -25% 0 0;*/
		width: calc(100% - 380px);
	}

}

@media screen and (max-width: 1159px){
	
	.site-content .widget-area {
		width:auto;
		max-width:780px;
		float:none;
		margin:1em auto 0;
	}	
	
}

.paging-navigation {
    padding-top: 1em;
    padding-bottom: 1em;
    margin-bottom: 2em;
    list-style-type: none;
    background: #fff;
}