/* One- Two- or Three-Column layout stylesheet */
/* Based on http://www.positioniseverything.net/articles/onetruelayout/appendix/holygrail */
/* $Id: layout.css 32902 2007-01-23 19:15:25Z brian $ */


body {
	margin: 0;
	padding: 0 auto;
}
#main {
  width: 965px;
  margin-left: auto;
  margin-right: auto;
}
	.skyscraper #main, #tribeThread #main {  /* skyscraper pages and threads are narrower */
		width: 780px;
	}

#tribe {
	position: relative;
}
#tribeWrapper {
  position: relative;     /* need this to fix rounded corners which are abs positioned */
  border-top: 1px solid transparent;  /* need this to keep 10px gap from forming after masthead (sometimes ?!) */
}
#footer {
	clear: both;
}

/* COMMON COLUMN STYLES */
#col-a-wrapper {
	width: 100%;
}
#col-a, #col-b, #col-c, #footer {
	padding: 16px;
}

/* 1 COLUMN LAYOUT */
/* (nothing needed yet */

/* 2 COLUMN LAYOUT */
.two-column #col-a-wrapper {
	float: left;
}
.two-column #col-a {
	margin-left: 186px;
}
.two-column #col-b {
	float: left;
	margin-left: -100%;
	width: 170px;
}
.two-column #col-c {      /* just in case ;-) */
	display: none;
}

/* ALTERNATE 2 COLUMN LAYOUT (SIDEWALK) */
.two-column-alt #col-a-wrapper {
	float: right;
	width: 320px;	
}
.two-column-alt #col-a {
}
.two-column-alt #col-b {
}
	.two-column-alt #col-b .contentContainer {
		margin-right: 320px;
	}
.two-column-alt #col-c {
	clear: both;
}

/* 3 COLUMN LAYOUT */
.three-column #col-a-wrapper {
	float: none;
}
.three-column #col-a {
	padding-left: 0;
	padding-right: 0;
}
.three-column #col-b {
	width: 300px;
}
.three-column #col-c {
	width: 300px;
}


/* Skyscraper */
#ad1 {
	display: none;          /* default is no skyscraper */
	position: absolute;
	right: -190px;
	top: 20px;
	width: 160px;
}
body.skyscraper {
	border-right: 160px solid #C0B9B6;
}
	body.skyscraper #ad1 {
		display: block;
		margin-left: auto;
	}