body {
  padding: 2.6em 1em 2em 72px;
  margin: 0;
  color: #000;;
  background: #fff;
  font-family:  Verdana, Helvetica, Arial, clean, sans-serif;
}


/* Background image */
body {
  background-position: top left;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-image: url(http://thomasdamgaard.dk/gfx/bg.png);
}


/* Red links */
:link { 
  color: #C00; 
  background: transparent 
}
:visited { 
  color: #600; 
  background: transparent 
}
a:active { 
  color: #f00; 
  background: transparent 
}

a:hover {
  text-decoration: none;
}

/* no border on img links */
a:link img, a:visited img { 
  border-style: none 
} 

/* Headings */
h1, h2, h3, h4, h5, h6 { text-align: left }
/* background should be transparent, but WebTV has a bug */
h1, h2, h3 { color: #000; background: white }
/*
h1, h2, h3 { color: #278716; background: white }
*/
h1 { font: 170% sans-serif }
h2 { font: 140% sans-serif }
h3 { font: 120% sans-serif }
h4 { font: bold 100% sans-serif }
h5 { font: italic 100% sans-serif }
h6 { font: small-caps 100% sans-serif }

h3 {
  border-bottom: 1px solid #999;
}

p {
  padding-left: 10pt;
}
.hide { display: none }


pre, table { 
  margin-left: 2em 
}
pre {
  padding: 1em;
  margin-left: 2em;
  background: #ddd;
  padding: 1em;
  border: 1px solid #666;
  font-size: 90%;
  margin-top: 0.5ex;
}

code {
  background: #eee;
  padding: 1px;
}

dt, dd { margin-top: 0; margin-bottom: 0 } /* opera 3.50 */
dt { font-weight: bold }

pre, code { font-family: monospace } /* navigator 4 requires this */

p.copyright { font-size: small }
p.copyright small { font-size: small }

@media aural {  
  h1, h2, h3 { stress: 20; richness: 90 }
  .hide { speak: none }
  p.copyright { volume: x-soft; speech-rate: x-fast }
  dt { pause-before: 20% }
  pre { speak-punctuation: code } 
}

.figure {
  margin:auto;
  display: block;
}

dd {
margin-bottom: 0.6em;
}


/**
 * Navigation menu
 */
ul.navigation li {
  display:inline;
  font-size: 90%;
}

ul.navigation  {
  border-bottom: 1px solid #666;
  margin:0;
  padding:4px;
}

/**
 * For debugging
 */
.debug_info {
  font-family: 'Courier New', Monospace;
  border: 1px solid #ff0;
  background: #ffd;
  margin:2px;
  padding:3px;
}

.debug_sql {
  font-family: 'Courier New', Monospace;
  border: 1px solid #00f;
  background: #99f;
  margin:2px;
  padding:3px;
}

.debug_error {
  font-family: 'Courier New', Monospace;
  border: 1px solid #f00;
  background: #f66;
  font-weight: bold;
  margin:2px;
  padding:3px;
}

/**
 * For the p containing the image of Thomas Damgaard
 */
.me img {
  float: right;
  margin: 0 0 5px 10px;
}





/* Blog related */



.article {
  border: 0px solid #ccc;
  padding: 0.5em;
  margin: 0 0 3em 0;
}

.article h2 {
  border-bottom: 1px solid #c00;
  padding-bottom: 0.2em;
  margin-top: 0;
  margin-bottom:0;
  color: #000;
}

.article h3 {
  color: #888;
  font-size: 85%;
  margin-top: 0.3em;
  margin-bottom:0;
  font-weight: normal;
  border:0;
}

.article h4 {
  font-weight: normal;
  font-size: 90%;
}

.article p {
  margin-top: 0.5em;
  margin-bottom:0;
  font-family: Verdana, arial, sans-serif;
  font-size: 1em;
}

ol.comments { 
  margin-left: 2em; 
  padding: 0; 
  font-size: 90%;  
} 
 
.article_comment {  
  background-color: #eee;  
  color: #000;  
  padding: 0 0 0.2em 0.8em;  
  border: 0.05em solid #ccc;  
  margin-bottom: 0.6em;  
}  
        
.article_comment p {  
  padding: 0.8em;  
  padding-bottom: 0;  
  padding-left: 1em; 
  margin: 0;  
  font-size: 0.9em;  
} 

/* Tables */
th, td {
  border-bottom: 0.01em solid #333;
  font-size: 90%;
  padding: 0.2em;
}


/* Compatibility hacks */
/* trick to hide the border in Netscape 4 */
a img { 
      color: white; 
}

@media all {                   /* hide the next rule from Netscape 4 */
  a img { color: inherit; }    /* undo the color change above */
}

/* ns 4 */
th, td { 
  font-family: sans-serif;
}


/* OLD */



p, blockquote, li, h3
{
  /*
  font-family: Verdana, "Lucida Grande", Tahoma, Helvetica;
  */
  /*
  line-height: 1.6em;
  text-align: left;
  padding-left: 1em;
  padding-right: 1em;
  */
}

blockquote
{
  margin-left: 2em;
  margin-right: 0;
}

#sidebar-2 p, #sidebar-1 p
{
  font-size: 75%;
}

#sidebar-1 p
{
  text-align: right;
}

#head
{
  text-align: center;
}

#container
{
  /*
  width: 760px;
  \width: 770px;
  w\idth: 760px;
  margin: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  */
}

#sidebar-1
{
  float: left;
  /*
  width: 150px;
  \width: 150px;
  w\idth: 150px;
  */
  margin-right: 1em;
  padding-top: 1em;
}

#content
{
  /*
  margin-left: 155px;
  */
  margin-right: 10em;
  padding-top: 1em;
}

#sidebar-2
{
  float: right;
  /*
  width: 150px;
  \width: 150px;
  w\idth: 150px;
  */
  width: 09em;
  padding-top: 1em;
}

#foot
{
  clear: both;
  margin-top: 5px;
  text-align: center;
}
#accessibility
{
  position: absolute;
  top: -10000px;
}


h1 a, h2 a
{
  border: 0px;
  text-decoration:none;
}


/*
.caps
{
  letter-spacing: 0.1em;
}
*/

#content hr
{
  color: #ccc;
  width: 66%;
  margin-top: 2em;
  margin-bottom: 2em;
}


.comments_error
{ 
  background-color: #ffa 
}

div.comments_error
{
  border: 1px solid #cc8;
  padding : 0.3em;
}


ul.category_list {
  padding-left: 2em;
  margin: 0;
}

ul.category_list li {
  font-size: 0.7em;
  list-style-image: url(/gfx/ul.png);
}



/*
.article div[class^="cat-"] {
  height: 150px;
  width: 200px;
  vertical-align: bottom;
  float:right;
  border: 0px solid #666;
  clear:left;
  display:none;
  margin: 4em 1em 1em 1em;
}

.article div[class="cat-Musik"] {
  display:block;
  background: url(/blog/gfx/blog-categories/music08.jpg) no-repeat;
}

.article div[class="cat-Sikkerhed"] {
  display:block;
  background: url(/blog/gfx/blog-categories/security00.jpg) no-repeat;
}

.article div[class="cat-Akademia"] {
  display:block;
  background: url(/blog/gfx/blog-categories/academia00.jpg) no-repeat;
}

.article div[class="cat-Brok"] {
  display:block;
  background: url(/blog/gfx/blog-categories/brok01.jpg) no-repeat;
}

.article div[class="cat-Fotografering"] {
  display:block;
  background: url(/blog/gfx/blog-categories/photo01.jpg) no-repeat;
}

.article div[class="cat-Unix-tips"] {
  display:block;
  background: url(/blog/gfx/blog-categories/unix01.jpg) no-repeat;
}

.article div[class="cat-Tech"] {
  display:block;
  background: url(/blog/gfx/blog-categories/technology03.jpg) no-repeat;
}

.article div[class="cat-Mad"] {
  display:block;
  background: url(/blog/gfx/blog-categories/food00.jpg) no-repeat;
}

.article div[class="cat-Humor"] {
  display:block;
  background: url(/blog/gfx/blog-categories/humor01.jpg) no-repeat;
}

*/

.article {
/*  
min-height: 150px;
*/
}
.article h2 {
  clear:left;
}

.article img[class^="cat-"] {

  /*
  width: 120px;
  */
  vertical-align: bottom;
  float:right;
  border: 0px solid #666;
  clear:left;
  /*
  display:none;
  */
  visibility: hidden;
  margin: 3em 1em 1em 1em;
}

.article img[class="cat-Musik"] {
  visibility: visible;
}

.article img[class="cat-Sikkerhed"] {
  visibility: visible;
}

.article img[class="cat-Akademia"] {
  visibility: visible;
}

.article img[class="cat-Brok"] {
  visibility: visible;
}

.article img[class="cat-Fotografering"] {
  visibility: visible;
}

.article img[class="cat-Unix-tips"] {
  visibility: visible;
}

.article img[class="cat-Tech"] {
  visibility: visible;
}

.article img[class="cat-Mad"] {
  visibility: visible;
}

.article img[class="cat-Humor"] {
  visibility: visible;
}

.article img[class="cat-Software"] {
  visibility: visible;
}

.article img[class="cat-Ubuntu"] {
  visibility: visible;
}

.article img[class="cat-Film"] {
  visibility: visible;
}

.article img[class="cat-Laesestof"] {
  visibility: visible;
}


table.comment_form td, th {
  border: none;
}
table.comment_form td.l { 
  text-align: right;        
  vertical-align: top;      
  padding-top: 0.4em;       
}                         

/* Textpattern specific */
textarea.txpCommentInputMessage {
  width: 25em;
  height: 10em;
}


.comment_form input {
  padding: 0.2em;
  font: normal normal 90% verdana, sans-serif;
}
                                                 
.comment_form textarea {                                       
  padding: 0.2em;                                 
  font: normal normal 90% verdana, sans-serif;   
}                                                


div.quote {
    margin-left: 2em;
    background: #ddd;
    padding: 1em;
    font-style:italic;
    border: 1px solid #666;
    font-size: 90%;
    margin-top: 0.5ex;
}

.footer {
    border-top: 1px solid #000;
}

.footer .sponsor {
    font-size: 80%;
    text-align: right;
}

dl.linklist dt {
    font-size: 075%;
}

ul.linklist li  {
    font-size: 075%;
}

ul.linklist li b {
    font-size: 075%;
    width: 50em;
    padding-right: 0.4em;
}

ul.linklist li a {
    font-size: 075%;
}


.linkdb input.text {
    width: 30em;
}