/* a little fish in a big pond */
/*       basic stylesheet      */

/* GENERAL DEFINITIONS */

body {
    background-color: white;
    color: black;
    }

p {
    font-size: 90%;
    text-align: justify;
    }

dl {
    font-size: 90%;
    text-align: justify;
    }

    dt {
        width: 12%;
        float: left;
        font-weight: bold;
        color: #555555;
        }

    dd {
        padding-left: 12%;
        margin-bottom: 1em;
        }

li {
    font-size: 90%;
    text-align: justify;
    }

code {
    color: rgb(128,0,0);
    }

img {
    border-width: 0px;
    }

a {
    text-decoration: none;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    }

a:link {
    color: rgb(50,50,128);
    }

a:visited {
    color: rgb(0,0,62);
    }

a:hover {
    color: teal;
    }

a:active {
    color: red;
    }

dfn {
    text-decoration: none;
    font-style: normal;
    font-weight: bold;
    color: #555555;
    }

/* BRANDING SECTION */

#branding {
    border-bottom-style: solid;
    border-bottom-width: 3px;
    margin-bottom: 5px;
    }

#lips {
    float: left;
    }

h1 {
    font-size: 2em;
    font-style: italic;
    text-align: right;
    padding-top: 0em;
    margin-top: 0em;
    padding-left: 100px;
    font-weight: bold;
    letter-spacing: 0.5em;
    color: rgb(140,128,190);
    }

h2 {
    font-size: 1.5em;
    text-transform: lowercase;
    margin-top: 1em;
    margin-bottom: 0em;
    margin-left: 1.2%;
    margin-right: 1.2%;
    font-style: italic;
    text-align: right;
    font-weight: bold;
    letter-spacing: 0.5em;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    }

h3 {
    font-size: 1.2em;
    text-transform: lowercase;
    margin-top: 1em;
    margin-bottom: 0em;
    font-style: italic;
    text-align: right;
    font-weight: bold;
    letter-spacing: 0.4em;
    background: rgb(240,215,255);
    }

h3 img {
    float: left;
    height: 1.2em;
    }

h4 {
    font-size: 120%;
    text-transform: lowercase;
    margin-top: 0.5em;
    margin-bottom: 0em;
    font-style: italic;
    text-align: right;
    font-weight: bold;
    letter-spacing: 0.4em;
    color: rgb(140,128,190);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: black;
    }

h5 {
    font-style: italic;
    text-align: right;
    margin-bottom: -1em;
    }

.blind {
    width: 0em;
    height: 0em;
    margin-top: 0em;
    margin-bottom: -1.25em;
    padding-top: 0em;
    padding-bottom: 0em;
    overflow: hidden;
    }

/* NAVIGATION AIDS */

#navigation {
    float: left;
    width: 12%;
    margin-right: 3%;
    }

#navigation p {
    font-size: 80%;
    margin-top: 0em;
    margin-bottom: 0em;
    text-align: right;
    }

#navigation h4 {
    margin-top: 1em;
    margin-right: 0em;
    letter-spacing: 0em;
    }

/* CONTENT SECTION */

.content {
    float: left;
    width: 85%;
    }

.section {
    width: 47%;
    float: left;
    margin-right: 1%;
    margin-left: 1%;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    }

/* APPENDIX SECTION */

.appendix {
    clear: both;
    padding-left: 1%;
    padding-right: 2%;
    }

/* VARIOUS IDS */

#content-home {
    }

    #webcomics {
        }

        #webcomics h3 {
            }

        #webcomics h4 {
            clear: both;
            }

        #webcomics p {
            margin-bottom: 0em;
            margin-top: 0em;
            }

        #comic-favorites {
            }

        #comic-basics {
            }

        #comic-archives {
            }

        p.comic {
            width: 50%;
            float: left;
            text-align: left;
            }

    #misc {
        float: right;
        }

        #misc h3 {
            }

        #misc h4 {
            }

    #design {
        float: right;
        }

#content-roleplaying {
    }

    #past-campaigns {
        }

    #science-fiction {
        float: right;
        }

        #timeline {
            float: right;
            }

        #piku {
            }

    #fantasy {
        float: right;
        }

        #maal-lochte {
            float: right;
            }

        #elljaret {
            }

        #europ {
            }

        #ao {
            float: right;
            }

        #theralis {
            float: right;
            }

        #mage-the-ascension {
            }

        #enhedu {
            float: right;
            }

    #idea-hole {
        float: right;
        }

        #little-people {
            float: right;
            }

        #ideas-introduction {
            }

        #black-bob {
            float: right;
            }

        #vampires {
            }

        #reign-of-rot {
            float: right;
            }

        #anthroworld {
            }

        #relics {
            float: right;
            }

    #systems {
        }
        
        #gurps {
            }

        #d20 {
            float: right;
            }

        #vicious {
            }