/*
Theme Name: NHQuilts
Theme URI: http://www.nhquilts.org
Description: Theme for the Souhegan Valley Quilters Guild
Version: 1.0
Author: Erik Teichmann
Author URI: http://www.eriktdesign.com
*/

/* Import 960 grid */
@import url("css/reset.css");
@import url("css/960.css");
@import url("css/text.css");

/* =Structure */

body {
    background: #5c7a99 url('images/background.png') fixed;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    line-height: 1.2em;
    color: #1f2933;
}

#container {
    margin-top: 25px;
}

#header {
    height: 450px;
    background: url('images/header.jpg');
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-topright: 50px;
    -webkit-border-top-left-radius: 50px;
    -webkit-border-top-right-radius: 50px;
    position: relative;
}

    #header h1, #header h1 a {
        position: absolute;
        top: 15px;
        left: 10px;
        width: 450px;
        height: 115px;
        display: block;
        text-indent: -100em;
    }

#nav {
    height: 60px;
    background: #3d5266 url('images/nav.png');
}

    #nav ul {
        width: 940px;
        height: 60px;
        position: relative;
    }

        #nav ul li {
            display: inline;
            margin: 0;
            padding: 0;
            position: absolute;
            top: 0;
            text-indent: -100em;
        }
        
        #nav ul li, #nav ul a {
            height: 60px;
            display: block;
        }
        
            li#meetings {
                left: 0px;
                width: 175px;
            }
            
                li#meetings a:hover {
                    background: transparent url('images/nav.png') 0 -60px no-repeat;
                }
            
            li#quilt_show {
                left: 175px;
                width: 190px;
            }

                li#quilt_show a:hover {
                    background: transparent url('images/nav.png') -175px -60px no-repeat;
                }
            
            li#photo_gallery {
                left: 364px;
                width: 235px;
            }
            
                li#photo_gallery a:hover {
                    background: transparent url('images/nav.png') -364px -60px no-repeat;
                }
            
            li#contact {
                left: 600px;
                width: 174px;
            }
            
                li#contact a:hover {
                    background: transparent url('images/nav.png') -600px -60px no-repeat;
                }
            
            li#members {
                left: 774px;
                width: 166px;
            }
            
                li#members a:hover {
                    background: transparent url('images/nav.png') -774px -60px no-repeat;
                }

#content {
    background: #fffde1;
    padding-top: 10px;
    padding-bottom: 20px;
}
 
   /*#content h2, #content p {
        margin: 10px;
    }*/

    .post, #comment-area, #content h4{
        margin: 20px;
    }

    h2.post_title {
        margin-bottom: 5px;
    }

    p.meta {
        font-style: italic;
    }

    #content img {
        padding: 2px;
        border: 1px solid #5c7a99;
    }
    
        #content a img:hover {
            border: 1px solid #99ccff;
        }

#footer {
    background: #1f2933;
    color: #99ccff;
    font-size: .85em;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 50px;
    -moz-border-radius-bottomleft: 25px;
    -moz-border-radius-bottomright: 25px;
    -webkit-border-bottom-left-radius: 25px;
    -webkit-border-bottom-right-radius: 25px;
}

    #footer_left, #footer_right {
        padding-bottom: 10px;
    }

    #footer_left p {
        padding-left: 10px;
        margin-bottom: 0px;
    }
    
    #footer_right p {
        text-align: right;
        padding-right: 10px;
        margin-bottom: 0px;
    }

h1, h2, h3, h4, h5, h6 {
    color: #5c7a99;
    font-family: "Futura LT Heavy", Arial, sans-serif;
}

    h1 {
        
    }
    
    h2 {
        font-size: 18pt;
        text-transform: lowercase;
    }
    
    h3 {
        
    }
    
    h4 {
        
    }
    
    h5 {
        
    }
    
    h6 {
        
    }
    
    a, a:visited {
        text-decoration: none;
        color: #5c7a99;
    }
    
        a:hover, a:active {
            color: #99ccff;
        }
    
ul.wplc_event_list li {
    background: transparent url('images/calendar_icon.png') no-repeat scroll 0 0;
    margin-left: 0px;
    padding-left: 15px;
    list-style-type: none;
}

    ul.wplc_event_list li p {
        margin-left: 10px;
    }

    p.event_name {
        font-weight: bold;
        color: #5c7a99;
        margin-bottom: 0px;
    }
    
    p.event_time {
        color: #5c7a99;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    
    p.event_description {
        margin-top: 0px;
        margin-bottom: 10px;
    }

#comment-area {
margin-top: 40px;
}

ul.commentlist {
list-style-type: none;
}

#commentform p {
        padding-bottom: .5em;
    }

        .commentlist li {
            padding-bottom: 20px;
            margin-left: 0px;
        }

        .avatar {
            float: left;
            margin-right: 10px;
            border: 1px solid #c8b78b;
        }
        
        .comment-author {
            font-weight: bold;
        }
        
        span.comment-meta {
            font-style: italic;
        }

    .alt {
        background: #cccccc;
    }