/*
	(Original) Author	:	Christopher Robinson
	Email		:	christopher@edg3.co.uk
	Website	:	http://www.edg3.co.uk/
*/
* {
	border:0;
	margin:0;
	padding:0;
}

/* general */
a {
	color:#777;
	text-decoration:none;
}

a:hover {
	color:#333;
	text-decoration:none;
}

/* body */
body {
	background:#fafafa;
	color:#555;
	font:0.8em Arial, Helvetica, "bitstream vera sans", sans-serif;
}

/* sitelink */
div.sitelink {
	font-size:120%;
	padding-top:5px;
	padding-left:5px;
	text-align:left;
}



/* header */

/* note that I put the margin:auto after the margin-left. At least in epiphany it seems to override
 * the previous. In the offchance we find a browser that accepts auto AND 150 without the px,
 * there's a chance that the auto will at least override it now */

#header {
	border-bottom:1px solid #999;
	/*height:80px;*/
	margin-left:150; /* For IE. Firefox and Epiphany don't pick up on it for lack of "px" */
	margin:0 auto;
	width:850px;
}
#header h1 {
	color:#888;
	font-size:300%;
	letter-spacing:-3px;
	text-align:left;
	margin-bottom:-20px;
}
#header h1 a{
	color:#88F;
}
#header h1.alone{
	color:#AAA;
    margin-bottom:0px;
}
#header h1 a:hover{
	color:#777;
}
#header h2 {
	color:#CCC;
	font-size:200%;
	letter-spacing:-2px;
	padding:5px;
	padding-top:20px;
	text-align:left;
}



/* navigation */

/* note that I put the margin:auto after the margin-left. At least in epiphany it seems to override
 * the previous. In the offchance we find a browser that accepts auto AND 150 without the px,
 * there's a chance that the auto will at least override it now */

#navigation {
	background:#fafafa;
	border-right:1px solid #999;
	margin-left:150; /* For IE. Firefox and Epiphany don't pick up on it for lack of "px" */
	margin:0 auto;
	width:750px;
	height:50px;
	list-style:none;
}
#navigation li {
	border-left:1px solid #999;
	float:left;
	width:124px;
	list-style:none;
}
#navigation a {
	color:#555;
	display:block;
	line-height:50px;
	text-align:center;
}
#navigation a:hover {
	background:#e3e3e3;
	color:#555;
}
#navigation .active {
	background:#e3e3e3;
	color:#777;
}



/* content */

/* note that I put the margin:auto after the margin-left. At least in epiphany it seems to override
 * the previous. In the offchance we find a browser that accepts auto AND 150 without the px,
 * there's a chance that the auto will at least override it now */

#content {
	height:auto;
	margin-left:150; /* For IE. Firefox and Epiphany don't pick up on it for lack of "px" */
	margin:0 auto;
	padding:0 0 20px;
	width:850px;
}
#content div.debatepost div.debatepost-poster {
	border-bottom:1px dashed #999;
	font-size:1.3em;
	font-weight: bold;
	padding:20px 0 0;
}

#content div.debatepost-timestamp {
	font-size:1.1em;
	font-weight: bold;
	padding:5px 5px 5px 0;
}

#content div.debatepost-text {
	background:#f4f4f4;
	margin-left:15px;
	margin-top:5px;
}

#content div.debatepost-text div.mediator {
	background:#eaffda;
}
#content div.debatepost-text div.debater_1 {
	background:#f0eaff;
}
#content div.debatepost-text div.debater_2 {
	background:#fff4da;
}




#content div.debatepost-text p {
	padding-top:5px;
	padding-bottom:10px;
}
#content div.spawned
{
	background:#dddddd;
	border:1px dashed #999;
	margin-top: 20px;
	margin-left: 20%;
    width: 90%;
}

#content div.spawned  div.subdebatelisting
{
	margin-top: 1em;
}

/* footer */

/* note that I put the margin:auto after the margin-left. At least in epiphany it seems to override
 * the previous. In the offchance we find a browser that accepts auto AND 150 without the px,
 * there's a chance that the auto will at least override it now */

#footer {
	border-top:1px solid #999; 
	height:50px;
	margin-left:150; /* For IE. Firefox and Epiphany don't pick up on it for lack of "px" */
	margin:0 auto;
	padding:10px;
	text-align:center;
	width:751px;
}