/* CSS Document */

#wrapper {
	padding-left: 2px;
	text-align:right;
	width:591px;
	margin: 0px 0px 0px 124px;
}

#tdsidebar {
	background-color: #FF7F00;
}

/*colored bar to the left, holds intro text.*/
#sidebar {
	margin: 27px;
	width: 192px;
	text-align:justify;
	color: #300;
}

#sidebar p {
	line-height:1.5em;
	margin-top:0px;
}

.whitetitle {
	color: #fff;
	font-size: 15px;
	font-weight: bold;
}

/* this td holds all the divs with thumbnails*/	
#tdlisttn {
	padding-top: 11px;}

/*this div holds the tndescription plus tn, and is the actual link*/	
.BGgrey {
	padding-left: 15px;
	padding-right: 33px; 
}	/*total width is 15+33+298= 346*/
	

	
/*this div holds a thumbnail and its description*/
.tndescription {
	border-top: 1px dotted;
	padding-top: 15px;
	padding-bottom: 3px;
	width: 298px;
	background: transparent;}
	


/*this div holds only the description (text) of the thumbnail*/
.workdescription {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 6px;
	background: transparent;
	text-align:justify;
	}
	
.workdescription p {
	margin-top:0px;
}

.workdescription a {
	color:#DB5F05;
	font-weight: bold;
	text-decoration:none;
}

.workdescription a:hover {
	text-decoration:underline;
}

.workdescription-more a {
	color:#DB5F05;
	font-weight: bold;
	text-decoration:none;
	float: right;
	margin-right: 33px;
}

.workdescription-back a {
	color:#DB5F05;
	font-weight: bold;
	text-decoration:none;
	float: left;
	padding-left: 15px;
}

.workdescription-more a:hover, .workdescription-back a:hover {
	text-decoration:underline;
}

a.on-the-boards, a.on-the-boards:visited {
	color:white;
	font-weight: bold;
}

.thumbnail {border: 0px;}


.blacktitle {
	color: #000;
	font-size: 13px;
	font-weight: bold;}
	
.morebutton {
	color:#DB5F05;
	font-weight: bold;}
	
#workOTBimage {
	border:none;
	margin-bottom:15px;
}
#workOTBlink {
	position:relative;
	left:-27px;
}

#sidebar {
	_margin-right:-27px;
}

#tdsidebar {
	overflow:hidden;
}