/*
Theme Name: MumMums
Theme URI: http://www.graphicallyspeaking.ca/
Description: Template by GSSI.
Version: 1.0
Author: Graphically Speaking Services Inc.
Author URI: http://www.graphicallyspeaking.ca/
Tags: 

*/
#cycle-button {
position: absolute;
top: 240px;
left: 59px;
z-index: 8999;
}

#cycle-button ul {
margin: 0px; padding: 0px;
}

#cycle-button ul li {
list-style: none;
float: left;
}

#cycle-button ul li a {
display: block;
width: 18px;
height: 1px;
padding-top: 22px;
overflow: hidden;
}

#cycle-button ul li a:hover, #cycle-button ul li a.activeSlide {
background-position: 0 -23px;
}

#btn-cycle-1 {background: url(/images/home/controls/control-01.png);}
#btn-cycle-2 {background: url(/images/home/controls/control-02.png);}
#btn-cycle-3 {background: url(/images/home/controls/control-03.png);}
#btn-cycle-4 {background: url(/images/home/controls/control-04.png);}
#btn-cycle-5 {background: url(/images/home/controls/control-05.png);

    min-height: 100%;
    margin: 0px;
    padding: 0px;
}

.clear {
    clear: both;
}
body {
    background: #ffffff url(/images/bg-main.gif) center bottom no-repeat;
    font-size: 12px;
    font-family: Verdana, Helvetica, sans-serif;
    color: #9b3a3d;
    line-height: 22px;
}

#body-wrapper {    
    position: relative; 
    min-width: 970px;
    margin: 0 auto;
    background: url(/images/bg-main-header.gif) center top no-repeat;
}

#body-wrapper2 {    
    padding-top: 175px; 
    padding-bottom: 50px;
    position: relative; 
    width: 970px;
    margin: 0 auto;
}

/* --HEADER-- */
#header { 
    top: 0; left: 0;
    position: absolute;
    height: 175px; 
    width: 100%;
    z-index: 10;    
}
    #icon-home, 
    #logo-baby, 
    #logo-toddler {
        position: absolute;
        display: block;
        height: 1px;
        overflow: hidden;
        background-repeat: no-repeat;
    }
    
    #icon-home {background: url(/images/icon-home.png); width: 32px; padding-top: 27px; top: 60px; left: 40px;}
    #logo-baby {background: url(/images/logo-baby.png); width: 124px; padding-top: 61px; top: 30px; left: 95px;}
    #logo-toddler {background: url(/images/logo-toddler.png); width: 170px; padding-top: 61px; top: 30px; left: 240px;}
    
    #mainnavigation, #utilities {
        position: absolute;
    }
    #mainnavigation {
        z-index: 0;
        bottom: 0;
        left: 0;
        top: 132px;
    }
        #mainnavigation ul {}
            #mainnavigation ul li {
                float: left;
                list-style: none;
            }
                #mainnavigation ul li a {
                    display: block;
                    height: 1px;
                    padding-top: 43px;
                    overflow: hidden;                    
                }
                    #link1 a {background: url(/images/nav/nav-baby.gif); width: 192px;}
                    #link2 a {background: url(/images/nav/nav-toddler.gif); width: 203px;}
                    #link3 a {background: url(/images/nav/nav-about.gif); width: 196px;}
                    #link4 a {background: url(/images/nav/nav-nutrition.gif); width: 213px;}
                    #link5 a {background: url(/images/nav/nav-community.gif); width: 166px;}
                        #mainnavigation ul li a:hover, #mainnavigation ul li a.current {
                            background-position: 0 -44px;        
                        }

    #utilities {
        top: 50px;
        right: 45px;
    }
        #utilities ul {}
            #utilities ul li {
                font-family: Verdana, Arial, Helvetica, sans-serif;
                float: left;
                list-style: none;
                font-size: 12px;
                color: #9b3a3d;
            }
                #utilities ul li a {
                    font-family: Verdana, Arial, Helvetica, sans-serif;
                    font-size: 12px;
                    color: #9b3a3d;
                    text-decoration: none;
                    padding: 0px 5px;
                }
                #utilities ul li a:hover {
                    text-decoration: underline;
                }
                    #utilities-search {
                        position: absolute;
                        right: 43px;
                        top: 83px;
                    }
                        #utilities-search li {
                            list-style: none;
                            float: left;
                        }
                            #utilities-search input {
                                font-family: Verdana, Arial, Helvetica, sans-serif;
                                font-size: 11px;
                                width: 130px;
                                height: 15px;
                                color: #797979;
                                padding-top: 5px;
                                padding-left: 5px;
                                border: none;
                                background-color: transparent;
                            }
                            #utilities-search li a.btn-search {
                                display: block;
                                width: 100px;
                                height: 1px;
                                padding-top: 27px;
                                overflow: hidden;
                                background: url(/images/btn-search.png) no-repeat;
                            }
