/*CSS Info */
/*author:Anna M Femath*/
/*colors
MAIN COLORS
Red: #BF3F27
Blue: #004F50
Blue: #004F50
Yellow: #FED772

HIGHLIGHT COLORS
Light Yellow: #fee39d
Bright Blue: #46c2cb
Pink: #eec7b3    very light pink highlight nav
Pink: #d78768    light pink frame main box edge

GREYS
text grey: #ededd3     white text color
Sidebar Grey: #f6f6ea
Mainbox Grey: #f3f4e2
Light Grey: #ECEAD1
Middle Grey: #ededd3   Large Inner Frame around Boxes
Dark Grey: #cbcab5     Twitter and ads frame
*/

/*_____& Table of Contents & TOC_____*/

/*

& SMALL HEADER
& HEADER
& NAVIGATION
& Boxes
    & Main Box
    & Regular Box
    & Sidebar Box
        & signin Box
        & twitterbox
        & advertisement
& Main Content

& Footer
    & newsletter
    & contact
    & photo
    & follow

& Home
    & Alone Time
    & Daily Inspiration
    & Calc
    & sidebar-home

& Our Home
& Family
& Food & Recipes
& Relationships
& Money
& Photo Credits
& Premium Membership


*/



/******************/
/*REGULAR SETTINGS*/
/******************/

/*CSS Reset by Eric Meyer*/

body{color:#000;background:#FFF;}body,div,dl,dt,dd,li,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;margin:0;padding:0;}address,caption,cite,code,dfn,em,strong,var{font-style:normal;font-weight:400;}ol,ul{list-style:none;margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}caption,th{text-align:left;font-weight:400;font-style:normal;}acronym,abbr,fieldset,img{border:0;}:focus{outline:0;}

/*FLOAT/CLEAR Classes*/

.clear{clear:both;}
.clearRight{clear:right;}
.clearLeft{clear:left;}
.floatRight{float:right;}
.floatLeft{float:left;}

/*OTHER FIXES Classes*/

html {overflow-y:scroll;}

/*helper classes*/

.box_shadow {
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25); /* FF3.5+ */
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25); /* Saf3.0+, Chrome */
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25); /* Opera 10.5, IE9, Chrome 10+ */
}

.box_shadow2 {
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); /* FF3.5+ */
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); /* Saf3.0+, Chrome */
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); /* Opera 10.5, IE9, Chrome 10+ */
}

.box_shadow_inset {
    -moz-box-shadow: 0px 0px 8px rgba(88, 83, 74, 0.2) inset; /* FF3.5+ */
    -webkit-box-shadow: 0px 0px 8px rgba(88, 83, 74, 0.2) inset; /* Saf3.0+, Chrome */
    box-shadow: 0px 0px 8px rgba(88, 83, 74, 0.2) inset; /* Opera 10.5, IE9, Chrome 10+ */
}

/*********************/
/*TYPOGRAPHY SETTINGS*/
/*********************/

@font-face {
    font-family: 'FontinRegular';
    src: url('fonts/fontin-regular-webfont.eot');
    src: url('fonts/fontin-regular-webfont.eot?#iefix') format('eot'),
         url('fonts/fontin-regular-webfont.woff') format('woff'),
         url('fonts/fontin-regular-webfont.ttf') format('truetype'),
         url('fonts/fontin-regular-webfont.svg#webfontbF1Q6tVC') format('svg');
    font-weight: normal;
    font-style: normal;
/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */
}

@font-face {
    font-family: 'ReklameScriptDEMORegular';
    src: url('fonts/ReklameScript-Regular_DEMO-webfont.eot');
    src: url('fonts/ReklameScript-Regular_DEMO-webfont.eot?iefix') format('eot'),
         url('fonts/ReklameScript-Regular_DEMO-webfont.woff') format('woff'),
         url('fonts/ReklameScript-Regular_DEMO-webfont.ttf') format('truetype'),
         url('fonts/ReklameScript-Regular_DEMO-webfont.svg#webfontN5iWxj8h') format('svg');
    font-weight: normal;
    font-style: normal;
/*License URL: http://www.fontspring.com/fflicense/hvd-fonts*/
}

