/*  
Theme Name: CSAR 2006
Theme URI: http://csar.bc.ca/
Description: Modification of the default Wordpress theme to match the CSAR logo.
Version: 1.1
Author: Kirk Ismay

*/

/* 
Color Palette (from Logo):
blue: 006;
green: 090;
darkGreen: 356536;
red: b81300;
gold: f3d32b;
cream: faef9b;
*/


/* Typography sizes based on: 
http://www.thenoodleincident.com/tutorials/typography/ 
*/

body {
 padding: 0;
 margin: 0; 
 font-family: 'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
 font-size: 76%;
 color: #006;
 border-color: #090;
}
a img {
 border: 0;
}

h1 {
 padding-top:0;
	font-size: 2.0em;
	font-weight: bolder;
	margin-top: 0em;
	margin-bottom: 0em;
}
h2 {
	font-size: 1.7em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h3 {
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
}
ol, dl, ul, li {
	font-size: 1.0em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
}
p {
	font-size: 1.0em;
	line-height: 1.8em;
	margin: 1.2em 0em 1.2em 0em;
}
li > p {
 margin-top: 0.2em;
}
pre {
 font-family: monospace;
 font-size: 1.0em;
}
strong, b {
 font-weight: bold;
}

/*** Header ***/
div#header {
  margin:0;
  padding-top: 15px;
  height: 75px;
  top: 0px; 
  margin-left: 160px;
  background: url(/media/header-bkd.jpg) repeat-x;
}
div#header h1 {
  margin: 4px 40px;
  padding: 0;
}
div#header a {
  text-decoration: none;
  color: #006;
}
div#header p {
  margin: 1px 50px;
}
/*** Content ***/
div#content {
 margin-top: 0px;
 margin-left: 160px;
 bottom: 2em;
}
div#content h2 {
 background-color: #faef9b;
 border-left: 1em solid #090;
 padding: 0.25em 1.25em;
 margin: 0.5em 1px;
 font-style: italic;
}
div#content h3 {
 margin-left: 1em;
 border-bottom: 1px solid #090;
}
div#content dl, div#content p { 
 margin: 1em 2.5em;
} 
div#content dt {
 font-weight: bold;
}
div#content dd {
 font-style: italic;
}

/*** Sidebar ***/
div#sidebar { 
 margin: 0;
 position: fixed; 
  top: 0px; 
  left: 0px;
  bottom: 0px;
 padding: 5px;
 background: #006;
 height: 100%;
 overflow: hidden;
}
* html div#sidebar {
 position: absolute;
} 
#navlist
{
 padding: 10px 1px;
 margin: 1px 0;
 font-weight: bold;
 width: 140px;
 color: #f3d32b;
}
#navlist ul {
 margin: 0;
 padding: 0;
}
#navlist li {
 line-height: 0.9em;
 padding: 0 1px 1px;
 list-style: none; 
 margin: 1px;
 text-align: left;
}
#navlist h2 {
 margin: 2px;
 line-height: 1.4em;
 font-size: 1.2em;
 font-weight: bold;
 text-align: center;
 border-bottom: 1px solid #356536;
 color: #f3d32b;
}
#navlist li a {
 display: block;
 padding: 0.25em 0.5em 0.25em 0.75em;
 border-left: 1em solid #f3d32b;
 text-decoration: none;
 background: #006;
 color: #f3d32b;
}

#navlist li a:link { color: #f3d32b; }
#navlist li a:visited { color: #f3d32b; }

#navlist li a:hover {
 border-color: #090;
 color: #006;
 background: #faef9b;
}
#navlist li a.current:link, #navlist li a.current, a.current {
 border-color: #090;
}

/*** footer ***/
div#footer {
 clear:both;
 padding: 1em;
 border-top: 1px dashed #090;
  margin-left: 175px;
  margin-right: 1em; 
  bottom: 0px; 
 height: 1.1em;
 text-align: right;
 font-size: xx-small;
}
div#footer a img {
    opacity: 0.5;
}
    
div#footer a:hover img {
    opacity: 1;
}