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