/*
Website: richardjthomas.ca
Written by: Richard Thomas
Last updated: May 26th, 2006

All contents © Richard J. Thomas and/or the owner of the site.
www.richardjthomas.ca
-------
*/

/*------------- =general ---------------*/

* {
	padding:0;
	margin:0;
}

html {
	background: url(../images/pat-bg.jpg) repeat center top;
}

img {border: 0;}

p {margin: 0.8em 0;}

/* we're going to set the font-size on the body to 76%. This means that when we set a font to 1em, it will be pretty close to the user's default font size. NO USING PX FOR FONTS - ems or % only please */

body {
	background: url(../images/top-pat-bg.gif) repeat-x center top;
	font-family: "";
	font-size: 76%;
}


/*------------- =layout ---------------*/
#wrapper {
	width: 620px;
	margin: 0px auto;
	background: url(../images/mainBG.jpg)}

#topBanner {
	height: 20px;
}

#header {
	width: 620px;
	height: 80px;
	margin: 0px auto;
	background: url(../images/header.jpg) no-repeat top left;
}

#header h1 {
	text-indent: -9997px;
}

#holder {
	width:580px;
	margin: 0px auto;
}

.mainContent {
	width: 380px;
	float: right;
}

.sidebar {
	float: left;
	width: 190px;
}

#portfolioHolder {
	width: 380px;
	background-color: #5e5e5e;
	padding: 10px 0px;
}

#portfolioHolder .workHolder {
	width: 362px;
	height: 115px;
	margin: 0px auto;
	background: #fff;
	border: 1px solid #bcbec0;
}

#portfolioHolder .workHolder img {
	width: 342px;
	margin: 10px 10px 2px 10px;
}

#portfolioHolder .workHolder .selectWork {
	text-align: right;
	margin-right: 10px;
}

.workContent {
	margin: 15px auto;
	width: 355px;
}

.workDetails {
	float: left;
	width: 105px;
}

.workInfo {
	width: 245px;
	margin: 0px 0px 25px 105px;
	border-left: 1px solid #999;
}

#footer {
	clear: both;
	width: 620px;
	height: 80px;
	margin: 0px auto;
	background: url(../images/footer.png) no-repeat top left;
}

/*------------- =navigation ---------------*/

#navTop {
	width: 190px;
	height: 62px;
	background: url(../images/navTop.gif) no-repeat left top;
}

#navBtm {
	width: 190px;
	height: 62px;
	background: url(../images/navBtm.gif) no-repeat left top;
}

#portNav ul {
	text-align: right;
	list-style: none;
}

#portNav ul li {
	font-size: 1.1em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-top: 1px solid #c6c8ca;
}

#portNav ul li.listBtm {
	border-bottom: 1px solid #c6c8ca;
}

#portNav ul li a {
	display: block;
	width: 174px;
	height: 26px;
	padding: 6px 10px 0px 0px;
	border-right: 6px solid #5a5a5a;
	text-decoration: none;
	background-color: #6a6a6a;
	color: #fff;
}

#portNav ul li a:link { text-decoration: none; color: #fff;}
#portNav ul li a:visited {color: #fff;}
#portNav ul li a:hover {background-color: #eee; border-right: 6px solid #ccc; color: #333;}
#portNav ul li a:active {color: #fff;}

#portNav ul li a.current {background-color: #fff; border-right: 6px solid #fff; color: #333;}

/*------------- =typography ---------------*/

.mainContent h2 {
	margin-top: 25px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #555;
	font-size: 1.5em;
	font-weight: normal;
}

.mainContent h5 {
	margin: 0px 0px 3px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #555;
	font-size: .8em;
	font-weight: normal;
}

.mainContent p {
	margin: 10px auto;
	padding: 0px;
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.7em;
	color: #4a4a4a;
}

.mainContent .workInfo p {
	font-size: .9em;
	text-align: left;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 15px;
	color: #e7f0f6;
}

.mainContent .workInfo .launch {
	text-align: right;
}

acronym {
	cursor: help;
}

#footer p {
	float: right;
	margin: 14px 20px 0px 0px;
	font-size: .8em;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*------------- =links ---------------*/

.mainContent a {color: #496485; text-decoration: none; padding: 1px 2px; font-weight: bold;}
.mainContent a:link {color: #496485; text-decoration: none;}
.mainContent a:visited {color: #496485; text-decoration: none;}
.mainContent a:hover {color: #e7f0f6; background-color: #496485;}
.mainContent a:active {color: #496485; text-decoration: none;}

.mainContent .selectWork a {
	font-size: 1em;
	color: #a7a9ac;
	padding: 0px 2px 0px 4px;
	text-decoration: none;
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.mainContent .selectWork a:link {color: #6a7e8a; text-decoration: none;}
.mainContent .selectWork a:visited {color: #6a7e8a; text-decoration: none;}
.mainContent .selectWork a:hover {color: #F00; background-color: #CCC;}
.mainContent .selectWork a:active {color: #F00; background-color: #CCC;}

.mainContent .workInfo a { text-decoration: none; color: #fff; font-weight: bold;}
.mainContent .workInfo a:link {color: #fff; text-decoration: none;}
.mainContent .workInfo a:visited {color: #fff; text-decoration: none;}
.mainContent .workInfo a:hover { text-decoration: line-through; background-color: #5e5e5e;}
.mainContent .workInfo a:active {color: #fff; text-decoration: none; }

.mainContent .workInfo .launch a { margin-right: 3px; padding: 1px 2px; text-decoration: underline;}
.mainContent .workInfo .launch a:link { color: #e7f0f6; text-decoration: underline;}
.mainContent .workInfo .launch a:visited { color: #e7f0f6; text-decoration: underline;}
.mainContent .workInfo .launch a:hover { background-color: #e7f0f6; color:#5e5e5e; text-decoration: none;}
.mainContent .workInfo .launch a:active { color: #e7f0f6; text-decoration: underline;}

ul.selfInfo li a { color: #496485; text-decoration: none; padding: 1px 2px;}
ul.selfInfo li a:link { color: #496485; text-decoration: none;}
ul.selfInfo li a:visited { color: #496485; text-decoration: none;}
ul.selfInfo li a:hover { background-color: #496485; color: #e7f0f6; }
ul.selfInfo li a:active { color: #496485; text-decoration: none; }

#footer a { text-decoration: none; color:#000; padding: 1px;}
#footer a:link {color:#000;}
#footer a:visited {color:#666;}
#footer a:hover { background-color: #6a6a6a; color: #ccc;}
#footer a:active {color: #000;}

/*------------- =lists ---------------*/
ul.selfInfo {
	margin: 10px 0px 0px 10px;
	list-style: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #777;
	font-size: 1em;
	line-height: 1.7em;
}

.workDetails ul {
	list-style: none;
	font-size: 1em;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	color: #e7f0f6;
}

.listTitle {
	font-size: 1.2em;
	padding-bottom: 5px;
}

/*------------- =forms ---------------*/

/*------------- =tables ---------------*/

/*------------- =ie hackery ---------------*/

* html #portfolioHolder .workHolder img {
	margin: 10px 10px 0px 10px;
}
* html .mainContent h5 {
	margin: 0px 0px 3px 0px;
}

* html .workInfo {
	margin-bottom: 5px;
}