/*
Red:  #DE0D13
Blue: #52B7E5
*/

* {
	margin:				0;
	padding:				0;
}

ul, ol {
	list-style-type:	none;
}

body {
	background-color:	#23231C; /*#1A1B16;*/
	color:				#CCC;
	font-family:		"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-size:			10px;
}

#header {
	color:				#FF2400;
	font-family:		Georgia;
	font-size:			3em;
	font-weight:		normal;
	padding-top:		2.6em;
	margin:				0 0 0.1em 0.66666667em;
}

#header a:link, #header a:visited {
	color:				#F70514;
}

h1 {
	color:				#59C4EB;
	font-size:			2.4em;
	font-weight:		normal;
	line-height:		1.3333em;
	margin-bottom:		0.75em;
}

h1 a:link, h1 a:visited {
	color:				#59C4EB;
}

a:link, a:visited {
	color:				#FFF;
	text-decoration:	none;
}

#doc {
/*				background-image:	url(http://newcode.se/railsmentor/images/grid.png);*/
	margin:				0 auto;
	width:				81.5em;
}

#nav {
	background-color:	#2D2D26;
	border:				0.1em solid #383831; /*#2A2B25;*/
	float:				left;
	margin-bottom:		2.3em;
	width:				100%;
}

#nav ul {
	float:				right;
	margin-right:		1.2em;
}

#nav li {
	float:				left;
}

#nav a:link, #nav a:visited {
	border:				none;
	border-left:		1px solid #383831;
	color:				#999;
	display:				block;
	font-size:			1.3em;
	line-height:		1em; /*2.1428571em;*/
	padding:				1.38461538em 0 0.38461538em 0.53846154em;
	text-shadow:		#2D2D26 0 0 0;
	width:				7em;
}

#nav a:hover {
	background-color:	#333;
}

#content {
	background-color:	#2D2D26; /*#22221D;*/
	border:				0.1em solid #383831;
	clear:				both;
	float:				left;
	padding:				0.8em 0;
	text-shadow:		#2D2D26 0 0 0;
	width:				100%;
}

#content .main {
	float:				left;
	width:				47.8em;
}

.main .intro {
	font-size:			1.8em;
	line-height:		1.3333333em;
	margin-top:			1.3333333em;
}

.main h2 {
	color:				#59C4EB;
	font-size:			1.8em;
	font-weight:		normal;
	line-height:		1em;
	margin-top:			1.5em;
	margin-bottom:		0.5em;
}

.main ul {
	list-style-type:	disc;
}

.main li {
	margin-left:		2em;
}

.main li strong {
	color:				#59C4EB;
	font-weight:		bold;
}

.main p, .main li {
	font-size:			1.4em;
	line-height:		1.28571429em;
	margin-top:			0.64285714em;
}

#content .extra {
	float:				left;
	margin:				1.1em 0 0 1.6em;
	width:				28em;
}

.extra p, .extra li {
	line-height:		1.8em;
}

.extra .training {
	background:			url(/images/training-bubble.gif) no-repeat;
}

.extra .mentorship {
	background:			url(/images/mentorship-bubble.gif) no-repeat;
}

.extra .mentorship h2, .extra .training h2 {
	color:				#59C4EB;
	font-size:			1.5em;
	font-weight:		normal;
	line-height:		1.2em;
	margin-left:		6.6em;
}

.extra .mentorship p, .extra .training p {
	font-size:			1.2em;
	margin:				0.16666667em 0 3em 8.25em;
}

.extra blockquote {
	background:			url(/images/quote-symbol.gif) no-repeat;
	clear:				both;
	font-size:			1.2em;
	line-height:		1.5em;
	padding:				0 0 1.5em 2em;
}

.extra blockquote cite {
	display:				block;
	text-align:			right;
}

.extra .box {
	margin-bottom:		1.8em;
}

#startpage-splash {
	border-bottom:		0.1em solid #42423C; /*#33332E;*/
	float:				left;
	padding-bottom:	5.1em;
}

.container {
	clear:				both;
	margin:				0 2em;
}

.half {
	float:				left;
	width:				37.9em !important;
}

.half.alt {
	float:				right;
}

.quarter {
	float:				left;
	width:				18.1em !important;
}

.quarter.alt {
	float:				right;
}

.box {
	float:				left;
	width:				100%;
}

.box h2 {
	background-color:	#EA2504;
	color:				#FFF;
	font-family:		Georgia, serif;
	font-size:			1.5em;
	font-weight:		bold;
	margin:				0.33333em 0;
	padding:				0.2em;
	text-align:			center;
}

.box p {
	font-size:			1.2em;
}

.box .content {
	border:				0.1em solid #42423C;
	border-width:		0.1em 0;
	float:				left;
	padding:				0.5em 0;
	width:				100%;
}

.content li {
	border-top:			1px dotted #42423C;
	padding:				5px 0;
}

.content ol li:first-child, .content ul li:first-child {
	border-top:			none;
}

.content li h3 {
	color:				#FFF;
}

dl {
	font-size:			1.2em;
	line-height:		1.5em;
	margin-top:			1.5em;
}

dl dt {
	clear:				both;
	float:				left;
	text-align:			right;
	width:				5em;
}

dl dd {
	margin-left:		5.5em;
}

.content li .date {
	font-size:			10px;
	line-height:		10px;
	margin-bottom:		8px;
}

#mini-bios h3 {
	border-bottom:		1px dotted #42423C;
	height:				    18px; /*86px;*/
	margin-bottom:		5px;
}

#mini-bios img {
	float:				right;
	margin-left:		30px;
}