body{
    background:#fff url("img/bkg4.jpg") repeat;
	font-family:'FontinRegular', helvetica neue, helvetica, Arial, sans-serif;
	font-weight:normal;
    text-align: center;
    color:#004F50;
    font-size:16px;
    line-height:1.3em;
    position:relative;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	font-family:'FontinRegular', Georgia, Palatino, Times New Roman, serif;
    color:#BF3F27;
    letter-spacing: 0;
    line-height:1.2em;
    text-align: left;
    /*margin-bottom: 20px;*/
}

h1{
    font-size:2em;
}

h2{
    font-size:1.7em;
}

h3{
    font-size:1.4em;
}

p{
    margin-top:20px;
    line-height:1.5em;
    text-align: left;
}

a{
    text-decoration:none;
    color:#BF3F27;
}

a:hover{
    text-decoration:underline;
}
strong{
    font-weight:bold;
}

.highlight{
    color:#FED772;
}

.btn{
    display:block;
    border:none;
    font-family:'FontinRegular',helvetica neue, helvetica, Arial, sans-serif;
    font-size:1.4em;
    color:#BF3F27;
    text-align: center;
    margin: 25px auto 0;
    text-decoration: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    cursor:pointer;
}

.btn:hover{
    text-decoration: none;
    opacity: 0.90;
    filter:alpha(opacity = 90);  /*IE*/
}

/***************/
/****Forms******/
/***************/

input[type="text"], input[type="password"]{
    /*float: right;*/
    background-color:#CCCAB4;
    border:2px dotted #BF3F27;
    height:26px;
    /*margin:3px;*/
    clear:both;
    /*width:80px;*/
    padding:5px;
    font-family:'FontinRegular',helvetica neue, helvetica, Arial, sans-serif;
    font-size: 1.2em;
}

input[type="submit"]{
    border:0;
    font-family:'FontinRegular',helvetica neue, helvetica, Arial, sans-serif;
}


/***************/
/**MAIN LAYOUT**/
/***************/

#wrapper{
    /*width:960px;*/
    margin:0 auto/* 20px*/;
    text-align: left;
    position:relative;
    z-index:1;
    overflow:hidden;
}


/*____________ & SMALL HEADER _____________*/

#smHeader{
    height:55px;
        background-color:#004F50;
        background: -moz-linear-gradient(left, #295A5B 1%, #004F50 49%, #295A5B 100%); /* firefox */
        background: -webkit-gradient(linear, left top, right top, color-stop(1%,#295A5B), color-stop(49%,#004F50), color-stop(100%,#295A5B)); /* webkit */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#295A5B', endColorstr='#295A5B',GradientType=1 ); /* ie */
        background: -o-linear-gradient(left, #295A5B 1%,#004F50 49%,#295A5B 100%); /* opera */
    color:#ededd3;
    overflow:hidden;
    font-family: 'ReklameScriptDEMORegular', 'FontinRegular', sans-serif;
    font-size: 1.8em;
    border-bottom:1px solid #46c2cb;
}

#smHeaderWrap{
    /*width:960px;*/
    margin: 0 auto;

}

#subscribe{
    float: right;
}

.premium{
    cursor:pointer;
}

.premium:hover{
    text-decoration: none;
    color:#fddf8f;
    text-shadow: 0 0 2px #fddf8f;
}

#smHeader .highlight{
    font-size: 1.3em;
    line-height: 40px;
}

#smHeader #socialMediaSm a{
    margin-top: 12px;
    height:31px;
    width:32px;
    /*background:red;*/
    float: left;
    margin-right: 5px;
}

#socialMediaSm{
    margin-left: 20px;
    float: left;
    overflow:hidden;
}

#socialMediaSm .twitter{
    /*background:transparent url("img/twitter.png");*/
    background:transparent url("img/imd220sprite.png") no-repeat  -94px -284px;
    width: 32px;
    height: 31px;
    display:block;
}

