/*
Note: this file is to control the layout layout.

Note that each main element (header, sidebar, nav, content, footer)
are probably not desired to change appearence (changing margins, etc.
will cause layout to fubar).

Create classes and use those to control look and feel, lining the main elements
as it were with the look and feel specific stuff.
*/
body { margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

#top {
}


/* TO MOVE SIDEBAR TO OTHER SIDE: Have to flip float and margin*/
#container {
	width: 100%;
	float: right;
	margin-left: -200px;
}
/* TO MOVE SIDEBAR TO OTHER SIDE: have to flip margin */
#content {
	margin-left: 200px;
}
/* TO MOVE SIDEBAR TO OTHER SIDE: have to flip margin */
#above_content {
	margin-left: 200px;
}
/* TO MOVE SIDEBAR TO OTHER SIDE: have to flip float */
#sidebar {
	width: 200px;
	float: left;
}

/* NOTE that the padding is needed to get margin, padding effects on the footer
some wierd bug is stopping it from behaving normally */
#bottom {
	clear: both; 
	padding-top: 1px;
}

.last {
	margin-bottom: 0;
}