.header-title {
    color: #ff8f00;
    font-size: 16px;
    position: absolute;
    top: 105px;
    left: 30px;
}                

/* --CONTENT-- */
#content { 
    position: relative; 
    width: 950px;
    padding: 0px 10px;
    background-color: #ffffff;
    margin: 0 auto;
    z-index: 8999;
}

    #left-container {
        float: left;
        position: relative;
    }
        #banner {
            width: 772px;
            height: 178px;
            position: absolute;
            left: 0px; top: 0px;
        }

body.page-template-homepage-php #banner {
            height: 286px;
        }
    #subnav, #content-body, #ctas {
        float: left;
    }
    #content-body {
        width: 528px;
        padding: 198px 40px 0px 40px;
        position: relative;
        left: 165px; top: 0;
    }


body.page-template-homepage-php #content-body {
float:left;
left:0;
padding:308px 0 0 7px;
position:relative;
top:0;
width:767px;

    }


        ul.overview-list {
            margin: 0px;
            padding: 0px;
        }
            #content .overview-list li {
                list-style: none;
                float: left;
                width: 145px;
                color: #5c5c5c;
                line-height: 22px;
                margin-right: 20px;
                display: inline;
            }
                #content .overview-list li a {
                    font-size: 12px;
                    color: #9b3a3d;
                    font-weight: bold;
                    text-decoration: none;
                }
                    #content .overview-list li a:hover {
                        text-decoration: underline;
                    }
    #subnav { 
        padding-top: 178px;
        width: 166px;        
        position: relative;
        left: -606px; top: 0;
        background: url(/images/bg-subnav.png) left top no-repeat;
    }
    #subnav-wrapper {
        background: url(/images/bg-subnav-main.png) left top repeat-y;
    }
    #subnav-close {
        width: 166px;
        background: url(/images/bg-subnav-close.png) left bottom no-repeat;
        padding-bottom: 30px;
    }
        #subnav ul {
            margin: 20px 0px 0px 0px; 
            padding: 0px;
        }
            #subnav ul li {
                list-style: none;            
            }
                #subnav ul li a {
                    color:#99363A;
display:block;
font-size:12px;
font-weight:bold;
padding:5px 0 5px 13px;
text-decoration:none;
width:153px;
                }
                #content #subnav ul li a:hover {
                    text-decoration: none;
                    
                }
                    #subnav ul li.current_page_item a{
                        color: #ffffff;
                        background: url(/images/bg-nav-active.png) repeat-y;
                    }
                    #subnav ul li.current_page_item:hover {
                        text-decoration: none;
                    }
                    
    
    #ctas {
        width: 176px;
        position: relative;
        z-index: 8999;
    }
        #newsletter {
            height: 106px;
            width: 176px;
            background: url(/images/bg-newsletter.png) no-repeat;
            position: relative;
        }
            #newsletter ul {
                margin: 0px; 
                padding: 0px;
                position: absolute;
                left: 10px;
                top: 59px;
