/* ============================= */
/*
UTOPIA BASE STYLESHEET
http://www.utopia.gr
v1 | March 2012
---------------------------------------

**** Utopia basesheet extra components ****

RESET SYSTEM BY: 
http://meyerweb.com/eric/tools/css/reset/ 
v1.0 | 20080212 
---------------------------------------

CLEAR FLOATS DIRECTIVES BY: 
http://sonspring.com/journal/clearing-floats
---------------------------------------

GRID SYSTEM BY:
960 Grid System ~ Core CSS.
Learn more ~ http://960.gs/
Licensed under GPL and MIT.

FLUID VERSION BY:
http://www.designinfluences.com/fluid960gs/
---------------------------------------
*/
/* ============================= */

/* ============================= */
/* RESET SYSTEM */
/* ============================= */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* ============================= */
/* COMMON DIRECTIVES */
/* ============================= */


body {min-width: 960px;}
.standard-width {width: 96%;}
.pad { padding: 10px;}
.centered {margin: 0 auto; text-align: center;}
.t-center {text-align: center;}
.t-left {text-align: left;}
.t-right {text-align: right;}
.t-justify {text-align: justify;}
.f-left { float: left;}
.f-right { float: right;}
.v-top {vertical-align: top;}
.v-middle {vertical-align: middle;}
.v-bottom {vertical-align: bottom;}
p.nompp {margin:0; padding:0;}
a, a:focus, object, object:focus {outline: none;} 

/* ============================= */
/* GRID DIVS */
/* ============================= */

/* =Containers
--------------------------------------------------------------------------------*/

.udg-container {width: 92%; margin-left: 4%; margin-right: 4%;}

/* =Grid >> Global
--------------------------------------------------------------------------------*/

.udg-1,
.udg-2,
.udg-3,
.udg-4,
.udg-5,
.udg-6,
.udg-7,
.udg-8,
.udg-9,
.udg-10,
.udg-11,
.udg-12  {display: inline; float: left; margin-left: 1%;	margin-right: 1%;}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/

.alpha {margin-left: 0;}
.omega {margin-right: 0;}

/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/

.udg-container .udg-1 {width: 6.333%;}
.udg-container .udg-2 {width: 14.666%;}
.udg-container .udg-3 {width: 23%;}
.udg-container .udg-4 {width: 31.333%;}
.udg-container .udg-5 {width: 39.666%;}
.udg-container .udg-6 {width: 48%;}
.udg-container .udg-7 {width: 56.333%;}
.udg-container .udg-8 {width: 64.666%;}
.udg-container .udg-9 {width: 73%;}
.udg-container .udg-10 {width: 81.333%;}
.udg-container .udg-11 {width: 89.666%;}
.udg-container .udg-12 {width: 98%;}

/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.udg-container .prefix-1 {padding-left: 8.333%;}
.udg-container .prefix-2 {padding-left: 16.666%;}
.udg-container .prefix-3 {padding-left: 25%;}
.udg-container .prefix-4 {padding-left: 33.333%;}
.udg-container .prefix-5 {padding-left: 41.666%;}
.udg-container .prefix-6 {padding-left: 50%;}
.udg-container .prefix-7 {padding-left: 58.333%;}
.udg-container .prefix-8 {padding-left: 66.666%;}
.udg-container .prefix-9 {padding-left: 75%;}
.udg-container .prefix-10 {padding-left: 83.333%;}
.udg-container .prefix-11 {padding-left: 91.666%;}

/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.udg-container .suffix_1 {padding-right: 8.333%;}
.udg-container .suffix_2 {padding-right: 16.666%;}
.udg-container .suffix_3 {padding-right: 25%;}
.udg-container .suffix_4 {padding-right: 33.333%;}
.udg-container .suffix_5 {padding-right: 41.666%;}
.udg-container .suffix_6 {padding-right: 50%;}
.udg-container .suffix_7 {padding-right: 58.333%;}
.udg-container .suffix_8 {padding-right: 66.666%;}
.udg-container .suffix_9 {padding-right: 75%;}
.udg-container .suffix_10 {padding-right: 83.333%;}
.udg-container .suffix_11 {padding-right: 91.666%;}

/* ============================= */
/* CLEAR FLOATS */
/* ============================= */

.clr { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {clear: both; content: '.'; display: block; visibility: hidden;	height: 0;}
.clearfix {display: block; height: 1%;}