body { background: #F0EBE2; color: #363636; font-family: "DejaVu Sans", Arial, Verdana, sans-serif; } h4 { padding: 0; margin: 0; font-size: 14px; } a img { border: 0px; } .authorLink { color: #393939; } .authorLink:visited { color: #393939; } .authorLink:hover { color: #000000; } .padmaWrapper { width: 100%; position: relative; margin-top: 5px; margin-bottom: 5px; /* margin-left: 10%; */ border: 1px solid #333; background: #000; padding: 4px; } #leftBar { width: 250px; height: 100%; background: #ccc; float: left; } #leftBar a { color: #333 !important; font-style: normal !important; } #essayWrapper { float: left; } #essayAbstract { font-style: italic; } .para { padding: 8px; border-left: 1px solid #000; } h1 { font-size: 220%; font-family: "Times New Roman", Times, serif; margin-top: 0; padding-top: 0; margin-bottom: 0; padding-bottom: 0; margin-left: 8px; } h4 { margin-top: 0; padding-top: 0; margin-left: 8px; margin-bottom: 0; } h3 { margin-bottom: 4px; padding-bottom: 0; font-family: "DejaVu Sans", Arial, Verdana, sans-serif; } p { margin-top: 0; } #essay, #essayAbstract, #authorBio { margin-left: 8px; padding-bottom: 0px; } #authorBio p { margin: 0; } #authorBio { margin-top: 48px; margin-bottom: 96px; } #loading { position: fixed; right: 0px; bottom: 40%; top: 40%; width: 320px; height: 20%; font-size: 24px; font-weight: bold; color: #fff; background: #898989; opacity: 0; z-index: 1000; } #padmaSidebar { width: 360px; height: 100%; margin-right: 10px; position: fixed; top: 0px; right: 0px; background-color: rgb(187,187,87); background-color: rgba(187,187,87,1); bottom: 0px; } #aboutTxt { color: #363636; padding: 15px; height: 90%; margin-top: 10%; overflow-y: scroll; } #padmaSidebarRelative { position: relative; } .padmaVideo { } .annotationText { color: #363636; margin-top: 8px; margin-bottom: 8px; font-size: 13px; height: 300px; overflow-y: auto; width: 90%; margin-left: auto; margin-right: auto; /* padding: 8px; margin-right: 2px; */ } .padmaContributor { font-style: italic; font-size: 9px; } .padmaViewer { position: relative; width: 360px; height: 100%; padding: 6px; color: #fff; } .padmaViewer video { width: 360px; margin-top: 10px; margin-left: -6px; } .padmaLink { text-decoration: underline; font-style: italic; font-size: 90%; color: #363636; } .nowPlaying { background: #ffff00; } .padmaLink:hover { color: red; } .padmaViewer .close { position: absolute; top: 2px; left: 2px; width: 15px; height: 15px; font-size: 12px; color: #f00; cursor: pointer; } .padmaTrack { color: #fff; font-style: italic; } .padmaButtons { width: 108px; margin-left: auto; margin-right: auto; } .padmaButtons a { margin-right: 10px; padding: 2px; width: 20px; border: 1px solid #000; background: #363636; color: #fff !important; text-decoration: none !important; text-align: center; display: block; float: left; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -o-border-radius: 20px; } .padmaButtons a:hover { background: #fff; color: #363636 !important; } /* .viewOnPadma { margin-top: 6px; width: 100%; text-align: center; } .viewOnPadma a { color: #666; text-decoration: none; font-weight: bold; border: 2px outset #666; padding: 2px; } .viewOnPadma a:hover { color: #fff; } .viewOnPadma a:active { border: 2px inset #666; } */