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

	font-size:12px;
	font-family:"Lucida Grande", Arial, Verdana;
	line-height:1.5;
}

#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 0 20px;
  font-size:12px;
  line-height:1.5;
}
h1 { font-size:20px }
h2 { font-size:18px }
h3 { font-size:16px }
h4 { font-size:14px }
ol, ul {
  margin:0 0 20px 20px;
  padding:0;
}
li { margin:0 0 10px }
code {
	display:block;
	clear:both;
	overflow:auto;

	padding:5px 10px;
	border:0;
	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}