/**************************************************************************
**************************************************************

Welcome to the CSS for Relic, coded by Kevin Cannon.
The CSS is pretty straight forward. There are a few
small hacks however, with one line controlling firefox
and the other IE. These are clearly labled. If you need
any help with the template, email me at kmcannon@telus.net

***************************************************************
***********************************************************************/
body  {
	margin:0;
	padding:0;
	font-family:verdana, arial, times, georgia, sans-serif;
}

a {
	color:#0093D6;
	text-decoration:none;
}

a:hover {
	color:#264EA6;
	text-decoration:underline;
}

span.uppercase {
	text-transform: none
	}
	
img.bio {
	float:left;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 6px;
	margin-bottom: 0px;
	margin-left:0px;
}

img.left {
	float: left;
	clear:left;
	padding-right:12px;
	padding-top: 3px;
	padding-bottom: 0px;
	border: 0; 
}

img.right {
	float: right;
	padding:3px;
	margin-right:6px;	
}

img.sidebar {
	float: left;
	margin-bottom:2px;	
	margin-right: 100px;
	margin-top: 5px
}

img.center {
	margin-top: 5px
}

#wrapper {
  width:800px;
}
#top   { background: url("images/singingtree.gif") no-repeat left top; 
	margin-top: 10px; 
	margin-right: 5px; 
	margin-left: 49px; 
	width: 678px }

#top h1 {
	font-family:Century Gothic, georgia, helvetica, times, sans-serif;
	font-weight: lighter;
	font-size:26px;
	text-indent: 118px;
	padding-top: 1px;
	margin-bottom: 1px;
	text-transform: uppercase;
	color: #274EA7
	}
	
#top h2 {font-family:Century Gothic, georgia, helvetica, times, sans-serif;
	font-weight: lighter;
	font-size:16px;
	font-style: italic;
	text-indent: 118px;
	margin-top: 0px;
	margin-bottom: 0px;
	white-space: nowrap;
	padding-bottom: 7px
	}

div#navbar {
    height: 30px;
    margin-left: 116px;
    border-top: solid #000 1px;
    border-bottom: solid #000 1px;
}
div#navbar ul {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 30px;
    white-space: nowrap;
}
div#navbar li {
    list-style-type: none;
    display: inline;
}
div#navbar li a {
    text-decoration: none;
padding-left: 4px;
    padding-right: 3px;
    padding-top: 7px;
    padding-bottom: 5px;
    color: #000;
}
div#navbar li a:active {
    color: #000
}
    
div#navbar li a:hover {
    color: #fff;
    background-color: #264EA6;
}
div#navbar ul a.here {
    color: #fff;
    background-color: #264EA6;
    }


/************************ LEFT SIDE COLUMN 1*****************/
#left {
  float:left;
	margin-top: 15px;
	width:145px;
		padding-top: 10px;
	margin-left: 20px;
	padding-bottom: 20px;
	border-right:1px solid #ccc;
		border-top:1px solid #ccc;
	}
	
#left h1 {
	font-size:15px;
	font-weight: normal;
	padding-top:0px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family:Arial,Helvetica,sans-serif;
color: #BF9060; 
}

#left p {
	font-size:10px;
	padding-bottom:0px;
	padding-top: 0px;
	margin-left: 0px;
	margin-top:-3px !important; /*****  FIREFOX  *****/
	margin-top:-14px;             /***** INTERNET EXLORER *****/
	color:#404040;
}
/************************** MAIN CONTENT IN MIDDLE ******************/

#middle {
float: left;
  width:560px;
	margin-top: 5px;
	margin-bottom: 20px;
	padding-right: 20px;
	line-height:.9em;
}
	
#middle p {
	font-size:10px;
	color:#404040;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 30px;
	padding-top: 0px;
	font-family:helvetica, arial, georgia, times, sans-serif;
}

#middle h1 {
	font-family:Century Gothic, georgia, helvetica, times, sans-serif;
	font-weight:normal;
	font-size:14px;
	text-align: center;
	text-transform:uppercase;
	padding-top:5px;
	padding-bottom: 5px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #E8F2FF;
	margin-bottom: 10px;
	margin-left: 0%;
	padding-left: 10px
}

#middle h2 {
	font-family:"Century Gothic", verdana, arial, times, sans-serif;
	font-size:10px;
	font-weight: lighter;
	font-style: italic;
	text-align: center;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 10px;
}

#middle h3 {
	font-family:"Century Gothic", verdana, arial, times, sans-serif;
	font-weight:normal;
	font-size:12px; 
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;	
	padding-bottom: 10px;
	text-align: left;
	padding-left: 10px;
}

#middle h4 {
	font-family:"Century Gothic", verdana, arial, times, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin-top: 10px;
	margin-bottom:10px;
	margin-left: 0px;
	padding-left: 10px;
}

#middle h5 {
	font-family:"Century Gothic", verdana, arial, times, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin-top: 10px;
	margin-bottom:10px;
	margin-left: 0px;
	padding-left: 10px;
}

#middle h6 {
	font-family:"Century Gothic", verdana, arial, times, sans-serif;
	font-size:10px;
	padding-left: 30px;
	font-style: italic;
	font-weight:normal;
	margin-top: 0px;
	margin-bottom: 0px;

}	

#middle blockquote {
	margin-left: 10px;
	text-align: left;
	font-size:10px;
	color:#404040;
	padding-left: 10px;
}

/********************************************    FOOTER  *****************/
#footer {
	font-size: 10px;
	text-align:center;
	clear:both;
}