/*** Gy Mirano Style Sheet Created by EJFIIIWebDesign.com ***/ /*** ******************************************************* SITE SHELL STYLES ******************************************************* ***/ #outer_shell {position: absolute; top: 50%; left: 0px; width: 100%; margin-top: -305px; text-align: center; min-height: 650px;} #inner_shell {position: relative; text-align: left; width: 900px; height: 610px; background-color: #ffffff; z-index: 50; margin: 0px auto;} #portrait {position: absolute; left: 0px; top: 0px; z-index: 90; visibility: visible;} #portraitBW {position: absolute; left: 0px; top: 0px; z-index: 95; visibility: visible;} #logo_home {position: absolute; top: 454px; left: 76px; z-index: 100;} a img {border: 0px;} .SocialMedia { position: absolute; top: -20px; right: 1px; width: 140px; text-align: right; white-space:nowrap; } /*** ******************************************************* CONTENT PAGES ******************************************************* ***/ #contentContainer {position: absolute; top: 0px; left: 0px; width: 670px; height: 603px; background-color: #d8d9d6;} #subLogo {position: absolute; top: 28px; left: 478px; outline: none;} #content {position: absolute; top: 152px; left: 21px; width: 623px; height: 425px; background-color: #94989a; font-family: Arial, sans-serif; } #content img {padding: 18px 0 0 18px;} #contentText {position: absolute; top: 18px; left: 295px; width: 315px; height: 390px; background-color: #ffffff; margin-right: 5px; font-family: Arial, sans-serif; font-size: 10px; overflow: hidden;} #resumeText {position: absolute; top: 18px; left: 295px; width: 309px; height: 390px; background-color: #ffffff; margin-right: 5px; font-family: Arial, sans-serif; font-size: 10px; overflow: auto;} .section_box {padding: 5px;} .section_box a {color: #000000; text-decoration: none;} .section_box a:hover {color: #808080; text-decoration: underline;} .section_box tr {height: 27px;} .resume_section_multi_list li {padding: 0px 0px 5px 0px;} #contactText {font-family: Arial, sans-serif; font-size: 12px; color: #ffffff; margin-left: 50px; text-align: left;} #contactText a {color: #ffffff; text-decoration: none;} #contactText a:hover {color: #f39964;} #SocialMedia {width: 110px; text-align: right;margin-top: 10px;} #SocialMedia img {border: 0px; margin: 3px 0 0 35px !important; display: inline; } #associations {position: absolute; top: 430px; left: 21px; font-size: 12px; font-weight: bold;} #associations a {color: #000000; text-decoration: none; padding: 0px 15px 0px 0px;} #associations a:hover {color: #f39964; text-decoration: none;} /*** ******************************************************* VOICE OVER PAGE ******************************************************* ***/ #reelMenu {font-size: 11px; padding: 10px;} #reelMenu h3 {color: #ffffff;} #reelMenu h4 {color: #ffffff;} #reelMenu img {padding: 0px;} #reelScroll {height: 341px; width: 275px; overflow: auto;} #reelMenu a {color: #ffffff; display: block; font-weight: bold; margin: 2px 0; text-decoration: none; outline: none;} .reelLink {width: 236px; height: 65px; background-color: #d8d9d6; padding: 5px 5px 0px 5px; border: 5px solid #ffffff; z-index: 18000;} .reelLink:hover {cursor: pointer;} .reelLink img {border: 1px solid #ffffff; float: left; margin: 0 10px 0 0;} #reelMenu h3 {margin-bottom: -15px;} .reelLink h5 {margin-top: 0px; margin-bottom: 5px; font-size: 12px;} #reelMenu .reelLink a.mp3 {color: #94989A; font-weight: normal; text-align: right;} #reelMenu .reelLink a.mp3:hover {color: #000000; text-decoration: underline;} #reelText h3 {margin-bottom: 2px;} iframe {background-color: #ffffff;} #videoFrame {display: none;} ._top {position: absolute; top: 0px; left: 0px; width: 318px; height: 8px; background-color: #ffffff; z-index: 200;} ._right {position: absolute; top: 8px; left: 0px; width: 8px; height: 209px; background-color: #ffffff; z-index: 200;} ._bottom {position: absolute; top: 217px; left: 0px; width: 318px; height: 8px; background-color: #ffffff; z-index: 200;} ._left {position: absolute; top: 8px; left: 307px; width: 11px; height: 209px; background-color: #ffffff; z-index: 200;} /*** ******************************************************* MENU STYLE ******************************************************* ***/ #sideBar {position: absolute; top: 0px; left: 670px; width: 230px; height: 603px; background-image: url(images/SideBar.jpg); text-align: center;} #sideBar img {margin-top: 15px;} #menu {position: absolute; top: 280px; left: 40px; text-align: left;} #menu a {font-family: "Times New Roman", Helvetica, sans-serif; font-size: 15px; color: #ffffff; text-decoration: none;} #menu a:hover {color: #f39964;} /*** For each link hidden, add 45 pixels to #menu top ***/ #menu ul li {padding: 0px 0px 15px 0px;} #menu ul li a, #menu ul li a:hover {line-height: 25px; vertical-align: super;} #menu ul li.homeLink {list-style-image: url(images/icon_home.png);} #menu ul li.homeLink:hover {list-style-image: url(images/icon_homeOn.png);} #menu ul li.actingLink {list-style-image: url(images/icon_acting.png);} #menu ul li.actingLink:hover {list-style-image: url(images/icon_actingOn.png);} #menu ul li.voiceOverLink {list-style-image: url(images/icon_voiceOver2.png);} #menu ul li.voiceOverLink:hover {list-style-image: url(images/icon_voiceOver2On.png);} #menu ul li.galleryLink {list-style-image: url(images/icon_gallery2.png);} #menu ul li.galleryLink:hover {list-style-image: url(images/icon_gallery2On.png);} #menu ul li.resumeLink {list-style-image: url(images/icon_resume.png);} #menu ul li.resumeLink:hover {list-style-image: url(images/icon_resumeOn.png);} #menu ul li.interestsLink {list-style-image: url(images/icon_interests.png);} #menu ul li.interestsLink:hover {list-style-image: url(images/icon_interestsOn.png);} #menu ul li.contactLink {list-style-image: url(images/icon_contact.png);} #menu ul li.contactLink:hover {list-style-image: url(images/icon_contactOn.png);} /*** ******************************************************* AUTHOR LINK ******************************************************* ***/ #authorLink {position: absolute; top: 605px; left: 0px; width: 890px; text-align: right; color: #999999; font-family: Tahoma; font-size: 9px; font-weight: normal;} #authorLink a, #authorLink a:visited {text-decoration: none; color: #999999;}