/* Theme Name: CCC 
Theme URI: http://www.creatorscopyright.ca
Description: Built for the CCC, for use with both WordPress and static
pages.  
Version: 0.1 Author: Patrick Davidson 
*/

body {
  margin: 0px;
  padding: 0px 0px 0px 0px;
/*  font-size: 1em;*/
  font-family: verdana, arial, helvetica, sans-serif;
  color: #000;
  background-color: #ff8;
  }
#toc {
  border: 1px solid #996;
  background: #fff;
  overflow: auto;
  position: absolute;
  width: 180px;
  height: 40%;
  bottom: 10px;
  left: 15px;
  font: 12px/15px verdana, arial, helvetica, sans-serif;
  text-align: left;
  }
#toc p.toctitle {
  color: #333;
  margin: 0px;
  padding: 10px 0px 10px 4px;
  background: #ddc;
  border-bottom: 1px solid #996;
  }
#toc ul {
	font: 9px/12px verdana, arial, helvetica, sans-serif;
	list-style-type: square;
	color: #996;
	list-style-position: inside;
	margin-top: 0px;
	margin-left: 0px; /*dispenses with the list indentation - ie,
				  op, but not ff*/ 
	padding-left: 0px; /*dispenses with the list indentation -
  ff*/
	width: 90%;
	}
#toc ul li {
	margin: 3px 0px 0px;
	padding: 2px 4px;
	}
#toc ul ul li {
      padding-left: 15px;
      }
.tocnudge {
      color: #990;
      font-size: 10px;
      margin-left: 3px;
      padding-bottom: 15px;
      }
div#container {
  margin-top: 0px;
  padding-top: 0px;
  }
@media screen {
  body>div#toc
    {
    position: fixed;
    }
  }
#header {
	padding-top: 5px;
	padding-bottom: 5px;
	height: 185px;
	width: auto;
	border-bottom: 1px solid #996;
	border-top: 1px solid #996;
	background: #ddc;	
/*	background: #cca;*/
/*	background: #ccf; a very nice lavender */
	}
#header h1 {
	font-size: 0px;
	line-height: 0px; /*minimize offset due to line-heights
				 for h1 in header, so they can be replaced by
				 images, and adjusting these images is
				 thus controlled without resorting to
				 negative values*/ 
	 
	}
h1 span {
      visibility: hidden; /*ie and Op leave a black smudge as the
				  trace of the h1s despite the
				  reduction just above. This kills the
				  smudge's visibility*/
	}
#mainlogo {
	float: left;
	margin-left: 10px;
	padding: 0px;
	width: 240px;
	height: 175px; /*acts as the container for the h1 image, so
			   can offset the image to add
			   surrounding whitespace, as well as be able
			   to position it absolutely without removing
			   it from the document flow.*/
	}
#mainlogo h1 {
	background: url(../banners/map-mainlogo-transparentbkgd.gif) no-repeat top left;
	width: 240px;
	height: 175px;
	margin: 0px;
	}
#maintitle {
	margin: 0px 0px 0px auto;
	float: right;
	padding: 124px 40px 0px 0px;
	height: auto;
	width: auto; /*whitespace container for h1 below */
	}
#maintitle h1 {
	background: url(../banners/maintitle-transparent2.gif) no-repeat;
	width: 469px;
	height: 31px;
	}
p {
	margin: 20px 0px;
	padding: 0px;
	}
p.extramargin {
	margin: 75px 0px;
	}
.dateright {
      text-align: right;
      padding: 20px 0px;
      }
.smalltitletop {
      text-align: left;
      margin: 30px 25px 0px;
      }
.centernavbar { 
	font-size: 10px; 
	line-height: 14px; 
	text-decoration: none;
	text-align: center;
	padding: 3px;
	margin: 20px auto 0px auto;
	border: 1px solid #aa9;
	background: #cca;
	}
.rightnavbar { 
	font-size: 10px; 
	line-height: 14px; 
	text-decoration: none;
	margin: 3px 25px 0px;
/*	float: right;*/
	text-align: right;
	padding: 3px 0px;
/*	background: #cca;*/
	border-top: 1px solid #996;
/*	border-right: 0px;*/
/*	border-top: 0px;*/
	}
