/**--CSS FOR GRAPHICS ADS, CODED BY LSDA @ 7-9-2011--**/

#graphic-ads-wrap {
    width: 100%;
    float: left;
    text-align: center;
    padding: 0;
}
#graphic-ads-widget {
    display: inline-block;
    margin: 10px 0 0;
}
.bottom_grey_ga #graphic-ads-wrap {
    background: url(../images/graphicad/ad_background_image.png) repeat-x scroll center top;
    background-size: cover;
}

#graphic-ads-widget-bottom .ga-panel-nomargin {margin: 1% 1% 1% 1% !important; width: 31% !important;}
#graphic-ads-widget-bottom {margin-top: 10px;}

.spacing_living_sanely_ads {
    width: 100%;
    margin: 5px 0;
    padding: 0;
    float: left;
}

.ga-panel {
    width: auto;
    margin: 10px auto 0 auto;
    padding: 0;
    /*border:1px solid #f2f2f2;*/
    float: left;
    width: 100%;
}

.ga-panel img {
    /*border:1px solid #f2f2f2;*/
}

.padded20 {
    margin: 20px auto 10px auto;
}

.padded30 {
    margin: 30px auto 10px auto;
}

/*22 jan 2014*/
.ga-panel-borderless-positive-planner {
    float: left;
    margin: 8px 1.5% 0;
    padding: 0;
    width: 30.33%;
}

.ga-panel-borderless-positive-quote {
    float: left;
    margin: 8px 1.5% 0;
    padding: 0;
    width: 30.33%;
}

/*22 jan 2014*/
#graphic-ads-wrap-keepingscore {
    text-align: center;
    width: 100%;
    margin: 10px 0;
    float: left;

}

.ga-panel-borderless {
    width: 100%;
    margin: 8px auto 8px 0;
    padding: 0;
    float: left;
}

.ga-panel-nomargin {
    width: 100%;
    margin-bottom: 88px;
    padding: 0;
    float: left;
}
.ga-panel-nomargin:last-child {
    margin: 0;
}
.ga-panel-borderless-crim {
    width: 24% !important;
    margin: 1px 0.5% 0px 0.5% !important;
    padding: 0;
    float: left;
}

.ga-panel-medium-rectangle {
    width: auto;
    margin: 10px auto 20px auto;
    padding: 0;
}

.ga-panel-rectangle {
    width: auto;
    margin: 10px auto 20px auto;
    padding: 0;
}

.ga-panel-wide-skyscraper {
    width: auto;
    margin: 10px auto 20px auto;
    padding: 0;
}

.ga-panel-wide-skyscraper img {
    border: 1px solid #f2f2f2;
}

.ga-panel-external-advice-line {
    font-family: tahoma, verdana, arial, "helvetica neue", helvetica, "lucida sans", "lucida grande", sans-serif;
    text-transform: uppercase;
    color: #898989;
    font-size: 10px;
    text-align: center;
    padding: 5px 2px;
    /*border-top:1px solid #eeeeee;*/
    /*border-bottom:1px solid #eeeeee;*/
}

/**--COMEBACKS, BUY BOOK, GRAPHIC AD--**/
.book-buy-ad-container {
    width: 95%;
    margin: 0 2.5%;
}

#book-buy-ad {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border: 1px solid #dcdcdc;
    background: #f5f5f5 url(../images/positive/stories/stories-glint.gif) repeat-x top left;
    float: left;
}

#buy-img-wrap {
    width: 45%;
    float: left;
    text-align: left;
}

#buy-img-wrap img {
    margin: 10px auto;
}

#buy-img-wrap img a, #buy-img-wrap a img {
    text-decoration: none;
    border: none;
}

#buy-title-wrap {
    text-align: center;
}

#buy-title-wrap img {
    margin: 10px auto;
}

#buy-title-wrap img a, #buy-title-wrap a img {
    text-decoration: none;
    border: none;
}

#buy-title-wrap h5 {
    margin: 5px 0;
    text-align: center;
    font-size: 20px;
    color: #2E5C8A;
    font-weight: bold;
    line-height: 1.2;
    font-family: "lucida sans", "lucida grande", "helvetica neue", arial, tahoma, verdana, sans-serif;
}

#buy-title-wrap h5 a {
    font-family: "helvetica neue", helvetica, georgia, "lucida sans", "lucida grande", arial, tahoma, verdana, sans-serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.2;
    text-shadow: 1px 1px 1px #999999;
    color: #E62E00;
    text-transform: capitalize;
}

#buy-title-wrap h5 a:link, #buy-title-wrap h5 a:active, #buy-title-wrap h5 a:visited {
    font-family: "helvetica neue", helvetica, georgia, "lucida sans", "lucida grande", arial, tahoma, verdana, sans-serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.2;
    text-shadow: 1px 1px 1px #999999;
    color: #E62E00;
    text-transform: capitalize;
}

