/* -----------------------------------------------------------------------

   mnml (v0.2ß) CSS Framework

   Carlos Elias
   hola@carloselias.cl
   Copyright 2009 Carlos Elias

   License - MIT

----------------------------------------------------------------------- */

/* Meyer Reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
	{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}

/* Remove possible quote marks from <q>/<blockquote> */

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

blockquote, q {
	quotes: "" "";
}


/* Link styles */

a img {
	border:none;
	cursor: pointer;
	outline: none;
}

a:link, a:visited {
	cursor: pointer;
	outline: none;
	text-decoration: none;
	padding: 2px 5px;
}

a:hover {
	cursor: pointer;
	text-decoration: none;
	outline: none;
}

a:active {
	cursor: pointer;
	outline: none;
}

a:link { text-decoration: underline; color: #36c; }
a:visited { text-decoration: underline; color: #99c; }
a:hover { text-decoration: underline; color: #c33; }
a:active, a:focus { text-decoration: underline; color: #222; }
code, pre { color: #c33; }

/* Body elements */

body {
	font: 90%/160% Helvetica, "Liberation Sans", Arial, sans-serif;
	line-height: 1.5em;
	padding: 0;
	color: #222;
}

p {
	line-height:21px;
	font-size: 110%;
}

strong, th, thead td, dt, label {
	font-weight: bold;
}


code {
	margin: 1.5em 0;
	white-space: pre;
	font: 1em 'monaco', 'lucida console', monospace;
	line-height: 1.5;
}

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

address, cite, em {
	font-style: italic;
}

pre {
	margin: 1.5em 0;
	white-space: pre;
}

del {
	text-decoration: line-through;
	color: #666;
}


/* QUOTES */

blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; }
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }

/* FORMS */
fieldset {
	padding:1.4em;
	margin: 0 0 1.5em 0;
	border: 1px solid #ccc;
}
legend {
	font-weight: bold;
	font-size:1.2em;
}
input, select, textarea {
	margin: 5px 0;
	padding: 5px;
	color: #6A6969;
	font: bold 14px Helvetica, Arial, sans-serif;
	border: 1px solid #999;
}
input:focus, select:focus, textarea:focus {
	color: #111;
	background: #EFFAE6;
}
input.button {
	font: bold 18px Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 5px 10px;
	color: #333;
	background: #eee;
	border-width:1px;
	border-style:solid;
	border: 1px solid #999;
}
input.long {
	width: 98%;
}
input.mid {
	width: 46.82%;
}

/* Headings */

h1 {
	font: bold 2.2em Helvetica, Arial, sans-serif;
	letter-spacing: -1px;
}
h2 {
	font: bold 1.7em Helvetica, Arial, sans-serif;
}
h3 {
	font: bold 1.5em Helvetica, Arial, sans-serif;
}
h4 {
	font-size: 1.3em;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1em;
}

/* List styles */

ol {
	list-style-type: decimal;
	margin:0 1.5em 1.5em 1.5em;
	list-style-position: inside;
}

ul {
	margin:0 1.5em 1.5em 1.7em;
	list-style-position: outside;
	list-style-type: disc;
}
ul ul {
	list-style-type: square;
}
ul ul ul {
	list-style-type: circle;
}
ul li {
	margin-left: .85em;
}
dl {
 	margin: 0 0 1.5em 0;
	font-weight: bold;
}
dd {
	font-weight: normal;
	border-bottom: 1px solid #ccc;
	margin: 0px 0px 3px 20px;
	padding-bottom: 5px;
}

/* MARGINS & PADDINGS */

blockquote *:first-child { margin: .8em 0; }
caption { padding-bottom: .8em; } /* padding instead of margin for IE */
legend+* { margin-top: 1em; } /* compensates for the opera margin bug */

hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;max-height:0;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}
.left {float:left;}
.right {float:right;}
.h-menu {
	margin:0;
	padding:0;
	float:right;
}
.h-menu li {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}
.h-menu li a {
	margin-right:10px;
}

/* Vertical Menu default CSS */
.v-menu {
	margin:0;
	padding:0;
}
.v-menu li {
	list-style:none;
	margin:0;
	padding:0;
}
.v-menu li a {
	display:block;
	padding:0 10px;
	text-decoration:none;
}
.v-menu li a:hover, .v-menu-active {
	background: #2B3030;
	color:#fff !important;
	text-shadow:0 -1px 0 #000;
}
/* Tab Menu default CSS */
.t-menu {
	margin:0;
	padding:0;
	float:left;
}
.t-menu li {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}
.t-menu li a {
	display:block;
	padding:5px 20px;
	text-decoration:none;
}
.t-menu li a:hover, .t-menu-active {

}

/* ================ */
/* = The 1Kb Grid = */
/* ================ */
/* 16 columns, 40 pixels each, with 20 pixel gutter */
/* The 1Kb CSS Grid by Tyler Tate is licensed under GPL and free to use. */

.grid-1 { width:40px; }
.grid-2 { width:100px; }
.grid-3 { width:160px; }
.grid-4 { width:220px; }
.grid-5 { width:280px; }
.grid-6 { width:340px; }
.grid-7 { width:400px; }
.grid-8 { width:460px; }
.grid-9 { width:520px; }
.grid-10 { width:580px; }
.grid-11 { width:640px; }
.grid-12 { width:700px; }
.grid-13 { width:760px; }
.grid-14 { width:820px; }
.grid-15 { width:880px; }
.grid-16 { width:940px; }

.column {
	margin: 0 10px;
	overflow: hidden;
	float: left;
	display: inline;
}
.row {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
.row .row {
	margin: 0 -10px;
	width: auto;
	display: inline-block;
}
.border {
	border-right: 1px solid #999;
}

/* Success, error & notice boxes for messages and errors. */

.error, .notice, .success {
	padding: .9em;
	margin-bottom: 1em;
	border: 2px solid #ddd;
}

.error {
	background: #FBE3E4;
	color: #D12F19;
	border-color: #FBC2C4;
}

.notice {
	background: #FFF6BF;
	color: #817134;
	border-color: #FFD324;
}

.success {
	background: #E6EFC2;
	color: #529214;
	border-color: #C6D880;
}

.error a {
	color: #D12F19 !important;
}

.notice a {
	color: #817134 !important;
}

.success a {
	color: #529214 !important;
}