z-index: 8999;
            }
                #newsletter ul li {
                    list-style: none;
                    float: left;
                    z-index: 8999;
                }
                    #newsletter ul li input {
                        width: 112px;
                        height:14px;
                        font-size: 12px;
                        color: #797979;
                        border: none;
                        background-color: transparent;
                        padding: 5px 5px;
                    }
                    #newsletter ul li .btn-go {
                        display: block;
                        width: 36px;
                        height: 1px;
                        padding-top: 27px;
                        overflow: hidden;
                        background: url(/images/btn-go.png) no-repeat;


left:122px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
position:absolute;
z-index:999999;
                    }
                    
                    #tooltip {
                        height:463px;
width:653px;
                        background:url(/images/tooltip.png) no-repeat;
                        display: none;
                        z-index: 8999;
                        zoom: 1;
                    }
                    
                    .cta-store {
                        display: block;
                        width: 176px;
                        height: 1px;
                        padding-top: 79px;
                        overflow: hidden;
                        background: url(/images/cta-store.png) no-repeat;
                        cursor: pointer;
                    }
                    
                    .cta-store:hover {
                        background-position: 0 -80px;
                    }
            #comment {
                width: 176px;
                background:url(/images/bg-comment-main.png) repeat-y;
            }    
                #comment-top {
                    background:url(/images/bg-comment-top.png) left top no-repeat;
                }        
                    #comment-bottom {
                        background:url(/images/bg-comment-bottom.png) left bottom no-repeat;
                        padding: 20px 12px 10px 12px;
                        font-size: 12px;
                        color: #616161;
                        line-height: 16px;
                        
                    }            
                        #comment-bottom img {
                            float: left;
                            padding: 0px 5px 5px 0px;
                            z-index: 99999;
display:inline;
padding-top: 10px;
                        }
                            .comment-name {
                                color: #9b3a3d;
                                font-style: normal;
                                float: right;
                            }

.testimonial {padding-top: 10px;}

        #social {
            width: 176px;
            height: 163px;
            background:url(/images/bg-community.jpg) no-repeat;
            position: relative;
        }                
            #social ul {
                margin: 0px;
                padding: 0px;
                position: absolute;
                left: 5px;
                top: 122px;
            }        
                #social ul li {
                    list-style: none;
                    float: left;
                    margin-left: 10px;
                    display: inline;
                }    
                    #social ul li a {
                        display: block;
                        width: 29px;
                        height: 1px;
                        padding-top: 29px;
                        overflow: hidden;    
                        background-repeat: no-repeat;                
                    }            
            #icon-blog {background: url(/images/social-blog.png);}
            #icon-facebook {background: url(/images/social-facebook.png);}
            #icon-twitter {background: url(/images/social-twitter.png);}
            #icon-youtube {background: url(/images/social-youtube.png);}
            
            .join-community {
                font-size: 10px;
                color: #9b3a3d;
                display: block;
                text-align: center;
            }

/* --FOOTER-- */
#footer {
    position: relative;
    height: 70px;
    width: 970px;
    background: url(/images/bg-footer.png) no-repeat;
    margin: 0 auto;
}
    #footer-wrapper {
        background: url(/images/footer-hot-kid.gif) 10px 10px no-repeat;
        height: 35px;
        padding:27px 15px 0 70px;
    }
    #footer, #footer a {
        font-size: 10px;
        color: #9b3a3d;
        text-decoration: none;
    }
        #footer a:hover {
            text-decoration: underline;
        }
            #bottomlinks {
                float: left;
line-height:13px;
            }
            #credit {
                float: right;
padding-top: 10px;
            }
        .img-left, img.alignleft {float: left; padding-right: 15px; padding-bottom: 10px;}


ul.overview-list li a.overview-title {text-align: center; display:block; padding-bottom: 10px;}


table.community-socialmedia .img-left{
float:left;
padding-bottom:0;
padding-right:8px;
padding-top:10px;
}


img.centered {
display:block;
margin-left:auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}



.media-gallery {text-align: center; padding:0 8px 3px;}
#content .media-gallery table td a {vertical-align: top;}
#content .media-gallery table td p {vertical-align: bottom;}
.media-gallery img {border:1px solid #999999;
margin:5px 12px;}