#socialMediaSm .twitter:hover{
    /*background:transparent url("img/twitter_hover.png");*/
    background:transparent url("img/imd220sprite.png") no-repeat  -52px -325px;
    width: 32px;
    height: 31px;
    display:block;
}

#socialMediaSm .rss{
    /*background:transparent url("img/rss.png");*/
    background:transparent url("img/imd220sprite.png") no-repeat  -136px -284px;
    width: 32px;
    height: 31px;
    display:block;
}

#socialMediaSm .rss:hover{
    /*background:transparent url("img/rss_hover.png");*/
    background:transparent url("img/imd220sprite.png") no-repeat  -52px -284px;
    width: 32px;
    height: 31px;
    display:block;
}

#socialMediaSm .facebook{
    background:transparent url("img/imd220sprite.png") no-repeat  -10px -284px;
    /*background-position: -10px -284px; */
    /*background:#ffffff url('img_tree.png') no-repeat right top;*/
    width: 32px;
    height: 31px;
    display:block;
}

#socialMediaSm .facebook:hover{
    /*background:transparent url("img/facebook_hover.png");*/
    background:transparent url("img/imd220sprite.png") no-repeat  -10px -325px;
    width: 32px;
    height: 31px;
    display:block;
}

#dots{
    height:2px;
    border-bottom:2px dotted #004F50;
}


/*____________ & HEADER _____________*/

#header{

    text-align: left;
}

#logo{
    margin: 30px 0 30px 90px;
}


/*____________ & NAVIGATION _____________*/

#navOuter{
    text-align: left;
    border-top:1px solid #BF3F27;
    border-bottom:1px solid #BF3F27;
    margin-bottom: 20px;
    position:relative;
}

#navOuter:before {
    border-top: 1px solid #eec7b3;
    content: '';
    width: 100%;
    height: 1px;
    bottom:50px;
    position: absolute;
}

#navOuter:after {
    border-bottom: 1px solid #eec7b3;
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    top:50px;
}

#navInner{
    background-color:#f0f0dc;
    border-top:1px dashed #BF3F27;
    border-bottom:1px dashed #BF3F27;
    margin: 4px 0;

}

#navOuter a{
    color:#004F50;
    font-size:1.4em;
    margin: 0 20px 0 10px;
    height:40px;
    line-height: 40px;
    text-decoration: none;
}

#navOuter a:hover{
    color: #BF3F27;
}

#navOuter .active{
    color: #BF3F27;
}


#nav .homeIcon{
    display: block;
    height: 15px;
    width: 16px;
    background: url("img/home.png") -5px -20px;
    float: left;
    margin-top: 12px;
}

#home #nav .active{
    background: url("img/home.png") -5px -0px;
}


#nav a.homeIcon:hover {
    background: url("img/home.png") -5px -0px;
}


/*____________ & Boxes _____________*/

/*__ & Main Box __*/

/*this works with a div.mainboxouter#nameofbox>div.mainbox>div plus a  <img class="shadow" src="img/shaddow.png" alt="Image Shaddow">  inside the mainboxouter*/
/*- nameofbox (whatever it is named) is where the width is put*/

.mainbox{
    border:1px solid #d78768;
    background-color:#BF3F27;
    padding:10px;
    z-index:20;
    position:relative;
}

.mainbox > div{
    background-color:#f2f1e1;
    overflow:hidden;
    padding:15px;
}

.shadow{
   width:100%;
    margin: -40px auto 0;
    z-index:-100;
    opacity: 0.70;
    /*filter:alpha(opacity = 70);  *//*IE*/
    height:50px;
}


/*__ & Regular Box __*/

/*this works with a div.regularboxouter#nameofbox>div.regularbox>div  - nameofbox (whatever it is named) is where the width is put*/

.regularboxouter{
    /*width:400px;*/
    margin-bottom: 10px;
}

.regularbox{
    border:1px solid #d78768;
    background-color:#ECEAD1;
    padding:10px;

}

.regularbox > div{
    background-color:#f5f3e7;
    overflow:hidden;
    padding:15px;
}

/*________ & Sidebar Box _________*/

.sidebarbox{
    /*width:400px;*/
    position:relative;
}

