/* LOTS OF STYLE. */

 *, h1                  {font-family:standard55,standard 07_55,"small fonts",verdana,tahoma,arial;font-size:8px}
 *>*, *>h1              {font-family:"small fonts",verdana,tahoma,arial;font-size:9px}
 a                      {color:#000099;text-decoration:none}
 a:hover                {color:#cc3333}
 body		        {background-color:#ffffff;margin:0px}
 body.active            {background:#ddd url(image/bg-slice2-squidfingers.com.gif);}
 h1			{margin:0px;letter-spacing:1px}
 p                      {margin:0px;padding:0px;margin-bottom:4px}
 .allCaps		{text-transform:uppercase}
 .ball		        {position:absolute;display:none;z-index:4}
 .brick		        {position:absolute;display:block;z-index:3}
 .button                {cursor:pointer;cursor:hand}
 .darkRed               {color:#990000}
 .grey                  {color:#666666}
 .hidden	        {visibility:hidden}
 .noOpacity             {opacity:1.0}
 .red                   {color:#cc3333}
 .shadow	        {position:absolute;background-color:#F8F8F8;width:33px;height:17px;font-size:1px;z-index:1}
 .smallText             {font-family:standard55,standard 07_55,"small fonts",verdana,thoma,arial;font-size:8px;font-weight:normal}
 .boldText              {font-family:standard56,standard 07_56,"small fonts",verdana,tahoma,arial;font-size:8px;font-weight:bold}
 *>.smallText           {font-family:"small fonts",verdana,tahoma,arial;font-size:9px}
 *>.boldText            {font-family:"small fonts",verdana,tahoma,arial;font-size:9px}
 .highscoreText         {font-family:terminal,"small fonts","system fonts","system",verdana,tahoma,arial;line-height:10px}
 .vAlignTop *           {vertical-align:top}
 .vAlign *	        {vertical-align:middle}

 #aboutArkanoid         {position:absolute;left:0px;top:0px;display:none}
 .aboutItem             {text-align:center;vertical-align:center;border:1px dashed #999999;height:100%;width:64px}
 .aboutItem div         {}
 .aboutItemCopy         {margin-left:6px;vertical-align:top}
 .aboutItemCopy span,
 .aboutCopy span        {color:#990000}
 .aboutItem div,
 .aboutItemCopy div,
 .aboutCopy div         {display:inline;color:#666666}
 .aboutCopy p           {margin-bottom:0px}

 #aboutLinks a          {color:#333399}
 #aboutLinks a:hover    {color:#cc3333}

 #errorContainer        {font-family:standard55,standard 07_55,"small fonts",verdana,tahoma,arial;font-weight:normal;text-align:left}
 *>#errorContainer      {font-family:small fonts;font-size:9px}
 #errorContainer *      {text-align:left}
 #errorContainer div    {position:relative;display:inline}

 #topBar *	        {font-family:standard55,standard 07_55,"small fonts",verdana,tahoma,arial;font-size:8px;color:#666666}
 *>#topBar *            {font-family:"small fonts",verdana,tahoma,arial;font-size:9px}
 #topBar a              {color:#000099}
 #topBar a:hover        {color:#cc3333}

 /* level editor styles */
 #leToolbox *		{vertical-align:top}
 #leToolbox #rShadow	{position:absolute;left:133px;top:0px;width:5px;height:115px}
 #brickContainer	{width:133px;border-left:1px solid #aaaaaa;border-right:1px solid #aaaaaa}
 *>#brickContainer      {width:131px}
 #brickContainer img    {border-right:1px solid #ffffff;border-bottom:1px solid #ffffff}
 #buttonContainer	{width:133px;border-left:1px solid #aaaaaa;border-right:1px solid #aaaaaa;border-bottom:1px solid #aaaaaa}
 *>#buttonContainer     {width:127px}
 #leToolbox .windowShade{filter:alpha(opacity=7);opacity:0.07}

 /* browser/preview */
 .lbPreview,
 .lbPreviewOver         {display:block;margin-top:12px;padding-left:11px;padding-top:6px;background-image:url(image/preview_bg.png);width:165px;height:145px}
 .lbPreviewOver         {background-image:url(image/preview_bg_1.png)}
 *>.lbPreview,
 *>.lbPreviewOver       {margin-top:12px;padding-left:11px;padding-top:6px;width:154px;height:140px}
 *>.lbPreview           {background-image:url(image/preview_bg.png)}

 .windowContainer       {background-color:#ffffff;width:100%;height:100%;padding:5px}
 *>.windowContainer     {width:393px;height:auto;opacity:0.95}

 .levelBrowserTitlebar  {background-image:url('image/level_browser/title_bar_bg.gif');background-position:0px 0px}
 *>.levelBrowserTitleBar{background-position:0px 0px}

 /* HTML container elements */
 #arkanoidContainer     {position:absolute;left:0px;top:0px;background-color:#ffffff;width:470px;*width:474px;height:505px;border:3px solid #fff;display:none;z-index:2;overflow:hidden}
 html>body #arkanoidContainer {width:468px;height:499px}
 #bg1                   {position:absolute;left:0px;top:0px}
 #bg2                   {position:absolute;left:20px;top:0px;vertical-align:middle;width:100%}
 #bg3                   {position:absolute;right:0px;top:0px}
 #topBar, .absLeftTop   {position:absolute;left:0px;top:0px}
 #topBarControls        {position:absolute;left:378px}
 #initContainer         {position:absolute;left:64px;top:200px;font-weight:bold}
 #mainContainer         {position:absolute;left:0px;top:0px;display:none;width:460px}
 #preStart0             {position:relative;left:2px;margin-bottom:5px;visibility:hidden;width:250px;height:12px}
 #prePaddle             {position:absolute;left:0px;top:0px}
 #pre0, #pre1, #pre2    {position:absolute;left:10px;top:110px}
 #pre1                  {clip:rect(0px 0px 10px 0px)}
 #mainCopy              {position:absolute;left:10px;top:130px;color:#333333}

 @font-face 	        {font-family:standard55;font-style:normal;font-weight:normal;src:url(standard55.eot)}
 @font-face             {font-family:standard56;font-style:normal;font-weight:normal;src:url(standard07_56.eot)}