/*

	-- -- -- -- -- -- --
	SXSW base CSS
	-- -- -- -- -- -- --
	
	This base file simply establishes common formatting for
	each of the examples. 
	
	Style unique to each problem is embedded within the HTML,
	so you should actually be viewing that instead to 
	understand the problem. You won't find CSS relevant to
	what was discussed in this file.
	
*/



	* {
		margin: 0;
		padding: 0;
	}
	a:link {
		color: #06f;
		font-weight: bold;
	}
	a:visited {
		color: #039;
		font-weight: bold;
	}
	a:hover {
		color: #0af;
		font-weight: bold;
	}
	body {
		font: 76% "Myriad Pro", "Lucida Sans Unicode", "Lucida Grande", arial, sans-serif;
		margin: 60px 100px;
	}
	h1 {
		font-size: 2em;
		font-weight: normal;
		margin: 0.3em 0;
		color: #06f;
	}
	h2 {
		font-size: 1em;
		text-transform: uppercase;
		font-weight: normal;
		margin: 2em 0 0 0;
	}
	img {
		border: 0;
	}
	p {
		font-size: 1.2em;
		line-height: 1.6;
		margin: 0.8em 0;
		color: #333;
	}

	li {
		font-size: 1.5em;
		color: #999;
		padding: 0;
		margin: 0 0 0 1em;
		line-height: 2;
	}
	li li {
		font-size: 1em;
		list-style: circle;
	}
	li p {
		font-size: 0.8em;
		margin: 0 1em 0.5em 1em;
		line-height: 1;
	}
	ul {
		padding: 0;
		margin: 0;
	}
	ul li {
		list-style: square;
	}
	
	
	li a:link, li a:visited {
		font-weight: normal;
		text-decoration: none;
		color: #333;
	}
	li a:hover {
		text-decoration: underline;
	}
	
	
	
	
/* -- main page details -- */
	h1.menu {
		font-size: 4em;
		font-weight: bold;
	}
	#permalink {
		text-transform: lowercase;
		color: #999;
		font-size: 1.7em;
		position: absolute;
		bottom: 1em;
		padding: 1em 0;
	}
	#permalink a {
		text-decoration: none;
		color: #06f;
	}
	
	li.question {
		display: inline;
		float: left;
		list-style: none;
		padding: 0;
		margin: 0;
	}
	li.question a:link, li.question a:visited {
		width: 162px;
		height: 162px;
		display: block;
		color: #D8D7D7;
		background: #999 url(circle-bg.gif) no-repeat;
		text-indent: -9999px;
		position: absolute;
		top: 50%;
		margin-top: -81px;
	}
	li.question a:link span, li.question a:visited span {
		font: bold 4.5em "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
		display: block;
		text-indent: 0;
		position: absolute;
		right: 25px;
		bottom: 15px;
		line-height: 0.8;
	}
	li.question a:hover {
		text-decoration: none;
		color: #999;
		background: #999 url(circle-outlined.gif) no-repeat;
	}
	li.question a:focus {
		outline: 0;
	}

	#q1 a:link, #q1 a:visited {
		left: 100px;
	}
	
	#q2 a:link, #q2 a:visited {
		left: 50%;
		margin-left: -81px;
	}
	
	#q3 a:link, #q3 a:visited {
		right: 100px;
	}
	
	
	
	
	
	
/* -- question page details -- */
	dl.question h1, dl.answer h1 {
		margin-bottom: 0;
		font-size: 4em;
		font-weight: bold;
	}
	dl.question p, dl.answer p {
		margin: 1em 0;
		font-size: 2.5em;
	}
	dl.question p {
		color: #666;
	}
	p.answer a:link, p.answer a:visited, p.more a:link, p.more a:visited {
		text-decoration: none;
		color: #06f;
		font-size: 1.5em;
	}
	p.more {
		padding-top: 2em;
	}