.sidebarbox > div{
    border:1px solid #CCCAB4;
    background-color:#f5f3e7;
    padding:15px;
    overflow:hidden;
}

.sidebarbox .ad { /*advertisement*/
    background:url("img/btn_lg.png") no-repeat;
    width:206px;
    height:45px;
    line-height: 45px;
    position:absolute;
    bottom:40px;
    left:50px;
        -moz-box-shadow: 0 0 5px #FED772;
        -webkit-box-shadow: 0 0 5px #FED772;
        box-shadow: 0 0 5px #FED772;

}

/*__ & signin Box __*/

.signIn .btn{
    background:#BF3F27;
    width:70px;
    font-size:1em;
    color:#ededd3;
    border:2px solid #BF3F27;
        -moz-box-shadow: 0 0 3px #888;
        -webkit-box-shadow: 0 0 5px #888;
        box-shadow: 0 0 2px #888;
    cursor:pointer;
    margin: 5px 20px 0 0;
    float:right;
    clear:right;
}

.signIn input[type="text"], .signIn input[type="password"]{
    margin-bottom: 7px;
    font-size:1em;
    line-height: 20px;
    height:15px;
    width:130px;
    float:right;
    clear:right;

}

.signIn{
    /*background:#FED772;*/
    border:3px solid #BF3F27;
    overflow:hidden;
    /**padding-bottom: 0;*/

}

.signIn label{
    padding-top: 10px;
    line-height: 10px;
    display:block;
    float:left;
    clear:left;
    width:84px;
    height:10px;
}

#signIn .pass{
    padding-top: 25px;
}

#signIn h1{
    font-family: 'ReklameScriptDEMORegular', 'FontinRegular', sans-serif;
    font-size:1.7em;
    margin: 0 auto 15px;
    text-align: center;
    color:#004F50;
    /*letter-spacing: 1px;*/

}

#signIn .signIn a{
    display:block;
    float:left;
    padding-top: 8px;
    margin-left: 80px;
}

/*__ & twitterbox __*/

#twitterbox{
        background-color:#004F50;
        background: -moz-linear-gradient(top, #245859 1%, #004F50 49%, #245859 100%); /* firefox */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#245859), color-stop(49%,#004F50), color-stop(100%,#245859)); /* webkit */
        background: -o-linear-gradient(top, #245859 1%,#004F50 49%,#245859 100%); /* opera */
    border:5px solid #cbcab5;

    -moz-border-radius: 12px; /* FF1+ */
    -webkit-border-radius: 12px; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */

/* useful if you don't want a bg color from leaking outside the border: */
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

#twitterbox h2{
    border-bottom:1px solid #cbcab5;
    color:#ECEAD1;
    margin: 0 13px;
    font-size:1.4em;
    padding:21px 0 7px 11px;
}

#twitterbox p{
    color:#ECEAD1;
    padding-bottom: 20px;
    margin:20px 24px;
    border-bottom:1px dashed #cbcab5;
}

#twitterbox .last{
    border-bottom:0;
    padding-bottom: 0;
}

#twitterbox .first{
    margin-top: 23px;
}

/*__ & advertisement __*/
.sidebarbox img{
    margin: 20px auto 0;
    display:block;
}
/*____________ & Main Content _____________*/

.pic{
    padding:1px;
    border:1px solid white;
    background:#CCCAB4;
}

.center{
    display:block;
    margin:0 auto;
}

#mainContent h1{
    text-align: center;
}

#mainContent{
    margin-bottom: 20px;
}

.readmore{
    display:block;
}

/*____________ & Footer _____________*/

#footerWrap{
        background-color:#004F50; /* old browsers */
        background: -moz-linear-gradient(left, #295A5B 1%, #004F50 49%, #295A5B 100%); /* firefox */
        background: -webkit-gradient(linear, left top, right top, color-stop(1%,#295A5B), color-stop(49%,#004F50), color-stop(100%,#295A5B)); /* webkit */
        background: -o-linear-gradient(left, #295A5B 1%,#004F50 49%,#295A5B 100%); /* opera */
    color:#ededd3;
    overflow:hidden;
    border-top:1px solid #46c2cb;
    padding-bottom: 20px;
}

#footer{
    margin:40px auto;
    text-align: justify;
    position: relative;
}

#footer h1{
    text-align: center;
    font-size: 1.8em;
    color:#ededd3;
    margin-bottom: 20px;
}

#footerWrap h1{
    font-family: 'ReklameScriptDEMORegular', 'FontinRegular', sans-serif;
    font-size:2em;
}

