.space {position: relative; display: block; clear: both; height: 10px; } .headline {font-size:large; font-weight: bold; } td,tr,table,textarea, input,form {font-family: "Lucida Grande",Helvetica,sans; font-size: x-small; } #content_strip_productions {background-image:url(/db_img/23upload.gif); height: 495px; width: 100%; } p {margin: 0px; } #menu_container {position: absolute; bottom: 510px; left: 0px; width: 880px; color: #ffffff; padding: 0px; text-align: left; cursor: pointer; cursor: hand; color: #666666; alpha(opacity=40); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); -moz-opacity:0.4; opacity:0.4; } a,a:link,a:visited,a:active,a:hover {font-weight: bold; text-decoration: underline; color: #FFFFFF; } a:hover, a.menu_link_current, a.menu_link_current:visited, a.menu_link_current:active, a.menu_link_current:link, a.menu_link:hover, a.menu_link_current:hover {color: #ffffff; background-color: #000000; } #footer_container {position: absolute; top: 510px; left: 0px; width: 870px; text-align: left; color: #999999; padding: 5px; background-color: transparent; } #proj_links {display: block; position: absolute; left: 0px; bottom: 0px; text-align: left; width: 180px; } .proj_label {display: block; width: 180px; cursor: pointer; cursor: hand; background-color: #000000; color: #ffffff; } .proj_details {background-color: #FFFFFF; color: #000000; font-size: x-small; padding: 0 0 5 0px; widht: 180px; } .proj_blurb {padding: 1 5 1 5px; color: #000000; } .proj_title, .proj_text_link {font-size: small; } .proj_subtitle {font-style: italic; } .proj_label_over {display: block; width: 180px; background-color: #FFFFFF; color: #000000; cursor: pointer; cursor: hand; } .proj_link,.proj_link_current {margin: 2 0 0 0px; } a:hover.blurb_link {background-color: #000000; color: #ffffff; } #episode_links {display: block; position: absolute; right: 0px; bottom: 0px; text-align: left; width: 180px; } .proj_text_container {position: absolute; top: 40px; left: 100px; width: 670px; height: 405px; background-color: #000000; background-color: transparent; color: #FFFFFF; padding: 10px; overflow: auto; text-align: left; display: none; } .proj_text_links_container {position: absolute; bottom: 0px; width: 400px; left: 240px; } .proj_text_link_btn {margin: 0 5 0 5px; padding: 5 5 0 5px; background-color: #000000; color: #FFFFFF; text-align: center; cursor: pointer; cursor: hand; } .proj_text_link_btn_over {margin: 0 5 0 5px; padding: 3px; background-color: #000000; color: #FFFFFF; text-align: center; cursor: pointer; cursor: hand; } #back_btn_container {position: absolute; bottom: 0px; right: 0px; display: none; } .back_btn, .back_btn_over {background-color: #000000; color: #ffffff; padding: 5px; font-size: small; cursor: pointer; cursor: hand; } .back_btn_over {background-color: #FFFFFF; color: #000000; padding: 5px; } #clip_player_container {position: absolute; top: 0px; left: 0px; width: 880px; height: 495px; background-color: #transparent; color: #FFFFFF; display: none; } #clip_player {background-color: #000000; } a.menu_link, a.menu_link_current,.menu_link,.menu_link_current {color: #888888; text-transform: uppercase; background-color: transparent; text-decoration: none; } a.play_link,a.play_link:link,a.play_link:visited,a.play_link:active,a.play_link:hover {padding: 0 0 0 11px; background-image:url(/db_img/24upload.gif); background-repeat: no-repeat; background-position: left; color: #000000; } .gap {clear: both; height: 2px; } #zone_container {position: absolute; bottom: 530px; left: 0px; width: 880px; text-align: left; color: #ffffff; padding: 0px; text-align: left; cursor: pointer; cursor: hand; font-size: large; color: #666666; alpha(opacity=40); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); -moz-opacity:0.4; opacity:0.4; } #content_strip_all {background-image:url(); height: 495px; width: 100%; } .highlight {font-weight: bold; letter-spacing: 1px; } a.play_link:hover {color: #FFFFFF; background-color: #000000; } .proj_label_padding {padding: 3 5 3 5px; } #thumbnails_container {position: absolute; top: 50px; left: 0px; height: 395px; width: 880px; overflow: auto; color: #000000 } .thumbnail_container, .thumbnail_container_over {padding:3px; border-width: 3px; border-color: transparent; border-style:solid; cursor: pointer; cursor: hand; } .thumbnail_container_over {border-color: #999999; } #image_viewer_container {position: absolute; top: 0px; left: 0px; width: 880px; height: 495px; overflow: hidden; background-position: center; background-repeat: no-repeat; display: none; } #image_caption_container {position: absolute; top: 510px; left: 0px; width: 880px; text-align: center; color: #000000; } #image_next_container {position: absolute; right: -20px; top: 150px; height: 195px; width: 50px; display: none; cursor: pointer; cursor: hand; background-repeat: no-repeat; background-position: right; } .image_next {background-image:url(/db_img/72upload.gif); } #image_prev_container {position: absolute; left: -20px; top: 150px; height: 195px; width: 50px; display: none; cursor: pointer; cursor: hand; background-repeat: no-repeat; background-position: left; } .image_next_over {background-image:url(/db_img/71upload.gif); } .image_prev {background-image:url(/db_img/74upload.gif); } .image_prev_over {background-image:url(/db_img/73upload.gif); } .home_productions, .home_productions_over {position: absolute; top: 60px; right: 0px; cursor: pointer; cursor: hand; background-image:url(/db_img/82upload.gif); background-position: right; background-repeat: no-repeat; width: 440px; height: 30px; } #content_strip_photography {background-image:url(); height: 495px; width: 100%; border-width: 1 0 1 0px; border-color: #CCCCCC; border-style: solid; } #home_left {position: relative; height: 495px; width: 440px; background-color: #000000; } .home_productions_over {background-image:url(/db_img/83upload.gif); } .home_photography, .home_photography_over {position: absolute; top: 60px; left: 0px; cursor: pointer; cursor: hand; background-image:url(/db_img/80upload.gif); width: 440px; height: 30px; } .home_photography_over {background-image:url(/db_img/81upload.gif); } #home_right {position: relative; height: 495px; width: 440px; color: #000000; } .crosshead {text-transform: uppercase; letter-spacing: 2px; font-size: xx-small; font-weight: bold; border-style: dotted; border-width: 0 0 1 0px; border-color: #ffffff; } .quote {font-size: small; letter-spacing: 1px; line-height: 1.2; color: #FFFFFF; font-style: italic; } .attribution {color: #999999; } /*#containall{width:994px;}*/ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;overflow:hidden;} #lightbox image{ width: auto; height: auto;} #lightbox a image{ border: none; } #outerImageContainer{ position: relative; background-color:#fff;width: 250px; height: 280px; margin:0 auto; } /*#imageContainer{ padding:16px 0;background:#fff;}*/ #imageContainer{ padding:30 10 10 10px;background:#fff;} #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;} #hoverNav a{outline: none; cursor: pointer; cursor:hand;} #imageContainer>#hoverNav{ left: 0;} #prevLink, #nextLink{ width: 49%; height: 100%; /*background-image:url(data:image/gif;base64,AAAA);*//* Trick IE into showing hover */ display: block; } #prevLink {position: absolute; top: 15px; left: 10px; text-align: left; background-color: transparent;} #nextLink {position: absolute; top: 15px; right: 10px; text-align: right; background-color: transparent;} #imageDataContainer{background-color: white; margin: 0 auto; line-height: 2.4em; overflow: auto; width: 100% ; } #imageData{ padding:20 10px 0 0; color: #000;margin:0;} #imageData #imageDetails{ width: 100%; display: block; text-align: left;margin-left:10px; padding:0;} #imageData #caption{ font-family: 'Lucida Grande',Helevtica,sans-serif; font-size: x-small; font-weight: bold; line-height: 1; } #imageData #numberDisplay{ display: block; padding: 0px; margin: 4 0 0 0px; font-family: 'Lucida Grande',Helevtica,sans-serif; font-size: x-small; line-height: 1; } #hoverNav #prevLink, #hoverNav #nextLink { font-family: 'Lucida Grande',Helvetica,sans-serif; font-size: x-small; font-weight: normal; text-align: left; color: #999999; text-decoration: none; cursor: pointer; cursor: hand; } #hoverNav #nextLink { text-align: right; } #imageData #bottomNavClose { display: block; padding: 0 0 0 0px; margin: 0 10 0 10px; text-align:left; height:100%; font-family: 'Lucida Grande',Helvetica,sans-serif; font-size: x-small; font-weight: normal; } #imageData #bottomNavClose a { color: #999999; text-decoration: none; cursor: pointer; cursor: hand; } #hoverNav, #imageData #bottomNavClose a,#prevLink a, #nextLink a { color: #999999; cursor: pointer; cursor: hand; text-decoration: none; } #hoverNav, #imageData #bottomNavClose a:hover, #prevLink a:hover, #nextLink a:hover { color: #000000; } #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color:#000; }/*overlay color*/