/* ============================= */
/*
UTOPIA BASE STYLESHEET
http://www.utopia.gr
v2 | December 2009
---------------------------------------

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

/* ============================= */
/* 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: 960px;}
.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 TABLE */
/* ============================= */

.utg-container {margin: 0 auto;	width: 960px;}
table.utg-container {border-collapse:collapse; border-spacing: 0;} 
.utg-container td {vertical-align: top;} 

.span-cell,
.utg-1,
.utg-2,
.utg-3,
.utg-4,
.utg-5,
.utg-6,
.utg-7,
.utg-8,
.utg-9,
.utg-10,
.utg-11,
.utg-12,
.utg-13,
.utg-14,
.utg-15,
.utg-16,
.utg-17,
.utg-18,
.utg-19,
.utg-20,
.utg-21,
.utg-22,
.utg-23,
.utg-24 {margin: 0; padding: 0; border: 0;}

.utg-container .span-cell {width: 40px; height: 0; visibility: hidden;}
.utg-container .utg-1 {width: 40px;}
.utg-container .utg-2 {width: 80px;}
.utg-container .utg-3 {width: 120px;}
.utg-container .utg-4 {width: 160px;}
.utg-container .utg-5 {width: 200px;}
.utg-container .utg-6 {width: 240px;}
.utg-container .utg-7 {width: 280px;}
.utg-container .utg-8 {width: 320px;}
.utg-container .utg-9 {width: 360px;}
.utg-container .utg-10 {width: 400px;}
.utg-container .utg-11 {width: 440px;}
.utg-container .utg-12 {width: 480px;}
.utg-container .utg-13 {width: 520px;}
.utg-container .utg-14 {width: 560px;}
.utg-container .utg-15 {width: 600px;}
.utg-container .utg-16 {width: 640px;}
.utg-container .utg-17 {width: 680px;}
.utg-container .utg-18 {width: 720px;}
.utg-container .utg-19 {width: 760px;}
.utg-container .utg-20 {width: 800px;}
.utg-container .utg-21 {width: 840px;}
.utg-container .utg-22 {width: 880px;}
.utg-container .utg-23 {width: 920px;}
.utg-container .utg-24 {width: 960px;}

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

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