/* * * EdwardPenfield.com * Master CSS Stylesheet * * Site design by thrive | arts, a discipline of Thrive Mediarts Incorporated * http://thrivearts.com * * rev 20021116 * rev 20061007, upgraded css, added thickbox * rev 20110328, upgraded to html5, css3 * rev 20110526, replaced thickbox with jQuery FancyBox popups * */ /* Elements */ body { color:#000; background:#eec url('bg.jpg') left top repeat fixed; margin:0; padding:0; } h1, h3 { font-family:Georgia, Times, serif; } p { font-size:1.25em; font-family:'OFL Sorts Mill Goudy TT', Georgia, Times, serif; word-wrap:break-word; } img { text-decoration:none; outline:none; border:none; } img.tn { width:153px; border:1px solid #000; } a { text-decoration:none; outline:none; border:none; } a:link, a:visited { color:#900; text-decoration:none; } a:active, a:hover { color:#660; text-decoration:underline; } /* CSS page borders, with no iframes */ #top, #rgt, #btm, #lft, #bar { background:#000; position:fixed; } #lft, #bar, #rgt { top:0; bottom:0; width:8px; } #lft { left:0; } #bar { left:178px } #rgt { right:0; } #top, #btm { left:0; right:0; height:8px; } #top { top:0; } #btm { bottom:0; } /* Layout */ .sidebar a, .footer a { font-family:'Goudy Bookletter 1911', Georgia, Times, serif; } .sidebar{ display:block; position:absolute; top:8px; right:8px; bottom:8px; left:8px; margin:0; padding:12px; width:144px; text-align:center; overflow:hidden; } .sidebar a { display:block; color:#600; font-size:1.125em; line-height:1.2em; } .sidebar a:hover { background-color:#900; color:#eec; text-decoration:none; } .content{ display:block; position:absolute; top:8px; right:8px; bottom:8px; left:186px; margin:0; padding:12px; overflow:auto; } .caption { font:normal 8pt / 1.0em Arial, Helvetica, sans-serif; } .footer { display:block; color:#600; font-size:1.125em; line-height:1.2em; } .footer a { color:#600; } .footer a:before, .footer a:after { content:"\00a0"; } .footer a:hover { background-color:#900; color:#eec; text-decoration:none; } /* Typography */ .hed, h1 { color:#063; font-weight:bold; font-size:2.0em; } .sub, h3 { color: #063; font-weight:normal; font-size:1.5em; } .bib { font-size:10pt; } .nav { font-weight:bold; font-size:10pt; } .cat { color:#f60; } .note { font:normal 8pt / 1.0em Helvetica, Arial, sans-serif; } .note:link { color:#000; text-decoration:none; } .copyright { color:#660; font:normal 8pt / 1.0em Arial, Helvetica, sans-serif; } /* jQuery FancyBox Styles */ #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('fancybox/fancybox.png'); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position:absolute; top:0; left:0; margin:0; padding:0px; z-index:1101; outline:none; display:none; } #fancybox-outer { position:relative; width:100%; height:100%; background:#fff; border:none; } #fancybox-content { width:0; height:0; margin:0; padding:0; outline:none; position:relative; overflow:hidden; z-index:1102; border:1px solid #666; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('fancybox/fancybox.png') -40px 0px; cursor: pointer; z-index: 1103; display: none; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('fancybox/blank.gif'); z-index: 1102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url('fancybox/fancybox.png'); background-position: -40px -30px; } #fancybox-right-ico { background-image: url('fancybox/fancybox.png'); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('fancybox/fancybox-x.png'); } #fancybox-bg-ne { top: -20px; right: -20px; background-image: url('fancybox/fancybox.png'); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('fancybox/fancybox-y.png'); background-position: -20px 0px; } #fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('fancybox/fancybox.png'); background-position: -40px -182px; } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('fancybox/fancybox-x.png'); background-position: 0px -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('fancybox/fancybox.png'); background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('fancybox/fancybox-y.png'); } #fancybox-bg-nw { top: -20px; left: -20px; background-image: url('fancybox/fancybox.png'); background-position: -40px -122px; } #fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url('fancybox/fancy_title_over.png'); display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; background: url('fancybox/fancybox.png') -40px -90px no-repeat; } #fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('fancybox/fancybox-x.png') 0px -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: url('fancybox/fancybox.png') -55px -90px no-repeat; } /* IE6 */ .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); } #fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); } #fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); } /* IE6, IE7, IE8 */ .fancybox-ie .fancybox-bg { background: transparent !important; } .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); } /* ThickBox Settings - deprecated */ #TB_window { font: 12px Helvetica, Arial, sans-serif; color: #333; } #TB_secondLine { font: 10px Helvetica, Arial, sans-serif; color:#666; } #TB_window a:link { color: #666; } #TB_window a:visited { color: #666; } #TB_window a:hover { color: #000; } #TB_window a:active { color: #666; } #TB_window a:focus{ color: #666; } /* thickbox settings */ #TB_overlay { position: absolute; position: fixed; z-index: 100; width: 100%; width: auto !important; min-width: 100%; height: 110%; height: auto !important; min-height: 110%; top: 0px; left: 0px; background-color: #000; filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; } #TB_window { position: absolute; background: #fff; z-index: 102; color: #000; display: none; border-right: 2px solid #88816b; border-bottom: 2px solid #88816b; border-top: 2px solid #cec7b0; border-left: 2px solid #cec7b0; text-align: left; } #TB_window img { display: block; margin: 14px 0 0 14px; border-right: 1px solid #cec7b0; border-bottom: 1px solid #cec7b0; border-top: 1px solid #a49d86; border-left: 1px solid #a49d86; } #TB_caption{ padding: 14px 24px 5px 14px; float: left; } #TB_closeWindow{ height: 20px; padding: 6px 14px 14px 0; float: right; } #TB_closeWindow img { height:20px; width:23px; border:none; margin:0; padding:0; } #TB_closeAjaxWindow{ padding: 5px 10px 7px 0; margin-bottom: 1px; text-align: right; float: right; } #TB_ajaxWindowTitle{ float: left; padding: 7px 0 5px 10px; margin-bottom: 1px; } #TB_title{ background-color: #e8e8e8; height: 27px; } #TB_ajaxContent{ clear: both; padding: 2px 15px 15px 15px; overflow: auto; text-align: left; line-height: 1.4em; } #TB_ajaxContent p{ padding: 5px 0px 5px 0px; } #TB_load{ position: absolute; display: none; height: 100px; width: 100px; z-index: 101; } #TB_HideSelect{ z-index: 99; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; border: none; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } #TB_iframeContent{ clear: both; border: none; margin-bottom: -1px; margin-top: 1px; _margin-bottom: 1px; }