/*
 * CSS3 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:#eee;text-align:center;}
body                {text-align:left;max-width:60em;min-width:760px;background:#fff;color:#444;padding:1em;border:1px solid #333;position:relative;margin:1em auto;}
a                   {color:#00f;text-decoration:none;}

a.skip,
div#nav h2,
div#site_info h2,
div#content h2      {position:absolute;top:-9999px;}

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

div#nav             {margin:5.5em 0 0 0;position:relative;width:33%;float:left;}
div#nav ul          {text-align:center;margin:0;list-style:none;}
div#nav li          {margin:1em 0;font-size:1.5em;}

div#content         {position:relative;margin:5.5em 0 0 0;width:66%;float:right;}
div#content p       {margin:1.5em;font-size:.8em;}

div#site_info       {clear:both;border-top:1px solid #030;}
div#site_info p     {margin:.5em;font-size:.8em;}