/*
 * CSS1 for jQuery style switcher
 ----------------------------------*/
*                   {margin:0;padding:0;} /* <---don't do this if you have forms on a page */
html                {font:.9em/1.5 Verdana, Arial, Helvetica, sans-serif;background:#fff;text-align:center;}
body                {text-align:left;max-width:60em;min-width:760px;background:#eee;color:#444;padding:1em;border:1px solid #333;position:relative;margin:1em auto;}
a                   {color:#03f;text-decoration:none;}

a.skip              {position:absolute;top:-9999px;}

div#branding        {background:#212121;position:absolute;top:0;left:0;width:100%;}
div#branding h1     {line-height:3;padding:0 .5em;}
div#branding a      {color:#fff;text-decoration:underline;}
div#branding p      {font:.9em/2 "Courier New", Courier, monospace;color:#fff;position:absolute;right:1em;top:.5em;}

div#nav             {margin:5.5em 0 0 0;}
div#nav h2          {color:#ccc;font-size:2em;border-bottom:2px solid #ccc;}
div#nav ul          {text-align:center;margin:}
div#nav li          {display:inline;margin:0 1em;font-size:1.5em;}

div#content         {margin:1em 0 0 0;}
div#content h2      {color:#ccc;font-size:2em;border-bottom:2px solid #ccc;}
div#content p       {margin:1.5em;font-size:.8em;}

div#site_info       {clear:both;}
div#site_info h2    {color:#ccc;font-size:1.5em;border-bottom:2px solid #ccc;}
div#site_info p     {margin:.5em;font-size:.8em;}