/* 
 * whiteRABBIT // HARE // CSS Framework v1.2 // BASE STYLE
 * 
 * Framework CSS construído para projetos da whiteRABBIT, a 
 * partir de 2013, substituindo o 960 Grid System.
 * 
 * Apesar de substituir, possui influência do 960gs.
 * 
 * Este framework CSS foi influenciado por:
 * - 960 Grid System (http://www.960.gs);
 * - Kube CSS Framework (http://imperavi.com/kube);
 * - Blueprint CSS (http://www.blueprintcss.org);
 * 
 * Contém, além do framework:
 * - Reset.css, de Eric Meyer (http://meyerweb.com/eric/tools/css/reset/);
 * - Clearing Floats (http://sonspring.com/journal/clearing-floats);
 * - Clearfix (http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified);
 * 
 * Criado por:
 * Fabio "Chui" Yuiti Goto (whiteRABBIT)
 * 
 * Data:
 * Janeiro/2013
 * 
 * Atualizado:
 * Fevereiro/2013
 * ============================================================ */

/* 
 * BODY, HTML
 * ============================================================ */
hr {
	height: 1px;
	background: #555753;
	border: 0;
	margin: 10px;
	display: block;
	clear: both;
}

/* 
 * TIPOGRAFIA BÁSICA
 * ============================================================ */
p {
	line-height: 1.25em;
	margin: 5px auto;
}

strong {
	font-weight: 700;
}

b {
	font-weight: 900;
}

em {
	font-style: oblique;
}

i {
	font-style: italic;
}

.mono {
	font-family: 'Consolas', Monaco, Courier, monospace;
}

abbr {
	border-bottom: 1px dotted;
	cursor: help;
}

address {
	background: #d3d7cf;
	margin: 10px auto 10px auto;
	padding: 5px 10px;
}

cite {
	color: #888a85;
	font-style: oblique;
}

code {
	background: #eeeeec;
	border: 1px solid #babdb6;
	font-family: 'Consolas', Monaco, Courier, monospace;
	padding: 5px 10px;
	display: inline-block;
}

mark {
	background: #fcf94f;
	padding: 0 3px;
}

kbd {
	background: #eeeeec;
	border: 1px solid #babdb6;
	border-bottom: 3px solid #babdb6;
	font-family: 'Consolas', Monaco, Courier, monospace;
	margin: 3px;
	padding: 2px 5px;
	border-radius: 5px;
	box-shadow: 0px 3px 5px 0 #888a85;
	cursor: pointer;
}

kbd:hover {
	background: #ffffff;
	border-bottom: 1px solid #babdb6;
	position: relative;
	top: 2px;
	box-shadow: 0px 3px 2px 0 #888a85;
}

del {
	color: #888a85;
	font-style: oblique;
	text-decoration: line-through;
}

sup, sub {
	font-size: 0.8333em;
	line-height: 1em;
}

sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }

pre {
	background: #eeeeec;
	border: 1px solid #d3d7cf;
	font-family: 'Consolas', Monaco, Courier, monospace;
	margin: 5px auto 15px auto;
	padding: 10px;
	word-wrap: break-word;
}

blockquote {
	color: #888a85;
	border-left: 2px solid #cfcfff;
	font-style: oblique;
	margin: 5px auto 15px auto;
	padding: 0 0 0 30px;
}

blockquote .sig {
	color: #555753;
	font-size: 0.8333em;
	clear: both;
}

blockquote.right {
	text-align: right;
}

/* 
 * CABEÇALHOS
 * ============================================================ */
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	line-height: 1.25em;
	display: block;
	clear: both;
}

h1.line, h2.line, h3.line, h4.line, h5.line, h6.line { border-bottom: 1px solid; }
h1.bold, h2.bold, h3.bold, h4.bold, h5.bold, h6.bold { font-weight: 700; }
h1.em, h2.em, h3.em, h4.em, h5.em, h6.em { font-style: oblique; }

h1 { font-size: 2.0000em; }
h2 { font-size: 1.8333em; }
h3 { font-size: 1.6667em; }
h4 { font-size: 1.5000em; }
h5 { font-size: 1.3333em; }
h6 { font-size: 1.1667em; }

h1.title { font-size: 3.0000em; }
h2.title { font-size: 2.8333em; }
h3.title { font-size: 2.5000em; }
h4.title { font-size: 2.1667em; }
h5.title { font-size: 1.8333em; }
h6.title { font-size: 1.5000em; }

h1.subs, h2.subs, h3.subs, h4.subs, h5.subs, h6.subs {
	color: #888a85;
	font-style: oblique;
}