body
{
background-color:#ffffff;
}

a:link {color: #C30000; text-decoration:none}
a:visited {color: #990000; text-decoration:none}
a:hover {text-decoration:underline}
a:active {color: #FF3333; text-decoration:none}

td
{
font-family: verdana, sans-serif;
font-color: #000000;
font-size: 14px;
}


a.logo {
    margin-right: 100px;
}
div.menu
{
border:0;
width:200px;
font-size: 14px;
padding-left:5;
padding-right:5;
padding-top:10;
}

.responsive-nav {
    display: none;
}

pre.example {  font-family: "Courier New", Courier, mono; font-size: 14px; color: #000000; background-color: #FFFFCC; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; border: #000000; border-style: dashed; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; width:auto;}
pre { overflow: auto; }

div.content2
{
margin-left:30px;
margin-right:30px;
margin-top: 30px;
}


p.navcategory
{
font-family:"arial black", arial, sans-serif;
font-size:14px;
margin-top:0;
margin-left:0;
margin-bottom:0;
}

p.navlist
{
font-family:"arial", arial, sans-serif;
font-size:16px;
margin-left:16;
margin-top:2;
margin-bottom:0;
}

td.content
{
padding-top:0;
padding-left:0;
padding-right:0;
width: auto;
}

td.verticalad
{
margin-top:0;
padding-top:0;
padding-left:0;
padding-right:0;
width: 180;
}

td.squareadbig
{
padding-top:0;
padding-left:0;
padding-right:0;
width:336;
height:280;
}

div.leaderboard
{
display: inline-block;
background-color:#ffffff;
width:728;
height:90;
margin-top:6px;
margin-bottom:4px;
border-width:0;
}

div.verticalad
{
background-color:#ffffff;
width:160;
height:600;
border-width:0px;
}





h1.font {  font-family: "arial black"; font-size: 14pt; color: #000000}

.hamburger {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}
.popularpages {
    border-radius: 10px;
    background: #eee;
    padding: 10px;
}
@media print { .noprint { display:none; } td { font-family: Georgia, serif; } font.h1 { font-family: Georgia, serif; font-size: 14px; } }

@media (max-width: 768px) {
    .rightcolumn {
        display: none;
    }
    .leftcolumn {
        display: none;
    }
    .aweber {
        display: none;
    }
    .nomobile {
        display: none;
    }
    div.leaderboard {
        /*display: none;*/
        display: inline-block;
        background-color:#ffffff;
        margin-top:6px;
        margin-bottom:4px;
        border-width:0;
    }
    .responsive-nav {
        display: inline-block;
        height: 40px;
        margin-right: 30px;
    }
    .logoimg {
        height: 30px;
        width: 156px;
    }
    .mobile-menu {
        display: block;
    }
    .mobile-menu-shown {
        display: none;
    }
    div.content2 {
        margin-left: 0px;
        margin-right: 0px;
    }
    a.logo {
        margin-right: 0px;
    }
    .largebodyimage {
        width: 95%;
    }
}
@media (min-width: 360px) and (max-width:768px) {
    pre, div.syntaxhighlighter {
        width: 370px !important;
    }
}
@media (min-width: 375px) and (max-width:410px) {
    pre, div.syntaxhighlighter {
        width: 340px !important;
    }
}
@media (min-width: 360px) and (max-width:375px) {
    pre, div.syntaxhighlighter {
        width: 330px !important;
    }
}
@media (min-width 320px) and (max-width: 360px) {
    pre, div.syntaxhighlighter {
        width: 310px !important;
    }
}
@media (max-width: 320px) {
    pre, div.syntaxhighlighter {
        width: 280px;
    }
}