/* IMPORTANT
----------------------------------------------------------------------------------------------------
DEVELOPERS, do not modify this file.

If your project requires new styles, or modifications, please include them in a new CSS file.

----------------------------------------------------------------------------------------------------
*/

/*
----------------------------------------------------------------------------------------------------
   1. Reference
      - 1.1. 12 column grid
      - 1.2. 16 column grid
      - 1.3. Standard values
   2. Test and prototyping grids
      - 2.1. All grids
      - 2.2. IE6 and IE7
      - 2.3. 12 column grid
      - 2.4. 16 column grid
   3. Modifiers
   4. Structure
   5. Custom
*/

/* 1. Reference
----------------------------------------------------------------------------------------------------

1.1. Width values for 940px grid, with 60px columns and 20px gutters.

cols    | 1     | 2      | 3      | 4      | 5      | 6      | 7      | 8      | 9      | 10      | 11      | 12      
%       | 6.391 | 14.899 | 23.407 | 31.922 | 40.430 | 48.938 | 57.454 | 65.961 | 74.469 | 82.985  | 91.493  | 100  
px		| 60    | 140    | 220    | 300    | 380    | 460    | 540    | 620    | 700    | 780     | 860     | 940     

1.2. Width values for 940px grid, with 40px columns and 20px gutters.

cols    | 1     | 2      | 3      | 4      | 5      | 6      | 7      | 8      | 9      | 10      | 11      | 12      | 13      | 14      | 15      | 16
%       | 4.285 | 10.641 | 17.024 | 23.407 | 29.790 | 36.172 | 42.555 | 48.938 | 55.321 | 61.704  | 68.086  | 74.469  | 80.852  | 87.235  | 93.618  | 100
px		| 40    | 100    | 160    | 220    | 280    | 340    | 400    | 460    | 520    | 580     | 640     | 700     | 760     | 820     | 880     | 940

1.3. Standard values at 940px:

   * 10px = 1.055%
   * 20px = 2.109%

*** See below for IE6 and 7 margins ***

*/

/* 2. Test and prototyping grids - not for production
----------------------------------------------------------------------------------------------------
*/

/* 2.1. All grids */
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12, .grid13, .grid14, .grid15, .grid16 {
	margin-right:2.109%;
	float:left;
}

/* 2.2. IE6 and 7 margins calculate differently */

.ie6 .grid1, .ie6 .grid2, .ie6 .grid3, .ie6 .grid4, .ie6 .grid5, .ie6 .grid6, .ie6 .grid7, .ie6 .grid8, .ie6 .grid9, .ie6 .grid10, .ie6 .grid11, .ie6 .grid12, .ie6 .grid13, .ie6 .grid14, .ie6 .grid15, .ie6 .grid16 {
	margin-right:1.350%; /* this will be ~20px */
}

.ie7 .grid1, .ie7 .grid2, .ie7 .grid3, .ie7 .grid4, .ie7 .grid5, .ie7 .grid6, .ie7 .grid7, .ie7 .grid8, .ie7 .grid9, .ie7 .grid10, .ie7 .grid11, .ie7 .grid12, .ie7 .grid13, .ie7 .grid14, .ie7 .grid15, .ie7 .grid16 {
	margin-right:2.039%; /* this will be ~20px */
}

/* 2.3. 12 column grid */

.gridBy12 .grid1 {width:6.391%;} .gridBy12 .grid2 {width:14.899%;} .gridBy12 .grid3 {width:23.407%;} .gridBy12 .grid4 {width:31.922%;} .gridBy12 .grid5 {width:40.430%;} .gridBy12 .grid6 {width:48.938%;} .gridBy12 .grid7 {width:57.454%;} .gridBy12 .grid8 {width:65.961%;} .gridBy12 .grid9 {width:74.469%;} .gridBy12 .grid10 {width:82.985%;} .gridBy12 .grid11 {width:91.493%;} .gridBy12 .grid12 {width:100%;}

/* 2.4. 16 column grid */

.gridBy16 .grid1 {width:4.258%;} .gridBy16 .grid2 {width:10.641%;} .gridBy16 .grid3 {width:17.024%;} .gridBy16 .grid4 {width:23.407%;} .gridBy16 .grid5 {width:29.790%;} .gridBy16 .grid6 {width:36.172%;} .gridBy16 .grid7 {width:42.555%;} .gridBy16 .grid8 {width:48.938%;} .gridBy16 .grid9 {width:55.321%;} .gridBy16 .grid10 {width:61.704%;} .gridBy16 .grid11 {width:68.086%;} .gridBy16 .grid12 {width:74.469%;} .gridBy16 .grid13 {width:80.852%;} .gridBy16 .grid14 {width:87.235%;} .gridBy16 .grid15 {width:93.618%;} .gridBy16 .grid16 {width:100%;}

/* 3. Modifiers
----------------------------------------------------------------------------------------------------
*/

.start {margin-left:0 !important;}

.end {margin-right:0 !important;}

.pullLeft {float:left;}

.pullRight {float:right;}

/* 4. Structure
----------------------------------------------------------------------------------------------------
*/

#main {
	padding:1.429em 0.714em;
}

#main,
section.inner {
	margin:auto;
	max-width:70em; /* 980px at 14px */
}

.ie7 #main,
.ie7 section.inner,
.ie8 #main,
.ie8 section.inner {
	min-width:54em; /* 756px at 14px */
}

.ie6 #main,
.ie6 section.inner {
	width:54em; /* 756px at 14px */
}

/* Go To */

#goTo {
	display:none !important;
}

/* Nav */

.js nav {
	display:block !important;
}

.dOnly {
	position:inherit;
	left:auto;
}

.sOnly {
	position:absolute;
	left:-9999em;
}

/* 5. Custom
----------------------------------------------------------------------------------------------------
*/

/* Structure */

.twoCol #main .primary {
	width:65.961%;
	float:left;
}

.twoCol #main .sidebar {
	width:31.922%;
	float:right;
}

/* Bar */

#bar {}

/* Masthead */

#masthead section.inner {
	padding:280px 0.714em 0px 0.714em;
}

/* Logo */

#logo {
	margin:0 0.714em 1.429em 0;
	text-align:left;
	max-width:50%;
	float:left;
}

#logo img {
	margin:0;
}

/* Nav */

nav {
	margin:0;
	clear:both;
}

nav li {
	margin-right:0.714em;
	float:left;
}

nav a {
	padding: 6px 1.429em 6px 1.429em;
	font-weight:normal;
}

nav a span {
	font-size:1em; /* 14px */
	line-height:1.429em;
}

/* Search */

#search {
	margin:0 0 0.714em 0.714em;
	float:right;
}

#search input[type="text"] {
	width:14em;
}

/* IMPORTANT
----------------------------------------------------------------------------------------------------
DEVELOPERS, do not modify this file.

If your project requires new styles, or modifications, please include them in a new CSS file.

----------------------------------------------------------------------------------------------------
*/