/* CSS Document */
/*
	Jason Kyler Ayim
	author: Kyler Ayim
	Created: June.9/06
	
	referenced materials:
	Kat @ www.ump.ca


//for use when the website spans more than one year
<?php

$year = date('Y');

echo '&copy; copyright 2004 - '. $year .' | Jason Kyler Ayim';
?>

*/

/* for most content */
.content {
	padding-left: 10%;
	padding-right: 10%;
	width: 80%;
}
.content p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	line-height: normal;
}
.content p.footnote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-style: italic;
	color: #000000;
	line-height: normal;
}
.content h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 135%;
	color: #0000FF;
	line-height: normal;
	margin-bottom: -5px;
}
.content img {
	float: right;
	padding: 5px;
}
.content a:link {
	color: #0000FF;
}
.content a:visited {
	color: #00CC00;
}
.content a:hover {
	color: #FF00FF;
}
/* for unordered lists, changes the bullet to a blue diamond */
.content ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: normal;
	list-style: none;
}
.content li {
	background: url(images/bullet_blue.gif) 0px 5px no-repeat;
	padding-left: 15px;
}
/* ******************************************************** */


/* used when a slightly smaller text is needed (forms, tables) */
.smaller {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	line-height: normal;
}
.smaller a:link {
	color: #0000FF;
}
.smaller a:visited {
	color: #00CC00;
}
.smaller a:hover {
	color: #FF00FF;
}
/* ******************************************************** */


/* for the contact forms */
.form {
	padding-left: 10%;
	padding-right: 10%;
	width: 80%;
}
.form p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	line-height: normal;
}
/* ******************************************************** */


/* the description of a link on the Links page; just like .smaller but with a left padding */
.linkDescrip {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	line-height: normal;
	padding-left: 5px;
}

/* two ways of making something bolder */
.bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #0000FF;
	line-height: normal;
}
.boldHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 115%;
	font-weight: bold;
	color: #0000FF;
	line-height: normal;
}
/* ******************************************************** */


/* for displaying a price */
.dollars {
	font-family: Verdana, Arial, Helvetica, sans-serif
	font-size: 115%;
	font-weight: 500;
	color: #0000FF;
	line-height: normal;
}
.cents {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #0000FF;
	line-height: normal;
	text-decoration: underline;
	padding-left: 2px;
}
/* ******************************************************** */


/* the bread crumbs navigation text and links */
.youarehere {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	padding-left: 10px;
}
.youarehere a:link {
	color: #0000FF;
}
.youarehere a:visited {
	color: #0000FF;
}
.youarehere a:active {
	color: #FF00FF;
}
.youarehere a:hover {
	color: #FF00FF;
}
/* ******************************************************** */


/* the navigation in the pale yellow bar on the right */
.subnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 135%;
	color: #000000;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
}
.subnavHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: normal;
	color: #000000;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	width: 100%;
	text-align: center;
}
.subnav a:link {
	color: #0000FF;
	text-decoration: none;
	display: block;
	width: 100%;
}
.subnav a:visited {
	color: #0000FF;
	text-decoration: none;
	display: block;
	width: 100%;
}
.subnav a:active {
	color: #FF00FF;
	display: block;
	width: 100%;
}
.subnav a:hover {
	color: #FFFFFF;
	display: block;
	background: #0000FF;
}
/* ******************************************************** */


/* Simple classes for dynamically showing/hiding contact */
.DisplayNone {
	display: none;
}
.DisplayBlock {
	display: block;
}
/* ******************************************************** */


/* On the Porfolio pages, in the pale yellow bar */
.showcase {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	padding-left: 5px;
	padding-right: 5px;
	line-height: normal;
}
.showcase a:link {
	color: #0000FF;
}
.showcase a:visited {
	color: #0000FF;
}
.showcase a:hover {
	color: #FF00FF;
}
/* ******************************************************** */


/* small footer text at the bottom of pages */
.footerText {
	font-family: Verdana, sans-serif;
	font-size: 70%;
	color: #000000;
	padding-top: 3px;
	padding-bottom: 3px;
}
.footerText a:link {
	color: #0000FF;
}
.footerText a:visited {
	color: #00CC00;
}
.footerText a:hover {
	color: #FF00FF;
}
/* ******************************************************** */