/* ============================= */
/*
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 */
/* ============================= */


.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,
.udg-13,
.udg-14,
.udg-15,
.udg-16 {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 >> 16 Columns
--------------------------------------------------------------------------------*/

.udg-container .udg-1 {width: 4.25%;}
.udg-container .udg-2 {width: 10.5%;}
.udg-container .udg-3 {width: 16.75%;}
.udg-container .udg-4 {width: 23%;}
.udg-container .udg-5 {width: 29.25%;}
.udg-container .udg-6 {width: 35.5%;}
.udg-container .udg-7 {width: 41.75%;}
.udg-container .udg-8 {width: 48%;}
.udg-container .udg-9 {width: 54.25%;}
.udg-container .udg-10 {width: 60.5%;}
.udg-container .udg-11 {width: 66.75%;}
.udg-container .udg-12 {width: 73%;}
.udg-container .udg-13 {width: 79.25%;}
.udg-container .udg-14 {width: 85.5%;}
.udg-container .udg-15 {width: 91.75%;}
.udg-container .udg-16 {width: 98%;}

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

.udg-container .prefix-1 {padding-left: 6.25%;}
.udg-container .prefix-2 {padding-left: 12.5%;}
.udg-container .prefix-3 {padding-left: 18.75%;}
.udg-container .prefix-4 {padding-left: 25%;}
.udg-container .prefix-5 {padding-left: 31.25%;}
.udg-container .prefix-6 {padding-left: 37.5%;}
.udg-container .prefix-7 {padding-left: 43.75%;}
.udg-container .prefix-8 {padding-left: 50%;}
.udg-container .prefix-9 {padding-left: 56.25%;}
.udg-container .prefix-10 {padding-left: 62.5%;}
.udg-container .prefix-11 {padding-left: 68.75%;}
.udg-container .prefix-12 {padding-left: 75%;}
.udg-container .prefix-13 {padding-left: 81.25%;}
.udg-container .prefix-14 {padding-left: 87.5%;}
.udg-container .prefix-15 {padding-left: 93.75%;}

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

.udg-container .suffix-1 {padding-right: 6.25%;}
.udg-container .suffix-2 {padding-right: 16.5%;}
.udg-container .suffix-3 {padding-right: 18.75%;}
.udg-container .suffix-4 {padding-right: 25%;}
.udg-container .suffix-5 {padding-right: 31.25%;}
.udg-container .suffix-6 {padding-right: 37.5%;}
.udg-container .suffix-7 {padding-right: 43.75%;}
.udg-container .suffix-8 {padding-right: 50%;}
.udg-container .suffix-9 {padding-right: 56.25%;}
.udg-container .suffix-10 {padding-right: 62.5%;}
.udg-container .suffix-11 {padding-right: 68.75%;}
.udg-container .suffix-12 {padding-right: 75%;}
.udg-container .suffix-13 {padding-right: 81.25%;}
.udg-container .suffix-14 {padding-right: 87.5%;}
.udg-container .suffix-15 {padding-right: 93.75%;}

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