/*
	CSS Framework
	© Ryan Townsend 2008
	
	This stylesheet contains the base styles common to all the sites
*/

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

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

#page {
	width:950px;
	
	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}

#header, #container, #footer {position:relative}
#container:after {content:".";display:block;height:0;clear:both;visibility:hidden}

/* NICE COLUMNS */
.pad.big {padding-left:20px;padding-right:20px}
.pad.small {padding-left:11px;padding-right:11px}
.pad.big.has_border {padding-left:19px;padding-right:19px}
.pad.small.has_border {padding-left:10px;padding-right:10px}

.pad.big .column, .pad.small .column {float:left;display:block;margin-left:0;margin-right:0;padding:0}
.pad.big .column.right, .pad.small .column.right {float:right}
	
.pad.big .column.left {margin-right:20px}
.pad.big .column.single {width:290px}
.pad.big .column.double {width:600px;margin-right:0}
	
.pad.small .column.left {margin-right:11px}
.pad.small .column.single {width:302px}
.pad.small .column.double {width:615px;margin-right:0}

/* LAYOUT CLASSES */
#content:after, #container:after, .clear:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.left {float:left}
.right {float:right}
.icon {vertical-align:middle}

/* TYPOGRAPHY */
h1,h2,h3,h4,h5,p {
	padding:0;
	margin:0;
}
h1 {
	font-size:2em;
	line-height:1.5em;
}
h2 {
	font-size:1.5em;
	line-height:2em;
}
h3 {
	font-size:1.25em;
	line-height:2em;
}
h4 {
	line-height:1.125em;
	font-size:1.25em;
}
h5 {
	font-size:1em;
	font-weight:bolder;
	padding:0.75em 0;
}
ul, ol {
	padding:0.75em 0;
}
ul li, ol li {
	margin:0;
	padding:0;
	font-size:1em;
	line-height:1.5em;
}
li ul, li ol {
	margin:0 0 0 3em;
}
p, code {
	font-size:1em;
	line-height:1.5em;
	padding:0.75em 0;
}
li p {
	padding:0 0 1.5em 0;
}
em, strong {
	line-height:inherit;
}
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:1px;
	
	margin:2em 0;
	padding:0;
	
	font-size:1em;
	
	background:none;
	border:0;
}
textarea, input, select {
	font-size:1em;
	line-height:1.5em;
	font-family:"Lucida Grande", Arial, Verdana;
}

/* NICE CORNERS */
.corners, .rel {position:relative}
.corners img.corner {position:absolute;z-index:10}
.corners img.corner.top {top:0}
.corners img.corner.bottom {bottom:0}
.corners img.corner.left {left:0}
.corners img.corner.right {right:0}
.corners.has_border img.corner.top {top:-1px}
.corners.has_border img.corner.bottom {bottom:-1px}
.corners.has_border img.corner.left {left:-1px}
.corners.has_border img.corner.right {right:-1px}