@charset "utf-8";
/* CSS Document */

#blog-header {
    width: 1140px;
	margin-top: 300px;
	padding:0;
}

#blog-header.no-pic {
    padding-top: 0;
}

.blog-posts-content {
    margin-bottom: 0;
}

#blog .container {
    margin-bottom: 560px;
	background-image: url("../img/curl.jpg"), url("../img/ad/bf4/poly2.jpg");
}

#logo:before {
    border-bottom: 0 solid transparent;
    border-left: 32px solid #c31400;
	border-right: none;
    border-top: 32px solid transparent;
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    right: -32px;
}

#blog-header.game {
    padding: 0 0 32px;
}

.listing {
	float:left;
}

.post-content .db .navbox {
    margin-top: 0;
    padding-bottom: 40px;
    padding-top: 0;
    width: 100%;
	font-size: 0.9em;
	border-bottom:none;
	margin-bottom: 0;
}

.post-content .db .navbox li {
    display: inline-block;
    list-style: outside none none;
    margin: 5px 2px 0;
}

.db.accordion .one_half {
	width:49.5% !important;
	margin:0 !important;
}

.db.accordion .one_fifth {
	width:19.5% !important;
	margin:0 !important;
}

.db .accordion-title {	
	font-size: 2em;
}

.db .accordion-content {
	float:right;
	width:100%;
}

.db .accordion-title img {
    background-color: #222;
}

.db .one_half img {
    margin:10px 0 0;
	width: 100%;
}

.db table {
	text-align:center;
}

.db table th {
	font-size:0.5em;
}

.db table td {
    padding: 10px 0;
	text-align:center;
}

.db table img {
    max-width: 100px;
	margin:0 0 6px;
}

.db table tr td:first-child {
    background-color: #444444;
    font-family: "Exo2Bold";
    font-size: 1em;
	text-align:center;
}

.db table tr.active td:first-child {
	background-color:transparent;
}

.db table tr td:first-child a {
	text-decoration:none;
}

.db table tr td:first-child h6 {
	color:#fff;
}

/*---Branding bg---*/

body {
	background: #361d5e none repeat scroll center top;
}

/*---Branding top pic---*/

.branding {
	background: transparent url("../img/ad/lesta3/lesta3.jpg") no-repeat scroll center top;
}

@media only screen and (max-width: 1300px) {

#blog-header {
	width: 980px !important
}
	
.db.accordion .one_fifth {
	width:19.4% !important;
}

body {
	background-size:100% auto;
}

#blog .container {
    margin-bottom: 340px;
}

}

@media only screen and (max-width: 1024px) {

#blog-header {
	width: 720px !important;
	margin-top:160px;
}
	
.nav-collapse, .nav-collapse.collapse {
    background: #fff none repeat scroll 0 0;
}

.branding {
	background-size:100% auto;
	background-position: center 0;
}

#blog .container {
    margin-bottom: 300px;
}
	
}

@media only screen and (max-width: 767px) {

#blog-header {
	width: 580px!important;
	margin-top:150px;
}
	
.db.accordion .one_fifth {
	width:19.2% !important;
}

#blog .container {
    margin-bottom: 200px;
}	
	
}

@media only screen and (max-width: 599px) {

	#blog-header {
		width: 530px!important;
	}
	
}

@media only screen and (max-width: 550px) {
	
	#blog-header {
		width: 460px!important;	
		margin-top: 140px;
	}

.db .accordion-title {
    font-size: 1.5em;
}

.db.accordion .one_fifth {
	width:19% !important;
}

#blog .container {
    margin-bottom: 150px;
}

}

@media only screen and (max-width: 479px) {
	
	#blog-header {
		width: 340px!important;
		margin-top: 130px;		
	}
	
.db.accordion .one_half {
    width: 49% !important;
}
	
.db.accordion .one_fifth {
	width:32.4% !important;
}

.branding {
	background-position: center 61px;
}

#blog .container {
    margin-bottom: 120px;
}	

}

@media only screen and (max-width: 359px) {

	#blog-header {
		width: 300px!important;
	}
	
.db.accordion .one_half {
    width: 100% !important;
}
	
.db.accordion .one_fifth {
	width:32% !important;
}

.branding {
	background-position: center 67px;
}

}