home.css~

body {
    font-family:helvetica,arial;
    background: url('http://webbrowser258.files.wordpress.com/2008/12/vista-background.jpg') left top repeat #ccc;
}

h3.time_label {
    margin: 0 0 5px 0;
    padding: 0 0 4px 0;
    font-size: 13px;
    font-weight: bold;
    color: #aaa;
    border-bottom: 2px dotted #ccc;
}

div.wrap {
    margin: 0 auto;
    width: 960px;
}

div#main {
    float: left;
    width: 960px;
    background: white;
    -moz-box-shadow: 0px 0px 20px #888;
    -webkit-box-shadow: 0px 0px 20px #888;
}

div.head, div.body, div.foot {
    float: left;
    width: 960px;
    padding: 15px 0;
}

div.head, div.foot {
    background: #e2e2e2;
}

div.head {
    background: url('../img/wheat_cut.jpg') center bottom no-repeat;
}

div.col {
    position: relative;
    display: inline;
    float: left;
}

div.col.full {
    margin: 0 15px;
    width: 930px;
}

div.col.large {
    margin: 0 15px;
    width: 630px;
}

div.col.third {
    margin: 0 15px;
    width: 290px;
}

div.col.small {
    margin: 0 15px;
    width: 270px;
}

a {
    color: firebrick;
    text-decoration:none;
}

a:visited {
    color: maroon;
}

a:hover {
    color: crimson;
}

/* -------------------------------------- */

div.head h1 {
    color: white;
}

div#login {
    text-align: right;
}

    div#login h3 {
        font-weight: bold;
        font-size: 12px;
        color: #eee;
    }
    
    div#login h3 a {
        color: crimson;
    }
    
    div#login h3 a:hover {
        color: crimson;
    }

/* -------------------------------------- */

div#addevent {
    width: 100%;
    margin: 0 0 10px 0;
    text-align: right;
}

div.event_listing {
    float: left;
    width: 630px;
    margin: 5px 0 5px 0;
}

    div.event_listing h1 {
        font-size:24px;
    }
    
        div.event_listing h1 span.date {
            margin: 0 0 0 10px;
            font-size: 14px;
            font-weight: normal;
            color: #777;
        }
        
    div.event_listing p {
        margin: 5px 0;
        font-size: 14px;
        line-height: 20px;
        text-align: justify;
    }
    
    div.details {
        float: left;
        width: 630px;
        margin: 5px 0 15px 0;
        font-size: 12px;
        color: #888;
        text-align: right;
    }

        div.details span {
            margin: 0 0 0 10px;
        }
        
            div.details span span.val {
                margin: 0;
                font-weight: bold;
                color: #666;
            }

div.body div.bottom {
    float: left;
    width: 630px;
}

    div.body div.bottom a#more_events {
        float: right;
    }
        
/* ------------------------------------------ */

div.col.side {
    position: relative;
    top: -15px;
    margin: 0;
    padding: 15px;
    background: #f3f3f3;
}
    
    div.col.side div.unit {
        float: left;
        width: 270px;
        margin: 0 0 15px 0;
    }
    
    div.side div.unit h3 {
        margin: 0 0 5px 0;
        font-size: 15px;
        color: #666;
    }
    
    div.side div.unit.happening_links { }
    
        div.side div.unit.happening_links li {
            font-weight: bold;
        }
    
    div.side div.unit ul {
        margin: 0 0 0 1em;
        list-style-type: square;
    }
    
        div.side div.unit ul li {
            list-style-type: square;
            font-size: 14px;
            line-height: 18px;
        }
        
    div.side div.unit.tag_cloud { }
    
        div.unit.tag_cloud span.tag {
            float: left;
            margin: 0 5px 0 0;
        }

/* ------------------------------------------ */

div.foot {
    font-size: 13px;
}