/* Reset the default browser styles.
----------------------------------------------------------

@package:	atatonic CSS framework 2009	
@Author: 	Tim Benniks <tim@timbenniks.com>
@Created: 	01-02-2009
@Changed:	21-05-2009

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

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;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	height: 0;
	border: 0;
	margin: 0 0 17px 0;
	border-top: 1px solid #e0e0e0;
	width: 100%;
	padding: 0;
}


/* html 5 compatability
---------------------------------------------------------- */

header, 
footer, 
section, 
aside, 
nav, 
article {
	display: block !important;
}


/* A basic grid.
----------------------------------------------------------

@package:	atatonic CSS framework 2009	
@Author: 	Tim Benniks <tim@timbenniks.com>
@Created: 	01-02-2009

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

.zp-wrapper {  
	margin: 0 auto; 
	width: 960px;
}

.zp-5,  .zp-10, .zp-15,
.zp-20, .zp-25, .zp-30,
.zp-33, .zp-35, .zp-40,
.zp-45, .zp-50, .zp-55,
.zp-60, .zp-65, .zp-67,
.zp-70, .zp-75, .zp-80,
.zp-85, .zp-90, .zp-95,
.zp-100 {
	float:left; 
	display: inline; 
}
	
.zp-5  { width:5%; 		}
.zp-10 { width:10%; 	}
.zp-15 { width:15%; 	}
.zp-20 { width:20%; 	}
.zp-25 { width:25%; 	}
.zp-30 { width:30%; 	}
.zp-33 { width:33.33%; 	}
.zp-35 { width:35%; 	}
.zp-40 { width:40%; 	}
.zp-45 { width:45%; 	}
.zp-50 { width:50%; 	} 
.zp-55 { width:55%; 	}
.zp-60 { width:60%; 	}
.zp-65 { width:65%; 	}
.zp-67 { width:66.67%; 	}
.zp-70 { width:70%; 	}
.zp-75 { width:75%; 	}
.zp-80 { width:80%; 	}
.zp-85 { width:85%; 	}
.zp-90 { width:90%; 	}
.zp-95 { width:95%; 	}
.zp-100 { width:100%; 	}

.last {
	padding: 0 !important;
}

.clear { 
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}


/*	Lists
-------------------------------------------------------------- */

.list {
	list-style: none;
	margin: 0;
	padding: 0;
}
	
	.list li {
		display: inline;
		margin: 0 6px 0 0;
	}
	

/* clearfix hack
---------------------------------------------------------- */

.clearfix:after, 
.zp-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix, 
.zp-wrapper {
    display: inline-block;
}

html[xmlns] .clearfix,
html[xmlns] .zp-wrapper {
    display: block;
}

* html .clearfix,
* html .zp-wrapper {
    height: 1%;
}


/*	utils
---------------------------------------------------------- */

.skip {
	display: block;
	left: -9999px;	
	position: absolute;
	visibility: hidden;
}