sawine@20: *
sawine@20: {
sawine@20: 	margin: 0;
sawine@20: 	padding: 0;
sawine@20: 	border:	0;
sawine@14: }
sawine@20: 
sawine@20: ul, ol 
sawine@20: {
sawine@20: 	list-style-type: none;
sawine@14: }
sawine@20: 
sawine@20: body 
sawine@20: {
sawine@20: 	background:	#fafafa;
sawine@20: 	font: 15px/15px sans-serif;
sawine@20: 	margin: 30px 80px;
sawine@20: 	color: #333;
sawine@21: 	text-align: center;
sawine@21: }
sawine@21: 
sawine@21: #container
sawine@21: {
sawine@21: 	margin-left: auto;
sawine@21: 	margin-right: auto;
sawine@21: 	width: 1000px;
sawine@21: 	text-align: left;
sawine@14: }
sawine@14: 
sawine@16: .red
sawine@16: {
sawine@20: 	/*color: #b22;*/
sawine@20: 	color: #aaa;
sawine@16: }
sawine@16: 
sawine@14: a 
sawine@14: {
sawine@14: 	text-decoration: none;
sawine@20: 	color: #777;
sawine@14: }
sawine@14: 
sawine@16: p
sawine@16: {
sawine@16: 	padding-bottom: 10px;
sawine@16: }
sawine@16: 
sawine@14: a:hover
sawine@14: {
sawine@14: 	color: #333;
sawine@14: }
sawine@14: 
sawine@14: span.link
sawine@14: {
sawine@14: 	border-bottom: dashed 1px #aaa; 
sawine@14: 	position: relative; 
sawine@20: 	color: #777;
sawine@14: }
sawine@14: 
sawine@14: .menu > span.link
sawine@14: {
sawine@14: 	border-bottom: 0;
sawine@20: 	font-size: 60px;
sawine@14: 	font-weight: bold;
sawine@20: 	letter-spacing: 0.2px;
sawine@20: 	line-height: 80%;
sawine@20: 	text-transform: uppercase;
sawine@20: 	color: #333;	
sawine@14: }
sawine@14: 
sawine@14: span.missinglink
sawine@14: {
sawine@14: 	border-bottom: dashed 1px #aaa;
sawine@14: 	position: relative:
sawine@15: 	color: #aaa;
sawine@14: 	text-decoration: line-through;
sawine@14: }
sawine@14: 
sawine@14: h3
sawine@14: {
sawine@14: 
sawine@14: 	padding-bottom: 5px;
sawine@14: 	font-weight: bold;
sawine@14: 	text-transform: uppercase;
sawine@14: }
sawine@14: 
sawine@14: .menu > a
sawine@14: {
sawine@14: 	font-size:				60px;/*72px;*/
sawine@14: 	font-weight: bold;
sawine@14: 	letter-spacing:			0.2px;
sawine@14: 	line-height:			80%;
sawine@14: 	text-transform:			uppercase;
sawine@14: 	color:					#bbb;	
sawine@14: }
sawine@14: 
sawine@14: .menu > a:hover
sawine@14: {
sawine@14: 	color: #333;
sawine@14: }
sawine@14: 
sawine@14: a > span
sawine@14: {
sawine@14: 	display: none;
sawine@14: }
sawine@14: 
sawine@14: a:hover > span 
sawine@14: {
sawine@14: 	display: inline;
sawine@14: 	color: red;
sawine@14: 	font-weight: bold;
sawine@14: }
sawine@14: 
sawine@14: .menu > a .content 
sawine@14: {
sawine@14: 	display: none;
sawine@14: 	font: 12px/15px sans-serif;	
sawine@16: 	width: 50%;
sawine@19: 	height: 400px;
sawine@20: 	color: #555;
sawine@14: 	position: fixed;
sawine@14: 	margin: 30px 80px;
sawine@14: 	left: 0;
sawine@14: 	top: 0;
sawine@14: 	text-transform: none;
sawine@15: 	z-index: 100;
sawine@15: 	background: #fafafa;
sawine@14: }
sawine@14: 
sawine@14: .menu > a:hover .content 
sawine@14: {
sawine@14: 	display: block;	
sawine@14: }
sawine@14: 
sawine@21: body > #container > .content
sawine@14: {
sawine@14: 	font: 12px/15px sans-serif;	
sawine@16: 	width: 50%;
sawine@19: 	height: 400px;
sawine@20: 	color: #555;
sawine@21: 	position: absolute;
sawine@21: 	margin-left: auto;
sawine@21: 	margin-right: auto;
sawine@14: 	text-transform: none;
sawine@14: 	z-index: 1;
sawine@14: }
sawine@14: 
sawine@14: .content a
sawine@14: { 
sawine@20: 	border-bottom: dashed 1px red; 
sawine@14: 	position: relative; 
sawine@14: }
sawine@14: 
sawine@14: .content a:hover	
sawine@14: { 
sawine@14: 	border-bottom: 0; 
sawine@14: }
sawine@14: 
sawine@16: .content .entry
sawine@15: {
sawine@15: 	padding-bottom: 20px;
sawine@16: 	width: 400px;
sawine@15: }
sawine@15: 
sawine@16: .content .entry .details
sawine@15: {
sawine@15: 	display: none;
sawine@15: 	font: 12px/15px sans-serif;	
sawine@17: 	width: 400px;
sawine@19: 	height: 400px;
sawine@15: 	color: #333;
sawine@21: 	position: absolute;
sawine@21: 	margin-left: 500px;
sawine@21: 	margin-right: auto;
sawine@15: 	top: 0;
sawine@15: 	text-transform: none;
sawine@15: 	background: #fafafa;
sawine@15: }
sawine@15: 
sawine@16: .content .entry:hover .details
sawine@15: {
sawine@15: 	display: block;
sawine@15: }
sawine@15: 
sawine@20: .content .entry:hover .red
sawine@20: {
sawine@20: 	color: #d22;
sawine@20: }
sawine@20: 
sawine@15: 
sawine@14: div.universe1
sawine@14: {
sawine@15: 	background: #fafafa;
sawine@14: 	position: absolute;
sawine@15: 	width: 50%;
sawine@14: 	height: 50%;
sawine@14: 	left: 0;
sawine@14: 	top: 0;
sawine@14: 	text-align: center;
sawine@14: 	color: #fff;
sawine@14: }
sawine@14: 
sawine@14: div.universe1:hover
sawine@14: {
sawine@14: }
sawine@14: 
sawine@14: div.universe2
sawine@14: {
sawine@15: 	background: #fafafa;
sawine@15: 	position: fixed;
sawine@15: 	margin: 30px 80px;
sawine@15: 	left: 50%;
sawine@14: 	width: 50%;
sawine@14: 	height: 50%;
sawine@14: 	top: 0;
sawine@15: 	font-size: 60px;
sawine@15: 	font-weight: bold;
sawine@15: 	letter-spacing: 0.2px;
sawine@15: 	line-height: 80%;
sawine@15: 	text-align: left;
sawine@14: 	color: #fff;
sawine@14: }
sawine@14: 
sawine@14: div.universe2:hover
sawine@14: {
sawine@14: }
sawine@14: 
sawine@14: 
sawine@14: div.universe3
sawine@14: {
sawine@15: 	background: #fafafa;
sawine@14: 	position: absolute;
sawine@14: 	width: 50%;
sawine@14: 	height: 50%;
sawine@14: 	left: 0;
sawine@14: 	top: 50%;
sawine@14: 	text-transform: uppercase;
sawine@14: 	text-align: center;
sawine@15: 	color: #fafafa;
sawine@14: }
sawine@14: 
sawine@14: div.universe3:hover
sawine@14: {
sawine@14: 	background: #eee;
sawine@14: 	color: #aaa;
sawine@14: }
sawine@14: 
sawine@14: 
sawine@14: div.universe4
sawine@14: {
sawine@15: 	background: #fafafa;
sawine@14: 	position: absolute;
sawine@14: 	width: 50%;
sawine@14: 	height: 50%;
sawine@14: 	left: 50%;
sawine@14: 	top: 50%;
sawine@14: 	text-transform: uppercase;
sawine@14: 	text-align: center;
sawine@15: 	color: #fafafa;
sawine@14: }
sawine@14: 
sawine@14: div.universe4:hover
sawine@14: {
sawine@14: 	background: #eee;
sawine@14: 	color: #aaa;
sawine@14: }
sawine@14: 
sawine@14: div.menu
sawine@14: {
sawine@14: 	position: absolute;
sawine@20: 	bottom: 150px;
sawine@21: 	
sawine@14: }
sawine@14: 
sawine@14: #menu1
sawine@21: {	
sawine@16: 	width: 400px;
sawine@14: }
sawine@14: 
sawine@14: #menu2
sawine@14: {
sawine@21: 	margin-left: 500px;
sawine@21: 	margin-right: auto;
sawine@16: 	width: 400px;
sawine@14: }
sawine@14: 
sawine@21: #info 
sawine@21: {
sawine@14: 	position: absolute;
sawine@14: 	bottom: 30px;
sawine@21: 	width: 400px;
sawine@14: 	color: #aaa;
sawine@14: }
sawine@14: 
sawine@21: #info:hover
sawine@14: {
sawine@14: 	color: #333;
sawine@14: }
sawine@14: 
sawine@21: #info li.name
sawine@14: {
sawine@14: 	font-weight: bold;
sawine@14: }
sawine@14: 
sawine@21: #info li.misc
sawine@14: {
sawine@14: 	font-weight: normal;
sawine@14: }
sawine@14: 
sawine@21: #container #copy 
sawine@14: {
sawine@14: 	position:	absolute;
sawine@14: 	bottom:		30px;
sawine@21: 	margin-left: 812px;
sawine@21: 	margin-right: auto;
sawine@14: 	color: 		#aaa;
sawine@14: }
sawine@14: 
sawine@14: #copy:hover
sawine@14: {
sawine@14: 	color: #333;
sawine@14: }