#container
{
	min-height:100%;
}

/*
For the iPad (and similar) and narrower devices, fix the width of the footer to be the same as the widest thing above it.
*/
@media screen and (max-width: 768px)
{
	.footer
	{
		width:1024px;
	}
}

#header
{
	width:970px;
	margin: 0px auto;
	margin-top: 5px;
}

#social_networks_bar
{
	position:relative;
	height:41px;
	width:1024px;

	background-image: url("/images/bg_social_networks_bar.png");
	background-repeat: no-repeat;
}

#facebook_like
{
	float:left;
	padding-top:3px;
}

#tweet_about_it
{
	float:left;
	padding-top:10px;
	padding-left:8px;
}

#google_plus_one
{
	float:left;
	padding-top:10px;
	padding-left:10px;
}

.clear
{
	clear:both;
}

a#get_adobe_reader img
{
}

div#columns
{
	width: 1004px;
	margin-left: 10px;
	margin-right: 10px;
}

div#post_columns
{
	clear:both;
	height:0px;
}

div#column1
{
	float:left;
	width: 159px;
	margin-right: 10px;
}

div#column2
{
	float:left;
	width: 828px;
}

div#footnote
{
	width:1024px;

	color:#e49ec4;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-decoration:none;
}

div#footnote div#footnote_top
{
	background-image: url("/images/bg_footnote_top.png");
	background-repeat: no-repeat;
	height:10px;
}

div#footnote div#footnote_mid
{
	background-image: url("/images/bg_footnote_mid.png");
	background-repeat: repeat-y;
}

div#footnote div#footnote_base
{
	background-image: url("/images/bg_footnote_base.png");
	background-repeat: no-repeat;
	vertical-align:top;
}