body { 
       background: url('http://www.aiit.se/img/opl_dscf3209.jpg'); /* http://openphoto.net/volumes/sukiweb/20050202/opl_dscf3209.jpg */ 
       padding: 3em; 
}

/* http://www.webdesignerwall.com/tutorials/css-gradient-text-effect/ */
.gradient4 {
        background: #000 url('http://www.aiit.se/img/gradiant-text/gradient4-bg.png') repeat-x left bottom;
        padding: 2em 0 0 1em;
        margin: 4.2em;
        -moz-border-radius: 12px;
        border: 2px groove #fff;
        max-width: 50em;
}
.gradient4 h1 {
        font: normal 340%/100% "Liberation Sans", "Lucida Grande", Arial, sans-serif;
        position: relative;
        margin: 0;
        color: #fff;
        text-align: center;
        font-weight: bold;
        margin-bottom: 1em;
        text-shadow: 2px 2px 5px #5884a7;
}
.gradient4 span {
        background: url('http://www.aiit.se/img/gradiant-text/gradient-dark.png') repeat-x;
        position: absolute;
        bottom: -0.1em;
        display: block;
        width: 100%;
}
a {
        text-decoration: none;
        color: #5884a7;
}
a:hover {
        color: #ff9900;
        text-decoration: blink;
}
.content {
        padding:2em;
        padding-left:1em;
}
.content p, li {
        text-align: justify;
        text-justify: newspaper;
        color: #fff;
        font-family: "Liberation Serif", sans-serif;
}
.footer {
        text-align: center;
        color: #fff;
        font-family: "Liberation Serif", sans-serif;
        font-size: 0.6em;
}
.footer a {
        color: #fff;
        text-decoration: none;
}

abbr {
        cursor: help;
}