/* Thunar Blue Stylesheet */

  html, body { margin: 0em;
    padding: 0em;
    }

/* Top display bar: for links to other related sites and the top part of the logo */  
  
  div#topbar { padding: 0.3em 0.5em;
    color: rgb(255, 255, 255);
    background-image: url(../images/header-logo-right-top.png);
    background-repeat: no-repeat;
    background-color: rgb(23, 55, 77);
    background-position: right bottom;
    }

/* Header: for the left logo and the middle part of the right logo */ 
  
  h1 { margin: 0em;
    background: rgb(61, 92, 122) url(../images/header-logo-right-middle.png) no-repeat scroll right top;
    height: 120px;
    width: 100%;
    }

/* Container: displays the sidebar and content layouts */  
  
  div#container { background-color: rgb(61, 92, 122);
    }

/* Sidebar: for navigation to other Thunar web pages and related sites */  
  
  div#sidebar { margin-left: 1em;
    margin-bottom: 2em;
    float: left;
    width: 10em;
    }

  div#sidebar h3 { margin-bottom: 0.4em;
    color: rgb(255, 255, 255);
    }

  div#sidebar h3:before { content: "\0020 \0020 \0020 \00BB \0020";
    }

  div#sidebar ul { margin: 0em;
    padding: 0em 0em 0em 1.5em;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    }

  div#sidebar a { color: rgb(255, 255, 255);
    text-decoration: underline;   
    }

  div#sidebar a:hover, div#sidebar a:active { color: rgb(254, 204, 0);
    }

  div#sidebar a.active { color: rgb(254, 204, 0);
    }

/* Navigation bar: for links to other Thunar web pages */  
  
  ol#navigation { margin: 0em 0em 0em 12em;
    padding: 0.3em 280px 0.3em 1.5em;
    background: rgb(117, 144, 174) url(../images/header-logo-right-bottom.png) no-repeat scroll right top;
    -moz-border-radius-topleft: 1.5em;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    }

  ol#navigation li { margin: 0em;
    display: inline;
    }

  ol#navigation li:after { content: " | ";
    color: rgb(255, 255, 255);
    }

  ol#navigation li.last:after { content: "";
    }

  ol#navigation a, ol#navigation a:link { color: rgb(255, 255, 255);
    font-weight: bold;
    text-decoration: none;
    }

  ol#navigation a:hover, ol#navigation a:active { color: rgb(254, 204, 0);
    text-decoration: underline;
    }

  ol#navigation a.active { color: rgb(254, 204, 0);
    }

/* Content: displays the main page content */  
  
  div#content { padding: 1em 2em;
    margin-left: 12em;
    background-color: rgb(255, 255, 255);
    -moz-border-radius-bottomleft: 1.5em;
    text-align: justify;
    }

  div#content a:link, div#content a:visited { color: rgb(79, 79, 79);
    text-decoration: underline;
    }

  div#content a:hover, div#content a:active { color: rgb(144, 192, 240);
    }

  div#content h2 { margin: 0em;
    color: rgb(117, 144, 174);
    }

  div#content p.center { margin: 0em;
    text-align: center;
    }

  div#content p.caption { margin-top: 0em;
    margin-bottom: 2em;
    font-size: smaller;
    text-align: center;
    }

  div#content img { margin-top: 0.5em;
    }

/* Copyright notice at the bottom of the page */  
  
  p#copyright { padding: 0.3em 0.5em;
    background: rgb(23, 55, 77) none repeat scroll 0%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    margin-top: 2em;
    margin-bottom: 0em;
    font-weight: bold;
    color: rgb(255, 255, 255);
    text-align: center;
    clear: both;
    }