body { font-size: 82%; line-height: 1.25;
    margin: 10px 0;
    background: #909090 url(../images/striped_grey_bg.jpg) repeat scroll;
    font-family: "Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,Helvetica,sans-serif; }

h1 { font-size: 1.5em }
h2 { font-size: 1.3em }
h3 { font-size: 1.2em }
h4 { font-size: 1.1em }
h5 { font-size: 1em; text-transform: uppercase }

table.simple, table.simple th, table.simple td { border: none }
table.clean, table.clean th, table.clean td { border: none }
table.clean td { padding: 0 }
td, th { font-size: 0.8em; }
td td, td th, li li, li p, td p, blockquote p { font-size: 1em }
a img { border: none; }

#wrapper {
    margin-left: auto; margin-right: auto;
    padding: 0; max-width: 960px;
    background-color: #FFFFFF;
}

#logo { max-width: 100%; }
/*
#outerContainerMiddle, #outerContainerTop, #outerContainerBottom {
    margin-left: auto; margin-right: auto
}
*/

/* #innerContainer { padding-top: 10px; padding-bottom: 10px; } */
#footer {margin-left: auto; margin-right: auto; text-align: center;
    padding: 0.5em; color: #888888 }
#middlePane { display: table; border-spacing: 0; border-collapse: collapse;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    width: 100%; table-layout: fixed; /* Prevent table overflowing container */
}
#middleTable { display: table-row; }
#toolbar { margin: 5px 0; padding: 0 10px; }
.toolItem { color: #2f3838; font-size: 1.1em;
    font-weight: bold; padding: 5px 10px; text-decoration: none; }
.toolItem:hover { color: #2d787d; }
.searchBox { max-width: 400px; margin-top: 10px; margin-bottom: 10px; }
.adSlot { text-align: center; margin: 10px 0; padding: 0 10px; }
.adSlot.top { padding-top: 20px; }
.featuredAdsSection { margin: 20px 0; }
.featuredAdsHeader {
    background-color: #1B0069; color: #EEEEEE;
    border: 1px solid #96B1B3; 
    border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px;
    border-top-right-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px;
    padding: 5px;
    font-weight: bold;
}

.featuredAdsBody {
    background-color: #1B0069; color: #EEEEEE;
    border: 1px solid #96B1B3; 
    border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px;
}

.cornerRoundSmall { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px }
.clear { clear: both; }

div.links { margin-bottom: 10px }
.vendor-notice { font-weight: bold; }

.adWidth336 { float: left; }

.screenshot-frame { margin: 1em 0 1em 4em; }
img.screenshot { max-width: 100%; border: #cccccc 1px solid; 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media (max-width: 767px) {
  body { margin: 0; }
  #toolbar, #content { padding-left: 0; padding-right: 0; }
  .adSlot.top { display: none; }
}

@media (max-width: 400px) {
    .adSlot { padding-left: 0; padding-right: 0; }
    .featuredAdsBody {
        border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0;
        border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0;
    }
}

@media (max-width: 355px) {
    .adWidth336 { display: none; }
}
