/* LAYOUT */
body {
	margin:0;
	padding:0;

	font-size:100.1%;
	font-family:"Lucida Grande", Arial, Verdana;
}

#page {
	margin:0;
	padding:0;

	position:relative;
	font-family:"Lucida Grande", Arial, Verdana;
}

	#page.left {float:left;}
	#page.right {float:right;}
	#page.center {float:none;margin:0 auto;}
	
	#page.tiny {width:500px}
	#page.small {width:750px}
	#page.medium {width:950px}
	#page.large {width:1150px}
	#page.full {width:auto;margin:0;float:none}

.left {
	float:left;
}
.right {
	float:right;
}
/* TYPOGRAPHY */
h1,h2,h3,h4,h5,p {
	padding:0;
	margin:0;
}
h1 {
	font-size:2em;
	line-height:1em;
	padding:0.25em 0;
}
h2 {
	font-size:1.5em;
	line-height:1.5em;
	padding:0.25em 0;
}
h3 {
	font-size:1.25em;
	line-height:1.5em;
	padding:0.6em 0;
}
h4 {
	line-height:1.125em;
	font-size:1.25em;
}
h5 {
	font-size:1em;
	font-weight:bolder;
	padding:0.75em 0;
}
ul li {
	padding:0.75em 0;
	
	font-size:1em;
	line-height:1.5em;
}
p, code {
	font-size:1em;
	line-height:1.5em;
	padding:0.75em 0;
}
code {
	display:block;
	clear:both;
	overflow:auto;
	
	margin:0.5em 0;
	padding:0.25em 0.5em;
	border:0;
	
	font-size:1em;
	font-family:'courier new', courier, mono;
}
hr {
	width:auto;
	height:0;
	
	margin:0 0 20px;
	padding:0;

	display:block;
	clear:both;
	
	font-size:1em;
	
	background:none;
	border:0;
	border-bottom:1px solid #ccc;
}
textarea {
	font-family:"Lucida Grande", Arial, Verdana;
}
/* HACKS */
.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.icon {
	vertical-align:middle;
	margin-bottom:0.3em;
}
/* NICE CORNERS */
.rel {position:relative}
.rel img.corner {position:absolute;z-index:10}
.rel img.corner.top {top:0}
.rel img.corner.bottom {bottom:0}
.rel img.corner.left {left:0}
.rel img.corner.right {right:0}
.rel img.corner.wb.top {top:-1px}
.rel img.corner.wb.bottom {bottom:-1px}
.rel img.corner.wb.left {left:-1px}
.rel img.corner.wb.right {right:-1px}