/*
 * reset styling to defaults
 */

* { 
  margin: 0;
  padding: 0;
}

:link,:visited { text-decoration:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
a img,:link img,:visited img { border:none }
address { font-style:normal }

/*
 * basic typography
 */

* {
  font-family: sans-serif;
}

h1, h2, h3
{
  font-family: serif;
}

/*
 * general
 */

h1 {
  font-size: 3em;
}

body {
  background-color: black;
  /*align: center;*/
}

.content { 
  margin-left: auto;
  margin-right: auto;
  max-width: 1380px;
  min-width: 350px; /* for the photos etc */
  width: 70%;
  background: #222222;

  color: #fed;
}

.widencontent {
  width: 90%;
}

a { 
  color: inherit;
  /*color: #ffb2b5;*/
  font-weight: bold;
}

a:hover { 
  text-decoration: underline;
}

/*
 * header
 */
#header {
  background: url(banner.png) no-repeat;
  color: black;
  max-height: 266px;
  padding: 2em;
}

.section {
  display: block;
  margin: 2em;
  padding: 1em;
  padding-left: 2em;
  padding-right: 2em;
  float: left;
  border: 1px dashed;
  background: #432;
}

.tightensection {
  margin: 1em;
  padding: 0.5em;
}

/* google reader gives us h3, the rest we use h2 */
.section h2, .section h3 { 
  margin-bottom: 1em;
}

.local { 
  background: #654;
}

.currentoption
{
  background: #854;
}

/* this is used solely to improve progressive rendering */
.widesection
{ 
  min-width: 250px;
}

div.spacer {
  clear: both;
  }

/*
 * styling for the flickr "badge"
 */
#flickr_badge { 
  vertical-align: center;
}
.flickr_badge_image {
  display: inline-block; 
  width: 75px; 
  padding: 5px;
  text-align: center;
}
.flickr_badge_image img {border: 1px solid black !important;}