.bottom {
	margin-right: 50px;
	padding: 3px 6px;
	border: 1px solid #996;
/*	border-right: 0px;*/
	float: right;
	}
h2 {
      font: 16px/20px verdana, arial, helvetica, sans-serif;
      font-weight: bold;
      font-style: normal;
      color: #333;
      }
h2.error {
      text-align: right;
      font: 24px/28px tahoma, verdana, helvetica, sans-serif;
      font-weight: bold;
      margin-bottom: 5px;
     }
h3 {
      font: 16px/20px verdana, arial, helvetica, sans-serif;
      font-weight: bold;
      margin-top: 50px;
      color: #333;
      }
h4 {
      font: 14px/20px verdana, arial, helvetica, sans-serif;
      font-weight: bold;
      border-bottom: 1px solid #996;
      width: 75%;
      margin: 50px auto 10px 0px;
      color: #333;
      }
.op-ed {
      margin-top: 10px;
}
h5 {
	font-size: 11px;
	line-height: 18px;
	font-weight: 200;
	text-align: right;
	border-bottom: 1px solid #996;
	width: 50%;
	margin: 50px 0px 10px auto;
        color: #333;
	}
h6 {
	font-size: 11px;
	line-height: 18px;
	font-weight: 200;
	font-style: italic;
	text-align: right;
	border-bottom: 1px solid #996;
	width: 40%;
	margin: 10px 0px 10px auto;
	color: #333;
      }
#maintext .catitem h6 {
	font-style: normal;
	text-align: left;
/*	float: left;*/
	padding: 5px;
	width: auto;
	background: #cca;
	border-bottom: 1px solid #aa9;
	margin: 0px auto 5px 0px;
	}
.catitem p {
	padding: 0px 10px;
	}
.catitem {
	border: 1px solid #aa9;
	margin-bottom: 10px;
	}
.italic {
	font-style: italic;
	}
.bold {
      font-weight: bold;
      font-style: normal;
      }
.center {
	text-align: center;
	}
hr {
      border: none 0; 
      border-bottom: 1px solid #996;
      height: 1px;
      }
hr.righthalf {
      width: 50%;
      text-align: right;
      margin: 0px 0px 0px auto;
      }
hr.centerhalf {
      width: 50%;
      text-align: center;
      margin: 0px auto;
      }
a {
	color: #36a;
/*	font-family: verdana, arial, helvetica, sans-serif;*/
	text-decoration: none;
	}
/*a:visited {
	color: #a60;
	}*/
a:hover {
	text-decoration: none;
	color: #a60;
	cursor: pointer;
	}
#nonheader {
	position: relative; 
	margin: 40px 0px 0px 220px;
	padding: 0px;
	}
#textandfooter {
	margin: 0px 20px 0px 0px;
	position: relative; 
	float: left
	z-index: 99;
	}
#maintext {
	font: 11px/20px verdana, arial, helvetica, sans-serif;
	margin: 0px;
	padding: 0px 0px 20px;
	background-color: #fff;
	border: 1px solid #996;
	text-align: justify;
	position: relative;
	z-index: 102;
	}
#textproper {
	padding: 70px 50px 30px;
	}
#alt-textproper {
	padding: 0px 50px;
	}
#maintext .textbody li {
	margin: 1.5em 0;
	}
#maintext ul {
	list-style-type: circle;
	}
#maintext ul.nomarker {
	list-style-type: none;
	}
.decimal {				/*for numbering ol w/ decimals*/
	list-style-type: decimal;
	}
.lowerroman {			/*for numbering w/ lowercase roman numerals*/
      list-style-type: lower-roman;
      }
.upper-alpha {	/*for designating lists w/ uppercase alaphabetic chars*/
      list-style-type: upper-alpha;
      }
