/* Theme Name: WordPress WEF Dark Theme URI: http://www.davelassanske.com/ Description: Custom template for Womens Enrichment Forum. Version: 1.0 Author: Dave Lassanske Author URI: http://www.davelassanske.com/ Tags: women, changing background, light This theme was designed and built by Michael Heilemann, whose blog you will find at http://binarybonsai.com/ The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /* Reset elements*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, del, em, font, img, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, input, button {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse;border-spacing: 0;} small{font-size: 10px;line-height: 10px;} /* Template*/ html{overflow-x: hidden;} body{font: 12px "Helvetica", sans-serif;background: white url('images/bg-green.jpg') top center repeat;color:#333333;text-align: left;} h1{font-size:30px;width:500px;float:left;display:inline;} h2{font-size: 20px;clear:both;font-style:normal;} h2 a{} h2 a:hover{text-decoration: none;} h3{font-weight: normal;font-size: 20px;} h4{font-weight:bold;font-size:14px;margin:6px 0 0 0;} h5{} p{font-size: 12px;line-height:14px;letter-spacing:-0.01em;text-align:left;color:#666666;} a{color:#1A1A1A;text-decoration: none;} a:hover{text-decoration:none;} img{border:0;padding:0;margin:0;} input{background-color: white;border:1px solid #9f9f9f;padding: 3px 5px;color: #333333;font-size:10px;} button{font-size: 10px;color: #efeee1;} form table{width:300px;} hr{border:none;border-top:1px solid #e1e1e1;margin:3px 20px;padding:0;clear:both;} .alignleft{float:left;display:inline;} .alignright{float:right;display:inline;clear:right;} .left{text-align:left;} .right{text-align:right;} .top{margin-top: 40px;} .bottom{margin-bottom:40px;} .navigation{clear:none;} .navigation p{clear:both;} .navigation h3{padding:5px 20px 0;margin:0;} .clear{clear:both;} .size-thumbnail{padding:0 10px;} .odd{background-color: #D4D2B5;} #start{float:left;clear: left;} #wrapper{width:802px;margin:5px auto 20px;position:relative;} #join{position:absolute;width:85px;height:86px;background: url('images/join.png') no-repeat;top:7px;right:-3px;float:right;z-index:100;} .join{ border:none;padding:0;margin:0;float:right;display:inline;} .register{border:none;padding:0;margin:0;} #joinpage form{width:270px;float:right;display:inline;background-color:#d4d2b5;border:1px solid #9f9f9f;padding:10px;} #joinpage h3{clear:both;float:left;display:inline;width:700px;border-top:1px solid #9f9f9f;margin-top:20px;padding-top:20px;} #joinpage ul{float:left;display:inline;width:370px;margin-right:30px;} #joinpage li{list-style: disc;padding:3px 0 2px;clear:left;} #joinpage li ul{margin:0 0 0 20px;padding:0;list-style:none;} #joinpage li ul li{list-style: circle;} #joinpage td{padding:0;margin:0;} #joinpage input, #joinpage select{margin-bottom:10px;} #banner{width:800px;height:86px;float:left;display:inline;margin:0;border-top:#efeee1 1px solid;border-left:#efeee1 1px solid;border-right:#efeee1 1px solid;} #header{float:left;display:inline;width:802px;height:176px;position:relative;z-index:10;} #header ul.sf-menu{list-style: none;float:left;display:inline;margin:0;padding:0;width:522px;border-top:1px solid #efeee1;border-bottom:3px double #efeee1;background:url('images/black-trans.png') repeat;} #header-image{z-index:1;padding:0;margin:0;float:left;display:inline;} #social{list-style:none;float:left;display:inline;margin:0;width:113px;height:29px;border-top:1px solid #efeee1;border-bottom: 3px double #efeee1;background:url('images/black-trans.png') repeat; padding-right:10px;border-right:1px solid #efeee1;} #social li{float: right;display:inline;padding:0;margin:0;} #social li a{padding:6px 4px;display: block;} #login{float:right;display:inline;padding:10px 20px 0 0;width:626px;height:36px;background:url('images/black-trans.png') repeat;border-right:1px solid #efeee1;} #login form{float:right;} #login a{float:right;padding: 3px 5px;color: #989898;font-size:10px;} #user_login{width:125px;height:14px;color:#333333;} #user_pass{width:55px;height:14px;color:#333333;} #feature{width:508px;height:169px;margin: 0 5px 20px 20px;float:left;display:inline;overflow:hidden;} #highlights{float:left;display:inline;width:247px;} #next-meena{width:242px;height:80px;float:right;display:inline;background:url('images/meena.jpg') no-repeat;margin:0 0 5px 5px;cursor:pointer;} #next-meena p.title{padding:35px 10px 0 95px;} #next-meena p.link{text-align:right;padding:0 10px 0 0;font-style:italic;font-size:11px;} #next-event{width:242px;height:80px;float:right;display:inline;background:url('images/next-event.jpg') no-repeat;margin:5px 0 5px 5px;cursor:pointer;} #date{float:left;display:inline;width:80px;height:80px;} #date .month{font-size:10px;text-align:center;color:white;margin-top:15px;font-weight:bold;} #date .day{font-size:50px;line-height:45px;text-align:center;color:white;} #next-event p.title{padding:35px 10px 0 90px;} #next-event p.link{text-align:right;padding:0 10px 0 0;font-style:italic;font-size:11px;} #backgrounds{position:absolute;top:110px;right:-21px;width:20px;border:1px solid #efeee1;border-left:none;margin:0;padding:0;} #backgrounds img{padding:0;margin:0;float:left;} #bg{background:url('images/choose-background-bg.png') repeat-y;float:left;display:inline;padding:0 0 10px 0; margin:0;} #backgrounds a{margin: 2px 4px; padding:0; border: 1px solid white; width:10px; height:10px; display:block; float:left;} #content{float:left;display:inline;width:800px;background: url('images/black-trans.png') repeat;border-left:#efeee1 1px solid;border-right:#efeee1 1px solid; position:relative;z-index:9;} #forum-recent{width:758px;float:left;display:inline;clear:both;margin:10px 20px;padding:0;background-color:#efeee1;border:1px solid #efeee1;} #forum-recent li{padding:0 20px 5px;margin:0;width:718px;float:left;display:inline;clear:left;} #forum-recent img{padding:0;margin:0;} .info{border-bottom:1px solid #9f9f9f;padding-top:10px;margin-bottom:20px;} .info a{float:right;display:inline;font-style:italic;} #meena-recent{width:758px;float:left;display:inline;clear:both;margin:10px 20px 20px;padding-bottom: 20px;background-color:#efeee1;border:1px solid #efeee1;} #meena-recent img, #meena-recent p{padding:0 20px;} #meena-recent p{padding-bottom:6px;} h2.frontTitle{float:left;display:inline;width:500px;padding:20px 0 5px 20px;} h2.frontDate{float:left;display:inline;width:210px;padding:20px 20px 5px 0;clear:right;text-align:right;} .post{float:left;display:inline;clear:both;margin:0 20px;padding:10px 20px;width:720px;background-color:#efeee1;border:1px solid #efeee1;} .pagetitle{padding:20px 0 10px} .blog-post{float:left;display:inline;margin:0 20px;padding:10px 20px 0;width:720px;background-color:#efeee1;border:1px solid #efeee1;} .post p{padding:0 0 10px 0;} .post h2{padding-bottom:20px;} #sidebar{float:left;display:inline;clear:both;width:680px;background-color: #dadabe;margin:10px 0;padding: 10px 20px;} #sidebar h2{font-size:12px;} #sidebar li{float:left;display:inline;padding-right:20px;width:206px;} p.postmetadata{padding:10px 0;margin:10px 0;border-top:1px solid #9f9f9f;border-bottom:1px solid #9f9f9f;} .commentlist{float:left;display:inline;clear:left;margin:20px;padding:10px 20px;width:720px;background-color:#efeee1;border:1px solid #efeee1;} #respond{float:left;display:inline;clear:left;margin:0 20px 20px;padding:10px 20px;width:720px;background-color:#efeee1;border:1px solid #efeee1;} .meena h2{padding:0;} .meena small{margin-bottom:20px;float:left;display:inline;font-size:10px;} #memberships li{padding:0 0 5px 20px;} .entry{float:left;display:inline;clear:both;width:718px;} .entrypost{float:left;display:inline;clear:both;width:718px;} .entry ul{margin: 5px 0 40px 20px;} .entry p, .entrypost p{padding-bottom:5px;} #footer{clear:both;float:left;display:inline;font-size:1em;margin:0;width:800px;background: url('images/black-trans.png') repeat;border:#efeee1 1px solid;border-top:0;} #footer ul{float:right;display:inline;list-style:none;margin-bottom:15px;padding-right:20px;height:40px;} #footer ul li{float:left;display:inline;} #footer ul li a{display:block;} #legal{width:802px;margin:4px auto 20px;padding:5px 0 0;color:black;font-size:12px;text-align:center;clear:left;} /* Superfish */ /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;color:#efeee1;} .sf-menu {line-height:1.0;} .sf-menu ul {position:absolute;top:-999em;width:10em;} .sf-menu ul li {width:100%;} .sf-menu li:hover {visibility:inherit;} .sf-menu li {float:left;position:relative;} .sf-menu a {display:block;position:relative;} .sf-menu li:hover ul,.sf-menu li.sfHover ul {left:20px;top:23px;z-index:99;} ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999em;} ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:10em;top:0;} ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {top:-999em;} ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {left:10em;top:0;} /*** DEMO SKIN ***/ .sf-menu {float:left;margin-bottom: 1em;} .sf-menu a {text-decoration:none;} .sf-menu li a{color:#efeee1;font-size: 16px;} .sf-menu li ul{border: 1px solid #9f9f9f;border-bottom:none;} .sf-menu li ul li a{font-size: 11px;border-bottom:1px solid #9f9f9f;padding-left:20px;padding:8px 30px 8px 20px;} .sf-menu li ul li p.first{padding:15px 0 10px 10px;font-style: italic;font-size:13px;border-bottom:4px double #9f9f9f;} .sf-menu li li { background: url('images/menu_bg.png') repeat;} .sf-menu li li li {} .sf-menu li ul li a:focus, .sf-menu ul li a:hover{outline:0;background-color: #efeee1;color:black;} /*** arrows **/ .sf-menu a.sf-with-ul {padding-right:2.25em;min-width:1px; /* trigger IE7 hasLayout so spans position accurately */} .sf-sub-indicator {position:absolute;display:block;right:.75em;top:1.05em;width:10px;height:10px;text-indent:-999em;overflow:hidden;background:url('images/arrows-ffffff.png') no-repeat -10px -100px;} a > .sf-sub-indicator {top:.8em;background-position: 0 -100px;} /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator,a:hover > .sf-sub-indicator,a:active > .sf-sub-indicator,li:hover > a > .sf-sub-indicator,li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px;} /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator,.sf-menu ul a:hover > .sf-sub-indicator,.sf-menu ul a:active > .sf-sub-indicator,.sf-menu ul li:hover > a > .sf-sub-indicator,.sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0;} /*** shadows for all but IE6 ***/ .sf-shadow ul {background: url('images/shadow.png') no-repeat bottom right;padding: 0 8px 9px 0;border: none;} .sf-shadow ul.sf-shadow-off {background: transparent;}