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

/**** General  ****/

*
{border: 0px solid #000;
 margin: 0;
 padding: 0;}
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("/assets/templates/liquid/Images/edge-background.png") bottom repeat-x;
 float: right;
 margin-bottom: 1em;
 width: 100%;}
#navbar h1
{background: url("/assets/templates/liquid/Images/edge-double-border.png") top right repeat-y;
 color: #FFF;
 float: left;
 font-size: 500%;
 margin-top: -0.2em;}
#navbar h1 span
{background: url("/assets/templates/liquid/Images/edge-double-corner.png") bottom right no-repeat;
 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;}
#navbar a span
{text-decoration: overline;}

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

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

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

/**** Content ****/

#content
{font-size: 1.25em;
 margin: 0 9.5em;
 padding: 20px;}

#content ol
{margin-left: 2em;}

#content blockquote
{background: #FFF url("/assets/templates/liquid/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("/assets/templates/liquid/Images/grad.png") bottom repeat-x;
 border-top: 1px solid #999;
 color: #077;}
#content p,#content li
{padding: 5px;}

/**** Footer ****/
#foot
{background: #000 url("/assets/templates/liquid/Images/edge-background.png") bottom repeat-x;
 clear: both;}
#foot p
{background: Transparent url("/assets/templates/liquid/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: #099;}
 
/**** Other ****/

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