/*
    Theme Name: Paul Swick Family Center Spring Theme
    Theme URI: http://www.jadepenguin.com/
    Description: The Paul Swick Family Center theme is a modified version of the Green Bug theme by <a href="http://gotchance.com/">Shrihari</a> & <a href="http://nitrogendesigns.com">Nitrogen Designs</a>. The modifications were made by <a href="http://www.jadepenguin.com">Jade Penguin</a> for Paul Swick Family Center. 
    Version: 1.0
    Author: <a href="http://gotchance.com">Shrihari</a> & <a href="http://nitrogendesigns.com">Nitrogen Designs</a> modified by <a href="http://www.jadepenguin.com">Jade Penguin</a>. 
*/



* {
    margin: 0;
}

body {
    font-family: Verdana, Tahoma, Ariel, Helvetica, sans-serif;
    font-size: 12px;
}

#wrap {
    margin-top: 10px;
    width: 760px;
    text-align: left;
    background: #fff;
}



/* .......... ·········· ¨¨¨¨¨¨¨¨¨¨ ^^^^^^^^^^ Begin Custom Colors ^^^^^^^^^^ ¨¨¨¨¨¨¨¨¨¨ ·········· .......... */

body {
    /* Winter Theme */
    /* background: #def; */
    /* Spring Theme */
    background: #fffdd0;
}

#wrap {
    /* Winter Theme */
    /* border: 3px solid #bb0c0c; */
    /* Spring Theme */
    border: 3px solid #00a200;
}

#header {
    /* background-color: #efe; */
}

#header .logo a { color: #000; }
#header .logo a:hover { color: #4D6A00; }
#menu ul li { color: #DDD; }
#menu ul li a { color: #FFF; }
#right { /* background-color: #eef; */ }
#left { /* background-color: #ff0; */ }

#menu {
    background: #5D7311 url( images/menuback.gif ) repeat-x;
    color: #DDD;
}

.stitches {
    border-bottom: 2px dashed #fff;
}

.ltop {
    background: url( images/top-cap.png ) no-repeat;
    /* border-bottom: 2px dashed #eedc82; */
}

.lmid {
    /* background: url( images/lmid.jpg ) repeat-y; */
    background-color: #f6f1cc;
}

.lmid h2 {
    color: black;
}

.lbot {
    background: url( images/bottom-cap.png ) no-repeat;
    border-top: 2px dashed #f6f1cc;
}

a {
    color: #008000;
}

a:hover {
    color: #40b240;
}

.calendarlink a {
    color: #008000;
}

.calendarlink a:hover {
    color: #40b240;
}

#prefooter {
    border-top: 1px dashed #CCC;
    color: #060;
}

#footer {
    border-top: 1px dashed #CCC;
    color: #060;
}

/* ¨¨¨¨¨¨¨¨¨¨ ·········· .......... vvvvvvvvvv End Custom Colors vvvvvvvvvv .......... ·········· ¨¨¨¨¨¨¨¨¨¨ */



img, img a {
    border: 0;
}



/* .......... ·········· ¨¨¨¨¨¨¨¨¨¨ ^^^^^^^^^^ ¨¨¨¨¨¨¨¨¨¨ ·········· .......... */

#header .logo {    
    background: url( images/main.jpg ) no-repeat;
    vertical-align: middle;
    font-size: 40px;
    height: 90px;
}

#header .logo a {
    text-decoration: none;
}

/* ¨¨¨¨¨¨¨¨¨¨ ·········· .......... vvvvvvvvvv .......... ·········· ¨¨¨¨¨¨¨¨¨¨ */



/* .......... ·········· ¨¨¨¨¨¨¨¨¨¨ ^^^^^^^^^^ ¨¨¨¨¨¨¨¨¨¨ ·········· .......... */

#menu {
    height: 35px;
}

#menu ul {
    margin: 0;
    padding: 0 0 0 10px;
    list-style: none;
}

#menu ul li {
    float: left;
    margin: 0 15px 0 0;
    font-size: 10px;
    font-weight: bold;
}

#menu ul li a {
    padding: 10px 20px 10px 12px;
    background: url( images/menu-bg.gif ) no-repeat;
    background-position: 0 13px;
    text-decoration: none;
    display: block;
}

#menu ul li a:hover {
    background: url( images/menu-bg-hover.gif ) no-repeat;
    background-position: 0 13px;
}

/* ¨¨¨¨¨¨¨¨¨¨ ·········· .......... vvvvvvvvvv .......... ·········· ¨¨¨¨¨¨¨¨¨¨ */



