/* CSS Document */
/*
main body text on BMX is 11px, so we do --
 
11/16 = x/100 and x = 68.75.
 
therefore, we set the body font-size: 68.75%
 
"From now on it’s easy to think in pixels but still set sizes in terms of ems: 1em is 10px, 0.8em is 8px, 1.6em is 16px, etc."
child pixels / parent pixels = child ems
so in our case:
 
for a 10px footer:  10/11 = 0.91em
for a 14px header: 14/11 = 1.27em
*/

/* ---------- GENERAL TAGS -------------------------------------------------*/
body
{
	background-image:url(../images/bgtile.jpg);
	background-repeat:repeat;
	width:940px;
	margin:0 auto 50px auto;
	font-family:Arial;
	font-size:68.75%;
	line-height:18px;
}

/* ---------- HEADER -------------------------------------------------*/
a:link, a:visited
{
	color:#7bbe4a;
	text-decoration:none;
	font-weight:bold;
}
a:hover, a:active
{
	font-weight:bold;
	color:#b2b2b2;
	text-decoration:none;
}
.large
{
	font-size:1.18em;
}
.xlarge
{
	font-size:1.27em;
}
.xxlarge
{
	font-size:1.45em;
}
	
#header_home
{
	background-image:url(../images/bgheader_home.gif);
	background-repeat:no-repeat;
	width:940px;
	height:263px;
}
#header_about
{
	background-image:url(../images/bgheader_about.gif);
	background-repeat:no-repeat;
	width:940px;
	background-color:#fff;
}
#header_dvd
{
	background-image:url(../images/bgheader_buy.gif);
	background-repeat:no-repeat;
	width:940px;
	background-color:#fff;
}
#header_media
{
	background-image:url(../images/bgheader_media.gif);
	background-repeat:no-repeat;
	width:940px;
	background-color:#fff;	
}
#header_500
{
	background-image:url(../images/bgheader_500.gif);
	background-repeat:no-repeat;
	width:940px;
	background-color:#fff;
}
#header_404
{
	background-image:url(../images/bgheader_404.gif);
	background-repeat:no-repeat;
	width:940px;
	background-color:#fff;
}
#header_left
{
	float:left;
	width:450px;
}
#header_right
{
	float:right;
	width:490px;
}
/* ---------- MID -------------------------------------------------*/
#mid_home
{
	clear:both;
	background-image:url(../images/bgmid_home.gif);
	background-repeat:no-repeat;
	width:940px;
	height:355px;
}
#mid_about
{
	clear:both;
}
#mid_home_left
{
	float:left;
	width:438px;
	height:326px;
}
#mid_home_right
{
	float:left;
	width:502px;
}
#mid_about_left
{
	float:left;
	width:272px;
}
#mid_about_right
{
	float:left;
	width:668px;
}
#wlrnlogo
{
	padding-top:120px;
}
#video
{
	padding:6px 0 0 0;
}
#intro
{
	padding:21px 134px 0 52px;
}
#regular
{
	padding:0 30px 30px 50px;
}
.headshot
{
	border:solid 5px #000;
}
td.headcell
{
	padding-right:10px;
}
/* ---------- BOTTOM -------------------------------------------------*/
#bottom
{
	clear:both;
	width:940px;
}
#bottom_about
{
	clear:both;
	width:940px;
	height:28px;
	background-image:url(../images/bgfooter.gif);
}
#footer
{
	color:#fff;
	font-size:0.91em;
	float:left;
	width:399px;
	padding:0 0 0 20px;
}
#footerlinks_left
{
	float:left; 
	width: 200px; 
	padding-top:6px;
}
#footerlinks_right
{
	float:right; 
	width:75px; 
	padding:3px 45px 0 0;
}
#footer a:link, #footer a:visited
{
	color:#fff;
	text-decoration:none;
}
#footer a:hover, #footer a:active
{
	color:#999999;
	text-decoration:none;
}
#footer a.selected:link, #footer a.selected:visited, #footer a.selected:hover, #footer a.selected:active
{
	color:#999999;
	text-decoration:none;
}
#bottom_home
{
	float:left;
	width:491px;
	background-color:#fff;
	padding:0 15px 15px 15px;
}