/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/


/* Table of Contents:
  1. Base 960 Grid
  2. Clearing
*/



/*==========================================================================
1. Base 960 Grid
===========================================================================*/

.container-12 {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12{
	float: left;
	display: inline;
	margin-left: 10px;
	margin-right: 10px;
}


/* Nested Column Classes
===========================================================================*/

.container-12 .alpha{margin-left: 0;}
.container-12 .omega{margin-right: 0;}

.container-12 .grid-1{width: 60px;}
.container-12 .grid-2{width: 140px;}
.container-12 .grid-3{width: 220px;}
.container-12 .grid-4{width: 300px;}
.container-12 .grid-5{width: 380px;}
.container-12 .grid-6{width: 460px;}
.container-12 .grid-7{width: 540px;}
.container-12 .grid-8{width: 620px;}
.container-12 .grid-9{width: 700px;}
.container-12 .grid-10{width: 780px;}
.container-12 .grid-11{width: 860px;}
.container-12 .grid-12{width: 940px;}


/* Prefix Styles
===========================================================================*/

.container-12 .prefix-1{padding-left: 80px;}
.container-12 .prefix-2{padding-left: 160px;}
.container-12 .prefix-3{padding-left: 240px;}
.container-12 .prefix-4{padding-left: 320px;}
.container-12 .prefix-5{padding-left: 400px;}
.container-12 .prefix-6{padding-left: 480px;}
.container-12 .prefix-7{padding-left: 560px;}
.container-12 .prefix-8{padding-left: 640px;}
.container-12 .prefix-9{padding-left: 720px;}
.container-12 .prefix-10{padding-left: 800px;}
.container-12 .prefix-11{padding-left: 880px;}


/* Suffix Styles
===========================================================================*/

.container-12 .suffix-1{padding-right: 80px;}
.container-12 .suffix-2{padding-right: 160px;}
.container-12 .suffix-3{padding-right: 240px;}
.container-12 .suffix-4{padding-right: 320px;}
.container-12 .suffix-5{padding-right: 400px;}
.container-12 .suffix-6{padding-right: 480px;}
.container-12 .suffix-7{padding-right: 560px;}
.container-12 .suffix-8{padding-right: 640px;}
.container-12 .suffix-9{padding-right: 720px;}
.container-12 .suffix-10{padding-right: 800px;}
.container-12 .suffix-11{padding-right: 880px;}



/*==========================================================================
1. Clearing
===========================================================================*/

/* Self Clearing Goodness */
.container-12:after {
	clear: both;
	content: "\0020";
	display: block;
	height: 0;
	visibility: hidden;
}

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
	content: '\0020';
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
}
.row:after,
.clearfix:after {
	clear: both;
}
.row,
.clearfix {
	zoom: 1;
}

/* You can also use a <br class="clear"> to clear columns */
.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
}

.view-content:after	{
	clear: both;
	content: '';
	display: block;
	width: 100%;
}