/*Global Styles ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ body {margin: 0; padding: 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #313131; background: #fff; } body, html {min-width: 1030px; } body, html {height: 100.1%;} table { border-collapse: collapse;} p {margin: 20px 0; text-align: left; line-height: 1.5;} img {border: 0 !important;} .clear {clear: both;} .nb {border: 0 !important;} a {color: #fff; text-decoration: none;} /* remove active link outline */ :focus, :active {outline: none;} a:hover {color: #970A00;} .right {float: right; } ul li {list-style: none !important; } /* HOMEPAGE STYLES ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #bodyhome {background: #fff; } #bodyhome #wrapper {background: #fff; } #bodyhome #content {background: #fff; min-height: 200px; } /*MAIN PAGE STYLES ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* navigation */ #nav {width: 100%; overflow: hidden; background: #2b869f; margin:0; padding:.3em 0; } #nav ul { margin: 0 auto; width: 1024px; list-style: none; padding: 0; } #nav ul li {float: right; clear: none; font-size: 12pt; text-align: center; margin: 0 0 0 10px; } #nav ul li a {padding: 10px; display: block; } #nav ul li a:hover, #nav ul li a.on {padding: 10px; Background: #175c69; -moz-border-radius: .6em; -webkit-border-radius: .6em; color: #fff;} #wrapper {width: 1024px; margin: 0 auto 0 auto; text-align: left; min-height:600px; background: url(../img/beaker-sm.png) right bottom no-repeat; } #header {width: 100% ; overflow: hidden; background: #033334; } *:first-child+html #header {min-height: 150px; } * html #header {height: 150px; } #innerhead {width: 1024px; margin: 0 auto 0 auto; } #innerhead #logo {margin: 20px 0 15px 10px; float: left; clear: none; width: 486px; } #logo a img {border: none !important; } #header h1 {width: 19em; float: right; clear: none; margin-right: 10px; margin-top: 55px; font: 1.1em Verdana, Geneva, sans-serif normal; color: #fff; text-align: left; } *:first-child+html #header h1 {margin-top: 35px; } * html #header h1 {margin-top: 35px; } /* CONTENT AREA ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #content {width: 1024px; margin: 20px auto; overflow: hidden; min-height:800px; } #content p {text-align: justify; font-size: 12pt; } #content a {color: #069; } #content a:hover, #content a:active {color: #990; } /*Column 1*/ #col1 {width: 660px; float: left; clear: none; overflow: hidden; margin: 0 } /*Column 2*/ #col2 {width: 320px; float: right; clear: none; overflow: hidden; margin: 20px 0 0 20px; } #col2 p {margin: 10px 0; } /* FOOTER AREA ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #footer {min-height: 200px; background: #003333; } #innerfoot {width: 1024px; margin: 0 auto; overflow: hidden; } #footer ul {margin: 0 auto; width: 600px; list-style: none; padding: 20px 0; text-align: left; float: left; clear: none; } #footer ul li {display: inline; margin: 5px 10px; font-size: 12pt; } #rootDivision {float: right; clear: none; width: 250px; padding: 20px 0; text-align: left; } #rootDivision p {color: #eee; font-size: 8pt; margin: 0px; line-height: 1; } /*CONTACT PAGE ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .bodycontact #content {min-height: 300px; } #thinBox {width: 550px; margin: 20px 0; padding: 20px; border: 1px solid #999; background: #E6F3F0;} #contactForm { padding: 0 20px; background: #FFC; border: 1px solid #069; } #contactForm #name, #contactForm #email {width: 250px; padding: 3px; font-size: 12pt; } #contactForm textarea {width: 450px; height: 200px; padding: 3px; font-size: 12pt; font-family: arial, helvetica, sans-serif; } /* EVENT INFO PAGE ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #infoBox {background: #E6F3F0; border: 2px solid #369; padding: 20px; } #innerBox { background: #FFC; padding: 0 20px; border: 3px solid #269; } /* CURATORIAL STATEMENT PAGE --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .bodystatement #content {min-height: 300px; } /*Twitter Styles*/ .twitterblock {background: #E6F3F0; padding: 10px 20px 10px 20px; border: 1px solid #369; } .twitter {height: 30px; padding: 10px 0 5px 55px; background: url(../img/twitter-sm.jpg) 0 center no-repeat; color: #e7f3f6; margin: 5px 3px; } .twitter h2 {margin: 5px 0; } *:first-child+html .twitter {padding-left: 48px !important; } * html .twitter {padding-left: 48px !important; } #twitter_update_list {border: 4px solid #9b978b; background: #e2ded2; padding: 0 12px; color: #1c373f; margin: 10px 0 9px 0;} #twitter_update_list li {margin: 0; padding: 11px 0; border-bottom: 1px dashed #fdfefe;} #twitter_update_list a {color: #0995be; font-weight: normal;} #twitter_update_list a:hover {color: #097190; border-bottom: 1px solid #097190;} #twitter_update_list span {display: block;} .follow {color: #1c373f; font-weight: bold; } .follow:hover {color: #05789a; border: 0;} .twitter h2 a:hover {color: #7d6c41; border: 0;} /* POP UP DIV STYLES -----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .pop {position: absolute; z-index: 20000 !important; left: 50%; display: none; background: #fff; top: 300px; } #overlay {background: #033334; opacity: .40; position: absolute; top: 0; left: 0; width: 100%; z-index: 1500; display: none; } #overlay:after {content: "."; clear: both; height: 0; visibility: hidden; display: block;} * html #overlay {filter:alpha(opacity=50); z-index: 1;} *:first-child+html #overlay {filter:alpha(opacity=50); z-index: 15000;} .close {width: 22px; height: 22px; float: right; clear: none; margin: 5px ; display: block; background: url(../img/close-button.jpg) 0 0 no-repeat; } * html .close {margin-right: 5px; } .close:hover {background: url(../img/close-button-on.jpg) 0 0 no-repeat; } .pop {width: 600px; margin-left: -300px; background: #E6F3F0; border: 2px solid #369; padding: 20px; } .innerPop {background: #FFC; padding: 5px; border: 3px solid #269;} .innerPop p {margin: 20px; } /*PRESS PAGE PHOTO GALLERY FROM FLICKR -----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .bodypress #content {min-height: 300px;} .bodypress #wrapper {background: #fff; } .bodypress p {margin: 20px 0 0 0 ; } /* BEGIN Flickr GALLERY ELEMENTS */ .gallery { width: 1000px; margin: 0 auto 20px 0 !important; background: #ddd; overflow: hidden; padding-bottom: 20px; } .gallery ul { list-style: none; margin: 0 auto 20px -20px; } .gallery ul li { float: left; clear: none; margin: 3px; } .gallery ul li a {display: block; border: 3px solid #369; width: 75px; height: 75px; } .gallery ul li a:hover, .gallery ul li a:active {border: 3px solid #036; } /* VIRTUAL GALLERY PAGE STYLES -----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .bodygallery #wrapper {background: #fff;} .bodygallery #content {min-height: 200px; } /** html .bodygallery #content {height: 500px;}*/ .bodygallery #virtualGallery {width: 800px; height: 600px; margin: 20px auto; background: url(../img/rd-floorplan2.png) center center no-repeat; border: 1px solid #369; position: relative; } .bodygallery #virtualGallery div a {border: 3px solid #069; display: block; width: 35px; height: 35px; padding: 0px; margin: 0; } .bodygallery #virtualGallery div a:hover, .bodygallery #virtualGallery div a:active {border: 3px solid #C60; } /*Emmanuelle Thumb*/ #t1 {position: absolute; left: 470px; top: 370px; } /*Elizabeth Deters Thumb*/ #t2 {position: absolute; left: 450px; top: 200px; } /*Fernando Velasquez Thumb*/ #t3 {position: absolute; left: 455px; top: 80px; } /*David Sanchez Thumb*/ #t4 {position: absolute; left: 525px; top: 330px; } /*Myriam Thyes Thumb*/ #t5 {position: absolute; left: 330px; top: 325px; } /*Ethan Ham Thumb*/ #t6 {position: absolute; left: 575px; top: 350px; } /*Alan Bigelow Thumb*/ #t7 {position: absolute; left: 410px; top: 80px; } /*Kunsole Thumb*/ #t8 {position: absolute; left: 338px; top: 215px; } /*Conrad Meyers Thumb */ #t9 {position: absolute; left: 508px; top: 108px; } /*Naos Thumb */ #t10 {position: absolute; left: 570px; top: 445px; } /*Video of the Future Thumb */ #t11 {position: absolute; left: 630px; top: 100px; } /*Plumb System Thumb */ #t12 {position: absolute; left: 495px; top: 270px; } /*Grid Thumb */ #t13 {position: absolute; left: 275px; top: 110px; } /* Emmanuelle Keyboard Thumb */ #t14 {position: absolute; left: 275px; top: 155px; } /*Emmanuelle Phone Mailbox ATM Thumb */ #t15 {position: absolute; left: 275px; top: 240px; } /*Vita Fish Predictions Thumb */ #t16 {position: absolute; left: 330px; top: 80px; } /*Understory Thumb */ #t17 {position: absolute; left: 572px; top: 250px; } /* WEB PROJECTS LINK PAGE STYLES (FOR DISPLAY IN THE GALLERY) -----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ body.webprojects {background: #033334 url(../img/algorithmia_dark_bkgd_logo.jpg) center 50px no-repeat; } body.webprojects h1 {margin-bottom: 50px; text-align: left; } body.webprojects #displayList {margin: 150px auto; color: #fff; width: 600px; } body.webprojects ul li {margin: 50px 0 30px -30px !important; font-size: 16pt; text-align: left; } body.webprojects ul li a:hover, body.webprojects ul li a:active {color: #069; }