/* =Guides -- delete when done.
-------------------------------------------------------------- */

#guides-back {
	display:block;
	position:absolute;
	top:8px;
	width:100%;
	margin:0 auto 0 auto;
	height:20000px;
	z-index:-40;
}

#guides {
	display:block;
	position:relative;
	width:924px;
	margin:0 auto 0 auto;
	height:20000px;
	z-index:-40;
}

#guides div {
	display:block;
	position:absolute;
	top:0;
	width:1px;
	height:100%;
	background-color:Gainsboro;
	z-index:-40;
}


/* m for margins
--------------------- */

div#m-l {
	left:0;
	background-color:magenta;
}

div#m-r {
	left:924px;
	background-color:magenta;
}


/* one column content, 540px running grid
--------------------- */

div#b1 {
	left:48px;
	background-color:blue;
}

div#b2 {
	left:588px;
	background-color:blue;
}


/* thee column grid, with middle lines for rules
--------------------- */

div#three-1l {
	left:252px;
	background-color:magenta;
}

div#three-1m {
	left:270px;
	background-color:PaleGreen ;
}

div#three-1r {
	left:288px;
	background-color:magenta;
}



div#three-2l {
	left:636px;
	background-color:magenta;
}

div#three-2m {
	left:654px;
	background-color:PaleGreen ;
}

div#three-2r {
	left:672px;
	background-color:magenta;
}



/* 48px wide, 20 col grid 
--------------------- */

#c20 {
	left:918px;
}

#c19 {
	left:870px;
}

#c18 {
	left:822px;
}

#c17 {
	left:774px;
}

#c16 {
	left:726px;
}

#c15 {
	left:678px;
}

#c14 {
	left:630px;
}

#c13 {
	left:582px;
}

#c12 {
	left:534px;
}

#c11 {
	left:486px;
}

#c10 {
	left:438px;
}

#c9 {
	left:390px;
}

#c8 {
	left:342px;
}

#c7 {
	left:294px;
}

#c6 {
	left:246px;
}

#c5 {
	left:198px;
}

#c4 {
	left:150px;
}

#c3 {
	left:102px;
}

#c2 {
	left:54px;
}

#c1 {
	left:6px;
}


/* Vertical Guides 
-------------------------------------------------------------- */

#vertical-guides {
	position:relative;
	margin-top:24px;
}

.admin-bar #vertical-guides {

}

#vertical-guides div {
	position:absolute;
	height:1px;
	width:100%;
	top:0;
	left:0;
	background-color:pink;
	z-index:0;
}


div#0 {
	top:0px;
}

div#vtop1 {
	top:6px;
}

div#vtop2 {
	top:96px;
}


div#vdec {
	top:210px;
}

div#v1 {
	top:234px;
}

div#v2 {
	top:258px;
}

div#v3 {
	top:336px;
}

div#v4 {
	top:342px;
}

div#v5 {
	top:360px;
}


/* = Adaptive Changes -- working
----------------------------------------------- */

@media screen and (max-width: 840px) {

	#guides {
		width:637px;
		padding:0;
		overflow:hidden;

	}
}