/* CSS Document */

/* BASIC FOR ALL PAGES */

/* 	#ff1800 poppy red
	#e3007b fuschia
	#636363 dark grey
	#d7d7d7 light grey
	#e6e100 yellow
	#f7ec1e lighter yellow
*/

body{	
	background-color: #ffffff; 
	background-image: url(images/widestripe.jpg);
	background-attachment: fixed;
	/*background-image: url(images/blackstripe.jpg);*/
	font: 9px verdana, arial, sans-serif;
	color: #636363;
	margin: 0;
	padding: 0;
	border: none;
	/*background-image: url(../NEW/images/yellowstripe.jpg);*/
}
a:link{text-decoration: none; color: #636363;}
a:visited{text-decoration: none; color: #636363;}
a:hover{text-decoration: none; color: #e3007b;} fuschia
/*a:hover{text-decoration: none; color: #ff6633;} /*orange*/
img{border: none; padding: 0; margin: 0;}
ul{padding: 0; margin: 0;}
li{list-style-type: none; padding: 0; margin: 0;}

#canvas{
	padding: 0px;
	/*background-color: #ffffff;*/
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	border: none;
	padding: 20px 20px 20px 20px;
	/*padding: 0 50px 0 50px;*/
	/*border: 1px solid black;*/
	width: 1024px;
	min-height: 600px;

}

#nav{
	margin: 0;
	padding: 0px 0 0 0;
	/*background-color: #ffffff;*/
	position: fixed;
	width: 160px;
	height: 560px;
	/*border: 1px solid black;*/
}
#nav img{border: none; padding: 0 0 4px 0; margin:0;}
#nav ul{
}
#nav li{
}
#nav a{
}

#worknav{
	margin: 20px 0 0px 0;
	padding: 0px 0 0 0;
	line-height: 1.5em;
	/*background-color: #ffffff;*/
	/*border: 1px solid blue;*/
}
#worknav ul{ 
	/*border: 1px solid red;*/
	margin:0 0 0 0;
	padding: 0 0 10px 0;
	/*background: #d7d7d7;*/
	/*border: 1px solid #ff1800;*/
}
#worknav li{
	padding:0 0 0 0;
	/*border: 1px solid red;*/
}

#worknav ul.currentcat{
	/*background: #e6e100;*/
	background: #f7ec1e;
}
#worknav li.navcat{
	font-weight: bold;
	color: #636363;
}
#worknav li.current{
	/*color: #e3007b; fuschia/red*/
	color: #e3007b;
	}

#content{
	margin: 0 0 0 224px;
	padding: 0 0 0 0;
	/*background-color: #ffffff;*/
	width: 800px;
	color: #e3007b;
	/*border: 1px solid black;*/
}

#content img{ padding: 10px 0 0px 0;}
	.i {font-style: italic;}
	.b {font-weight: bold;}

#copyright{
	margin: 550px 0 0 0;
	padding: 0 0 0 0;
	line-height: 1.5em;
	width: 160px;
	/*border: 1px solid black;*/
	position: fixed;
}
#copyright p{
	margin:0 0 0 0; 
	padding:0 0 2px 0; 
	background-color: #d7d7d7;
}

/***Index page***/
#indexgreeting{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #e62b86;
	font-weight: bold;
	/*background: #e6e100;*/
	/*border: 1px solid black;*/
}
#indexgreeting img{ padding: 0px 0 10px 0;}

/***Portfolio pages***/
.description{
	width: 450px;
	padding: 0 0 0 0;
	font-size: 11px;
	color: #636363;
}
.link{ font-size: 9px;}
h3{
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
	/*color: #e3007b;*/
	color: #e3007b;
}
.materials{
	font-size: 9px;
	text-align: right;
}
.title{font-weight: bold; color: #000000;}
.date{font-style: italic; color: #000000;}

/***RESUME***/
table{
	border: none;
	margin:0;
	padding: 0;
}
table h2{
	font-size: 9px;
	margin: 0 0 0 0;
	padding:0;
	color: #000000;
}
table.title{
	/*font-weight: bold;*/
	color: #000000;
}
table.date{
	font-style: italic;
	color: #000000;
}
.resumeinfo{
	width: 220px;
	vertical-align: top;
	line-height: 1.5em;
	
}
.resumecontent{
	width: 400px;
	padding: 0 0 0 40px;
	line-height: 1.5em;
}

/***CONTACT***/

#contact p{/*margin: 0px 0 0 220px;*/
	/*position: fixed;*/
	width: 200px;
	color: #e3007b;
}
#contact img{position: /*absolute;*/ left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}