/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
	height: 14em;
	overflow: hidden;
	
	background: #3b83f9;
	

	
	-webkit-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;

}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

.trans {
	background: transparent !important;
}

.unlimited {
height: auto !important;
}

.img_fix {
background: transparent !important;
}


/*  COMMENTS   ==================================================================== */

@media only screen and (min-width:901px) and (max-width:1100px) {
	
#respond textarea {
	width: 91%;
}

.commentlist .avatar {
	left: -87px;
}

}

@media only screen and (min-width:801px) and (max-width:900px) {
	
#respond textarea {
	width: 89%;
}

.commentlist .avatar {
	left: -80px;
}

}

@media only screen and (min-width:701px) and (max-width:800px) {
	
#respond textarea {
	width: 88%;
}

.commentlist .avatar {
	left: -75px;
}

}

@media only screen and (min-width:641px) and (max-width:700px) {
	
#respond textarea {
	width: 86%;
}

.commentlist .avatar {
	left: -70px;
}

}

@media only screen and (min-width:541px) and (max-width:640px) {
	
#respond textarea {
	width: 90%;
}

.commentlist .avatar {
	left: -80px;
}

}

@media only screen and (min-width:441px) and (max-width:540px) {
	
#respond textarea {
	width: 88%;
}

.commentlist .avatar {
	left: -70px;
}

}

@media only screen and (max-width:440px) {
	
#respond textarea {
	width: 88%;
}

.commentlist .avatar {
	left: -70px;
}

}



/*  MEDIA QUERIES   ==================================================================== */



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

h1.sitename,
h1.posttitle {
	font-size: 2.5em;
}

#ticker,
.tickertape {
	display: none !important;
}	
}

@media only screen and (min-width:641px) and (max-width: 3000px) {


}


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

.no1000 {
	display: none;
}
	
.r1000 {
	display: block;
}

}



/*  WIDTH OF WHEN TO USE A SINGLE_COLUMN SETUP   ==================================================================== */

@media only screen and (max-width: 640px) {
	
.col { 
	margin: 1% 0 1% 0%;
}

.header_second {
	width: 100%;
}
	
.no640,
#ticker,
.tickertape,
.header_first {
	display: none;
}
	
.r640 {
	display: block;
}

h1.sitename {
	font-size: 3.5em;
}

#subheadcontent {
	text-align: center;
}

.span_1_of_6 .overlay span.overlay_title {
		font-size:1.25em !important; 
	}


	
}