@charset "UTF-8";
/* CSS Document */

#blogPage a.sideMENU {
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    color: #000;
    background-color: #FFF;
    padding: 4px 10px;
    border-top: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-left: 1px solid #AAA;
    border-bottom: 1px solid #AAA;
    display: block;
}
#blogPage a.sideMENU:hover {
    color: #FFF;
    background-color: #555;
}

    header { display:block; }
    #clickONload { display: none; }

    main { width: 100%; background-color: #FFF; margin: 0; padding: 25px 0; font-family:Arial, Helvetica, sans-serif; font-size:18px; display:block; }

    main #mainFull, #main2Headline { width: 90%; margin: 0 auto 25px auto; display:block; }
    main #mainXside .mainPage { float: none; width: 94%; margin: 0 auto; display:block; }
    main #mainXside .mainSide { float: none; width: 94%; margin: 0 auto; display:block; }
    main #youMightAlsoEnjoy { width: 100%; display: block;}
    #main2Headline, #main2splash2to4, #main2splash5 { font-size: 14px; }
    footer { padding:35px 0; width: 100%; color:#FFF; font-size:14px; text-align:center; display:block; }
    footer a { color:#FFF; text-decoration:none; }
    footer a:hover { color:#C0C; text-decoration:none; }
    footer .boxLeft, footer .boxRight { float: none; width: 100%; margin: 0 0 10px 0; text-align: center; display:block; }
    footer .endCount { clear: both; font-size: 12px; text-align: center; display: block; }

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

    main { min-height: 500px; width: 100%; background-color: #FFF; margin: 0; padding: 25px 0; font-family:Arial, Helvetica, sans-serif; font-size:18px; display:block; }

    main #mainFull, #main2Headline { width: 94%; margin: 0 auto 25px auto; display:block; }
    #main2Headline, #main2splash2to4, #main2splash5 { font-size: 16px; }

    footer .boxLeft { float: left; width: 48%; margin: 0 0 0 2%; text-align: left; display:block; }
    footer .boxRight { float: right; width: 47%; margin: 0 2% 0 0; text-align: right; display:block; }
    
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */ 

@media only screen and (min-width: 769px) {
    main { min-height: 700px; width: 100%; background-color: #FFF; margin: 0; padding: 25px 0; font-family:Arial, Helvetica, sans-serif; font-size:18px; display:block; }

    main #mainFull, #main2Headline { width: 90%; margin: 0 auto 25px auto; display:block; }
    main #mainXside .mainPage { float: left; width: 77.5%; margin: 0 0 0 3.5%; display:block; }
    main #mainXside .mainSide { float: right; width: 17%; margin: 0 1% 0 0; display:block; }
    #main2Headline, #main2splash2to4, #main2splash5 { font-size: 18px; }
}