/*
 * Squid.css
 * Jason Murray Cole
 * December 2006 - January 2007
 */

/**** General  ****/

*
{border: 0px solid #000;
 margin: 0;
 padding: 0;}

input {border:2px solid;}
body
{background-color: #FFF;
 color: #222;
  font-family: "Trebuchet MS",arial,"bitstream vera sans",sans-serif; /* Third font makes it look decent in Linux. */
 font-size: 80%;}

/**** NavBar ****/

#navbar
{background: #000 url("Images/edge-background.png") bottom repeat-x;
 float: right;
 margin-bottom: 1em;
 width: 100%;}
#navbar h1
{color: #FFF;
 float: left;
 font-size: 500%;
 margin-top: -0.2em;}
#navbar h1 span
{display: block;
 float: left;
 padding: 20px 60px 20px 20px;}

#navbar ul
{color: #DDD;
 float: right;
 margin-top: 20px;}
#navbar li
{display: inline;
 font-size: 150%;
 margin: 20px;
 list-style: none;}
#navbar a
{color: #FFF;
 text-decoration: none;}
#navbar a:hover
{text-decoration: underline;}

/**** Side Bars ****/

#rightbar
{background: #000 url("Images/edge-background-right.png") top left repeat-y;
 clear: right;
 color: #EEE;
 float: right;
 margin-bottom: 1em;
 width: 20em;}
#rightbar .top
{background: Transparent url("Images/edge-top.png") top repeat-x;}
#rightbar .top h2,#rightbar .top h3,#rightbar .top h4,#rightbar .top h5,#rightbar .top h6
{background: url("Images/edge-tl-corner.png") top left no-repeat;
 display: block;
 padding-left: 20px;
 padding-right: 10px;
 padding-top: 20px;}
#rightbar .bottom
{background: url("Images/edge-bottom.png") bottom repeat-x;}
#rightbar .bottom p,#rightbar .bottom ul,#rightbar .bottom ol
{background: url("Images/edge-bl-corner.png") bottom left no-repeat;
 display: block;
 list-style-position: inside;
 padding-bottom: 20px;
 padding-left: 20px;
 padding-right: 10px;}

#rightbar li
{list-style-position: inside;}

/**** Content ****/

#content
{font-size: 1.25em;
 margin: 0 16em 0 4em;
 padding: 20px;}
#content blockquote
{background: #FFF url("Images/quote.png") bottom right no-repeat;
 border-left: 1px solid #DDD;
 border-right: 1px solid #DDD;
 margin: 20px;}
/*#content h2,#content h3,#content h4,#content h5,#content h6
{background: #CCC url("Images/grad.png") bottom repeat-x;
 border-top: 1px solid #999;
 color: #444;}*/
#content p ,#content li
{padding: 10px;}

/**** Footer ****/

#foot
{background: #000 url("Images/edge-background.png") bottom repeat-x;
 clear: both;}
#foot p
{background: Transparent url("Images/edge-top.png") top repeat-x;
 color: #DDD;
 font-size: 0.8em;
 line-height: 6em;
 text-align: center;}
#foot a
{color: #FFF;}
#foot a:hover
{color: #888;}
 
/**** Other ****/

a
{text-decoration: underline;}
a:link,a:visited
{color: inherit;}
a:hover
{color: #888;}