#dotsfoot{
    height:2px;
    border-top:2px dotted #004F50;
    z-index:10;
    position:relative;
}

/*#goingup{
    margin:-20px auto;
    display:block;
    z-index:100;
    position:relative;
    top:20px;
    width:176px;
    height:78px;
    background:transparent url("img/imd220sprite.png") no-repeat -10px -88px;
    cursor:pointer;
}*/

#goingup{
    margin:-20px auto;
    display:block;
    z-index:100;
    position:relative;
    top:20px;
    width:176px;
    height:78px;
    background:transparent url("img/imd220sprite.png") no-repeat -10px -88px;
    cursor:pointer;
    *margin:-10px auto; /*ie7*/
    *top:30px; /*ie7*/
}

#goingup:hover{
    /*background:transparent url("img/goingup_hover.png") no-repeat;*/
    background:transparent url("img/imd220sprite.png") no-repeat -10px -0px;
    width:176px;
    height:78px;

}

#contact, #photo{
    margin-top: 20px;
}

#footer span, #footer label{
    font-size: 1.1em;
}

#newsletter>div, #contact>div, #photo>div, #follow>div{
    padding:10px;
}


/*__ & newsletter __*/

#newsletter input[type="text"]{
    width:184px;
    margin-top: 15px;
    padding:2px;
}

#newsletter input[type="submit"]{
    background:#BF3F27;
    width:100px;
    font-size:1.2em;
    color:#ededd3;
    border:2px solid #BF3F27;
    margin:10px 15px 0 0;
        -moz-box-shadow: 0 0 3px #888;
        -webkit-box-shadow: 0 0 5px #888;
        box-shadow: 0 0 2px #888;
    float:right;
    cursor:pointer;
}

#newsletter input[type="submit"]:hover{
    background:#c44d2f;
}

#newsletter{
    margin-right: 0;
    padding-right: 9px;
    border-right:1px dashed #CCCAB4;
    height:230px;
}

#newsletter label{
    font-size:1.1em;
}


/*__ & contact __*/

#contact{
    margin-right: 0;
    padding-right: 9px;
    border-right:1px dashed #CCCAB4;
    height:210px;
    text-align: center;
    display:block;
}

#contact .bigger{
    font-size:1.5em;
    text-align: center;
    display:block;
    margin: 24px 0;
}

/*__ & photo __*/

#photo .btn{
background:url("img/btn.png") no-repeat;
width:135px;
height:40px;
line-height: 40px;
-moz-box-shadow: 0 0 3px #FED772;
-webkit-box-shadow: 0 0 3px #FED772;
box-shadow: 0 0 3px #FED772;
}

#photo a:hover{
    opacity: 0.90;
    filter:alpha(opacity = 90);  /*IE*/
}

/*__ & follow __*/

#follow{
    margin-left: 0;
    padding-left: 9px;
    border-left:1px dashed #CCCAB4;
    height:230px;
}

#socialMediaBg{
    margin: 0 auto 20px;
    overflow: hidden;
    width: 155px;
}

#socialMediaBg a{
    height:44px;
    width:45px;
    float: left;
}

.space{
    margin-right: 5px;
}

#socialMediaBg .twitter{
    /*background:transparent url("img/twitterbg.png");*/
    background:transparent url("img/imd220sprite.png") no-repeat  -10px -176px;
    width: 45px;
    height: 44px;
    display:block;
}

#socialMediaBg .twitter:hover{
    /*background:transparent url("img/twitterbg_hover.png");*/
    background:transparent url("img/imd220sprite.png") no-repeat  -65px -176px;
    width: 45px;
    height: 44px;
    display:block;
}

