img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;

	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1024px){
	img.bg {
		left: 50%;
		margin-left: -512px; }
}

div#content {
	/* This is the only important rule */
	/* We need our content to show up on top of the background */
	position: relative; 

	/* These have no effect on the functionality */
	width: 680px;
	margin: 0 auto;
	font-size:12px;
	top:160px;
	background:#000;
	opacity:0.7;
	filter:alpha(opacity=70);
	padding:7px 0 0 7px;
	color:#FFFFFF;
	padding-bottom:20px;
	padding-left:20px;
}


body {
	/* These rules have no effect on the functionality */
	/* They are for styling only */
	margin: 0;
	padding: 20px 0 0 0;
	font-family:Arial,Helvetica,sans-serif;
	}

#menu{
position:absolute;
top:20px;
left:0px;
z-index:80;
width:100%;
line-height:12px;
font-size:12px;
}

#menu div{
height:140px;
background:#000;
opacity:0.7;
filter:alpha(opacity=70);
padding:7px 0 0 7px;
}

#twitter_div {
line-height:20px;
font-size:20px;
}

ul{float:left;width:200px}
li a{font-weight:bold;color:#999;width: 100px;;display:block;text-decoration:none;}
li a:hover,li.cur a{color:#fff;text-decoration:none;}
h3{position:relative;border-bottom-width:1px;line-height:20px;font-weight:bold;font-size:20px;
margin-bottom:0px;}

h1,.large,.left{font-family:Helvetica,Arial,sans-serif;font-size:40px;}
h2 {font-family:Helvetica,Arial,sans-serif;font-size:25px; line-height:25px;}
h2 a{font-family:Helvetica,Arial,sans-serif;font-size:25px; text-decoration:none; color:#FFFFFF;}

A:link {color:#999; text-decoration: none;}
A:visited {color:#999; text-decoration: none;}
A:active {color:#999; text-decoration: none;}
A:hover {color:#999; text-decoration: none;}



ul#twitter_update_list { 
	list-style: none;
	font-size: 20px;
	width: 100%;
	height:100%;
}

ul#twitter_update_list li { 
color: #ffffff;
list-style:none;
}