/* Theme Name: Bw-Night Description: Bw-Night, A Bwlewis.info Design. Version: 1.0 Author: Darren lewis Author URI: http://www.bwlewis.info/ Tags: fixed width, right sidebar, two columns, valid XHTML, widgets */ /* begin Page */ /* Bw-Night By D Lewis www.bwlewis.info */ body { margin: 0 auto; padding: 0; font-size: 62.5%; /* Resets 1em to 10px */ font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; background-color: #2B2B2B; background-image: url('images/Page-BgTexture.png'); background-repeat: repeat; color: #515252; } h2 { font-size: 18px; } .Main { position: absolute; width: 100%; left: 0; top: 0; } table, th, td { font-size: 1em; padding: 0; border-collapse: collapse; } a img { border: 0; } a { color: #D46A1C; } a:link { color: #D46A1C; } a:visited { color: #5C5C5C; } a:hover { color: #723027; } /* end Page */ /* begin Box, Sheet */ .Sheet { min-width:33px; min-height:33px; margin: 0 auto; position: relative; overflow: hidden; z-index: 0; width: 800px; } * html .Sheet { width:expression(this.offsetWidth < 33 ? 33+"px" : "auto !important"); height:expression(this.offsetHeight < 33 ? 33+"px" : "auto !important"); width: 800px; zoom: 1; } .Sheet-body { position: relative; overflow: hidden; z-index: 0; margin: 8px; text-align: left; } .Sheet-tl { position: absolute; overflow: hidden; z-index: -1; top: 0; left: 0; width: 22px; height: 22px; background-image: url('images/Sheet-s.png'); } * html .Sheet-tl { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;iul { visibility: visible; top: 100%; } .menu li li:hover>ul { top: 0; left: 100%; } .menu:after, .menu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } .menu, .menu ul { min-height: 0; } .menu ul { background-image: url(images/spacer.gif); padding: 10px 30px 30px 30px; margin: -10px 0 0 -30px; } .menu ul ul { padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px; } * html .menu, * html .menu ul { height: 1%; } * html .menu li.menuhover { z-index: 10000; } * html .menu .menuhoverUL { visibility: visible; } * html .menu .menuhoverUL { top: 100%; left: 0; } * html .menu .menuhoverUL .menuhoverUL { top: 0; left: 100%; } * html .menu ul a { height: 1%; } * html .menu li li { float: left; width: 100%; } * html .menu .menuhoverUL .menuhoverUL { top: 5px; left: 100%; } * html .menu, * html .menu ul { height: 1%; } * html .menu li.menuhover { z-index: 10000; } * html .menu .menuhoverUL { visibility: visible; } * html .menu .menuhoverUL { top: 100%; left: 0; } * html .menu .menuhoverUL .menuhoverUL { top: 0; left: 100%; } * html .menu ul a { height: 1%; } * html .menu li li { float: left; width: 100%; } .nav { position: relative; margin: 0 auto; width: 784px; height: 37px; z-index: 100; } .menu { padding: 6px 6px 6px 6px; } * html .nav { zoom: 1; } .nav .l, .nav .r, .nav .r div { top: 0; position: absolute; z-index: -1; overflow: hidden; height: 37px; } .nav .l { left: 0; right: 0px; } * html .nav .l { width: expression(this.parentNode.offsetWidth-0+'px'); } .nav .r { right: 0; width: 0px; } * html .nav .r { left: expression(this.parentNode.offsetWidth-0+'px'); } .nav .r div { width: 784px; right: 0; } * html .nav .r div { left: expression(this.parentNode.offsetWidth-784+'px'); } .nav .l, .nav .r div { background-position: left top; background-repeat: no-repeat; background-image: url('images/nav.png'); } * html .nav .l, * html .nav .r div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;ia { background-position: left -25px; } * html .menu .menuhover .menuhoverA { background-position: left -25px; } .menu li:hover a span { background-position: right -25px; } .menu a:hover span { background-position: right -25px; } * html .menu .menuhover .menuhoverA span { background-position: right -25px; } .menu a:hover span span { color: #FFFFFF; background-position: left -25px; } .menu li:hover a span span { color: #FFFFFF; background-position: left -25px; } * html .menu .menuhover .menuhoverA span span { color: #FFFFFF; background-position: left -25px; } .menu a.active { background-position: left -50px; } .menu a.active span { background-position: right -50px; } .menu a.active span span { color: #F1D8D5; background-position: left -50px; } /* end MenuItem */ /* begin MenuSeparator */ .nav .separator { display: block; width: 1px; height: 25px; background-image: url('images/item-separator.png'); } /* end MenuSeparator */ /* begin ContentLayout */ .contentLayout { margin-bottom: 4px; width: 100%; position: relative; }/* end ContentLayout */ /* begin Button */ button.Button, a.Button { border: none; padding: 0; margin: 0; background: none; font-size: 100%; font-family: inherit; line-height: inherit; display: inline-block; overflow: visible; width: auto; cursor: default; white-space: normal; text-decoration: none; } .Button .btn { position: relative; display: block; overflow: hidden; float: left; z-index: 0; height: 33px; color: #FFFFFF; } .Button .t { height: 33px; line-height: 33px; padding: 0 24px; text-align: left; font-family: 'Arial'; font-size: 11px; font-weight: normal; font-style: normal; text-decoration: none; } .Button .active { color: #361B07; } .Button .hover { color: #FFFFFF; } .Button .active .r { top: -66px; } .Button .hover .r { top: -33px; } .Button .r { display: block; position: absolute; overflow: hidden; z-index: -1; top: 0; right: 0; width: 10px; height: 99px; } * html .Button .r { font-size: 1px; left: expression(this.parentNode.offsetWidth-10+'px'); } .Button .r span { display: block; position: absolute; overflow: hidden; z-index: -1; top: 0; right: 0; width:417px; height: 99px; } * html .Button .r span { font-size: 1px; left: expression(this.parentNode.offsetWidth-417+'px'); } .Button .active .l { top: -66px; } .Button .hover .l { top: -33px; } .Button .l { display: block; position: absolute; overflow: hidden; z-index: -1; top: 0; left: 0; right: 10px; height: 99px; } * html .Button .l { font-size: 1px; width: expression(this.parentNode.offsetWidth-10+'px'); } .Button .l, .Button .r span { background-image: url('images/Button.png'); } * html .Button .l, * html .Button .r span { background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i