/* Theme Name: Lady Black Rose Theme Theme URI: http://www.leslieowusuappiah.com/ Description: Lady Black Rose WordPress theme. Version: 0.3 Author: Leslie Owusu-Appiah Author URI: http://www.leslieowusuappiah.com/ Tags: theme, dark, lady black rose, samppa von cyborg Lady Black Rose Theme v0.3 http://www.leslieowusuappiah.com/ This theme was designed by Samppa von Cyborg and built by Leslie Owusu-Appiah. The CSS, XHTML and design is Copyright (c) 2009 */ /* Tripoli Edit 0.1 - http://perishablepress.com/press/2007/10/23/a-killer-collection-of-global-css-reset-styles/ */ * { text-decoration: none; font-size: 1em; outline: none; padding: 0; margin: 0; } code, kbd, pre, var, textarea, /*input,*/ select { white-space: normal; font-size: 1em; font: inherit; } dfn, i, cite, var, address, em { font-style: normal; } th, b, strong, h1, h2, h3, h4, h5, h6 { font-weight: normal; } a, img, a img, iframe, form, fieldset, abbr, acronym, object, table { border: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { vertical-align: top; text-align: left; } body { line-height: 1.2; } q { quotes: "" ""; } ul, ol { list-style: none; } sub, sup { vertical-align: baseline; } a { color: inherit; } hr { display: none; } nobr { white-space: normal; } /* Lady Black Rose Styles */ body { font: 10.5pt 'Times New Roman', serif; color: #457897; font-style: italic; background: #000; } #container { position: absolute; background: url('images/bg_main.jpg'); width: 819px; left: 50%; margin-left: -409px; height: 614px; top: 50%; margin-top: -307px; } #logo { /*background: red;*/ position: absolute; left: 48px; top: 13px; width: 731px; padding-top: 118px; height: 0; overflow: hidden; } #logo a { position: relative; background: pink; height: 118px; width: 731px; } /*#logo:hover { visibility: hidden; cursor: pointer; }*/ #nav { position: relative; top: 109px; left: 305px; height: 49px; width: 476px; z-index: 3; /*overflow: hidden; background: white;*/ } #nav li, #nav li a { float: left; display: inline-block; height: 49px; overflow: hidden; } #nav li a { height: 0; padding-top: 61px; } #home a { background: url('images/nav_strip.2.png') no-repeat; width: 52px; } #news a { background: url('images/nav_strip.2.png') no-repeat -52px 0; width: 48px; } #sessions a { background: url('images/nav_strip.2.png') no-repeat -100px 0; width: 80px; } #gallery a { background: url('images/nav_strip.2.png') no-repeat -180px 0; width: 78px; } #gallery ul { position: absolute; top: 40px; left: 180px; width: 78px; overflow: hidden; } #gallery ul li, #gallery ul li a { background: url('images/bg.black50%.png'); float: left; display: inline-block; height: 35px; } #gallery ul li a { height: 0; padding-top: 40px; /*background: pink;*/ } #gallery ul #photos a { background: url('images/nav_strip.2.png') no-repeat -492px 0; } #gallery ul #videos a { background: url('images/nav_strip.2.png') no-repeat -580px 0; } #contact a { background: url('images/nav_strip.2.png') no-repeat -258px 0; width: 82px; } #wishlist a { background: url('images/nav_strip.2.png') no-repeat -340px 0; width: 78px; } #links a { background: url('images/nav_strip.2.png') no-repeat -418px 0; width: 58px; } #content-container { position: relative; top: 114px; left: 356px; } #content-container, #content { width: 426px; height: 390px; } #content { } #footer { position: absolute; bottom: 0; font-size: 7.5pt; padding: 0 0 20px 20px; } /* Visual Editor Styles */ #content span, #content p, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content strong, #content em, #content u, #content a { background: transparent !important; font: 10.5pt 'Times New Roman', serif; color: #457897; font-style: italic; } p { padding-bottom: 10.5pt; } p span { background: transparent !important; } strong, b { font-weight: bold !important; } h1 { font-size: 14pt; } #content h2, #content h2 a { /*color: 005b9a;*/ font-size: 14pt; font-weight: bold; padding-bottom: 14pt; } #content a { /*color: #3399ff;*/ } #content a:hover { text-decoration: underline; } #content .post { /*padding-bottom: 40px;*/ } #content .post small, #content .postmetadata, #content .postmetadata * { font-size: 8.5pt; } #content .postmetadata { display: block; padding-top: 20px; } .post-edit-link { font-size: 8.5pt; font-style: italic; text-decoration: underline; } #content .post .entry { padding-bottom: 40px; } /* Disclaimer page */ body.home #nav { visibility: hidden; } /* Hide navigation on disclaimer page */ #disclaimer { float: left; clear: both; padding-bottom: 20px; } #disclaimer div { padding-top: 20px; text-align: left; width: 100%; } #disclaimer div br { width: 0; height: 0; padding: 0; margin: 0; visibility: hidden; display: none; } #disclaimer div span { background: #457897 !important; top: 0; color: #fff; padding: 10px; float: left; display: block; margin-right: 10px; } #disclaimer div span a { color: #fff !important; } #footer { position: absolute; bottom: 0; font-size: 7.5pt; padding: 0 0 10px 20px; } /* jScrollPane */ .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; } .jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #aaa; } .jScrollPaneDrag { position: absolute; background: #666; cursor: pointer; overflow: hidden; } .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; } .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; } a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px; } a.jScrollArrowUp:hover { } a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px; } a.jScrollArrowDown:hover { } a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { } .jScrollPaneTrack { background: url('images/scroll.bar.png') repeat-y; } .jScrollPaneDrag { background: url('images/scroll.drag.2.png') no-repeat 3px 0; } .jScrollPaneDragTop, .jScrollPaneDragBottom { height: 0px; } a.jScrollArrowUp { height: 39px; background: url('images/scroll.up.2.png') no-repeat 0 0; } a.jScrollArrowUp:hover { background-position: 0 0; } a.jScrollArrowDown { height: 42px; background: url('images/scroll.down.1.png') no-repeat 0 0; } a.jScrollArrowDown:hover { background-position: 0 0; } /* IE SPECIFIC HACKED STYLES */ * html .osX .jScrollPaneDragBottom { bottom: -1px; } /* /IE SPECIFIC HACKED STYLES */