/* pp.css
 * Cascading Style Sheet for
 * TC 310 Professional Portfolio
 * http://www.jbarker.com/school/courses/tc310/pp/
 *
 * Author: Jay Barker
 * Date:   July 2008
 */

/* General Properties */

body {
	margin: 5px;
	border: 0;
	padding: 0;
	width: auto;

	background-color: #330099;
	color: #000000;

	font-size: 83%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

img {
	border: 0;
}


a {
	background-color: transparent;
	color: inherit;

	font-weight: normal;
}
a:link { color: #F8F8F8; }
a:visited { color: #F8F8F8; }
a:active { color: #CC0000; }
a:hover { color: #CC0000; }


div#title {
	margin: 0 0 0px 0;
	border: 1px solid #000000;
	padding: 8px;
	width: 582px;

	background-color: #DDDDDD;
	color: #000000;

	font-size: 110%;
	font-weight: bold;
}

div#title h1 {
	margin: 0;

	font-size: 130%;
	font-weight: bold;
}



div#nav {
	position: absolute;
	left: 5px;

	margin: 0 0px 0 0;
	padding: 0;
	width: 148px;

	background-color: transparent;
	color: #000000;

	font-size: 100%;
}


div#nav ul {
	list-style: none;

	margin: 0;
	padding: 0;

	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
}

div#nav li {
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	padding: 0;
	line-height: 200%;
	letter-spacing: 1px;
	font-weight: bold; 
}


div#nav li a {
	display: block;
	background-color: #FFFFFF;
	color: #330033;
	text-decoration: none;
	padding: 0 0 0 10px;
	width: 138px;
}

div#nav li a:link:hover {
	color: #1111AA;
	background-color: #EEEEBB;
	text-decoration: none;
}

div#nav li.current {
	display: block;
	text-decoration: none;
	padding: 0 0 0 10px;
	width: 138px;

	color: #1111AA;
	background-color: #EEEEBB;
}


div#nav p {
	color: #FFFFFF;
	background: transparent;
	margin: 1em;
	font-size: 80%;
}





/* ID: main */

div#main {
	padding: 5px;
	border: 1px solid #000000;
	margin: 0 0 0 150px;
	width: 438px;

	background-color: #F8F8F8;
	color: #000000;
}

div#main h3 {
	margin-bottom: -1em;

	background-color: transparent;
	color: #666666;

	font-size: 133%;
	font-weight: bold;
}

div#main p {
/* text-indent: 1.5em; */
}


div#main a {
	background-color: transparent;
	color: inherit;

	font-weight: normal;

	text-decoration: none;
}

div#main a:link { color: #000099; border-bottom: 1px dashed #000099;}
div#main a:visited { color: #555555; border-bottom: 1px dashed #555555; }
div#main a:active { color: #CC0000; border-bottom: 1px dashed #CC0000; }
div#main a:hover { color: #CC0000; border-bottom: 1px dashed #CC0000; }



/* ID: side */

div#side {
	position: absolute;
	/*margin: 0 0 0 451px;*/
	margin: 0;
	padding: 0;
	left: 606px;
	top: 35px;

	text-align: right;

	background-color: transparent;
	color: #FFFFFF;
}



/* ID: bottom */

div#bottom {
	margin: 0 0 0 150px;
	padding: 0;
	width: auto;
}

div#images {
	border: 1px solid #000000;

	background-color: #FFFFFF;
	color: #000000;

	text-align: center;
	white-space: nowrap;
}

div#images img {
	padding: 15px;
}

div#footer p {
	margin: 4px 0 0 0;

	background-color: transparent;
	color: #FFFFFF;

	font-size: 80%;
	text-align: right;
}


/* End */