/*
Theme Name: Carbon Poker
Author: Kef Schecter
Author URI: http://www.furrykef.com/
*/

* {
    margin: 0;
    padding: 0;
}

html {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 75%;
    color: black;
    background: #000099;
    height: 100%;
}

a:link {
    color: #0000ff;
    text-decoration: underline;
    font-weight: bold;
}

a:visited {
    color: #0000ff;
    text-decoration: underline;
    font-weight: bold;
}

a:hover {
    color : #0000a0;
    text-decoration: underline;
    font-weight: bold;
}

a:active {
    color: #0000ff;
    text-decoration: underline;
    font-weight: bold;
}


#header {
    position: relative;
    width: 876px;
    height: 63px;
    background: url('images/heading.gif') no-repeat;
}

#header p {
    margin: 0;
}

#banner span {
    display: none;
}

#banner a {
    position: absolute;
    top: 3px;
    left: 18px;
    width: 174px;
    height: 60px;
}

/* The "We're just a fan site" disclaimer */
#fan-site {
    position: absolute;
    top: 5px;
    right: 32px;
    font-size: 12px;
}

#fan-site a {
    color: #c6c6c6;
    font-weight: normal;
}


h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.8em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0.5em;
}

h2 {
    font-size: 1.5em;
    /* margin: 1em 0.5em 0.5em; */
    margin: 1em 0 0.5em;
    text-align: center;
    color: #0066cc;
}

h3 {
    font-size: 1.2em;
    /* margin: 1em 0.5em 0.5em; */
    margin: 1em 0 0.5em;
    color: #0066cc;
}

p {
    font-size: 1em;
    /* margin: 1em; */
    margin: 0 0 1em;
}

img {
    border: none;
}

/* #content img {
    margin: 1em;
} */

#content ul, ol {
    margin: -0.5em 0 1em;
}

#content li {
    margin-left: 1.5em;
}


table {
    margin: 0 auto 1em;
    font-size: 0.9em;
    border-collapse: collapse;
}

caption {
    margin: 0 auto;
    font-size: 1.2em;
    font-weight: bold;
}

tr.highlight {
    font-weight: bold;
    background: #e0dedf;
}

th, td {
    border: 1px solid black;
}

th {
    padding: 0 0.25em;
    font-weight: bold;
    text-align: center;
}

td {
    padding: 0 0.25em;
}



table.plain th, table.plain td {
    border: none;
}


.sidebar h2 {
    margin: 0;
    padding: 0.25em 0 0.25em;
}

#left-bar h2 {
    padding-left: 1em;
    text-align: left;
}

.sidebar h2 {
    background: #444 url(images/bar.gif) repeat-x center;
    color: #e4e2e3;
    font-size: 1em;
    font-weight: bold;
    /* font-variant: small-caps; */
}

/* .sidebar h3 {
    margin-left: 1em;
} */

.sidebar ul {
    list-style: none;
}

.sidebar li {
    /* display: block; */
    /* margin: 0 0 0 1.5em; */
    padding: 0.25em 0;
    border-bottom: 1px solid #afadae;
}

/* Won't work without #left-bar part for some reason */
#left-bar .sidebar-links img {
    display: inline;
    margin: 0 0.5em 0 1em;
}

.sidebar-links a {
    text-decoration: none;
}


/* FIXME?: Use LoVe/HAte pattern here? */
#left-bar .sidebar-links a {
    /* display: block;
    padding: 0.25em 1em; */
    font-size: 0.9em;
    font-weight: bold;
    color: #000000;
}

#left-bar .sidebar-links a:hover {
    color: #0f7c00;
}

#left-bar #offers {
    margin: 16px 0;
}

#left-bar .bg-pic {
    margin: 0 auto;
    width: 150px;
    height: 160px;
    background: no-repeat;
    /* text-align: justify; */
    font-size: 11px;
}

#left-bar .bg-pic .details {
    text-align: center;
}

#left-bar img {
    display: block;
    margin: 0 auto;
}


#right-bar {
    text-align: center;
}

#right-bar img {
    margin: 8px 0;
}


#page {
    width: 876px;
    margin: 0 auto;         /* Centers layout */
    background: url(images/bg.gif) repeat-y white;
}


#left-bar {
    float: left;
    width: 192px;
    margin-left: -720px;
}

#right-bar {
    float: left;
    width: 156px;
}

#content {
    position: relative;
    float: left;
    width: 528px;
    margin-left: 192px;
    margin-top: -25px;
    padding-bottom: 1em;
    z-index: 0;
}

/* Fixes double margin bug in IE6 */
* html #content {
    display: inline;
}

/*
    We need a margin of 18px on both sides for the background image.
    These divs should be temporary... it SHOULD be possible to just
    incorporate these adjustments into the above code.
*/

#left-bar-inside {
    margin-left: 18px;
    background: #D3D3D3;
    border: 1px solid #afadae;
}

#right-bar-inside {
    margin-right: 18px;
    background: #e0dedf;
    border: 1px solid #afadae;
}


.post {
    margin: 0em 2em 2em;
}

#bottom-download {
    text-align: center;
}


#footer {
    clear: both;
    text-align: center;
    width: 876px;
    height: 42px;
    background: url(images/bottom.gif) no-repeat;
}

#footer p {
    margin: 0;
    padding-top: 12px;
    font-size: 11px;
}

#footer p, #footer a {
    font-family: Tahoma, sans-serif;
    color: #e0dedf;
    font-weight: normal;
}


#designed-by, #designed-by a {
    margin-top: 1em;
    font-family: Tahoma, sans-serif;
    color: #e0dedf;
    font-weight: bold;
    text-align: center;
}


/*
    These are just for floating images from within articles.
    You can use class="float-left" instead of having to specify
    a style tag. Tweak to your heart's content.
*/
.float-left {
    float: left;
    margin-top: 0px;
    margin-right: 1em;
}

.float-right {
    float: right;
    margin-top: 1em;
    margin-left: 1em;
}


.faq-question {
    font-weight: bold;
}


ul.arrows {
    list-style-image: url(/pics/arrow.gif);
}