/* The Grid ---------------------- */
.row { width: 940px; max-width: 100%; min-width: 768px; margin: 0 auto; }

.column, .columns { /*float: left;*/ min-height: 1px; padding: 0 15px; position: relative; }
/*
.column.centered, .columns.centered { float: none; margin: 0 auto; }
*/

.seven, .row .seven { width: 58.33333%; }
.content, .row .content {  width: 58.33333%; /*width: 518px; */}

.full, .row .full { width: 100%; }

/* Nicolas Gallagher's micro clearfix */
/* ### ??? ###
.row { *zoom: 1; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }
 */
/* ### ??? ### */

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

/* Small Devices ------------ */
@media only screen and (max-width: 479px) { 
	.row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
	.columns { width: auto !important; float: none; }
	
	p { 
		background:rgb(250,250,250);
		background:rgba(250,250,250,0.7);
		padding: 10px;
	}
}

/* iPhone - Landscape Devices ------------ */
@media only screen and (max-width: 767px) {
	.row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
	/*
		.columns { width: auto !important; float: none; }
*/
}

/* Screen-Oriantation Devices ------------ */
/* ### ONLY for DeBug needed ###
@media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: inherit !important; }
  .hide-for-landscape, .show-for-portrait { display: none !important; } }
@media screen and (orientation: portrait) { .show-for-portrait, .hide-for-landscape { display: inherit !important; }
  .hide-for-portrait, .show-for-landscape { display: none !important; } }
 */