/* THEME NAME: FreeStyle THEME URI: http://www.dvq.co.nz/freebies/free-style DESCRIPTION: FreeStyle Free WordPress Theme TAGS: tags VERSION: 1.0 AUTHOR: Digital Visions Queenstown AUTHOR URI: http://www.dvq.co.nz */ /* GLOBAL RESET ---------------------------- */ body, div, dl, dt, dd, li, pre, form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; } address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; } ol, ul { list-style: none; margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; font-weight: normal; font-style: normal; } acronym, abbr, fieldset, img { border: 0;} img { vertical-align: bottom; } :focus { outline: 0; } /* BASE STYLE ---------------------------- */ body { background: url(images/bg.gif) repeat 0 0; font: 75%/1.5em Tahoma,Verdana, Arial, sans-serif; color: #584c41; } #bg-wrapper { background: url(images/bg-wrapper.gif) repeat-x 0 0; width: 100%; } #bg-wrapper-2 { background: url(images/bg-wrapper-2.gif) no-repeat top center; width: 100%; } p { margin-bottom: 1em; } strong { font-weight: bold; } em { font-style: italic; } a { color: #a87415; text-decoration: none; } a:hover { color: #74500e; } h2 { font: bold 14px Tahoma,Helvetica, Arial, sans-serif; color: #35291b; margin: 0 0 14px 0 } #main-content h2 a { border: none; color: #35291b; } #main-content h2 a:hover { color: #74500e; } h3 { font: bold 12px Tahoma,Helvetica, Arial, sans-serif; color: #907a61; margin: 0px 0 8px 0 } h4 { font: bold 11px Tahoma,Helvetica, Arial, sans-serif; color: #35291b; margin: 6px 0 6px 0 } blockquote { color: #907A61; margin: 15px 0; padding: 10px 20px 10px 20px; border-left: 3px solid #907a61; } .last-blockquote-p { margin: 0; } img { background: #f4f1e5; border: 1px solid #d5c8a0; padding: 5px; } ul, ol { margin-bottom: 10px; } ul li { background: url(images/icons/main-bullet.gif) no-repeat 0.6em 0.6em; padding-left: 21px; margin-bottom: 3px; } ol li { list-style-type: decimal; list-style-position: inside; } ul li ul, ol li ol { margin: 0; } ol li ol li { margin-left: 21px; } /* COMMON STYLES ---------------------------- */ .alignleft { float: left; margin: 0 10px 10px 0; } .alignright { float: right; margin: 0 0 10px 10px; } .aligncenter { margin: 0 auto 10px auto; display: block; } /* WRAPPERS ---------------------------- */ .wrapper-976 { width: 976px; margin-right: 0 auto; margin-left: 0 auto; position:relative; } /* HEADER ---------------------------- */ #header { width: 976px; height: 248px; margin:0 auto; } /* Lang ---------------------------- */ #lang { float:left; padding-left:15px; direction:ltr;} #lang img {margin-right:4px; border:none; padding:0; margin-top:7px;} /* LOGO ---------------------------- */ h1 a { width: 596px; height: 117px; display: block; text-indent: -9999px; background: url(images/logo.gif) no-repeat 0 0; border: none; float:right; margin-top:81px;} #quote{ width:598px; height:29px; display:block; float:right; margin-top:8px; background:url(images/quote-bg.gif) no-repeat 0 0; text-align:center;} #quote marquee {width:588px; height:29px; color:#899962; margin:0 auto; padding-top:3px;} #currentdate { width:182px; height:49px; display:block; position:absolute; left:183px; font-size:11px; color:#9ab892; line-height:14px; padding-top:4px;} /* TOP NAVIGATION ---------------------------- */ ul#top-nav { position: absolute; right: 8px; top: 13px; } ul#top-nav li { float: left; padding: 3px 0; margin: 0; background: none; } ul#top-nav li a { color: #b39371; display: block; padding: 0 8px 0 8px; margin: 0 8px 0 8px; text-decoration: none; text-shadow: 1px 1px 2px #291f14; } ul#top-nav li a:hover { color: #eaddcf; } ul#top-nav li a#feed { width: 15px; height: 17px; text-indent: -9999px; background: url(images/icons/rss.gif) no-repeat 0 0; margin: 0 0 0 16px; padding: 0; } ul#top-nav li a#feed:hover { background-position: bottom left; } /* CONTENT WRAPPERS ---------------------------- */ #content-wrapper-bg { background: url(images/content-wrapper-bg.gif) repeat-y 0 0; width: 976px; margin: 0 auto; } #content-wrapper-bottom { float:left; background: url(images/content-wrapper-bottom.gif) no-repeat bottom left; width: 100%; padding-bottom: 46px; } #content-wrapper-top { background: url(images/content-wrapper-top.gif) no-repeat 0 0; width: 100%; padding: 14px 0 0px 0;} /* MAIN CONTENT ---------------------------- */ #main-content { width: 596px; margin:0; padding:0; float: right; margin-bottom:30px; } .page {/*margin-bottom: 40px;*/ padding-left:30px; padding-right:30px; } /* index ---------------------------- */ .index-content-header, .index-content-header div{ width:100%; height:41px; background:url(images/index-content-header.jpg ) no-repeat top center; display:block;} .index-content-header #txt1{background:url(images/txt-library-news.gif ) no-repeat center;} .index-content-header #txt2{background:url(images/txt-week-books.gif ) no-repeat center;} .index-content-header #txt3{background:url(images/txt-news.gif ) no-repeat center;} .index-content-header #txt4{background:url(images/txt-other-resource.gif ) no-repeat center;} .index-content-header_mini1, .index-content-header_mini1 div {width:100%; height:41px; background:url(images/index-content-header_l.jpg ) no-repeat top center; display:block; margin-bottom:20px;} .index-content-header_mini2, .index-content-header_mini2 div {width:100%; height:41px; background:url(images/index-content-header_r.jpg ) no-repeat top center; display:block; margin-bottom:20px;} .index-content-header_mini1 #txt6{background:url(images/txt-news.gif ) no-repeat center;} .index-content-header_mini2 #txt5{background:url(images/txt-books.gif ) no-repeat center;} .index-content-header{ margin:18px 0px 18px 0px} #main-content #news-book-holder{ width:245px; background:#ded6b9 url(images/index-content-c2-bottom.gif) no-repeat bottom; vertical-align:top;padding:0; margin:0; padding-bottom:7px; margin-bottom:10px;} #main-content #news-book-holder #top { width:245px;height:7px;line-height:0px; font-size:0px; display:block; background:url(images/index-content-c2-top.gif) no-repeat top;} #news-book-holder img { background:#efebdc; padding:4px; border:1px solid #cdc5ab; margin-right:7px; float:right;} #news-book-holder #news-book-info{ padding-right:7px; padding-left:7px; vertical-align:top; float:right; width:145px; font-size:11px; line-height:14px;} #news-book-holder #news-book-info span span{color:#93533d; } #news-book-holder a {color:#35291b}#news-book-holder a:hover{color:#93533d;} #main-content .right{float:right; } #main-content .left{ float:left;} #divider-2c{ background: url(images/post-divider.gif) no-repeat bottom center; width:100%; height:15px; display:block;} #index-news-head {} #index-news-head a{ margin:0; background:#ded6b9 url(images/icons/index-news-bullet.gif) no-repeat right 7px; display:block; vertical-align:middle; margin-top:4px; line-height:21px; padding-right:28px; color:#584c41; font-size:11px; font-weight:normal; } #index-news-head a:hover{ background-color:#bab39b; color:#000;} #index-weekbook{ width:208px;background:url(images/index-weekbook-bg.gif) no-repeat top right; padding:10px 30px 20px 20px; float:right; font-size:11px; line-height:14px;} #index-weekbook a{color:#35291b;} #index-weekbook a:hover{color:#93533d;} #index-weekbook span span{color:#93533d; } #main-content #news-holder{ width:255px; background:#ded6b9 url(images/index-news-c2-bottom.gif) no-repeat bottom; vertical-align:top; padding:0; margin:0; padding-bottom:7px; margin-bottom:7px;} #main-content #news-holder #top { width:255px; height:7px;line-height:0px; font-size:0px; display:block; background:url(images/index-news-c2-top.gif) no-repeat top;} #news-holder img { background:#efebdc; padding:4px; border:1px solid #cdc5ab; margin-right:7px; float:right; } #news-holder span{ padding-right:7px; padding-left:7px; vertical-align:top; float:right; width:148px; } #news-holder span a{color:#584c41; font-size:11px; font-weight:normal; } #news-holder span a:hover{ color:#000;} /* POSTS ---------------------------- */ .post { position: relative; padding-left:40px; padding-right:40px; } .post-head { background:url(images/page-header-bg.gif) no-repeat bottom center; display:block; padding:7px 56px 34px 56px; margin-bottom:10px;} .post-head h2 {vertical-align:bottom; margin:0; font-size:12px; line-height:17px;} #post-category { padding-right:56px; font-size:11px; font-weight:normal; margin-top:10px;} #head-divider-2c { background: url(images/post-divider.gif) no-repeat bottom center; width:100%; height:5px; display:block;} .entry-title{ margin-top:10px;} .page-title { text-align:center; padding-top:10px;} .page-title span{ margin:0 auto;} #metatitle {color:#93533d;} /* POST NAVIGATION ---------------------------- */ #nav-below { width: 100%; height: 52px; } .nav-previous { float: left; height: 52px; background: url(images/previous-posts-bg.gif) no-repeat center left; margin: 0 0 0 -14px; } .nav-previous a { display: block; padding: 16px 50px 16px 36px; } .nav-next { float: right; height: 52px; background: url(images/newer-posts-bg.gif) no-repeat center right; margin: 0 -14px 0 0; } .nav-next a { display: block; padding: 16px 36px 16px 50px; } /* LEFT SIDEBAR ---------------------------- */ .left-sidebar { width: 136px; position: absolute; top: 14px; left: -167px; color: #574431; background: url(images/left-sidebar-divider.gif) no-repeat bottom left; } .left-sidebar-arrow { background: url(images/left-sidebar-arrow.gif) no-repeat top right; width: 15px; height: 20px; position: absolute; top: 14px; right: -19px; } .first-left-sidebar .left-sidebar-arrow { background: url(images/left-sidebar-arrow-first.gif) no-repeat top right; } /* POST META ---------------------------- */ ul.post-meta { margin: 0 0 16px 0; padding: 16px 0 0 0; background: url(images/left-sidebar-divider.gif) no-repeat top left; } .first-left-sidebar ul.post-meta { background: none; } ul.post-meta li { padding: 0 0 8px 26px; margin: 0; } ul.post-meta .last-post-meta-li { padding-bottom: 0; } ul.post-meta li a { color: #6c533b; border: none; } ul.post-meta li a:hover { color: #8e7358; } ul.post-meta li.post-date { background: url(images/icons/clock.gif) no-repeat 0em 0.1em; } ul.post-meta li.post-comment { background: url(images/icons/comment.gif) no-repeat 0em 0.1em; } ul.post-meta li.post-tag { background: url(images/icons/tag.gif) no-repeat 0em 0.1em; } /* COMMENTS ---------------------------- */ ol.comment-list { border-top: 1px dotted #d5c8a0; } ol.comment-list li { border-bottom: 1px dotted #d5c8a0; list-style: none; list-style-position: outside; padding: 10px; } ol.comment-list li.alt { } ol.comment-list li.bypostauthor { } ol.comment-list li.byuser { } ol.comment-list li.comment-author-admin { } ol.comment-list li.comment { } ol.comment-list li div.vcard { width: 100%; float: left; margin: 0 0 1em 0; position: relative; } ol.comment-list li div.vcard cite.fn { } ol.comment-list li div.vcard cite.fn a.url { } ol.comment-list li div.vcard img.avatar { float: left; margin: 0 20px 0 0; } ol.comment-list li div.vcard img.avatar-32 { } ol.comment-list li div.vcard img.photo { } ol.comment-list li div.vcard span.says { } ol.comment-list li div.commentmetadata { font-size: 90%; } ol.comment-list li div.comment-meta { } ol.comment-list li div.comment-meta a { } ol.comment-list li div.comment-author { margin: 8px 0 6px 0; color: #584c41; } ol.comment-list li div.reply { position: absolute; top: 8px; right: 0;) } ol.comment-list li div.reply a { background: #F4F1E5; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 4px; font-size: 90%; } ol.comment-list li div.comment-content { float: right; width: 100%; color: #7f6e5e; } ol.comment-list li div.comment-content-inner { padding: 0 0 0 80px; } ol.comment-list li p { } ol.comment-list li ul { } ol.comment-list li ul.children { padding: 0 0 0 20px; margin: 0 -10px 0 0; } ol.comment-list li ul.children li { background: none; margin: 10px 0 0 0; padding: 10px; border: 1px dotted #d5c8a0; } ol.comment-list li ul.children li.alt { } ol.comment-list li ul.children li.bypostauthor { } ol.comment-list li ul.children li.byuser { } ol.comment-list li ul.children li.comment { } ol.comment-list li ul.children li.comment-author-admin { } ol.comment-list li ul.children li.depth-2 { } ol.comment-list li ul.children li.depth-3 { } ol.comment-list li ul.children li.depth-4 { } ol.comment-list li ul.children li.depth-5 { } ol.comment-list li ul.children li.odd { } ol.comment-list li.even { } ol.comment-list li.odd { } ol.comment-list li.parent { } ol.comment-list li.pingback { } ol.comment-list li.thread-alt { } ol.comment-list li.thread-even { } ol.comment-list li.thread-odd { } /* PINGBACKS ---------------------------- */ ol.commentlist li.pingback { } ol.commentlist li.pingback div.comment-author { } ol.commentlist li.pingback div.vcard { } ol.commentlist li.pingback div.vcard cite.fn { } ol.commentlist li.pingback div.vcard cite.fn a.url { } ol.commentlist li.pingback div.vcard span.says { } ol.commentlist li.pingback div.commentmetadata { } ol.commentlist li.pingback div.comment-meta { } ol.commentlist li.pingback div.comment-meta a { } ol.commentlist li.pingback * { } - /*p, em, strong, blockquote, ul, ol, etc.*/ ol.commentlist li.pingback div.reply { } ol.commentlist li.pingback div.reply a { } ol.commentlist li.pingback ul.children { } ol.commentlist li.pingback ul.children li { } ol.commentlist li.pingback ul.children li.alt { } ol.commentlist li.pingback ul.children li.bypostauthor { } ol.commentlist li.pingback ul.children li.byuser { } ol.commentlist li.pingback ul.children li.comment { } ol.commentlist li.pingback ul.children li.comment-author-admin { } ol.commentlist li.pingback ul.children li.depth-2 { } ol.commentlist li.pingback ul.children li.depth-3 { } ol.commentlist li.pingback ul.children li.depth-4 { } ol.commentlist li.pingback ul.children li.depth-5 { } ol.commentlist li.pingback ul.children li.odd { } /* COMMENTS FORM ---------------------------- */ #respond { margin-top: 40px; } #respond .formcontainer #comment-notes { color: #a18e7c; } #respond .formcontainer .form-label { width: 100%; margin-bottom: 5px; font-weight: bold; } #respond .formcontainer .form-input input { width: 250px; margin-bottom: 20px; padding: 6px 7px; color: #7f6e5e; font: 100% Tahoma,Verdana, Arial, sans-serif; border: none; } #respond .formcontainer .form-textarea { width: 100%; margin-bottom: 15px; background: #FFFFFF; } #respond .formcontainer .form-textarea textarea { width: 97%; color: #7f6e5e; padding: 6px 3px 6px 8px; font: 100% Tahoma,Verdana, Arial, sans-serif; border: none; } /* RIGHT SIDEBAR ---------------------------- */ #right-sidebar-container { width: 378px; float: left; margin:0; padding:0; color: #574431; margin-left:2px; padding-bottom:20px;} #sidebar-1c-right{ width:184px; float:right;} #sidebar-1c-left{width:184px; float:right;} .right-sidebar-1c { width: 170px; background: url(images/1c-sidebar-bg.jpg) repeat-y; margin: 10px 0; margin-right:14px;} .right-sidebar-2c { width:350px; background: url(images/2c-sidebar-bg.jpg) repeat-y; margin: 10px 0; margin-right:14px;} /*.right-sidebar-ardrow { background: url(images/right-sidebar-arrow.gif) no-repeat top left; width: 15px; height: 20px; position: absolute; top: 4px; left: -19px; }*/ /*.first-right-sidebar { background: url(images/1c-sidebar-footer.gif) no-repeat bottom left; width:170px; }*/ .right-sidebar-1c-footer { width: 170px; background: url(images/1c-sidebar-footer.gif) no-repeat bottom left; height:8px; display:block;} .right-sidebar-2c-footer { width: 350px; background: url(images/2c-sidebar-footer.gif) no-repeat bottom left; height:8px; display:block; } .right-sidebar-1c h3{ padding:0px 7px 0 28px; margin-bottom:6px; background: url(images/1c-sidebar-header.gif); font-size:11px; font-weight:bold; color:#b4c18e; line-height:27px; vertical-align:middle; height:27px;} .right-sidebar-2c h3{ padding:0px 7px 0 28px; margin-bottom:6px; background: url(images/2c-sidebar-header.gif);font-size:11px; font-weight:bold; color:#b4c18e; line-height:27px; vertical-align:middle; height:27px;} .right-sidebar-1c ul, .right-sidebar-2c ul { padding:0; } .right-sidebar-1c ul li, .right-sidebar-2c ul li{ display:inline; padding: 0; margin: 0; background: none; } * html .right-sidebar-1c ul li, * html .right-sidebar-2c ul li{ display: inline-block; } .right-sidebar-1c ul li ul ,.right-sidebar-2c ul li ul{ padding: 0 0 0 14px; } .right-sidebar-1c ul li a, .right-sidebar-2c ul li a { background: url(images/icons/sidebar-bullet.gif) no-repeat right ; padding-right: 21px; margin-bottom: 3px; display: block; border: none; color: #c6d1aa; font-size:11px; font-weight:normal; } .right-sidebar-1c ul li a:hover, .right-sidebar-2c ul li a:hover{ color: #fff; } #sidebarcenter{ text-align:center; width:378px; height:427px; margin-top:-167px; display:block; float:right; background:url(images/sidebarbook.jpg) no-repeat right bottom; } #sidebarbook{ margin:0 auto; height:300px; display:table; #position: relative; /*overflow: hidden;*/ } #sidebargallery{#position: absolute; #top: 50%;display: table-cell; vertical-align: middle; #width:100%; #margin-right:-50%; } #sidebarbook img{ padding:0; margin:0; #position: relative; #top: -50%; padding:8px; background-color:#254d16; border:1px solid #1e6809; } #sidebarads{ text-align:center;} #sidebarads a {margin:0 auto;} #sidebarads img{ border:none; padding:0;} /* SEARCH FORM ---------------------------- */ .right-sidebar-search{width: 100%; position: relative; background: none; margin: 10px 0;} #searchform { margin:0; text-align:center; } #searchform input#s { color: #d1dac6; vertical-align: middle; background: url(images/search-form-bg.gif) no-repeat 0 0; width: 332px; padding: 6px 10px 10px 10px; margin-bottom: 0px; border: none; margin:0 auto; font-family:Tahoma,Verdana, Arial, sans-serif; font-size:} #searchform input#btn { width:35px; height:31px; float:left; position:absolute; border:none; padding:0 ; margin:0; left:13px;} * html #searchform input#btn { top:1px;} /* FOOTER ---------------------------- */ #footer { width: 100%; height: 50px; padding: 50px 0 0 0; background: url(images/footer-bg.gif) repeat-x 0 0; text-shadow: 1px 1px 2px #291f14; } #footer .wrapper-976{ width:976px; margin:0 auto;} #footer p { padding-top: 26px; color: #7e6e4c; } /* FOOTER NAVIGATION ---------------------------- */ ul#bottom-nav { position: absolute; right: 0; top: 26px; } ul#bottom-nav li { float: left; margin: 0 0 0 14px; padding: 0; background: none; } ul#bottom-nav li a { color: #7e6e4c; display: block; margin: 0 0 0 20px; text-decoration: none; } ul#bottom-nav li a:hover { color: #ddc4a9; } /* P.I.E. FLOAT CLEARING ---------------------------- */ .clearfix:after { content: " "; clear: both; height: 0; visibility: hidden; display: block; } .clearfix { display: inline-block; } .clearfix { display: block; } /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/final_drop.html Copyright (c) 2005-2008 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ .menu {width:745px; height:29px; z-index:100; font-family:Tahoma,arial, sans-serif; position:absolute; right:0px; margin-top:50px; direction:rtl;background: url(images/menubg.gif) no-repeat right top; } /* hack to correct IE5.5 faulty box model */ * html .menu {width:746px; w\idth:745px;} .menu ul {width:745px;padding:0;margin:0;list-style-type:none; height:29px; } .menu li {float:right;padding:0; margin:0; background:none;background: url(images/menubg.gif) no-repeat 0 0;} .menu a, .menu a:visited {font-size:11px;text-decoration:none; color:#dfe5c4; height:29px; padding-left:10px; line-height:29px; font-weight:bold; float:left;display:block;padding-right:10px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";/* ie 8 */ filter:alpha(opacity=90); /* ie 5-7 */ -moz-opacity: 0.90; /* firefox */ -khtml-opacity: 0.90; /* safari */ opacity: 0.90; /* all other */ } .menu a:hover{ color:#dfe5c4; background:#13300c; } .menu :hover > a {color:#dfe5c4; background:#13300c;} .menu ul ul {width:200px;visibility:hidden;position:absolute;height:0px;top:29px; float:right;} /* another hack for IE5.5 */ * html .menu ul ul {top:29px;t\op:30px;} * html .menu ul ul {visibility:hidden;position:absolute;height:0px;top:0px; right:-10px;} /* style the table so that it takes no ppart in the layout - required for IE to work */ .menu ul table {position:relative;right:0px; border-collapse:collapse;} .menu ul li,.menu ul ul li {float:right;padding:0; margin:0; padding-left:1px;} /* style the second level links */ .menu ul ul a, .menu ul ul a:visited {background:#13300c; color:#fff; height:auto; line-height:26px; display:block;width:200px; padding:0; margin:0; text-indent:10px; border-bottom:1px solid #2a4c22; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";/* ie 8 */ filter:alpha(opacity=90); /* ie 5-7 */ -moz-opacity: 0.90; /* firefox */ -khtml-opacity: 0.90; /* safari */ opacity: 0.90; /* all other */ } /* yet another hack for IE5.5 */ * html .menu ul ul a, * html .menu ul ul a:visited {width:200px;w\idth:200px;} .menu ul ul a.parent, .menu ul ul a.parent:visited ,.menu ul ul a.current_parent, .menu ul ul a.current_parent:visited {background:#13300c url(images/icons/drop.gif) no-repeat 5px 5px; } .menu ul ul a:hover{ color:#fff; background:#204118; } .menu ul ul :hover > a {color:#fff; background:#204118;} .menu ul ul a.parent:hover,.menu ul ul a.current_parent:hover{background:#204118 url(images/icons/drop.gif) no-repeat 5px 5px;} .menu ul ul :hover > a.parent ,.menu ul ul :hover > a.current_parent {background:#204118 url(images/icons/drop.gif) no-repeat 5px 5px;} /* position the third level flyout menu */ .menu ul ul ul{float:left; width:200px; left:-200px; position:relative; top:-28px;} /* position the third level flyout menu for a left flyout */ .menu ul ul ul.left {left:-200px;} *html .menu ul ul ul{visibility:hidden;position:relative;height:0px;top:-8px; left:0px;} /* style the table so that it takes no ppart in the layout - required for IE to work */ .menu ul ul table {position:absolute; right:210px; border-collapse:collapse;} .menu ul ul ul a, .menu ul ul ul a:visited {background:#13300c;} /* style the third level hover */ .menu ul ul ul a:hover {background:#204118;} /* make the second level visible when hover on first level list OR link */ .menu ul li:hover ul, .menu ul a:hover ul{visibility:visible; } .menu ul a.sfhover ul{visibility:visible; } /* keep the third level hidden when you hover on first level list OR link */ .menu ul :hover ul ul{visibility:hidden;} .menu ul .sfhover ul ul{visibility:hidden;} /* make the third level visible when you hover over second level list OR link */ .menu ul :hover ul :hover ul{ visibility:visible;} .menu ul .sfhover ul .sfhover ul{ visibility:visible;} .sfhover {color:#dfe5c4; background:#13300c; cursor:pointer;} .menu ul ul a.sfhover{ color:#fff; background:#204118; } .menu ul ul a.parent.sfhover,.menu ul ul a.current_parent.sfhover{background:#204118 url(images/icons/drop.gif) no-repeat 5px 5px;} .wp-pagenavi { font-family:tehoma, Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; line-height:12px; margin-right:40px; margin-top:20px; } .wp-pagenavi { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";/* ie 8 */ filter:alpha(opacity=50); /* ie 5-7 */ -moz-opacity: 0.5; /* firefox */ -khtml-opacity: 0.5; /* safari */ opacity: 0.5; /* all other */ } .wp-pagenavi a{ float:right;} .wp-pagenavi a, .wp-pagenavi a:link { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #363E81; color: #363E81; background-color: #FFFFFF; } .wp-pagenavi a:visited { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #363E81; color: #363E81; background-color: #FFFFFF; } .wp-pagenavi a:hover { border: 1px solid #000000; color: #000000; background-color: #FFFFFF; } .wp-pagenavi a:active { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #363E81; color: #363E81; background-color: #FFFFFF; } .wp-pagenavi span.pages { padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px; color: #000000; border: 1px solid #000000; background-color: #FFFFFF; float:right; } .wp-pagenavi span.current { padding: 2px 4px 2px 4px; margin: 2px; font-weight: bold; border: 1px solid #e9e2ca; color: #000000; background-color: #FFFFFF; float:right; } .wp-pagenavi span.extend { padding: 2px 4px 2px 4px; margin: 2px; border: 1px solid #000000; color: #000000; background-color: #FFFFFF; float:right; }