@charset "UTF-8";


/* stuff for video & installation pages */

/* 
height of video div is taken from the height of video object - for now. 
when site was designed (march 2010) vimeo video heights were 307px, this may have changed to 300. 
*/

#video {
	float: left;  /* since this element is floated, a width must be given */
	width: 400px; 
/*	height: 307px; */
	border: solid #3a3a3a 1px;
}

#video_580 {
	float: left;  /* since this element is floated, a width must be given, for embeds 580px wide */
	width: 580px; 
/*	height: 307px; */
	border: solid #3a3a3a 1px;
}

#sidebar1 {
	float: right;  /* since this element is floated, a width must be given */
	width: 300px; 
	height: 307px;
	text-align: right;
}

/* for anamorphic videos at vimeo 16:9 standard */
#sidebar_169 {	
	float: right;  /* since this element is floated, a width must be given */
	width: 300px; 
	height: 220px;
	text-align: right;
}
/* for anamorphic videos at vimeo 16:9 standard, 580 px wide, sidebar must be set to 120 */
#sidebar_120 {	
	float: right;  /* since this element is floated, a width must be given */
	width: 120px; 
	height: 326px;
	text-align: right;
}
#videotitle {
	/*	float: right;  since this element is floated, a width must be given */
	width: 300px; 
	height:120px;
	text-align: right;
}
#videotitle_120 {
	/*	float: right;  since this element is floated, a width must be given */
	width: 120px; 
	height:100px;
	text-align: right;
}
.videotitle_text p{
	font-size:14px;
	color:#3a3a3a;
	font-weight:normal;
	line-height:14px;
	text-align:right;
}
.videotitle_text h1{
	font-size:24px;
	color:#3a3a3a;
	font-weight:normal;
	line-height:24px;
	font-family: Tahoma, Geneva, sans-serif;
	text-align:right;
}

.stillimagelink_text p{
	font-size: 13px;
	color:#3a3a3a;
	font-weight:normal;
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
}
#videocaption {
	/*	float: right;  since this element is floated, a width must be given */
	width: 300px; 
	height: 187px;
	text-align:right;
	position:relative;
}
#videocaption_169 {
	/*	float: right;  since this element is floated, a width must be given */
	width: 300px; 
	height: 100px;
	text-align:right;
	position:relative;
}
#videocaption_120 {
	/*	float: right;  since this element is floated, a width must be given */
	width: 120px; 
	height: 226px;
	text-align:right;
	position:relative;
}
#videocaption div {
	position:absolute;
	bottom:0;
	right:0;
}
#videocaption_169 div {
	position:absolute;
	bottom:0;
	right:0;
}
#videocaption_120 div {
	position:absolute;
	bottom:0;
	right:0;
}
.videocaption_text p{
	font-size: 12px;
	color:#3a3a3a;
	font-weight:normal;
	text-align:right;
	vertical-align:bottom;
	font-family:Arial, Helvetica, sans-serif;	
}
.videocaption_text h1{
	font-size:24px;
	color:#3a3a3a;
	font-weight:normal;
	line-height:24px;
	font-family: Tahoma, Geneva, sans-serif;
	text-align:right;
}
#pieceimage {	/* div for still images of piece in lieu of videos */
	float: left;  /* since this element is floated, a width must be given */
	width: 400px; 
	height: 307px;
	border:solid #3a3a3a 1px;
}