#sidebar ul {margin-left: 0px; padding-left: 8px;}
li#collisionwidget-3 {list-style-type:none;}
li#collisionwidget-3 a {float:right; color: #00777f; font-size: 10px; font-style:normal;}
#collisionwidget-3 h2.widgettitle {display:none;}
#collisionwidget-3 span {color: #00777f;font-style: normal;}



/****** 2 CTAS *****************/

#top-box {
height:104px;
overflow:hidden;
display:block;
}

#bottom-box {
height:88px;
overflow:hidden;
padding-top:23px;
display:block;
}

body.page-template-page2-php .cta-store {background:transparent url(/images/cta-storeB.png) no-repeat scroll 0 0;}
body.page-template-page2-php #social {background:transparent url(/images/bg-communityB.jpg) no-repeat scroll 0 0;}
body.page-template-page2-php #comment {background:transparent url(/images/bg-2ctas.png) no-repeat scroll 0 0; }
body.page-template-page2-php #comment-top {background:none;}
body.page-template-page2-php #comment-bottom {background:none; padding-bottom: 0px; padding-left:17px; padding-top:16px;}
body.page-template-page2-php #comment a {text-decoration:none;}
body.page-template-page2-php #ctas p {color:#494949; font-size: 11px; font-weight:normal; font-style: normal; margin: 0px; line-height:15px;}
body.page-template-page2-php #ctas p.widget-title {color:#9B3A3D;font-size:13px;font-style:normal;font-weight:bold;line-height:17px; padding-bottom: 5px;}



/******* BLOG PAGE ************/

body.blog #content #content-body, body.archive #content #content-body, body.single #content #content-body {padding:28px 40px 0;}
body.blog #subnav, body.archive #subnav, body.single #subnav {padding-top: 0px;}

body.blog .cta-store, body.archive .cta-store, body.single .cta-store {background:transparent url(/images/cta-store-blog.png) no-repeat scroll 0 0;}
body.blog #social, body.archive #social, body.single #social {background:transparent url(/images/bg-community-blog.png) no-repeat scroll -1px 97px;}

body.blog #content h2.widgettitle, body.archive #content h2.widgettitle, body.single #content h2.widgettitle {color:#747474; font-size: 14px; padding-top:20px;}
body.blog #content #subnav-blog, body.archive #content #subnav-blog, body.single #content #subnav-blog {padding-left: 7px;}
body.blog #content #subnav-blog ul, body.archive #content #subnav-blog ul, body.single #content #subnav-blog ul {margin: 0px; color:#747474; }
body.blog #content #subnav-blog ul li, body.blog #content #subnav-blog ul li a, body.archive #content #subnav-blog ul li, body.archive #content #subnav-blog ul li a, body.single #content #subnav-blog ul li, body.single #content #subnav-blog ul li a {font-size: 11px; font-weight: normal; padding: 0px;}
body.blog #content #subnav-blog ul li a, body.archive #content #subnav-blog ul li a, body.single #content #subnav-blog ul li a {color: #f26701; text-decoration: underline; display:inline;}