div#masterlinks {
     padding: 0px;
     margin: 20px 0px 0px;
}
div#masterlinks ul { 
     margin: 0px;
     padding: 0px;
     white-space: nowrap;
}
div#masterlinks li.tab {
     font: 10px/18px verdana, arial, helvetica, sans-serif;
     list-style-type: none;
     display: inline;
     padding: 4px 5px 10px 8px;
     margin: 0px 0px 0px 5px;
     background-color: #cca;
     border: 1px solid #aa9;
     border-bottom-width: 0px;
     position: relative;
     z-index: 101;
     top: -2px;
}
div#masterlinks li.tab.currentpage {
     border: 1px solid #996;
     border-bottom: 1px solid #fff;
     background: #fff;
     position: relative;
     z-index: 105;
     padding-bottom: 12px;
     top: -4px;
}
/*div#masterlinks li a:hover {
     text-decoration: underline;
}*/
#footer {
	background-color: #fff;
	border: 1px solid #996;
	margin: 20px 0px 10px;
	padding: 10px 50px 5px; 
	font-size: 10px;	
	text-align: justify;
	}
.quote {
      padding: 0px 20px;
      margin: 10px 0px;
/*      font-style: italic;*//*bizarrely in ie, using italics forces the
	entire layout (i.e. <body>) to move several px to right.*/
      color: #000;
      background: #ddd;
      border: 1px solid #cca;
        }
.preface {
      border: 1px dotted #996;
      background-color: #ddc;
      border-left: 1px solid #996;
      border-right: 1px solid #996;
      padding: 5px 25px;
      margin: 30px -54px;
/*      margin: 20px 0px 20px 52px;*/
}
.quote-no-colour {
      padding: 0px 20px;
      margin: 10px 0px;
      color: #000;
        }
em.quote {
	color: #333;
	font-style: normal;
	 }
.attribution {
	text-align: right;
	}
#sidelinkmenu {
	font: 10px/18px verdana, arial, helvetica, sans-serif;
	color: #333;
	text-align: right;
	z-index: 1;
	position: absolute;
	top: 330px;
	left: 15px;
	width: 200px;
	margin: 0px;
	padding: 0px;
/* IE5 box model hack, courtesy Tantek Celik. See his explanation
of why it's necessary at <www.tantek.com/CSS/Examples/boxmodelhack.html>*/
	voice-family:  "\"}\"";
	voice-family: inherit;
	width: 180px;
	}
/* the "be nice to Opera 5" supplementary to the box model hack. */
body>#sidelinkmenu {width: 180px;}

#sidelinkmenu ul {
	list-style-type: none;
	margin-left: 0px; /*dispenses with the list indentation - ie,
				  op, but not ff*/ 
	padding-left: 0px; /*dispenses with the list indentation - ff*/
	}
#sidelinkmenu ul li {
	margin: 5px 0px;
	padding: 3px 5px;
	background-color: #cca;
	border: 1px solid #aa9;
	border-top: 0px;
	border-left: 0px;
	display: block;
	}
#sidelinkmenu span {
	padding: 3px 5px;
/*	background-color: #ff8;*/
	border: 1px solid #996;
	border-top: 0px;
	border-left: 0px;
	display: block;
	text-align: left;
	}
.mail {
      margin-bottom: -3px;
      }
.note {
      text-align: left;
      }
.note li {
      list-style-type: none;
      text-indent: -2em;
      }
.rssbutton {
      color: #fff;
      background-color: #f60;
      padding: 0px 3px;
      border: 2px solid #ccc;
      border-style: groove ridge ridge groove;
}
.rssbutton:hover {
      background-color: #f90;
      color: #fff;
}
input.form {
     border: 1px solid #aa9;
     font-size: 10px;
     background: #fff;
     width: 97%;
}
input.smallform {
     border: 1px solid #aa9;
     font-size: 11px;
     background: #fff;
     width: 40%;
}
input.image {
     margin: 3px 0px 0px;
       border: 1px solid #996;
/*       border-top: 0px;
       border-left: 0px; */
}
textarea {
     border: 1px solid #996;
     background-color: #ddd;
     width: 100%;
}
#login_error {
    padding: 5px 10px;
    background-color: #f90;
    border: 1px solid #aa9;
}
.mail {
    margin-top: 5px;
}