/*
  Jeroen Pulles
  created 2006 10 01
  update 2008 01 26
  update 2008 03 11
*/


html
{
  color: #000;
  background: #FFF;
  padding: 0;
  margin: 0;
}

body 
{
  margin: 0;
  padding: 0;
  padding-top: 0;
  padding-bottom: 1em;
}


h1 
{
  font-size: 180%;
  margin: 0.7em 0;
}

h5, h6
{
  font-size: 100%;
  margin: 0;
}

a
{
  color: #0000C0;
}

a:visited 
{
  color: #0000A0;
}

ul
{
  padding-left: 1em;
}

li
{
  list-style-type: square;
}

li p 
{
  margin: 0;
}


code {
    font-family: monospace; 
}

dt {
  font-weight: bold;
}

#navigation 
{
  font-size: 80%;
  background: #AF5;
  background: #32cd32;
  color: #005100;
  margin: 0;
  padding: 1.25em;
  padding-top: 0.8em;
  padding-bottom: 0.8em;
}


#metapanel
{
  font-size: 80%;
  margin: 0;
  background: #AF5;
  color: #005100;
  padding: 0.8em 1.25em 0.8em 1.25em;
}


#navigation a ,
#metapanel a {
  color: #000;
  color: #005100;
  font-weight: normal;
  text-decoration: none;
}

#navigation a:hover,
#metapanel a:hover {
  text-decoration: underline;
}


#photopage {
  color: #DDD;
  background: #000;
}

#photopage #navigation a { color: #ABD; }
#photopage #metapanel a { color: #BCE; }

#photopage #navigation {
  background: #515151;
  color: #ABD;
}
#photopage #metapanel {
  background: #333;
  color: #BCE;
}


#photopage .content {
    width: 640px;
}

#photopage img {
  border: none;
}

.content {
    margin-left: 1em;
    margin-right: 1em;
    max-width: 40em;
}


/* Tag stuff */

.info
{
  font-size: 80%;
  margin-top: 0.1em;
}

.tagSetInfo 
{
  font-size: 80%;
}

.tagSetInfo p 
{
  margin: 0;
}

/* current setting */
.dateSort .dateSort, 
.titleSort .titleSort
{
  text-decoration: none;
  font-style: italic; 
}

/* alternate setting */
.dateSort .titleSort, 
.titleSort .dateSort
{
  text-decoration: underline;
}

/* delicious and hCalendar styling on homepage */

h2 
{
    font-size: 133%;
}

.deliciousTag, 
.upcoming 
{
    font-size: 80%;
}
p.upcomingfeed 
{
  padding: 0;
  margin-bottom: 0;
  font-size: 80%;
  text-align: right; 
}

#rotterdam_teaser {
  margin: 2em 0; 
  font-style: italic;
  background-color: #f0f0f0;
  color: #515151;
  padding: 1em;
  border: dashed 0.1em #CCC;
}

#rotterdam_teaser h2,
#rotterdam_teaser ul
{
  padding: 0; 
}
#rotterdam_teaser h2 { margin-top: 0; } 

#rotterdam_teaser li {
  display: inline; 
}
#rotterdam_teaser li:before {
  content: '> ';
}

#rotterdam_teaser a {
	color: #000;
}

#flickr_banner {
  margin-top: 1em;
  overflow: hidden;
}

#flickr_banner img {
  border: none;
  margin-right: 4px;
}

h1 #blowfish {
    float: right; 
    border: none;
    margin-right: -2.5em;
    padding-left: 0.3em;
}

.author {
    color: #515151;
    font-variant: small-caps;
    font-style: normal;
}