/* webstuff
 * nodog
 * 2007-04-04
 *
 * graynoise.css
 * is the CSS file for my personal website, graynoise.konfuzo.net
 */

/* general for the whole site or every page */

body { 
  font-size: medium;
  font-family: Arial, sans-serif;
  background-color: #222;
  color: #ccc; 
  margin: 20px; }

#header {
  font-weight: normal;
  padding: 0px;
  margin: 0px; }
#header a {
  font-weight: bold; }
#header h1 {
  padding: 10px 20px 0px 20px; 
  font-size: 300%; }

a:link { color: #cdc; }
a:visited { color: #cdc; }

h1, h2, h3 {
  margin: 0px;
  padding: 0px; }

p { max-width: 900px; }

.menu { margin: 0px 0px 20px 20px ; }
.menu ul {
  padding: 0;
  display: inline; }
.menu li { display: inline; }
.menu li:after, .menu li.first:before { content: " - "; }

#pagetitle h2, #pagetitle h3 { margin: 0px 20px 20px 20px; }
.topimage { 
  float: right; 
  margin: 0px 20px 20px 20px; }

.sectionend, #footer { clear: both; }
#footer p {
  margin: 20px;
  padding; 0px; }

.duallang { 
  background-color: #040; 
  margin: 0px;
  padding-bottom: 0px; }
.duallang .background { background-color: #040; }
.duallang .background .left {
  background-color: #404;
  width: 50%; }
.duallang p {
  margin: 20px;
  padding: 0px; }
.en, .eo { 
  width: 50%;
  float: left;
  margin: 0;
  padding: 0; }
.en { background-color: #404; }
.eo { background-color: #040; }
.en h2, .eo h2, .en h3, .eo h3, .en h4, .eo h4 {
  margin: 20px;
  padding: 0px; }

/* elsewhere */

#links {
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
  margin-bottom: 0px;
  background-color: #333; }
#links ul {
  margin-left: 15px;
  padding-left: 0px; }

#tableofcontents { 
  float: left;
  padding: 20px;
  margin: 10px; }
#mostsections, #oftensandpooters { 
  float: left;
  padding: 20px;
  margin: 10px; 
  background-color: #333; }

/* poots */

#mymachines {
  background-color: #333;
  border: thin solid #ccc ;
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  margin-top: 25px; }
#mymachines td, th {
  border: thin dotted #ccc;
  padding: 5px; }
#mymachines .decommissioned td, #mymachines .decommissioned th {
  text-decoration: line-through; }
#mymachines th {
  background-color: #004;
  text-align: left; }

.blogentry {
  background-color: #333;
  padding: 20px;
  max-width: 900px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  border: thin solid #000; }
.blogentry p { 
  padding: 0px;
  margin: 20px 0px 0px 0px; }
.blogentry h5 { margin: 30px 0px 0px 0px; }


/* eyes */

.photoentry {
  background-color: #333;
  padding: 0px;
  max-width: 900px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  border: thin solid #000; }
.photoentry p { 
  text-align: center;
  padding: 0px;
  margin: 20px; }
.photoentry a, .photoentry img {
  border-style: none; }
.photoentry img {
  margin: 0px 10px 0px 10px; }