/* Basic layout */
body {
  color: #aaa;
  background-color: black;
/*  background-color: #210;*/
/*  background-color: #0C0A00;*/
  font-size: 10pt;
  font-family: "Lucida Grande", "Bitstream Vera Sans", Verdana, Arial, Helvetica, sans-serif;
  padding: 0;
  margin: 0;
  
  text-align: center; /* IE6 Fix */
}

#container {
/*  min-width: 450px;*/
  width: 520px;
  
  margin: 0 auto 0 auto;
  padding: 42px 17px 25px 17px;
  
  border: 4px solid #222;
  border-top: 0;
  
  text-align: left; /* IE6 Fix */
  
  
  
  background-color: #111;
/*  margin:auto;*/
/*  padding-right: 30px;*/
/*  border: 2px solid #901;*/
}


/* The logo */
h1 {
  font-size: 270%;
  font-weight: bold;
  margin-bottom: 50px;
  margin-top: 0;
}

h1, h1 a, h1 a:visited {
  color: #fff;
  text-decoration: none;
  border: 0;
}

h1 a:hover, h1 a:visited:hover {
  color: #888;
}

h1 span.dangerous {
  color: #111;
  background-image: url("scratched-white.png");
  background-position: top right;
  padding: 5px 10px;
}

h1 a:hover span.dangerous {
/*  background-image: url("scratched-white-hover.png");*/
  opacity: 0.5;
}


/* Footer */
#footer {
  color: #333;
  font-size: 90%;
  text-align: right;
  margin-top: 45px;
}

#footer a, #footer a:visited, .date a, .date a:visited {
  color: #555;
  border-bottom: 2px solid #222;
  text-decoration: none;
  
}

#footer a:hover, #footer a:visited:hover, .date a:hover, .date a:visited:hover {
  color: #333;
  border-bottom: 2px solid #111;
}


/* Blog postings */
h2 {
  margin: 0;
  margin-bottom: 5px;
  font-size: 180%;
  border: 0;
  color: white;
}

h2 a, h2 a:visited {
  margin-left: -3px;
  padding-left: 3px;
  padding-right: 3px;
  color: white;
  border-bottom: 3px solid #055;
}

h2 a:hover, h2 a:visited:hover {
  color: #888;
  border-bottom: 3px solid #022;
}

div.entry {
  margin: 0;
  margin-bottom: 40px;
}


/* Comments + postings */
.date {
  color: #555;
  margin-bottom: 17px;
}

.text p {
  margin: 0;
  margin-bottom: 10px;
  line-height: 145%;
  text-align: justify;
}


/* Comments */
hr {
  border: 1px solid #222;
/*  opacity: 0.05;*/
  margin: 0 80px 0 80px;
/*  margin-left: -20px;
  margin-right: -20px;
*//*  margin-bottom: 40px;*/
}

.author {
  font-size: 140%;
  text-align: right;
  margin-bottom: 5px;
}

span.author {
  color: white;
}

input.author {
  width: 100%;
}

tr.comment .date {
  font-size: 90%;
}

tr.comment td.meta {
  text-align: right;
/*  width: 210px;*/
  width: 35%;
}

tr.comment td.message {
  text-align: center;
  padding-left: 6%;
  padding-bottom: 10px;
  padding-top: 10px;
  color: #444;
}

#comments {
/*  margin-top: 20px;*/
/*  width: 94%;*/
  margin: 20px 5px 0 5px;
}

tr.comment, tr.comment td {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: top;
}

tr.comment td.text {
  padding-left: 20px;
/*  width: 100%;*/
}

tr.comment td {
  padding-top: 20px;
}

#comments textarea {
  font-size: 100%;
  width: 100%;
/*  min-width: 300px;*/
  height: 130px;
}


#comments input[type="submit"] {
  margin-top: 10px;
}


/* Links */
a {
  color: #0FF;
  border-bottom: 2px solid #044;
  text-decoration: none;
  margin-left: -2px;
  margin-right: -2px;
  padding-left: 2px;
  padding-right: 2px;
}

a:visited {
/*  color: #777;
  border-bottom: 2px solid #333;
*/
  color: #0aa;
  border-bottom: 2px solid #033;
}

a:hover {
  color: #088;
  border-bottom: 2px solid #022;
}

a:visited:hover {
  color: #066;
}


/* Admin */
.admin_test {
  font-size: 20pt;
  color: #444;
}

.admin_test:hover {
  color: #F60;
}




iframe#flickr {
/*  position: absolute; /*static/relative/absolute/fixed;*/
/*  left: 80%;
  top: 200px;
*/
  position: relative;
  right: 0;
}


div.polaroid {
  background-color: white;
  padding: 7px;
  padding-bottom: 9px;
  text-align: center;
  display: table;
  color: #222;
  margin: 30px auto 30px auto;
  height: 405px;
  width: 500px;
}

div.polaroid > * {
  margin-bottom: 9px;
}

div.polaroid > img {
  height: 375px;
  background-color: #ccc;
}


div#icons {
  float: right;
  top: 20px;
  position: relative;
  right: 0;
  width: 60px;
  text-align: right;
}

div#icons img {
  margin-left: 7px;
}

div#icons img:hover {
  opacity: 0.5;
  border: 0;
  text-decoration: none;
}

div#icons img, div#icons a {
  border: 0;
}