#socialMediaBg .rss{
    /*background:transparent url("img/rssbg.png");*/
    background:transparent url("img/imd220sprite.png") no-repeat  -65px -230px;
    width: 45px;
    height: 44px;
    display:block;
}

#socialMediaBg .rss:hover{
    /*background:transparent url("img/rssbg_hover.png");*/
    background:transparent url("img/imd220sprite.png") no-repeat  -10px -230px;
    width: 45px;
    height: 44px;
    display:block;

}

#socialMediaBg .facebook{
    /*background:transparent url("img/facebookbg.png");*/
    background:transparent url("img/imd220sprite.png") no-repeat  -120px -176px;
    width: 45px;
    height: 44px;
    display:block;
}

#socialMediaBg .facebook:hover{
    /*background:transparent url("img/facebookbg_hover.png");*/
    background:transparent url("img/imd220sprite.png") no-repeat  -120px -230px;
    width: 45px;
    height: 44px;
    display:block;
}


/*todo - fill in content*/
/*todo - Hover States - Do more with this...then add Sprites*/
/*todo - Forms...buttons and javascript*/
/*todo - Spelling*/
/*todo - check different browsers*/



/*____________ & Home _____________*/

/*__ & Alone Time __*/

#home .mainbox .pic{
    float: left;
    margin-right: 20px;
}

/*#mainContent .mainbox h1{
    text-align: left;
}*/

#home .mainbox p{
    margin-top: 5px;
}


/*__ & Daily Inspiration __*/

.daily img{
    margin: 20px 0 0 20px;
}

.daily p{
    text-align: right;
}

.daily h2{
    text-align: center;
    font-size: 1.5em;
    color:#004F50;
}


/*__ & Calc __*/

.calc h1{
padding-bottom: 10px;
    }

.calc p{
margin-top: 10px;
    }


/*__ & sidebar-home __*/




/*____________ & Our Home _____________*/
#ourhome .mainbox p{
    margin-top: 10px;
}

#ourhome .mainbox h1{
    margin-bottom: 10px;
}

.picdiv{
    height:  200px;
    width:   325px;
    padding: 0;
    margin:  0;  
}

.picdiv img{
    height:  200px;
    width:   325px;
    top:  0;
    left: 0
}

ol{
    padding-top: 20px;
    list-style-type: decimal;
    margin-left: 25px;
}

#ourhome .daily img{
    height:200px;
    width:150px;
}

#ourhome .calc img{
    height:250px;
    width:150px;
}

#ourhome .advert{
    height:270px;
    width:270px;
}

/*____________ & Family _____________*/

#family .calc h1{
    margin-top: 10px;
}

#family .sidebarbox img{
    margin: 20px auto 0;
    display:block;
}

#family .mainbox .pic{
    float: left;
    margin-right: 20px;
}


#family .mainbox img{
    height:230px;
    width:320px;
}

#family .calc img{
    height:100px;
    width:240px;
}


#family .radio>label, #family .check>label{
    width:215px;
}

#family .daily{
    position: relative;
}

#family .daily p{
    text-align: left;
}

#family .daily h2{
    color: #BF3F27;
    display: block;
    font-size: 1.1em;
    margin: 10px 0;
    text-align: left;
}

#family .daily .btn{
    background:url("img/btn.png") no-repeat;
    width:135px;
    height:40px;
    border:none;
        -moz-box-shadow: 0 0 3px #888;
        -webkit-box-shadow: 0 0 5px #888;
        box-shadow: 0 0 2px #888;
    font-family:'FontinRegular',helvetica neue, helvetica, Arial, sans-serif;
    font-size:1.4em;
    color:#BF3F27;
    float: left;

}


#family .pop{
    position: absolute;
    top:100px;
    left: 40px;
    text-align: center;
    display: none;
}

#family .greyback{
    width: 100%;
    top: 0;
    position: absolute;
    left: 0;
    background: #CCCAB4;
    height: 100%;
    opacity: 0.50;
    filter:alpha(opacity = 50);  /*IE*/
    display: none;
}
#family .pop p{
    text-align: center;
    font-size: 1.5em;
}

