/**
 * 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: none;
    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: #4e565c;
    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;
}

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: none;
    border-top: 1px solid #e5e5e5;
    clear: both;
    color: #e5e5e5;
    height: 1px;
    margin: 0 0 6px;
}

img {
    vertical-align: top;
}

nobr {
    white-space: nowrap;
}

ol, ul {
    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;
}

.hidden {
    left: -32768px;
    position: absolute;
    top: -32768px;
}

/**
 *  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;
}