html, body
{
  margin: 0;
  padding: 0;
  background-color: #000;
}

/* http://www.w3.org/TR/css3-mediaqueries/ */
/*
@media screen and (max-width: 400px) { body { background-color: green; } }
*/





/*
  http://www.fontsquirrel.com/fonts/MEgalopolis-Extra 
*/

@font-face {
  font-family: "MEgalopolis Extra";
  src: url("/g/MEgalopolisExtra.otf") format("opentype");
  }

  
.container
{
  background-image: url(/g/bg-wvmeer-mosaic-1line.png); /* bg_wvmeer_mosaic.png */
  background-position: 0px 2px;
  background-repeat: no-repeat;
  padding-top: 36px; /*160px; */
}

.container { width: 830px; margin: 32px auto; position: relative; border: 0px dashed #666; }

#header
{ position: absolute; 
  left: 0px;
  top: 1px;
  width: 780px;
  height: 148px;
  /*background-image: url(/g/pattern_1of4.gif);*/
  display: none;
   }

q { font-style: italic; }
html>q { font-style: normal; }


.rssicon, .rssicon:visited
{ background-color:#f60;
  border:1px solid #ffc8a4;
  color:white;
  text-decoration:none;
  font:bold 9px sans-serif;
  padding:1px 3px 1px 5px;
  letter-spacing:1px; }

/* colours, backgrounds and filters */
body
  { /*background-image: url(/g/lamps_bg3f.jpg);
    background-color:#000;
    background-repeat: no-repeat;*/
    color:#ccc; }
    
.contentcol img
  { /*border: 1px solid #666;*/
    border: 4px solid #444;
    border-left-width: 0;
    border-right-width: 0;
    margin-left: 0; /*6px;*/ }
img.continued { border-top-width: 0px; margin-top: -8px; } /* for imgs in more-field that form lower half of top img */
/*
.contentcol a img
  { border: 4px solid #999; }
.contentcol a:visited img
  { border-color:#999; }
  */
.contentcol a:hover img
  { /*border-color:white;*/ }
/* 
.etext a:hover img:first-child { border: 2px solid white; position: relative; top: -2px; left: -2px; 
  margin-bottom: -2px; }
  */
  
.contentcol img, img.matchbg, img.looksgoodonblack
  { border-color: #000; border-width: 0; }
a
  { color:#aaa; }
a:visited 
  { color:#888; }
a:hover
  { color:#fff !important; }
.debug 
  { color:#666; }
code, .code
  { color:#999;  }

/* fonts */
.contentcol
  { font-size: 13px;
    font-family: 'trebuchet ms',georgia,'times new roman',serif; }
.contentcol code, .contentcol .code
  { font-size: 12px; }  
.menucol
  { font-family: 'trebuchet ms',georgia,arial,sans-serif;
    font-size: 12px; }
.menucol a { text-decoration: underline; }
ul.linksfooter a, .menucol h1 a, .menucol h2 a
  { text-decoration: none; }
ul.linksfooter a { font-size: .9em; }
.outputtype 
  { font-size: 10px; }


/* layout */
body
  { /*margin-top: 100px;*/
    margin-bottom: 0px;
    padding-bottom: 30px; }
label
  { cursor: pointer; }
img
  { border-width: 0px; }
.contentcol { width: 390px;  margin-left: 317px; }
.menucol { position:absolute; left: 0px; width: 280px; padding-right: 22px; border-right: 1px solid #222; }

ul.menu li a
  { padding-left: 10px; }
ul.links li a { padding-left: 0px; } 


ul.links li::after { content: ","; } 
ul.linkdump li::after { content: ""; } 
ul.links li:last-child::after { content: ""; } 

ul.menu li a:hover
  { border-left: 5px solid orange;
    padding-left: 5px; }
  
.menucol h2, .contentcol h2, h1.logo, .contentcol h1
  { border-top: 0px dotted #666;
    display: block;
    font-family: 'trebuchet ms';
    font-weight: bold;
    font-size: 13px; /*16px*/
    margin-top: 0px;
    margin-bottom: .3em;
    clear: both;
     }
.menucol h2
  { margin-top: 2.5em; }
.menucol h2, .contentcol h2, .contentcol h3, h1.logo, .contentcol h1
  { border-bottom: 1px dotted #444; }
h2.music a:before { content: "♫"; font-weight: normal; }
.side:before { content: ""; }
    
.entryholder h1, .entryholder h2 { border-bottom-width: 0; }
    
.menucol h2,
/*.contentcol h3,*/
h1.logo
/*, .contentcol h1*/
  { text-transform: lowercase; }
    
.contentcol h4
  { margin-bottom: .5em;
    font-size: 13px; }
    
form
  { margin: 0px; }

.refs
  { overflow: scroll;
    white-space: nowrap;
    width: 260px; }
.lotsofrefs
  { height: 178px; }
ul.menu, ul.plain, ul.links, ul.contact
  { list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 30px; }
ul.plain { margin-bottom: 0; }
ul.links li
  { display: inline; }
ul.linkdump li
  { display: block; 
    padding-left: 24px;
    text-indent: -10px;
    border-bottom: 1px solid #444; }
ul.linkdump li:hover
  { border-left: 5px solid orange;
    padding-left: 19px;
    /* background-color: #332100; */ }
.menu
  { margin-bottom: 30px; }
  
.excerpt
  { font-size: 10px;
    font-style: italic; }
    
.noteform label
  { float: left;
    clear: both;
    display: block;
    width: 120px; }
.noteform p.row
  { margin-top: 0px;
    margin-bottom: 5px; }
.noteform p.row input.field
  { width: 160px; }
.noteform input.field, .noteform textarea, input.field
  { background-color: #999;
    border-width: 1px; }
.noteform input.active, .noteform textarea.active
  { background-color: #ccc; }
  
#hsLink, .option
  { display: block; float: right; font-size: 11px; margin-top: 6px; }
  
.plink, .contentcol h2 a, .contentcol h1 a, .contentcol h2 span, .side
  { float: right;
    color: #888;
    margin-right: 2px;
    font-weight: normal;
    text-decoration: none; }
.contentcol h2 { margin-bottom: 4px; }
.contentcol h1 a, .contentcol h2 a { float: none; font-size: 1em; font-weight: bold; color: #ccc; }
.contentcol h2 a:hover, h1.logo a:hover, .contentcol h1 a:hover /*, .menucol h2 a.side:hover*/
  { color: white; }
.contentcol h1 span a { float: none; margin: 0; }
h2 .side, .menucol h1 .side { font-size: 11px; text-transform: none; padding: 2px 0px 0px 0px; }
.menucol .side a, .menucol a.side { font-weight: bold !important; }


.contentcol h1, .contentcol h2  { font-family: 'MEgalopolis Extra', 'arial black', 'trebuchet ms'; text-transform: uppercase; width: 500px; font-size: 18px; line-height: 20px; }

.contentcol h1.pagingheader { font-family: inherit; font-weight: bold; font-size: 16px; text-transform: none; }
.contentcol h1.pagingheader .side { display: block; float: left; clear: both; border: 1px dotted green; }

.text-around-img .etext img { margin-top: 5px; }

.year h2 a
  { float: none;
    color: #ccc;
    margin-right: 0;
    font-weight: bold; }
    
.date
  { /*float: right;*/
    padding-left: 1em;
    font-size: 1em;
    text-align: right;
    font-style: italic;
    color: #6c6c6c; }

.entry { margin-bottom: 2.5em; padding: 0px 0px; }
    
.navlinks { font-size: 11px; color: #666; }

h1.logo a:link, h1.logo a:visited { color: #ccc; }
  
h1.logo a:hover { color: white; }
  
a.edit { text-decoration: none; }

.entryfooter { margin-top: .3em;  font-size: 12px; color: #aaa;
  /* newpop */ clear: both;
 }
.entryfooter a { text-decoration: none;}
.entryfooter a:hover { text-decoration: underline;}

.submitrow { text-align: right; width: 338px; margin-top: 5px; }

.notetext { margin-bottom: 2em; }

.notehelp { font-size: 0.9em; }
  
a.spam { text-decoration: line-through; }

.you, .you a { color: #6cf; }
a:hover .you, .you a:hover { color: white; }

ul.year { list-style: none; padding: 0; margin: 0; }
ul.month { margin-bottom: 2em; }

ul.yearcatlinkdump a { text-decoration: none; }

p { margin-bottom: 0; }

.inline { border-left: 1px solid #666; margin-left: 1em; padding-left: 1em; font-size: 12px; }
.inline h4 { /*font-weight: normal;*/ font-size: 12px; }

h1.cat { margin-bottom: 2em; }

a.active:link, a.active:visited { font-weight: bold; font-size: 16px; color: white; }
/* a.paging:link, a.paging:visited { text-decoration: none; } */

ul.categories li a { white-space: nowrap; }

/* favatars */
.contentcol h4 img { border: 0; margin: 0px 4px -3px 0px; }
.favatar { padding-left: 20px; background-repeat: no-repeat; background-position: 0px 1px; }

.entryholder { border-top: 1px dotted #333; padding-left: 14px; padding-top: 2px; position: relative; }
/*.below-newer-tweet { border-top-width: 0; }*/

ul.linkscol { margin: 0; padding: 0; list-style: none; border: 0px dotted orange; 
  width: 83px;
  float: left;
  margin-bottom: 2em;
}
ul.linkscol li { font-size: 10px; }

a.morelink { font-size: 14px; font-weight: bold; }

.menucol p { margin-top: 0; margin-bottom: 2em; }


/* music I'm listening to / last.fm top artists list */
ul.top-artists { list-style: none; margin: 0; padding: 0; margin-bottom: 2em; }
ul.top-artists li { display: inline; margin: 0; padding: 0; }
ul.top-artists li a { text-decoration: none; }
ul.top-artists li a:hover { text-decoration: underline; }
ul.top-artists li:after { content: ","; }
ul.top-artists li:last-child:after { content: ""; }

ul.top-artists li.em-0 { font-size: 10px; }
ul.top-artists li.em-1 { font-size: 11px; }
ul.top-artists li.em-2 { font-size: 12px; }
ul.top-artists li.em-3 { font-size: 13px; }
ul.top-artists li.em-4 { font-size: 13px; }
ul.top-artists li.em-5 { font-size: 14px; }
ul.top-artists li.em-6 { font-size: 15px; }
ul.top-artists li.em-7 { font-size: 18px; }
ul.top-artists li.em-8 { font-size: 19px; }
ul.top-artists li.em-9 { font-size: 20px; }



.menucol ul.thumbs { list-style: none; margin: 0; padding: 0; margin-bottom: 2em; }
.menucol ul.thumbs li { display: inline; margin: 0; padding: 0; }
.menucol ul.thumbs li img { width: 52px; height: 52px; opacity: .85; }
.menucol ul.thumbs li:hover img { opacity: 1; }

ul.morethumbs { width: 550px; list-style: none; margin: 0; padding: 0; }
ul.morethumbs li { display: inline; margin: 0; padding: 0; }
ul.popthumbs li {
  /* newpop*/
    display: block; float: left; width: 56px; height: 56px; border: 0px solid green; position: relative;
}
ul.morethumbs a img { opacity: .8; margin: 0; border: 0; width: 52px; height: 52px; }
ul.morethumbs a:hover img, ul.morethumbs a:active img { opacity: 1; }

ul.morethumbs a:hover img {
  /*
  -webkit-box-shadow: 1px 1px 6px rgba(255, 255, 255, 1);
  -moz-box-shadow: 1px 1px 6px rgba(255, 255, 255, 1);
  box-shadow: 1px 1px 6px rgba(255, 255, 255, 1);
  filter: progid:DXImageTransform.Microsoft.Shadow(color='White', Direction=135, Strength=4); 
  border: 0px solid white;
  border-color: rgba(255, 255, 255, .8);
  */
  /*-webkit-transform: rotate(-12deg) scale(1);*/ /* 1.4423 */
}
ul.popthumbs a:hover img {
  /* newpop*/ 
    width: 75px; height: 75px; position: absolute; top: -14px; left: -14px; z-index: 1000; border: 2px solid white;
    -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 1);
    -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 1);
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 1);
    /*-webkit-transform: rotate(-6deg);*/
  }

.older { margin-top: 0; text-align: right; }


/* tweets */
.tweet .etext { font-size: 12px; padding-left: 16px; }
.tweet .tweetlink { margin-left: -16px; position: absolute; top: 4px; }
.tweet .twitter-icon-blue { display: none; }
.tweet:hover .twitter-icon-blue { display: inline; }
.tweet:hover .twitter-icon-bw { display: none; }
.tweet .entryfooter { display: none; }
.tweet .commentlink { display: none; padding-left: .5em; font-size: smaller; color: #666; text-decoration: none; }
.tweet .commentlink:hover { color: white; text-decoration: underline; }
.has-comments .commentlink, .tweet:hover .commentlink { display: inline; }
.tweet q:before, .tweet q:after { content: ''; }