/* Stylesheet for Provincetown Astrology
Written by Ron Archer
July 24, 2009
*/

body {
    font-family: Helvetica, Arial, sans-serif;
    font-size: .9em;
    margin: 0px;
    padding: 0px;
    background: #fffcf7;
}

#page {
    position: relative;
    width: 960px;
    margin: auto;
    padding: 0px;
    background: #fffcf7;
}

p {
    line-height: 140%;
}

#header {
    position: relative;
    width: 960px;
    height: 400px;
    padding: 0px;
    background-image: url(images/provincetown-astrology-header.jpg);
    background-repeat: no-repeat;
}

#home-link {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 279px;
    height: 159px;
}

#header h1 {
    text-indent: -5000px;
}

#header h2 {
    text-indent: -5000px;
}

#email {
    position: absolute;
    top: 40px;
    left: 760px;
    height: 20px;
    width: 180px;
}

#speech-bubble {
    position: absolute;
    top: 230px;
    left: 30px;
    width: 540px;
    height: 130px;
 
}

#speech-bubble h4 {
    margin-top: 0px;
    font-size: 1.1em;
}

#speech-bubble p {
    padding: 0px;
    margin: 0px;
    line-height: 140%;
}

#about-ron {
    position: absolute;
    top: 355px;
    right: 40px;
    width: 80px;
    height: 25px;
}


#content {
    float: left;
    width: 560px;
    margin: 0;
    padding: 20px;
}

#sidebar {
    float: right;
    width:315px;
    height: 100%;
    padding: 20px;
    background: #eefcbd;
}

.sidebar-box {
    margin: 30px 10px 0px 10px;
}

#footer {
    clear: both;
    margin-top: 20px;
    border-top: 1px solid #666666;
}

#footer p {
    font-size: .9em;
    font-color: #666666;
    text-align: center;
}