#family .pop .btn{
background:url("img/btn.png") no-repeat;
width:135px;
height:40px;
line-height: 40px;
-moz-box-shadow: 0 0 3px #FED772;
-webkit-box-shadow: 0 0 3px #FED772;
box-shadow: 0 0 3px #FED772;
    margin: 10px 0 0 12px;
}

#family .pop a:hover{
    opacity: 0.90;
    filter:alpha(opacity = 90);  /*IE*/

}

/*____________ & Food & Recipes _____________*/

#food .daily img{
    margin: 10px 0 0 20px;
}

#food li{
    list-style:circle;
    margin-left: 20px;
}

#food ul{
    margin: 10px 0;
}

#food .mainbox h1{
    margin-top: 20px;
}

#food .mainbox p{
    margin-top: 10px;
}

#food .mainbox h2{
    text-align: center;
    font-size: 1.4em;
    color:#004F50;
}

#food .daily img{
    height:100px;
    width:70px;
}

#food .mainbox img{
    height:270px;
    width:244px;
}

#food .calc img{
    height:150px;
    width:244px;
}

/*____________ & Relationships _____________*/




#relationships .daily img{
    margin: 0 0 0 0;
}

#relationships .mainbox .pic{
    float: left;
    margin-right: 20px;
}

#relationships .daily img{
    margin: 10px 0 0 0;
}

#relationships .calc img{
    margin: 0 20px 10px 0;
}

#relationships .calc p{
    margin: 0;
}

#relationships .calc h1{
    line-height: 1em;
    text-align: left;
}

#relationships li{
    list-style:circle;
    margin-left: 20px;
}

#relationships ul{
    margin: 10px 0;
}

#relationships .calc h2 {
    color: #004F50;
    font-size: 1.5em;
    padding-bottom: 10px;
}

#relationships .calc h1 {
    padding-bottom: 0;
}

#relationships .mainbox img{
    height:324px;
    width:365px;
}

#relationships .daily img{
    height:100px;
    width:164px;
}

#relationships .calc img{
    height:172px;
    width:140px;
}

#relationships .mainbox h2{
    color:#004F50;
    font-size:1.2em;
    text-align: center;
    padding-top: 10px;
}

input[type="radio"], input[type="checkbox"]{
    width:30px;
    float:left;
    clear:left;
    height:10px;
    margin-top: 5px;
	border:0;
	background:none;
}

.radio>label, .check>label{
    float:left;
    font-size:.9em;
    margin-top: 1px;
    margin-bottom: 5px;
}

#relationships .radio>label, #relationships .check>label{
    width:290px;
}

#relationships .calc span{
    margin: 10px 0;
    display:block;
    font-size:1.1em;
    color:#BF3F27;

}

/*____________ & Money _____________*/

#money .mainbox .pic{
    float: left;
    margin-right: 20px;
}

/*____ & Motgage Calculator _____*/

#mcal{
    position:relative;
}

#money .mainbox img{
    height:236px;
    width:275px;
}

#money .calc img{
    height:100px;
    width:244px;
}

#mcal input{
    float: right;
    background-color:#CCCAB4;
    border:2px dotted #BF3F27;
    height:40px;
    margin:3px;
    clear:both;
    width:80px;
    padding:5px;
    font-family:'FontinRegular',helvetica neue, helvetica, Arial, sans-serif;
    font-size: 1.2em;
}

#mcal label{
    display:inline-block;
    margin-top: 10px;
*:float:left;  /*ie7*/
    }

#mcal .error{
    color:#BF3F27;
    font-size:.8em;
    display:block;
    clear:left;
    width:200px;
*:float:left;  /*ie7*/
    }

#mcal button{

    background:url("img/btn.png") no-repeat;
    width:135px;
    height:40px;
    border:none;
        -moz-box-shadow: 0 0 3px #888;
        -webkit-box-shadow: 0 0 5px #888;
        box-shadow: 0 0 2px #888;
    font-family:'FontinRegular',helvetica neue, helvetica, Arial, sans-serif;
    font-size:1.4em;
    color:#BF3F27;
}

#mcal #calculate{
    margin-top:10px;
}

