flesler serialScroll style.css

body {
    padding: 0 5px;
    font-family: Verdana, sans-serif;
    background-color: #DDD;
}

ul, li, h4, h3, h2, h1, p {
    padding: 0;
    margin: 0;
    list-style: none;
}

.next, .prev {
    cursor: pointer;
}

#screen {
    position: relative;
    height: 425px;
    width: 725px;
    margin-top: 40px;
}

    #screen .next, #screen .prev {
        position: absolute;
        top: 200px;
    }

    #screen .prev {
        left: 10px;
    }

    #screen .next {
        right: 10px;
    }

#navigation {
    width: 600px;
    text-align: center;
    margin-left: 62px;
}

    #navigation ul {
        margin-left: 55px !important;
        margin-left: 35px;
    }

    #navigation li {
        float: left;
        margin: 0 20px;
        padding: 10px 20px;
        background-color: #EEE;
    }

    #navigation a {
        color: #933;
        font-weight: bolder;
        text-decoration: none;
    }

#sections {
    overflow: hidden;
    background-color: white;
    width: 600px;
    height: 369px;
    clear: left;
    margin-left: 62px;
}

    #sections ul {
        width: 3660px;
    }

    #sections li {
        float: left;
        padding: 11px 30px;
    }

        #sections li.fallen {
            margin-top: 369px;
        }

    #sections p {
        width: 550px;
        margin: 16px 0;
        font-size: 85%;
        line-height: 1.4em;
    }

    #sections h2 {
        color: #993333;
        margin: 20px 0pt;
    }
    #sections a {
        color: #777;
        font-weight: bolder;
        text-decoration: none;
    }

#screen2 {
    position: relative;
    width: 900px;
    margin: 20px;
}

    #screen2 #buttons {
        border: 1px solid #777;
        margin-bottom: 5px;
        width: 679px;
    }

        #screen2 #buttons a {
            margin: 10px 10px;
            color: #69C;
        }

    #screen2 .prev {
        float: left;
    }

    #screen2 .next {
        float: right;
    }

#slideshow {
    overflow: hidden;
    width: 680px;
    border: 1px solid #777;
}

    #slideshow ul {
        width: 3900px;
        padding-left: 225px;
    }

    #slideshow li {
        float: left;
        margin: 0 16px;
        cursor: pointer;
    }

#news-ticker {
    width: 800px;
    height: 79px;
    background-color: white;
    overflow: hidden;
    margin: 20px;
}

    #news-ticker h4 {
        color: #933;
        display: inline;
    }

    #news-ticker div {
        height: 22px;
        width: 782px;
        border: 1px black solid;
        padding: 8px;
        margin-top: -1px;
    }

        #news-ticker div.first {
            margin-top: 0;
        }

    #news-ticker p {
        font-size: 11px;
        margin-left: 0 !important;
        margin-left: 5px;
        display: inline;
    }

#links {
    position: absolute;
    right: 5px;
    border: 1px solid #777;
    width: 210px;
    top: 15px;
    padding: 10px;
}

    #links h3 {
        color: #777;
    }

    #links ul {
        padding: 8px 0 3px 20px;
    }

    #links li {
        list-style-type: circle;
    }

    #links a {
        color: #69C;
    }

h1 {
    margin: 20px 0;
    color: #5B739C;
}

    h1 strong {
        font-size: 13px;
        color: #777;
    }

.clear {
    clear: both;
    width: 0;
    height: 0;
}

.message {
    background: #EEE;
    border: 1px solid #999;
    color: #333;
    font-size: 12px;
    padding: 1px;
    height: auto;
    padding-left: 5px;
    line-height: 18px;
}

.side {
    position: absolute;
    right: 5px;
    width: 210px;
    padding: 10px;
}

#general {
    top: 160px;
}

#extra {
    top: 400px;
}

.separator {
    width: 675px;
    clear: both;
    margin-left: 20px;
}

#ticker-container {
    position: relative;
    padding-top: 15px;
}

    #ticker-container button {
        position: absolute;
        right: 5px;
    }

#add-news {
    top: 0px;
}

#shuffle-news {
    top: 25px;
}