/*
    display
    position
    box
    list
    text
        color
        font-style
        font-variant
        font-weight
        font-size
        line-height
        font-family
    background
    misc
        table
        overflow
        z-index
        css3
*/

/*
    RESET.CSS
	Table of Contents

    I.      RESET
    III.    UTILITY
*/


/* -----------------------------------------------------------
		@RESET
        See http://html5reset.org/ for documentation
----------------------------------------------------------- */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr,
address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,
tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark,
audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
    -webkit-text-size-adjust:none;
}

article, aside, figure, footer, header, hgroup, nav, section {
    display: block;
}
html {
    height: 100%;
}
body {
	height: 100%;
}
body:before { /* Opera Fix */
	content: "";
	height: 100%;
	float: left;
	width: 0;
	margin-top: -32767px;
}


/* TEXT */
abbr[title], dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help;
}
blockquote, q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
del {
    text-decoration: line-through;
}
div {
    position: relative;
}
em, i {
	font-style: italic;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
pre {
	white-space: pre;
	white-space: pre-wrap;
	white-space: pre-line;
	word-wrap: break-word;
}
pre, code, kbd, samp {
    font-family: monospace, sans-serif;
}
small {
    font-size: 85%;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
strong, b {
	font-weight: bold;
}


/* LINKS */
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
a:hover, a:active {
    outline: none;
}

/* TABLES */
table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: inherit;
    font: 100%;
}
th {
    font-weight: bold;
    vertical-align: bottom;
}
td {
    font-weight: normal;
    vertical-align: top;
}
td, td img {
    vertical-align: middle;
}


/* FORMS */
label,
input[type=button],
input[type=submit],
button {
    cursor: pointer;
}
input[type="radio"] {
    vertical-align: text-bottom;
}
input[type="checkbox"] {
    vertical-align: bottom;
    *vertical-align: baseline;
}
input, select, textarea {
    margin: 0;
    font: 99% sans-serif;
}
input, select {
    vertical-align: middle;
}
button {
    width: auto;
    margin: 0;
    overflow: visible;
}

/* -----------------------------------------------------------
		@UTILITY
----------------------------------------------------------- */
.clearfix:before,
.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1;
}
.clickable {
    cursor: pointer;
}
.fr {
    float: right;
}
.fl {
    float: left;
}

body.fl {
    float: none;
}