/* whole page */
body {
    background-color:   #ff9;
}

/* text area */
div.content {
    margin:             40px 50px 10px 300pt;
    padding:            0px 30px 15px 30px;
    background-color:   #fff;
    border:             1px solid #f50;
    max-width:          500pt;
}

/* hyperlinks */
a:link, a:visited {
        color: #f50;
        text-decoration: none;}
a:active, a:hover {
        color: #f50;
        text-decoration: underline;
}

.title a:link, .title a:visited,
.title a:active, .title a:hover {
        color: #000 ! important;
}

a[href$="mp3"], a[href$="ogg"]{
        background-image: url('../images/icons/audio.png');
        padding-left: 25px;
        background-position: left bottom;
        background-repeat: no-repeat;
}

a[href$="mpg"], a[href$="mp4"], a[href$="wmv"], a[href$="asx"], a[href$="mkv"]{
        background-image: url('../images/icons/video.png');
        padding-left: 25px;
        background-position: left bottom;
        background-repeat: no-repeat;
}

a[href$="zip"], a[href$="tar.gz"]{
        background-image: url('../images/icons/zip.png');
        padding-left: 25px;
        background-position: left bottom;
        background-repeat: no-repeat;
}

a[href$="pdf"], a[href$="ps"]{
        background-image: url('../images/icons/pdf.png');
        padding-left: 25px;
        background-position: left bottom;
        background-repeat: no-repeat;
}

/* title image */
img.titleimage {
        position: fixed;        
        top: 85px;
        width: 60px;
        left: 10px;
        float: left;
        border-width: 0px;
}

div.titlediv {
        position: fixed;
        width: 80px;
        height: 100%;
        top: 0px;
        left: 10px;
        background-image: url('../images/title2.png');
        background-repeat: repeat-y;
}

/* menu */
div.menu {
    position:   fixed;
    top:        70px;
    width:      150pt;
    left:       150pt;
}

div.menu a {
        color: #000;
}

div.menu div.entry {
        margin-top: 8px;
        font-size: 12pt;
        font-weight: 900;
}

div.menu div.subentry {
        padding-left: 25px;
        font-size: 10pt;
}

/* search */
div.menu input.searchtext {
        margin: 40px 0px 3px 0px;
        height: 20px;
        width: 160px;
        border: 1px solid #ccc;
        color: #666;
}

div.menu input.searchbutton {
        margin: 40px 0px 3px 0px;
        height: 20px;
        width: 35px;
        border-width: 0px;
        background-color: #ff9;
}

/* footer */
div.bottomline{
        margin: 0px 50px 0px 300pt;
        padding: 0px 20px 0px 20px;
        max-width: 510pt;
}

div.leftbottomline {
        float: left;
        margin: 0px 0px 30px 0px;
        max-width: 90pt;
}

div.leftbottomline a {
        margin-right: 15px;
}

div.rightbottomline {
        float: right;
        margin: 0px 0px 30px 0px;
        max-width: 400pt;
}

div.rightbottomline img {
        border-width: 0px;
}

/* images */
img.galery {
        margin: 1px;
        border: 4px solid #ccc ! important;
}