html, body, #page-wrap {height: 100%;}

body > #page-wrap {height: auto; min-height: 100%;}

body{
	background: #464747;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 10pt;
	line-height: 148%;
	color: #333;
}
h1,h2,h3,h4,h5,h6 {
	font-variant: small-caps;
	line-height: 128%;
}
h1 {
	font-size: 24pt;
}
h2 {
	font-size: 20pt;
}
h3 {
	font-size: 16pt;
}
h4 {
	font-size: 14pt;
}
p,blockquote,code,pre,ul,ol {
	margin: 0.65em 0;
}
#page-wrap{
	background: #e9eff1;
	width: 960px;
	margin: 0 auto;
	position: relative;
	border: 0 solid #3A3A3A;
	border-width: 0 1px;
}
#header{
	background: url(../images/header_pattern.png) repeat-x left top;
	position: relative;
	height: 180px;
	border: 0 solid #999;
	border-color: rgba(255,255,255,0.2);
	border-width: 0 1px;
}
#jgirldesign {
	position: absolute;
	right: 0;
	bottom: 0;
	}
#bird {
	position: absolute;
	left: -8px;
	bottom: -13px;
	z-index: 10;
}
#sep_top {
	background: url(../images/sep_top.png) repeat-x right bottom;
	height: 15px;
	top: 175px;
	left: 0;
	width: 960px;
	z-index: 9;
	position: absolute;
}
#content{
	background: transparent url(../images/textarea_topfade.png) repeat-x left top;
padding: 70px 20px 20px 20px;
	border: 0 solid #999;
	border-color: rgba(255,255,255,0.2);
	border-width: 0 1px;
}
#article{
	float: left;
	width: 648px;
}
#tweets{
	background: url(../images/tweet_bg.png) repeat-y center top;
	float: left;
	width: 210px;
	padding: 0 20px;
	margin-left: 20px;
	font-size: 8pt;
	line-height: 128%;
}
#tweetshead{
	background: url(../images/tweet_head2.png) no-repeat center top;
	text-align: right;
	height: 50px;
	float: left;
	width: 210px;
	padding: 0px 20px 0 20px;
	margin-left: 20px;
	font-size: 0;
	text-indent: -9999px;
}
#sep_bottom{
	background: url(../images/sep_bottom.png) repeat-x 0;
	height: 15px;
	bottom: 140px;
	left: 0;
	width: 960px;
	z-index: 9;
	position: absolute;
}

#main {
	padding-bottom: 220px;
} 
/* must be same height as the footer */
#footer {
	background: #303640 url(../images/textarea_bottomfade.png) repeat-x left top;
	position: relative;
	margin-top: -220px; /* negative value of footer height */
	height: 220px;
	width: 960px;
	margin-left:auto;
	margin-right: auto;
	clear:both;
} 
#webstandardista_badge {
	margin-top: 100px;
	padding-right: 5px;
	float: right;
}

#footer .links {
	margin-top: 500px;
}
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */