/********************************************\
 *-----------ArtLab Css Framework-----------*
 *--------Laboratorium Sztuki Pi 2009-------*
 *-----http://www.laboratoriumsztuki.pl-----*
\********************************************/

/* Reset
--------------------------*/
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 12px;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to define text-align in childs! */
body {
	line-height: 1;
	color: #000;
	background: #fff;
    text-align:center;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Recover
--------------------------*/
* { margin: 0; padding: 0; font-size:12px;border:0;background:transparent;font-family:Verdana;}
ul, ol { list-style-type: none; }

html { background: #fff; width: 100%;color:#000;}
body { color: #000; font-family: Verdana, sans-serif; font-size: 11px; }
a { color: #8c0000; outline-width: 0; text-decoration: none; }
a:hover {text-decoration:underline;}
img { border-width: 0; }
strong {font-weight:bold;}
h1,h2,h3,h4,h5,h6,h7 {font-weight:bold}
h1{font-size:1.9em}
h2{font-size:1.7em}
h3{font-size:1.5em}
h4{font-size:1.3em}
h5{font-size:1.2em}
h6{font-size:1em}
table {width:100%;}
hr {border:0;background:#fff;}
del { font-size: 11px; }
input,textarea {color:#000;background:#fff;font-size:11px;}
textarea { font-family: Verdana, sans-serif; }
fieldset {margin:0;padding:0;}
p, .text {line-height:17px;}

/* Containers
--------------------------*/
.g960, .g980 {margin:0 auto;text-align:left;}
.g980 {width:980px}
.g960 {width:960px}

/* Span
--------------------------*/
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-5-plus, div.span-6-minus, div.span-6, div.span-7, div.span-8, div.span-8-plus, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-16-plus, div.span-17, div.span-17-plus,  div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23 {float:left;margin-right:10px;}
div.span-24, div.span-25 {float:left;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-5-plus {width:210px;}
.span-6-minus {width:220px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-8-plus { width:325px }
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-16-plus {width:650px;}
.span-17 {width:670px;}
.span-17-plus {width:680px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:960px;}
.span-25, div.span-25{width:980px;}

/* Suffix
--------------------------*/
.suffix-02{padding-right:10px}
.suffix-05{padding-right:20px;}
.suffix-1 {padding-right:40px;}
.suffix-2 {padding-right:80px;}
.suffix-3 {padding-right:120px;}
.suffix-4 {padding-right:160px;}
.suffix-5 {padding-right:200px;}
.suffix-6 {padding-right:240px;}
.suffix-7 {padding-right:280px;}
.suffix-8 {padding-right:320px;}
.suffix-9 {padding-right:360px;}
.suffix-10 {padding-right:400px;}
.suffix-11 {padding-right:440px;}
.suffix-12 {padding-right:480px;}
.suffix-13 {padding-right:520px;}
.suffix-14 {padding-right:560px;}
.suffix-15 {padding-right:600px;}
.suffix-16 {padding-right:640px;}
.suffix-17 {padding-right:680px;}
.suffix-18 {padding-right:720px;}
.suffix-19 {padding-right:760px;}
.suffix-20 {padding-right:800px;}
.suffix-21 {padding-right:840px;}
.suffix-22 {padding-right:880px;}
.suffix-23 {padding-right:920px;}
.suffix-24 {padding-right:960px;}

/* Prefix
--------------------------*/
.prefix-02{padding-left:10px}
.prefix-05{padding-left:20px;}
.prefix-1 {padding-left:40px;}
.prefix-2 {padding-left:80px;}
.prefix-3 {padding-left:120px;}
.prefix-4 {padding-left:160px;}
.prefix-5 {padding-left:200px;}
.prefix-6 {padding-left:240px;}
.prefix-7 {padding-left:280px;}
.prefix-8 {padding-left:320px;}
.prefix-9 {padding-left:360px;}
.prefix-10 {padding-left:400px;}
.prefix-11 {padding-left:440px;}
.prefix-12 {padding-left:480px;}
.prefix-13 {padding-left:520px;}
.prefix-14 {padding-left:560px;}
.prefix-15 {padding-left:600px;}
.prefix-16 {padding-left:640px;}
.prefix-17 {padding-left:680px;}
.prefix-18 {padding-left:720px;}
.prefix-19 {padding-left:760px;}
.prefix-20 {padding-left:800px;}
.prefix-21 {padding-left:840px;}
.prefix-22 {padding-left:880px;}
.prefix-23 {padding-left:920px;}
.prefix-24 {padding-left:960px;}

/* Border
--------------------------*/
div.border {
    padding-right:4px;
    margin-right:5px;
    border-right:1px solid #eee;
}
div.colborder {
    padding-right:24px;
    margin-right:25px;
    border-right:1px solid #eee;
}

/* Pull
--------------------------*/
.pull-1 {margin-left:-40px;}
.pull-2 {margin-left:-80px;}
.pull-3 {margin-left:-120px;}
.pull-4 {margin-left:-160px;}
.pull-5 {margin-left:-200px;}
.pull-6 {margin-left:-240px;}
.pull-7 {margin-left:-280px;}
.pull-8 {margin-left:-320px;}
.pull-9 {margin-left:-360px;}
.pull-10 {margin-left:-400px;}
.pull-11 {margin-left:-440px;}
.pull-12 {margin-left:-480px;}
.pull-13 {margin-left:-520px;}
.pull-14 {margin-left:-560px;}
.pull-15 {margin-left:-600px;}
.pull-16 {margin-left:-640px;}
.pull-17 {margin-left:-680px;}
.pull-18 {margin-left:-720px;}
.pull-19 {margin-left:-760px;}
.pull-20 {margin-left:-800px;}
.pull-21 {margin-left:-840px;}
.pull-22 {margin-left:-880px;}
.pull-23 {margin-left:-920px;}
.pull-24 {margin-left:-960px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}

/* Push
--------------------------*/
.push-1 {margin:0 -40px 1.5em 40px;}
.push-2 {margin:0 -80px 1.5em 80px;}
.push-3 {margin:0 -120px 1.5em 120px;}
.push-4 {margin:0 -160px 1.5em 160px;}
.push-5 {margin:0 -200px 1.5em 200px;}
.push-6 {margin:0 -240px 1.5em 240px;}
.push-7 {margin:0 -280px 1.5em 280px;}
.push-8 {margin:0 -320px 1.5em 320px;}
.push-9 {margin:0 -360px 1.5em 360px;}
.push-10 {margin:0 -400px 1.5em 400px;}
.push-11 {margin:0 -440px 1.5em 440px;}
.push-12 {margin:0 -480px 1.5em 480px;}
.push-13 {margin:0 -520px 1.5em 520px;}
.push-14 {margin:0 -560px 1.5em 560px;}
.push-15 {margin:0 -600px 1.5em 600px;}
.push-16 {margin:0 -640px 1.5em 640px;}
.push-17 {margin:0 -680px 1.5em 680px;}
.push-18 {margin:0 -720px 1.5em 720px;}
.push-19 {margin:0 -760px 1.5em 760px;}
.push-20 {margin:0 -800px 1.5em 800px;}
.push-21 {margin:0 -840px 1.5em 840px;}
.push-22 {margin:0 -880px 1.5em 880px;}
.push-23 {margin:0 -920px 1.5em 920px;}
.push-24 {margin:0 -960px 1.5em 960px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}


/* alpha & omega
---------------------------*/
.alpha , div.alpha{margin-left:0}
.omega, div.omega {margin-right:0}

/* clear
---------------------------*/
.clear-left {clear:left}
.clear-right {clear:right}
.clear {clear:both;}
.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;}


/* positions
---------------------------*/
.absolute, .absolute-top {position:absolute}
.relative {position:relative}
.to-left   {float:left}
.to-right {float:right}
.absolute-top {top:0}
.margin-bottom {margin-bottom:10px;}
.margin-top {margin-top:10px;}

/* display
---------------------------*/
.hide {display:none}
.show {display:block}
.inline {display:inline}
.no-overflow {overflow:hidden}
.no-visible {visibility:hidden}
.visible {visibility:normal}

/* inputs
---------------------------*/
.button {cursor:pointer;}

/* typography
---------------------------*/
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;}
.caps {font-variant:small-caps}
.fancy {
    font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; 
    font-style: italic;
    font-weight: normal;
}
.small {
    font-size:.8em;
    margin-bottom:1.875em;
    line-height:1.875em;
}
.large {
    font-size:1.2em;
    line-height:2.5em;
    margin-bottom:1.25em;
}
.quiet {color:#666}
.loud {color:#000}
.highlight {background:#ff0}
.top {
    margin-top:0;
    padding-top:0;
}
.bottom {
    margin-bottom:0;
    padding-bottom:0;
}
.thin {font-weight: lighter}
.center {text-align: center}

/* Informations
---------------------------*/
.error, .notice,
.success {
    padding:.8em;
    margin-bottom:1.6em;
    margin-top: 1.2em;
    border:2px solid #ddd;
    border-left:0;
    border-right:0;
}
.error {
    background:#FBE3E4;
    color:#8a1f11;
    border-color:#FBC2C4;
}
.notice {
    background:#FFF6BF;
    color:#514721;
    border-color:#FFD324;
}
.success {
    background:#E6EFC2;
    color:#264409;
    border-color:#C6D880;
}
.error a, .notice a,
.success a {
    background:none;
    padding:0;
    margin:0;
}
.error a {color:#8a1f11}
.notice a {color:#514721}
.success a {color:#264409}
.error .icon, .notice .icon,
.success .icon {
    padding:0 0 2px 16px;
    height:16px;
    background-position: top left;
    background-repeat: no-repeat;
    margin-right:3px;
}
.error .icon     {background:transparent url('../img/icons/error.png')}
.notice .icon   {background:transparent url('../img/icons/notice.png')}
.success .icon {background:transparent url('../img/icons/success.png')}