/* ===========================
   ======= Content Area ====== 
   =========================== */
.mainContent a:link, .mainContent  a:visited {
	/*color: #6d3f13;
	padding: 0 1px;
	text-decoration: none;*/
}

.mainContent  a:hover, .mainContent a:active {
	/*background-color: #efd6bd;*/
	color: #222;
	text-decoration: none;
}
.mainContent {
	overflow: hidden;
}

.topcontent {
    background-color: #FFF;
    /*width: 100%;*/
    border: 1px solid #f1f1f1;
    border-bottom: 10px solid #f1f1f1;
}

.topcontentAdmin {
	background-color: #FFF;
    padding: 1% 3%;
    margin:  0;
    border-bottom: 10px solid #f1f1f1;
}


.bottomcontent {
	background-color: #FFF;	
	padding: 1% 3%;
	border: 1px solid #f1f1f1;
    border-bottom: 10px solid #f1f1f1;

}

.content {
	width: 68%;
	float: left;
    min-height: 600px;
}

.contentAdmin {
	width: 100%;
	float: left;
    min-height: 500px;
}
.contentlink {
    color: #999;
}
    
.post-info {
	font-style: italic;
	color: #999;
	font-size: 85%;
    margin-bottom: 10px;
}

/* ===========================
   ====== Media Queries ====== 
   =========================== */

@media only screen and (min-width : 150px) and (max-width : 780px)
{

	.mainContent {
		overflow: hidden;
		line-height: 25px;
		margin-top: 0;
		margin-bottom: 2%;
	}
	
	.topcontent {
		background-color: #FFF;
		padding: 1%;
        width: 97%;
		margin-bottom: 4%;
	}
	
	.bottomcontent {
		background-color: #FFF;	
		padding: 2% 5%;
	}
	
	.content {
        margin-top: 10px;
		width: 100%;
		float: left;
	}	

	.post-info {
		display: none;
	}
    .content {
        min-height: 200px;
    }

}