body {
    background: #DFDFDF url(/site_media/images/body-background.png) repeat-x;
    margin: 16px 0;
    padding: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 76%;
    color: #404040;
    text-align: center;
}
body * {
    margin: 0;
    padding: 0;
}
a:link, a:visited {
    color: #0C6D3A;
}
a:hover, a:active, a:visited:hover {
    color: #1C7D4A;
    text-decoration: underline;
}
a img {
    border: none;
}

.clear {
    clear: both;
}
.clear-div {
    clear: both;
    height: 0;
    overflow: hidden;
}
td {
    font-size: 12pt;
}
p {
    line-height: inherit;
    padding: 0pt;
}

h1 {
    color: #999;
    font-size: 24pt;
    margin-bottom: 10px;
}

ul {
    padding: 10px 10px 10px 30px;
}

/* LAYOUT */

#container {
    width: 800px;
    margin: 0 auto;
    text-align: left;
}

#top {
    background: #FFF;
    height: 99px;
    padding: 0 16px;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
}

#bigtop {
    background: #FFF;
    height: 121px;
    padding: 0 16px;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
}

#main {
    background: #FFF;
    padding: 20px 16px;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}

#footer {
    height: 9px;
}

/* TOP */

#logo {
    float: left;
    background: url(/site_media/images/quisition-logo-small.png) no-repeat bottom left;
    height: 70px;
    width: 171px;
    text-indent: -9999em;
    overflow: hidden;
}
#logo a {
    display: block;
    height: 70px;
    width: 171px;
    text-decoration: none;
}

#biglogo {
    float: left;
    background: url(/site_media/images/quisition-logo.png) no-repeat bottom left;
    height: 110px;
    width: 343px;
    text-indent: -9999em;
    overflow: hidden;
}
#biglogo a {
    display: block;
    height: 110px;
    width: 343px;
    text-decoration: none;
}

ul#subnav {
    float: right;
    margin: 20px 0;
    padding: 0;
}
#subnav li {
    display: inline;
    font-size: 0.9em;
    color: #888;
    margin-right: 3px;
    padding: 5px 3px;
}
#subnav li a {
    font-weight: bold;
    text-decoration: none;
}


/* NAV */

ul#nav {
    float: right;
    margin: -22px 0 0 0;
    padding: 0;
}
#nav li {
    display: inline;
    float: left;
    height: 32px;
}
#nav a {
    overflow: hidden;
    padding-top: 8px;
    padding-right: 2px;
    color: #FFF;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #666;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    background: url(/site_media/images/nav-tab.png) no-repeat;
    height: 24px;
    width: 102px;
    display: block;
}
#nav a:active {
    margin-top: 1px;
}
#nav a:hover {
    background-position: bottom left !important;
}

.line {
    border-bottom: 1px solid #BBB;
    padding-top: 10px;
}

/* FOOTER */

#footer ul {
    line-height: 4;
    text-align: center;
    padding: 0;
}
#footer li {
    display: inline;
    text-transform: uppercase;
    font-size: .8em;
    font-weight: bold;
    color: #AAA;
}
#footer a:link, #footer a:visited {
    padding: 0 5px;
    color: #666;
    text-decoration: none;
}
#footer a:hover, #footer a:active {
    color: #333;
}
#footer ul.global {
    line-height: normal;
    margin-top: -14px !important; margin-top: -10px; /* for IE */
}
#footer .global li {
    text-transform: lowercase;
}
#footer .global a {
    padding: 0;
}
#footer p {
    text-align: center;
    font-size: 9px;
    padding: 5px 0 15px 0;
    color: #666;
}

/* OTHER */

.feed {
    background: #EEE;
    color: #333;
    padding: 5px 10px;
    margin-bottom: 20px;
}

div.blurb {
    font-size: 150%;
}

div.blurb p {
    margin-bottom: 20px;
}

/* PAGE-SPECIFIC */

#mydecks .tab-decks a,
#signup .tab-signup a,
#library .tab-library a,
#scoreboard .tab-scoreboard a,
#packeditor .tab-packeditor a
{
    background-position: bottom left !important;
}