/* $Id: 960.css,v 1.1.2.1 2009/06/20 19:25:54 dvessel Exp $ */

/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.

  Modified for Drupal.
  Modified further for 12 column, 912px width using 960.gs
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/

.container-12,
.container-16 {
  margin-left: auto;
  margin-right: auto;
  width: 912px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

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

.container-12 .grid-1 {
  width: 56px;
}
.container-12 .grid-2 {
  width: 132px;
}
.container-12 .grid-3 {
  width: 208px;
}
.container-12 .grid-4 {
  width: 284px;
}
.container-12 .grid-5 {
  width: 360px;
}
.container-12 .grid-6 {
  width: 436px;
}
.container-12 .grid-7 {
  width: 512px;
}
.container-12 .grid-8 {
  width: 588px;
}
.container-12 .grid-9 {
  width: 664px;
}
.container-12 .grid-10 {
  width: 740px;
}
.container-12 .grid-11 {
  width: 816px;
}
.container-12 .grid-12 {
  width: 892px;
}


/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container-12 .grid-1 {
  width: 60px;
}

.container-12 .grid-2 {
  width: 140px;
}

.container-12 .grid-4 {
  width: 300px;
}

.container-12 .grid-5 {
  width: 380px;
}

.container-12 .grid-7 {
  width: 540px;
}

.container-12 .grid-8 {
  width: 620px;
}

.container-12 .grid-10 {
  width: 780px;
}

.container-12 .grid-11 {
  width: 860px;
}


/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container-12 .prefix-1 {
  padding-left: 76px;
}
.container-12 .prefix-2 {
  padding-left: 152px;
}
.container-12 .prefix-3 {
  padding-left: 228px;
}
.container-12 .prefix-4 {
  padding-left: 304px;
}
.container-12 .prefix-5 {
  padding-left: 380px;
}
.container-12 .prefix-6 {
  padding-left: 456px;
}
.container-12 .prefix-7 {
  padding-left: 532px;
}
.container-12 .prefix-8 {
  padding-left: 608px;
}
.container-12 .prefix-9 {
  padding-left: 684px;
}
.container-12 .prefix-10 {
  padding-left: 760px;
}
.container-12 .prefix-11 {
  padding-left: 836px;
}



/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container-12 .suffix-1 {
  padding-right: 76px;
}
.container-12 .suffix-2 {
  padding-right: 152px;
}
.container-12 .suffix-3 {
  padding-right: 228px;
}
.container-12 .suffix-4 {
  padding-right: 304px;
}
.container-12 .suffix-5 {
  padding-right: 380px;
}
.container-12 .suffix-6 {
  padding-right: 456px;
}
.container-12 .suffix-7 {
  padding-right: 532px;
}
.container-12 .suffix-8 {
  padding-right: 608px;
}
.container-12 .suffix-9 {
  padding-right: 684px;
}
.container-12 .suffix-10 {
  padding-right: 760px;
}
.container-12 .suffix-11 {
  padding-right: 836px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container-12 .push-1 {
  left: 76px;
}
.container-12 .push-2 {
  left: 152px;
}
.container-12 .push-3 {
  left: 228px;
}
.container-12 .push-4 {
  left: 304px;
}
.container-12 .push-5 {
  left: 380px;
}
.container-12 .push-6 {
  left: 456px;
}
.container-12 .push-7 {
  left: 532px;
}
.container-12 .push-8 {
  left: 608px;
}
.container-12 .push-9 {
  left: 684px;
}
.container-12 .push-10 {
  left: 760px;
}
.container-12 .push-11 {
  left: 836px;
}


/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container-12 .pull-1 {
  left: -76px;
}
.container-12 .pull-2 {
  left: -152px;
}
.container-12 .pull-3 {
  left: -228px;
}
.container-12 .pull-4 {
  left: -304px;
}
.container-12 .pull-5 {
  left: -380px;
}
.container-12 .pull-6 {
  left: -456px;
}
.container-12 .pull-7 {
  left: -532px;
}
.container-12 .pull-8 {
  left: -608px;
}
.container-12 .pull-9 {
  left: -684px;
}
.container-12 .pull-10 {
  left: -760px;
}
.container-12 .pull-11 {
  left: -836px;
}