body			{background: #c4e3fd; }

#top			{width: 680px; margin: auto; margin-top: 40px; margin-bottom: 40px; }
#top a			{display: block; float: left;}
#top #highscore	{width: 160px; height: 46px; margin-right: 55px; margin-top: 0px; background: url('img/highscore.gif') no-repeat;}
#top #logo		{width: 204px; height: 72px; margin-right: 55px; background: url('img/mathrun_logo.gif') no-repeat;}
#top #feedback	{width: 157px; height: 45px; background: url('img/feedback.gif') no-repeat;}


#a_quick_story 	{width: 500px; padding-right: 50px; padding-top: 20px; padding-bottom: 60px; margin: auto; font-size: 22px; color: #777; font-family:georgia; text-align: center;}

#flashapp		{width: 444px;}


#footer			{width:100%; background: #333b41; border-top: 1px solid #bbb; margin-top: 60px; text-align: right;}
#footer_inner	{width: 460px; margin: auto; padding: 7px; font-size: 1.2em;}
#footer .spacer	{padding: 10px; color: #999;}
#footer a 		{color: #fff; text-decoration: none;}
#footer a:hover	{text-decoration: underline; }

object 			{ outline:none; } /* fix to get rid of the dotted border around the flash file in firefox in "wmode:opaque" */


/* Sidebar */
#sidebar			{width: 270px; height: 540px; float: left; /*background: #b7ddfd;*/}
#bookmark			{margin-top: 60px;}
#bookmark p 		{margin-bottom: 10px; font-size: 1.4em; color: #555;}
#blog_link 			{margin-top: 20px; margin-bottom: 60px;} 
#blog_link a		{text-align: center; color: #0066cc; font-size: 1.6em; }
.social_media		{margin: 0px; padding: 0px; list-style-type: none; overflow: auto; }
.social_media li	{display:inline; float: left; padding: 4px 10px 4px 0; }


/* highscore */
#highscore			{width: 590px; font-size: 1.2em; margin: auto; margin-top: 80px; margin-bottom: 40px;}
#highscore #top		{width: 542px; height: 68px; background: url('img/highscore/hs_top.gif') no-repeat; margin: 0px; }
#highscore #content	{width: 526px; background: url('img/highscore/hs_content.gif') repeat-y; padding-left: 16px; padding-bottom: 20px;}
#highscore #bottom	{width: 542px; height: 18px; background: url('img/highscore/hs_bottom.gif') no-repeat;  white-space:nowrap;}

#highscore #top .hs_tab		{font-family: arial; font-size: 12px; color: #fff; text-decoration: none; text-align: center; padding-top:13px;}
#highscore #top #today		{margin-left: 150px !important;}
#highscore #top #my_scores	{margin-left: 25px !important;}


#ajax_loader	{width: 32px; height: 32px; padding-top: 70px; padding-bottom: 60px; margin:auto;}

#hs_tbl			{width: 515px; background: #fff; }

#hs_tbl a		{color: #0087bc; text-decoration: none;}
#hs_tbl a:hover	{text-decoration: underline;}

#hs_tbl th		{background: #fff; font-weight: normal; padding: 10px;}
#hs_tbl td		{padding: 10px; }

th#rank			{text-align: right; width: 30px; font-weight: bold; color: #555; }
th#user			{padding-left: 40px; font-weight: bold; color: #555; }
th#when			{padding-left: 40px; font-weight: bold; color: #555; }
th#brainspeed	{text-align: right;}

tr.odd			{background: #f5f5f5;}

td.rank			{text-align: right; }
td.user			{padding-left: 40px !important;}
td.when			{padding-left: 40px !important; font-size: 0.8em; color: #777;}
td.score		{text-align: right; font-weight: bold;}

#ad2 			{width: 500px; height: 20px; margin: auto; margin-top: 30px;}

#activity_stream			{display: none; margin-top: 100px; padding: 7px; width: 240px; background: #d3eafe; border: 1px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
#activity_stream .act_user  {text-align: left; padding: 6px;  padding-left: 0px; width: 150px; } 	
#activity_stream .act_when 	{text-align: right; width: 70px; padding-left: 0px; padding-right: 10px; font-size: 0.8em; color: #777;}