/**
 * Bootstrap 2.3.2 Grid System - Minimal
 *
 * Extracted grid classes for legacy layout compatibility.
 * Contains only container, row, span*, and clearfix classes.
 * No JavaScript components, no full Bootstrap framework.
 *
 * @package DonRosario_Theme
 * @since   2.0.0
 */

/* ==========================================================================
   Clearfix
   ========================================================================== */

.clearfix:before,
.clearfix:after {
	display: table;
	content: "";
	line-height: 0;
}

.clearfix:after {
	clear: both;
}

/* ==========================================================================
   Container
   ========================================================================== */

.container {
	margin-right: auto;
	margin-left: auto;
	width: 940px;
}

.container-fluid {
	padding-right: 20px;
	padding-left: 20px;
}

/* ==========================================================================
   Row
   ========================================================================== */

.row {
	margin-left: -20px;
}

.row:before,
.row:after {
	display: table;
	content: "";
	line-height: 0;
}

.row:after {
	clear: both;
}

/* ==========================================================================
   Spans (Columns)
   ========================================================================== */

[class*="span"] {
	float: left;
	min-height: 1px;
	margin-left: 20px;
}

.span12 {
	width: 940px;
}

.span11 {
	width: 860px;
}

.span10 {
	width: 780px;
}

.span9 {
	width: 700px;
}

.span8 {
	width: 620px;
}

.span7 {
	width: 540px;
}

.span6 {
	width: 460px;
}

.span5 {
	width: 380px;
}

.span4 {
	width: 300px;
}

.span3 {
	width: 220px;
}

.span2 {
	width: 140px;
}

.span1 {
	width: 60px;
}

/* ==========================================================================
   Offsets
   ========================================================================== */

.offset12 {
	margin-left: 980px;
}

.offset11 {
	margin-left: 900px;
}

.offset10 {
	margin-left: 820px;
}

.offset9 {
	margin-left: 740px;
}

.offset8 {
	margin-left: 660px;
}

.offset7 {
	margin-left: 580px;
}

.offset6 {
	margin-left: 500px;
}

.offset5 {
	margin-left: 420px;
}

.offset4 {
	margin-left: 340px;
}

.offset3 {
	margin-left: 260px;
}

.offset2 {
	margin-left: 180px;
}

.offset1 {
	margin-left: 100px;
}

/* ==========================================================================
   Utility Classes
   ========================================================================== */

.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

/* ==========================================================================
   Responsive - Tablet and below
   ========================================================================== */

@media (max-width: 979px) {
	.container {
		width: auto;
	}

	.row {
		margin-left: 0;
	}

	[class*="span"] {
		float: none;
		display: block;
		width: auto;
		margin-left: 0;
	}

	.offset12,
	.offset11,
	.offset10,
	.offset9,
	.offset8,
	.offset7,
	.offset6,
	.offset5,
	.offset4,
	.offset3,
	.offset2,
	.offset1 {
		margin-left: 0;
	}
}

/* ==========================================================================
   Responsive - Phone
   ========================================================================== */

@media (max-width: 767px) {
	.container {
		padding-left: 20px;
		padding-right: 20px;
	}
}