/* Theme Name: Bw-CloudyDay Description: Bw-CloudyDay, 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-CloudyDay 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: #D9DAD3; color: #000000; } h2 { font-size: 18px; } .Main { position: absolute; width: 100%; left: 0; top: 0; } .PageBackgroundGlare { position: absolute; width: 100%; left: 0; top: 0; } .PageBackgroundGlareImage { background-image: url('images/Page-BgGlare.png'); background-repeat: no-repeat; height: 482px; width: 389px; margin: 0; } /* specially for Opera */ html:first-child .PageBackgroundGlare { border: 1px solid transparent; } /* specially for Opera */ * html .PageBackgroundGlareImage { 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: 888px; height: 36px; z-index: 100; } .menu { padding: 8px 4px 0px 4px; } * html .nav { zoom: 1; } .nav .l, .nav .r, .nav .r div { top: 0; position: absolute; z-index: -1; overflow: hidden; height: 36px; } .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: 888px; right: 0; } * html .nav .r div { left: expression(this.parentNode.offsetWidth-888+'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 -28px; } * html .menu .menuhover .menuhoverA { background-position: left -28px; } .menu li:hover a span { background-position: right -28px; } .menu a:hover span { background-position: right -28px; } * html .menu .menuhover .menuhoverA span { background-position: right -28px; } .menu a:hover span span { color: #FFFFFF; background-position: left -28px; } .menu li:hover a span span { color: #FFFFFF; background-position: left -28px; } * html .menu .menuhover .menuhoverA span span { color: #FFFFFF; background-position: left -28px; } .menu a.active { background-position: left -56px; } .menu a.active span { background-position: right -56px; } .menu a.active span span { color: #D6EAC7; background-position: left -56px; } /* end MenuItem */ /* begin MenuSubItem */ .menu ul a { text-align: center; height: 30px; line-height: 30px; margin-right: auto; width: 232px; background-image: url('images/subitem-bg.png'); background-position: left top; background-repeat: repeat-x; border-width: 1px; border-style: solid; border-color: #D9DAD3; } .nav ul.menu ul span, .nav ul.menu ul span span { display:inline; float:none; margin:inherit; padding:inherit; background-image:none; text-align:inherit; text-decoration:inherit; } .menu ul a , .nav ul.menu ul span, .nav ul.menu ul span span { line-height: 30px; color: #5F6151; font-family: 'Verdana'; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; } .menu ul ul a { margin-left: auto; } * html .menu ul a { color: #5F6151 !important; } .menu ul li a:hover { color: #000000; border-color: #75BA45; background-position: 0 -30px; } .menu ul li:hover>a { color: #000000; border-color: #75BA45; background-position: 0 -30px; } * html .menu ul a:hover { color: #000000 !important; } * html .menu ul .menuhover .menuhoverA { color: #000000 !important; border-color: #75BA45; background-position: 0 -30px; } .nav .menu ul li a:hover span, .nav .menu ul li a:hover span span { color: #000000; } .nav .menu ul li:hover>a span, .nav .menu ul li:hover>a span span { color: #000000; } * html .nav .menu ul a:hover span, * html .nav .menu ul a:hover span span { color: #000000 !important; } * html .nav .menu ul .menuhover .menuhoverA span, * html .nav .menu ul .menuhover .menuhoverA span span { color: #000000 !important; } /* end MenuSubItem */ /* begin ContentLayout */ .contentLayout { margin-bottom: 24px; 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: 32px; color: #FFFFFF; } .Button .t { height: 32px; line-height: 32px; padding: 0 19px; text-align: left; font-family: 'Verdana'; font-size: 11px; font-weight: normal; font-style: normal; text-decoration: none; } .Button .active { color: #1B1C17; } .Button .hover { color: #FCFEFB; } .Button .active .r { top: -64px; } .Button .hover .r { top: -32px; } .Button .r { display: block; position: absolute; overflow: hidden; z-index: -1; top: 0; right: 0; width: 3px; height: 96px; } * html .Button .r { font-size: 1px; left: expression(this.parentNode.offsetWidth-3+'px'); } .Button .r span { display: block; position: absolute; overflow: hidden; z-index: -1; top: 0; right: 0; width:403px; height: 96px; } * html .Button .r span { font-size: 1px; left: expression(this.parentNode.offsetWidth-403+'px'); } .Button .active .l { top: -64px; } .Button .hover .l { top: -32px; } .Button .l { display: block; position: absolute; overflow: hidden; z-index: -1; top: 0; left: 0; right: 3px; height: 96px; } * html .Button .l { font-size: 1px; width: expression(this.parentNode.offsetWidth-3+'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