* { margin: 0; padding: 0; }
body { margin: 0 20px; color: #333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 20px; }
img { border: 0; }
a { color: #25a; text-decoration: none; }
a:hover { text-decoration: underline; text-transform: none; }
a.lightbox img { border: 1px solid #c1c1c1; }
h1, h2, h3, h4 { margin: 15px 0 0 0; font-weight: normal; }
p { margin: 6px 0 10px 0; }
pre { margin: 10px; padding: 4px 12px; overflow: auto; border: 1px solid #ccc; background-color: #f1f1f1; font-size: 11px; }
code { color: #633; font-size: 11px; }
.youtube { margin: 8px 0 10px 0; }
#container { margin: 0 auto; width: 940px; }
#header h1 { margin: 25px 0 0 0; font-size: 24px; }
#header p { font-style: italic; }
#navigation { margin: 10px 0 0 0; padding: 7px 0 6px 0; background-color: #333; border-bottom: 1px solid #666; }
#navigation a, #navigation a:hover { color: #fff; text-decoration: none; text-transform: uppercase; }
#navigation li { padding: 0 10px; list-style: none; display: inline; }
#content h2, #content h2 a { font-size: 18px; color: #333; }
#content h2 a:hover { color: #25a; text-decoration: none; }
#content h3 { font-size: 16px; }
#content ul { margin: 10px 30px;list-style-type: square; }
#content ol { margin: 10px 30px; }
#content blockquote { margin: 10px 15px; padding: 5px 0 0 35px; background: #fff url("/images/quote.gif") no-repeat; border: 0; font-style: italic; }
#content table { margin: 10px 0; }
#content td { padding: 0 30px 0 0; }
#content .info { margin: 4px 0 0 0; font-size: 11px; text-transform: uppercase; }
#content .info a:hover { text-transform: uppercase; }
#content .dot { padding: 0 2px; }
#content .post { border-bottom: 1px solid #e6e6e6; }
#pagination { margin: 20px 0; }
#pagination li { padding: 4px; list-style: none; display: inline; background-color: #fff; border: 1px solid #ccc; }
#pagination .active { color: #999; }
#pagination .inactive { color: #999; }
#footer { margin: 0 auto 20px auto; padding: 4px 10px 5px 10px; width: 920px; color: #fff; background-color: #333; text-align: right; font-size: 11px; clear: both; }
#footer p { margin: 0; }
#dsq-content div, #dsq-content p, #dsq-content h3 { clear: none !important; }
#dsq-content { overflow: auto !important; }
#dsq-sort-by { display: none; }
#dsq-subscribe { display: none; }

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    body { -webkit-text-size-adjust: none; margin: 10px; background: #e5e5e5; line-height: 1.5; }
    a.lightbox img { width: 280px; }
    h1, h2, h3, h4 { margin: 5px 10px 0 10px; }
    p { margin: 6px 10px 10px 10px; }
    div { clear: both !important; width: 100% !important; float: none !important; margin: 0 !important; padding: 0 !important; }
    .youtube { margin: 0 10px 10px 10px; width: 280px; height: 200px; }
    #header { -webkit-border-radius: 5px; background: #333; }
    #header h1 { margin: 0 0 0 10px; color: #fff; }
    #header p { margin: 5px 0 10px 10px; color: #fff; }
    #navigation { margin: 0 5px 10px 5px; padding: 0 0 5px 0; }
    #navigation li { padding: 0 15px 0 5px; }
    #content { -webkit-border-radius: 5px; border: 1px solid #ccc; background: #fff; }
    #content h2, #content h2 a { color: #333; }
    #content table { margin: 10px auto; }
    #content td { padding: 0 2px; }
    #content td a.lightbox img { width: 85px; }
    #content .info { margin: 2px 0 10px 11px; }
    #pagination li { -webkit-border-radius: 5px; }
    #footer { -webkit-border-radius: 5px; }
    #footer p { margin: 10px 0 0 0; padding: 5px; text-align: center; }
}

#jquery-overlay { position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px; }
#jquery-lightbox { position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0; }
#lightbox-nav { position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%;height: 100%;display: block; }
#lightbox-nav-btnPrev { left: 0;float: left; }
#lightbox-nav-btnNext { right: 0;float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px;color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%;float: left;text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block;clear: left;padding-bottom: 1.0em; }
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }
