/** default.css :: Default stylesheet for use with Cursed Sight Dev: Phil M. Updated: 06/09/2005 */ /************ Common Styles **************/ body { background: url(../images/bg-body.jpg) top left no-repeat; background-color: #A57D71; margin: 0 0; padding: 0 0; font: 80% BakerSignet BT, Garamond, Verdana, Helvetica, Arial, sans-serif; } body.enter { background: none; background-color: #3D1E00;} a:link, a:visited, a:hover, a:active {color: #A3A3A3;} img { border: none; } a.ext { text-decoration: underline; color: #000; padding-right: 15px; background: url(../images/new-window.gif) no-repeat right; } /*********** Layout Components ************/ #wrapper { width: 1000px; } #header { width: 800px; } #header h1.title {display: none; } #header img.logo {float: right; margin-right: 40px; display: inline;} #navigation { width: 350px; padding: 0 0; float: left; display: inline;} #menu { list-style-type: none; padding: 0 0; margin: 0 0; } #menu #slot1 span,#slot2 span,#slot3 span,#slot4 span,#slot5 span, #slot6 span, #slot7 span { display: none; } #menu #slot1 { margin-left: 20px; margin-top: 17px; } #menu #slot2 { margin-left: 40px; margin-top: 20px; } #menu #slot3 { margin-left: 20px; margin-top: 0px; } #menu #slot4 { margin-left: 0px; margin-top: 35px; } #menu #slot5 { margin-left: 35px; margin-top: 10px; } #menu #slot6 { margin-left: 5px; margin-top: 10px; } #menu #slot7 { margin-left: 20px; margin-top: 5px; } #content {float: right; width: 640px; } #content #copy-area h2 { color: #000; font-size: 1.6em; padding: 0; font-weight: bold; border-bottom: 1px solid #000; margin: 5px 10px 10px 0; padding: 0 0 0 15px;} #content #copy-area { width: 640px; color: #000; font-weight: normal; color: #000; width: 650px; background: url(../images/tback.png); } html > body #content #copy-area { background: url(../images/tback.png); height: auto;} #content #copy-area .thumb-slot { margin: 0px 0px; } #content #copy-area .gallery-cont { font-size: 1em; padding: 0 15px 0 15px; } #content #copy-area .gallery { margin-left: auto; margin-right: auto; width: 510px; } #content #copy-area .gallery p { font-size: 1em; margin: 0 0 15px 0;} #content #copy-area .gallery-cont .gallery a.thumb { z-index: 24; position: relative; text-decoration: none; display: block; width: 247px; float: left; margin: 0 15px 15px 0; display: inline; } #content #copy-area .gallery-cont .gallery a.thumb-r { margin-right: 0px; } #content #copy-area .gallery-cont .gallery a.thumb img { border: none; margin: 0; padding: 0; width: 247px; height: 55px; } #content #copy-area .gallery-cont .gallery a.thumb:hover {z-index: 25;} #content #copy-area .gallery-cont .gallery a.thumb span.tip { display: none; position: absolute;} #content #copy-area .gallery-cont .gallery a.thumb:hover span.tip { display: block; position: absolute; margin: 0; padding: 0; width: 245px; height: 53px; border-bottom: 1px solid #000; border-right: 1px solid #000; border-top: 1px solid #666; border-left: 1px solid #666; background: none; color: #000; cursor: hand; font-size: 9px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale,src='images/white-80o.png');} html > body #content #copy-area .gallery-cont .gallery a.thumb:hover span.tip { background: url(../images/white-80o.png); height: auto; min-height: 53px;} #content #copy-area .gallery-cont .gallery a.thumb span.tip span.thumb-title { padding: 2px 2px 0 2px; color: red; font-weight: bold; display: block;} #content #copy-area .gallery-cont .gallery a.thumb span.tip span.thumb-desc { padding: 0 2px 2px 2px; display: block; } /******* Special Case: Comic Thumbnails had different dimensions because of the intended medium was print, so modify all thumb classes ********/ #content #copy-area .gallery-cont .gallery-c { margin-left: auto; margin-right: auto; width: 430px; } #content #copy-area .gallery-cont .gallery-c a.thumb-c { z-index: 24; position: relative; text-decoration: none; display: block; width: 132px; float: left; margin: 0 15px 15px 0; display: inline; } #content #copy-area .gallery-cont .gallery-c a.thumb-c-r { margin-right: 0px; } #content #copy-area .gallery-cont .gallery-c a.thumb-c img { border: none; margin: 0; padding: 0; width: 132px; height: 179px; } #content #copy-area .gallery-cont .gallery-c a.thumb-c:hover {z-index: 25;} #content #copy-area .gallery-cont .gallery-c a.thumb-c span.tip { display: none; position: absolute;} #content #copy-area .gallery-cont .gallery-c a.thumb-c:hover span.tip { display: block; position: absolute; margin: 0; padding: 0; width: 130px; height: 177px; border-bottom: 1px solid #000; border-right: 1px solid #000; border-top: 1px solid #666; border-left: 1px solid #666; background: none; color: #000; cursor: hand; font-size: 9px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale,src='images/white-80o.png');} html > body #content #copy-area .gallery-cont .gallery-c a.thumb-c:hover span.tip { background: url(../images/white-80o.png); height: auto; min-height: 177px;} #content #copy-area .gallery-cont .gallery-c a.thumb-c span.tip span.thumb-title { padding: 2px 2px 0 2px; color: red; font-weight: bold; display: block;} #content #copy-area .gallery-cont .gallery-c a.thumb-c span.tip span.thumb-desc { padding: 0 2px 2px 2px; display: block; } #content #copy-area #paginator { text-align: center; font-size: 1.0em; font-weight: bold; padding: 5px 0; } #content #copy-area #paginator a:link, #content #copy-area #paginator a:visited, #content #copy-area #paginator a:active { color: #000; text-decoration: none; } #content #copy-area #paginator a:hover { text-decoration: underline; } /* Post classes */ #content #copy-area .article-entry { padding-bottom: 15px; padding-left: 15px; padding-right: 15px;} #content #copy-area .article-entry h3 { border-bottom: 1px solid #000; margin:0; padding: 0; font-size: 1.2em; } #content #copy-area .article-entry .poster-stats { font-size: 0.8em; } #content #copy-area .article-entry .poster-stats a { text-decoration: underline; color: #000; } #content #copy-area .article-entry .article-body { font-size: 1em; padding-top: 15px; } #content #copy-area .article-entry .article-body p { font-size: 1em; margin: 0 0 15px 0; } #content #copy-area .article-entry .article-body a { text-decoration: underline; color: #000; } #content #copy-area .article-entry .article-footer { border-top: 1px solid #000; font-size: 0.8em; } #content #copy-area .article-entry .article-footer a { text-decoration: underline; color: #000; } #footer { padding-top: 10px; text-align: center; font-size: 0.8em; border-top: 1px solid #000; } #footer a:link, #footer a:visited, #footer a:active { text-decoration: none; color: #000; } #footer a:hover { text-decoration: underline; } /*********** Teaser Components ************/ #teaser { } #teaser span { display:none; } #teaser a { background: url(../images/enter.jpg) 0 0 no-repeat; width: 385px; height: 550px; display: block; margin-left: auto; margin-right: auto;} #teaser a:hover { background-position: -385px 0; } /********** Popup Components ************/ body.popup { background: none; background-color: #A57D71; } #popup-frame { margin: 10px 15px 10px 15px; } #popup-frame h1 { font-size: 2em; font-weight: bold; border-bottom: 1px solid black; margin: 0 0 5px 0; padding: 0 0 0 15px; } #popup-frame img { display: block; margin-left: auto; margin-right: auto; border: none; } #popup-frame #popup-description { margin-top: 5px; border-top: 1px solid #000; padding: 15px 20px 15px 20px; } #popup-frame #popup-description p { font-size: 1em; } #popup-frame #popup-description a:link, #popup-frame #popup-description a:visited, #popup-frame #popup-description a:active { text-decoration: none; color: #000; } #popup-frame #popup-description a:hover { text-decoration: underline; } #popup-frame #popup-description h2 { margin: 0; padding: 0; font-size: 1.4em; } /************ Utility Classes ***********/ .clear-all {font-size: 1px; line-height: 1px; clear: both;}