body.blog #content #subnav-blog, body.blog #content #blog-sidebar, 
body.archive #content #subnav-blog, body.archive #content #blog-sidebar, 
body.single #content #subnav-blog, body.single #content #blog-sidebar {line-height:18px;}
body.blog #content #blog-sidebar, body.archive#content #blog-sidebar, body.single #content #blog-sidebar {font-size: 11px; font-weight: normal; color:#747474; background-color:#FFFFFF; }
body.blog #content #blog-sidebar ul.blogroll li, body.archive #content #blog-sidebar ul.blogroll li, body.single #content #blog-sidebar ul.blogroll li {list-style-type: none;}
body.blog #content #blog-sidebar ul.blogroll, body.archive #content #blog-sidebar ul.blogroll, body.single #content #blog-sidebar ul.blogroll {margin-left: 0px;}
body.blog #content #blog-sidebar ul, body.archive #content #blog-sidebar ul, body.single #content #blog-sidebar ul {margin-left: 1em;}
body.blog #content #blog-sidebar img, body.archive #content #blog-sidebar img, body.single #content #blog-sidebar img {padding-right: 9px;}
body.blog #content #blog-sidebar .rss, body.archive #content #blog-sidebar .rss, body.single #content #blog-sidebar .rss {vertical-align:top;}
body.blog #content #subnav-blog ul.categories-sidebar .widgettitle, body.archive#content #subnav-blog ul.categories-sidebar .widgettitle, body.single #content #subnav-blog ul.categories-sidebar .widgettitle {font-size: 12px; font-weight: normal;}
body.blog #content #subnav-blog .categories-title, body.archive #content #subnav-blog .categories-title, body.single #content #subnav-blog .categories-title {color:#747474;font-size:14px;font-weight:bold;line-height:0;margin:0;padding-top:30px;}
body.blog #mainnavigation ul li#link5 a, body.archive #mainnavigation ul li#link5 a, body.single #mainnavigation ul li#link5 a {background-position: 0 -44px;}
body.blog #subnav, body.archive #subnav, body.single #subnav {background:transparent url(/images/bg-subnav.png) no-repeat scroll left -80px;}

/******** HOME ************/
body.page-template-homepage-php #home-cta1 {
width: 215px;
height: 1px;
padding-top: 174px;
background: url(/images/home/home-cta1.png) 0px 0px no-repeat;
overflow:hidden;
display: block;
float:left;
padding-right:8px;
}

body.page-template-homepage-php #home-cta2 {
width: 214px;
height: 1px;
padding-top: 174px;
background: url(/images/home/home-cta2.png) 0px 0px no-repeat;
overflow:hidden;
display: block;
float:left;
padding-right:30px;
}

body.page-template-homepage-php #home-content {
width: 280px;
float:left;

}


body.page-template-homepage-php #subnav {display:none;}

body.page-template-homepage-php #home-content ul {
margin-left: 0px;
}

body.page-template-homepage-php #home-content ul li {
background:transparent url(/images/elements/bullet-home.png) no-repeat scroll 0 7px;
list-style-type:none;
padding-left:12px;
line-height:28px;
}
body.page-template-homepage-php #home-content ul li a {
color: #923538;
}


body.page-template-homepage-php #home-content h1 {
padding-left: 10px;
color:#9B3A3D;
}

body.page-template-homepage-php #comment p {
font-size:11px;
line-height:14px;
margin-bottom:6px;
padding:0 4px;
}
body.page-template-homepage-php #comment a {
color: #494949;
text-decoration:none;
}
body.page-template-homepage-php #comment a:hover {
color: #494949;
text-decoration: underline;
}

body.page-template-homepage-php .cta-store {background:transparent url(/images/home/home-cta-newsletter.png) no-repeat scroll 0 0;}
body.page-template-homepage-php #social {background:transparent url(/images/home/home-cta-social.png) no-repeat scroll 0 0; height:65px;}
body.page-template-homepage-php  #comment {background:url(/images/home/home-cta-box-middle.png) repeat-y; text-decoration:none;}    
body.page-template-homepage-php  #comment-top {background:url(/images/home/home-cta-box-top.png) left top no-repeat;}        
body.page-template-homepage-php  #comment-bottom {background:url(/images/home/home-cta-box-bottom.png) left bottom no-repeat; font-style: normal; padding:15px 7px 1px 10px;}

body.page-template-homepage-php #social ul {
top:27px;}

body.page-template-homepage-php #comment .title {
font-size:12px;
padding:0 0 12px;
color: #ffffff;
font-weight:bold;}

body.page-template-homepage-php #comment .subtitle {
font-size: 13px;
margin:0 0 5px;
font-weight:bold;
color: #99363a; margin:0;
padding:0 4px;}

body.page-template-homepage-php #ctas #comment-bottom ul{margin: 0px;

}

strong.search-excerpt { background-color: yellow; }


/****************RANDOM ***********************/

body.error404 #subnav ul {display:none;}
body.search-results #subnav-close ul{display:none;}
.img-nutritional {border: 2px solid #000;}