html, body, div, h1, h2, h3, h4, h5, p, img, form, ul, ol, li { margin: 0; padding: 0; }
img { border: none; } li { list-style: none; }
table, tr, th, td { margin: 0; padding: 0; border-collapse: collapse; border-spacing: 0; vertical-align: top; }
div.clear, div.c, span.c { clear: both; height: 1px; overflow: hidden; }
span.c { display: block; }

body { background: #ccc68f; color: black; }

#ie-note { margin: 10px auto 15px; width: 600px; padding: 10px; font-family: Verdana;
  background: #ddd; border: 1px solid #aaa; color: #444; font-size: 60%; }
#ie-note h1 { font-size: 120%; border: none; color: #444; } 

#wrapper { position: relative; margin: 0 auto; min-width: 53em; max-width: 75em; }
* html #wrapper { height: 1px; /* IE give layout */ }

#maincontent { padding: 0.5em 14em; min-width: 25em; }
#maincontent div.pad { background: #f2f1e6; padding: 0.5em; }
#maincontent div.text { font-size: 110%; }
* html #maincontent div.pad { height: 1px; /* IE give layout */ }


p, ul, ol { margin: 0 0 0.5em; }
a { color: #6d7d9b; /* todo: darken. */ text-decoration: underline;  }
h1 { font-size: 160%; }
h2 { font-size: 130%; } div.sidebar h2 { font-size: 115%; }
h3 { font-size: 110%; } div.sidebar h3 { font-size: 105%; }
h1, h2, h3 { margin: 0.5em 0 0.3em; text-align: center; padding-bottom: 0.1em;
  color: #807c59; border-bottom: 2px solid #6d7d9b; }
div.sidebar h2, div.sidebar h3 { border: 1px dotted #807c59; }
h1:before, h2:before, h3:before, h1:after, h2:after, h3:after { content: " ~ "; }
h1:first-child, h2:first-child, h3:first-child, p + h1, p + h2, p + h3 { margin-top: 0; }

div.sidebar { position: absolute; top: 0; width: 13em; padding: 0.5em; }
div.sidebar div.pad { background: #f2f1e6; padding: 0.5em; }
div.sidebar div.text { font-size: 85%; }
div.sidebar p, div.sidebar ul { font-family: Arial, Helvetica, sans-sefif; }
div.sidebar a { text-decoration: none; }
div.sidebar a:hover { text-decoration: underline; }
#sidebar-primary { left: 0; }
#sidebar-secondary { right: 0; }

#maincontent li { list-style: disc; margin-left: 2em; }

/* div.mainnav ul { margin: 0; } */
div.mainnav li { padding-left: 0.5em; }
div.mainnav li:hover { background: #6d7d9b; }
div.mainnav li a { display: block; padding-left: 0.3em; background: #f2f1e6; text-decoration: none; }
div.mainnav li a:hover { }

div.blogentries div.blogentry { margin-top: 2em; }
div.blogentry h2 { margin-bottom: 0; }
div.blogentry p.meta { text-align: center; font-size: 0.7em; }

div.stumblefeed ul { font-size: 90%; }
div.stumblefeed li { margin: 0.5em; border-bottom: 1px dotted #6d7d9b; padding-bottom: 0.5em;
  overflow: hidden; }
div.stumblefeed li a { text-decoration: none; }

.pagination { text-align: center; }



/*
img { display: block; float: none;
  margin: 100px 0; border: 50px solid red; }
img[src*=\/c\/] { border: 100px solid green; }

http://wellstyled.com/tools/colorscheme2/index-en.html?triad;84;0;105;0.3;-0.8;0.3;0.5;0.05;0.95;0.65;0.7;0.3;0.5;0.1;0.9;0.5;0.75;0.3;-0.8;0.3;-0.8;0.3;0.5;0.1;0.9;0.5;0.75;0.3;-0.8;0.3;0.5;0.1;0.9;0.5;0.75;0
*/


/* flickr badge */

div.flickrbadge div.wrapper { font-size: 117.647%; /* reset to 100%, sidebar font set to 85% */
  padding-top: 0.5em; }
div.flickrbadge div.credit { text-align: center; }
#flickr_www { font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important; }
div.flickrbadge div.images div.flickr_badge_image, div.flickrbadge div.images div.flickr_badge_image a,
 div.flickrbadge div.images div.flickr_badge_image img { width: 4.5em; height: 4.5em; }
div.flickrbadge div.images div.flickr_badge_image { float: left; display: inline; margin: 0 0 1em 1em; }

/*
#flickr_badge_uber_wrapper {text-align:center; width:150px;}
#flickr_badge_wrapper {padding:10px 0 10px 0;}
.flickr_badge_image {margin:0 10px 10px 10px;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#000000;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#000000 !important;}
*/

/* /// flickr badge */