#content {
    padding: 10px 10px 8px 10px;
}

#right {
    font-size: 13px;
    line-height: 1.3em;
    float: left;
    width: 520px;
    padding: 0px 0px 0px 0px;
}

#left {
    font-size: 11px;
    line-height: 1.5em;
    float: left;
    width: 210px;
    padding: 0px 10px 0px 0px;
}

#right img {
    margin: 5px;
    max-width: 98%;
}



#right ul, #right ol, #right .commentlist li.alt ol, #right .commentlist li.alt ul {
    margin: 5px 0px 0px 0px;
    line-height: 25px;
    padding: 0;
}

#left ul, #left ol {
    margin: 0px 0px 0px 0px;
    line-height: 1.8em;
    padding: 5px 0px 0px 0px;
}



#right li, #left li, #right .commentlist li.alt li {
    list-style: none;
    font-size: 12px;
    background: url( images/bullet.png ) no-repeat left top;
    background-position: 0 5px;
    padding-left: 20px;
    margin: 0;
    border: 0;
}

#right .post blockquote {
    margin: 10px;
    background: url( images/quote.jpg ) no-repeat top left;
    padding-left: 45px;
    min-height: 36px;
}





.post .title {
    margin-bottom: 5px;
}

.post .title a {
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}

.post .title a:hover {
    color: #080;
    text-decoration: underline;
}

.post .meta {
    color: #999;
    padding: 2px;
    font-size: 11px;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
}

.post .meta a {
    color: #777777;
}

.post .meta a:hover {
    color: #000;
}

.post .meta .posted {
    float: left;
}

.post .meta .comments {
    float: right;
}

.post .meta .comments a {
    background: url(images/comments.png) left no-repeat;
    padding-left: 20px;
    padding-bottom: 1px;
    display: block;
    text-decoration: none;
}

.post .entry {
    text-align: justify;
    padding: 6px;
    margin-bottom: 20px;
    color: #333;
}

.entry p {
    margin-bottom: 10px;
}








.ltop {
    width: 200px;
    height: 10px;
}

.lmid {
    /* background: url( images/lmid.jpg ) repeat-y; */
    width: 180px;
    padding: 0px 10px 10px 10px;
}

.lmid h2 {
    font-weight: normal;
    margin: 0px 0px 0px 0px;
    font-size: 18px;
    padding-bottom: 5px;
    /* border-bottom: 2px dashed #fff; */
}

.lbot {
    width: 200px;
    height: 10px;
    margin-bottom: 10px;
}





#comments, #respond{
    margin: 0;
    padding: 1em 0 0 0;
}
#commentform 
{
    margin: 10px 0;    
    padding: 10px;
    background:#f9f9f9;
    border-top: #ddd 1px solid;
    border-bottom: #ddd 1px solid;
}
.commentnum 
{
    font-size:1.5em;
    font-weight:bold;    
    margin:0 5px 0 0;
}
#right .commentlist {
    margin: 1em 0;
    padding: 0;        
    border-top: #ddd 1px solid;
}

#right .commentlist li.one, #right .commentlist li.alt {
    list-style:none;
    margin: 0;
    padding: 0.5em 0.5em 2em;    
    background: #fff url( img/shadow_top.gif ) repeat-x top;
    border-bottom: #ddd 1px solid;
}

#right .commentlist li.alt {
    background:#f9f9f9;    
}

#right .commentlist li.authorcomment {
    background: #ECE9D8;      
}

#right .commentlist li.one .cmtinfo, #right .commentlist li.alt .cmtinfo {
    font-size: 1em;            
}

#right .commentlist li.one cite, #right .commentlist li.alt cite {
    font-style: normal;
    font-weight: bold;
}

#right .commentlist li.one .cmtinfo em, #right .commentlist li.alt .cmtinfo em {
    float:right;
    margin:0;
    padding:0;
    font-style:normal;
    font-size:0.9em;
    color:#999;
}





.calendarlink {
    font-weight: normal;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 16px;
    color: black;
    /* border-bottom: 2px dashed #fff; */
}

.calendarlink img {
    vertical-align: middle;
    padding-right: 5px;
}





#prefooter {
    margin: 25px 5px 5px 5px; 
    padding: 3px 5px 0px 5px;
    font-size: 11px;
    text-align: center;
}



#footer {
    margin: 5px; 
    padding: 10px 5px 0px 5px;
    font-size: 11px;
    text-align: left;
}