/**
 * TillotsonDesign.com 
 * Project category & details stylesheet
 * 
 * @version 1.0
 * @author Grace Pok (www.gracepok.com)
 * 
 */


h3 {
	color: #666;
}
h4 {
	margin: 0;
	font-size: 1.2em;
}

/*-------------------
 * Projects AND Category Selection page
 *------------------- */
/*
#col_projcat {
	list-style: none;
	margin: 0; padding: 0;
	line-height: 2;
}
#col_projcat li a {
	display: block;
}

#col_projcat li a.current{
	background-color:#eee;
}

#div_projthumbs.blank {
	background-color: transparent;
}
*/


#div_projthumbs {
	width: 677px;
	/*
height: 133px;
*/
	
	/* following two needed so that white space in HTML 
	 * doesn't take up any room between thumbnails */
	font-size: 0; 
	white-space: nowrap;
}

#div_projthumbs  a {
	display: block;
	float: left;
	width: 135px; height: 135px;
	
}
#div_projthumbs  a.last {
	width: 133px;
}
#div_projthumbs img {
	width: 133px;  height: 133px;
	border: 0;
}
#div_projtitles {
	clear: both;	

	margin-top: 15px;
}
#div_projtitles a.hover {  /* fake hovering over text when image is hovered over */
	color: black;
	font-weight: bold;
}


/*-------------------
 * Project DETAIL
 *------------------- */

#col_projdata {
	float: left;  width: 200px;
}
#col_projimages{
	float: left;  
	width: 477px;
}

#col_projdata #row_projdata {
	/*height: 350px;  /* little less than big img */
}
#row_projdata {
	margin-right: 4px;
}
#row_projdata h4 {
	margin: 0;
	color: #666; /* same as profile section header color */
	font-size: 1.1em;
}
#row_projdata .facts {
	line-height: 1.5;
}
#row_projdata .facts p {
	margin:0;
}
#row_projdata .descrip {
	font-size: 0.85em;
}
#row_projdata .awardname span {
	/*
	 * padding-right: 16px;
	background: url('../graphics/icon_medal.jpg') no-repeat center right;

	
padding-left: 18px;
	background: url('../graphics/icon_medal.jpg') no-repeat top left;
*/
}
#row_projnav span {
	margin-left: 1px;
	color: #969696;
}
#row_projnav a.blankarrow {
	cursor: default;
}

#mainimg {
/*	width: 467px;*/
	height: 350px;
}
#thumbnails, #mainimg {margin-left: 8px;

}
#thumbnails { margin-top: 4px; }
#thumbnails div.emptythumb{	/* grey box to take up space */
	width:80px;
	height:60px;
	background-color: #dedede;
	margin-right: 2px;
	float: left;

	display: none; /*as of 1/13/2009 */
}
#thumbnails a {
	cursor: pointer;
}
#thumbnails img {
/*	width: 76px; */
	height: 57px;
	border: 0px;
	margin-right: 2px;
}