@charset "UTF-8";
/**
 * CSS Browser Reset - Extended Version
 *
 * The idea behind this reset is based on Eric Meyer's "Reset Reloaded".
 * I'm using the most radical way around:
 * Removing all possible (and impossible) styles from all valid (X)HTML elements
 * and adding my own, known default values to them.
 * This might not work for you, but it does for me.
 *
 * @author       Fabian Beiner <fbe(at)DERPUNKT(dot)de>)
 * @copyright    Fabian Beiner / DER PUNKT gmbh, Karlsruhe, Germany
 * @editor		 Tobias Oberrauch <tob(at)DERPUNKT(dot)de>)
 * @license      CC-SA 3.0 (http://creativecommons.org/licenses/by-sa/3.0/)
 * @link         http://derpunkt.de
 * @version      1.2
 * @revision     $Revision: 4 $
 * @lastmodified $Date: 2009-12-07 11:32:55 +0100 (Mo, 07 Dez 2009) $
 *
 * @section      Browser reset
 */
/* This is the actual reset of all usable and valid XHTML tags. */
a, abbr, acronym, address, b, big, blockquote, body, br, button, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, h1, h2, h3, h4, h5, h6, hr, html, i, iframe, img, input, ins, kbd, label, legend, li, nobr, ol, optgroup, option, p, pre, q, samp, select, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, ul, var {
    border: 0;
    color: #4e565c;
    font: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

/**
 * Enabling a vertical scrollbar by default in Firefox, to avoid "jumping" pages.
 * This will disable the horizontal scrollbar totally!
 */
@media screen {html[xmlns] {
        overflow: -moz-scrollbars-vertical;
}
}

/* Changing the default selection (marked text) style in Firefox. */::-moz-selection {
    background-color: #0a0b0c;
    color: #fff;
}

/**
 * HTML and BODY gets a height of 100%. This is needed for my layouts which are
 * using a page-wrapper to fill the whole view port.
 */
html, body {
    /*height: 100%;*/
}

/* Defining known layouts for all the elements, which got reset above. */
a:link, a:visited, a:active, a:focus {
    color: #4e565c;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

abbr, acronym {
    border-bottom: 1px #000 dotted;
}

address {
    font-style: normal;
}

b, strong, h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: 700;
}

big {
    font-size: larger;
}

blockquote, q {
    margin: 10px 20px;
    quotes: none;
}

blockquote:after, q:after {
    content: " «";
}

blockquote:before, q:before {
    content: "» ";
}

caption, td, th {
    font-weight: 400;
    text-align: left;
    vertical-align: top;
}

cite, dfn, em, i, var {
    font-style: italic;
}

code, kbd, pre, samp, tt {
    font-family: Courier, "Courier New", monospace;
}

del {
    text-decoration: line-through;
}

dl, ol, ul {
    position: relative;
}

ins {
    text-decoration: underline;
}

hr {
    background-color: #e5e5e5;
    border: 0;
    border-top: 1px solid #e5e5e5;
    clear: both;
    color: #e5e5e5;
    height: 1px;
    margin: 0 0 6px;
}

img {
    vertical-align: top;
}

nobr {
    white-space: nowrap;
}

ol li, ul li {
    list-style: none;
}

/*
 p {
 margin-bottom: 13px;
 }
 */
small {
    font-size: smaller;
}

sub {
    vertical-align: sub;
}

sup {
    vertical-align: super;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

/**
 *  Clearfix: A nice way to clear floats without extra markup.
 *  Sorry, but this thingy *really* needs 'hacks'.
 *
 *  @see http://www.webtoolkit.info/css-clearfix.html
 */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}

.left {
    float: left;
}

.right {
    float: right;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 1em;
}

body {
    background: #1a1a1a;
}

div#logo {
	text-indent:-9999px;
    display: block;
    width: 649px;
    height: 585px;
    background: #1a1a1a url(img/pause.jpg) no-repeat scroll 0 0;
    margin-top: 150px;
    margin-left: auto;
    margin-right: auto;
}

div#content {
    width: 649px;
	margin:0 auto;
	margin-top:140px;
}

div#message {
    width: 257px;
    height: 19px;
    background: #e5e5e5 url(img/text_01.jpg) no-repeat scroll 0 0;
}

a#twitter {
	text-indent:-9999px;
    display: block;
    width: 120px;
    height: 19px;
    background: #e5e5e5 url(img/btn_01.jpg) no-repeat scroll 0 0;
	margin-left:137px;
	margin-top:2px;
}

a#twitter:hover {
	background-image: url(img/btn_01_hover.jpg);
}