#mcal button:hover{
    opacity: 0.70;
    filter:alpha(opacity = 70);  /*IE*/
}

#mcal .aimput{
    overflow:hidden;
    display:block;

}

#mcal #innerbox{
    height:130px;
    width:170px;
    display:block;
    padding:20px;
    position:absolute;
    z-index:100;
    top:90px;
    left:25px;
    border:10px solid #ededd3;
    background-color:#fafaf2;
    display:none;
}

#mcal .greyout{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background-color:#CCCAB4;
    opacity: 0.50;
    filter:alpha(opacity = 50);  /*IE*/
    display:none;

}

#mcal .close{
    height:20px;
    width:20px;
    border:1px solid black;

}

#mcal #monthlyPayment{
    clear:both;
    text-align: center;
    margin-top: 10px;
}

#mcal #closebtn{
    margin:20px 0 0 20px;

}
/*____________ & Photo Credits Page _____________*/

#photopg .picture{
    width:120px;
    height:120px;
    float: left;
    clear:left;
}

#photopg .description{
    width:440px;
    float: left;
    *float: none;
    clear: right;
    padding-top: 20px;
}

#photopg .webaddress{
    display: block;
    color:#BF3F27;

}
#photopg .webaddress a:hover{
    text-decoration: underline;
}

#photopg .calc img{
    height:100px;
    width:100px;
}

/*____________ & Premium Membership Sign up _____________*/

#premium .daily p{
    text-align: left;
}

#premium .daily h2{
    text-align: left;
    font-size: 1.4em;
    color:#BF3F27;
    padding-top: 20px;
    margin-bottom: 20px;
    clear:both;
}

#premium .daily ul{
    width:130px;
    float:left;
    margin-right: 30px;
    margin-left: 40px;
}

#premium .daily .lastlist{
    margin-right: 0;
    margin-left: 20px;
}
#premium .daily li{
    list-style-image:url("img/arrow3.gif"); /*http://www.websitebullets.com/*/
}

#premium  .signup .btn{
    background:url("img/btn.png") no-repeat;
    width:135px;
    height:40px;
    line-height: 40px;
    -moz-box-shadow: 0 0 3px #FED772;
    -webkit-box-shadow: 0 0 3px #FED772;
    box-shadow: 0 0 3px #FED772;
}


#premium .signup input{
    float: left;
    margin-bottom: 15px;
    width:554px;
}

#premium .signup label{
    float:left;
    clear:both;
    *float:none;
 /*   *clear:none;*/
}



#premium .signup button{
    clear:both;
    margin-left: 400px;
}

#premium .short input{
    width:262px;
}

#premium .short{
    float:left;
}

#premium .first{
    margin-right: 16px;

}
#premium .calc h1{
    /*border-bottom:2px solid #BF3F27;*/
    width:200px;
    margin: 0 auto 20px;
}

#premium .calc{
    position: relative;
}

#premium .pop{
    position: absolute;
    top:125px;
    left: 125px;
    text-align: center;
    display: none;
}

#premium .greyback{
    width: 100%;
    top: 0;
    position: absolute;
    left: 0;
    background: #CCCAB4;
    height: 100%;
    opacity: 0.50;
    filter:alpha(opacity = 50);  /*IE*/
    display: none;
}

#premium .pop p{
    text-align: center;
    font-size: 1.5em;
}

#premium .pop .btn{
background:url("img/btn.png") no-repeat;
width:135px;
height:40px;
line-height: 40px;
-moz-box-shadow: 0 0 3px #FED772;
-webkit-box-shadow: 0 0 3px #FED772;
box-shadow: 0 0 3px #FED772;
}

#premium .pop a:hover{
    opacity: 0.90;
    filter:alpha(opacity = 90);  /*IE*/

}



/*popup*/

#footer .popup{
    position: absolute;
    z-index: 100;
    top:15px;
    color: #BF3F27;
    width:200px;
}

#footer .popup h1{
    color: #BF3F27;
}

.larger{
    font-size:1.4em;
    padding-top: 0;
    margin-top: 0;
    text-align: center;
}