#buy-title-wrap h5 a:hover {
    text-decoration: underline;
}

#book-buy-blurb {
    background: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border: 1px solid #dcdcdc;
    margin: 10px;
    padding: 10px;
    float: left;

    clear: both;
}

#book-buy-blurb ul {
    list-style-type: none;
    padding: 0 0 0 2%;
    margin: 0;
    text-align: left;
    float: right;
    width: 53%;
}

#book-buy-blurb ul li {
    font-family: "helvetica neue", helvetica, georgia, "lucida sans", "lucida grande", arial, tahoma, verdana, sans-serif;
    font-size: 12px;
    line-height: 1.4;
    margin: 3px 0;
    color: /*#A3A375;*/ #9A9A9A;
    background: url(../images/books/pointer.png) no-repeat center left;
    padding: 5px 5px 5px 15px;
}

#book-buy-blurb ul li a {
    font-family: "helvetica neue", helvetica, georgia, "lucida sans", "lucida grande", arial, tahoma, verdana, sans-serif;
    font-size: 12px;
    color: /*#A3A375;*/ #9A9A9A;
    text-decoration: none;
    border-bottom: 1px dotted #A3A375;
    padding-bottom: 1px;
    font-weight: bold;
}

#book-buy-blurb ul li a:link, #book-buy-blurb ul li a:active, #book-buy-blurb ul li a:visited {
    font-family: "helvetica neue", helvetica, georgia, "lucida sans", "lucida grande", arial, tahoma, verdana, sans-serif;
    font-size: 12px;
    color: /*#A3A375;*/ #9A9A9A;
    text-decoration: none;
    border-bottom: 1px dotted #A3A375;
    padding-bottom: 1px;
    font-weight: bold;
}

#book-buy-blurb ul li a:hover {
    background: #f5f5f5;
    border-bottom: 1px solid transparent;
}

#front-right-outrage-crim {
    float: left;
    margin: 8px auto 8px 0;
    padding: 0;
    width: 100%;
}

/* #Media Queries
================================================== */

/* #Tablet (Portrait)
================================================== */

/* 1. #TABLET (PORTRAIT) - iPad portrait 768 x 1024
================================================== */

@media only screen and (min-width: 768px) and (max-width: 959px) {
    /*	.ga-panel-borderless-crim {
        width:94% !important;
        }*/
    #buy-img-wrap {
        float: left;
        text-align: center;
        width: 100%;
    }

    #book-buy-blurb ul {
        margin: 0;
        padding: 0;
        width: 100%;
    }
}

/* 2. #MOBILE (PORTRAIT) - iPhone portrait 320 x 480 and Crappy Android landscape 320 x 240
================================================== */

@media only screen and (max-width: 767px) {
    .ga-panel-borderless-crim {
        width: 94% !important;
        margin: 3px !important;
    }

    /* 22 jan 2014*/
    .ga-panel-borderless-positive-planner {
        float: left;
        margin: 15px 0 0 0;
        padding: 0;
        width: 100%;
    }

}

/* 3. #MOBILE (LANDSCAPE) - iPhone landscape 480 x 320 and Nicer Android landscape 515 by 295 (equivalent desktop resolution)
================================================== */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .ga-panel-borderless-crim {
        width: 94% !important;
    }
}

/*4. Android (Samsung Galaxy) landscape 685 by 380 (equivalent desktop resolution)
================================================== */
@media only screen and (min-width: 685px) and (max-width: 767px) {
    .ga-panel-borderless-crim {
        width: 94% !important;
    }
}

/*5. #TABLET (SMALL TABLET) Kindle portrait 600 x 1024
================================================== */
@media only screen and (min-width: 580px) and (max-width: 600px) {
    .ga-panel-borderless-crim {
        width: 94% !important;
    }
}

/*6.  #SMALL MOBILE PHONE 240px (POTRAIT) - Crappy Android portrait 240 x 320
================================================== */

@media only screen and (min-width: 240px) and (max-width: 270px) {
    .ga-panel-borderless-crim {
        width: 94% !important;
    }
}

/*7.  #SMALL MOBILE PHONE 280px (LANDSCAPE) - Nicer Android portrait 295 by 515 (equivalent desktop resolution)
=================================== */

@media only screen and (min-width: 270px) and (max-width: 300px) {
    .ga-panel-borderless-crim {
        width: 94% !important;
    }
}

/*Health & Fitness Content Section Ads Removed*/
.am-health-fitness-content-ads .essay_newright  #graphic-ads-wrap{
    display: none;
}