/* Theme Name: Blank Theme Framework Theme URI: http://www.nsdigital.co.za/ Description: The default framework for Attorneys Fidelity Fund Version: 1.0.6 Author: NS Digital Author URI: http://www.nsdigital.co.za/ */ /* Default styles */ @import "css/reset.css"; /* CSS FOR BORDER-RADIUS, BOX-SHADOW AND TEXT-SHADOW CAN BE FOUND IN CSS/CUSTOM.CSS */ /*----------------------------------------------- INDEX: 1. SETUP -1.1 Defaults -1.2 Hyperlinks 2. SITE STRUCTURE & APPEARANCE -2.1 Containers -2.2 Header --2.2.1 Logo --2.2.2 Language Picker --2.2.3 Text Size --2.2.4 Search -2.3 Navigation -2.4 Content --2.4.1 Home Page -2.5 Footer 3. WIDGETS 4. POSTS -4.1 Typographic Elements -4.2 Images 5. COMMENTSAREA -5.1 Comments -5.2 Comments Form 6. GENERAL STYLES 7. Accessibility -7.1 Clearing -7.2 Accessibility -----------------------------------------------*/ /*-----------------------------*/ /* 1. SETUP */ /*-----------------------------*/ /* 1.1 Defaults */ html{height:100.01%;} body { font: 12px Arial, Helvetica, Sans-serif; line-height: 1.5; /*unitless for proper inheritance*/ width:100%;} h1, h2, h3, h4, h5, h6 { margin: 0; color: #1f2324; } h1 {font-size: 18px} h2 {font-size: 16px} h3 {font-size: 16px} h4 {font-size: 14px} h5 {font-size: 12px} h6 {font-size: 12px} h1, h2, p{font-family:Verdana, Helvetica, sans-serif;} p {margin: 3px 0; color:#616365; line-height:1.3em;} strong{font-weight:bold;} em{font-style:italic;} /* 1.2 Hyperlinks */ a, a:active, a:link, a:visited { text-decoration: none; color:#1f2324; outline:0;} a:hover { } h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: underline; } img:a{border:none;} /*-----------------------------*/ /* 2. SITE STRUCTURE & APPEARANCE */ /*-----------------------------*/ /* 2.1 Containers */ #wrapper{width:100%; background:#FFFFFF url('images/background.jpg') repeat-x bottom center; padding:0 0 30px 0;} #page{width:1000px; margin:0 auto;} #header{width:100%; background:#156570; border-bottom:#ffffff solid 3px; height:68px;} /* 2.2 Header */ #header #page{position:relative;} /* 2.2.1 Logo */ #header #page img#logo{position:absolute; top:0; left:20px; z-index:10;} /* 2.2.4 Search */ #search_box{width:222px; float:right; margin:23px 0 0 0;} #s{width:183px; border:#a0a1a3 solid 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background:#ffffff; color:#a7a9ac; font-size:9px; font-family:Arial, Helvetica, Sans-serif; padding:5px 0 5px 7px;} #search_box #searchform{margin:0 0 0 0;} #searchsubmit{width:21px; border:#a0a1a3 solid 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background:#ffffff; color:#808080; font-size:9px; font-family:Arial, Helvetica, Sans-serif; padding:5px 0 5px 0; text-align:center; cursor:pointer;} #searchsubmit:hover{background:#808080; color:#ffffff;} ul#links{float:right; margin:28px 20px 0 0;} ul#links li{float:left; margin:0 0 0 20px;} ul#links li a{color:#ffffff; font-size:11px; text-decoration:none; font-family:Arial, Helvetica, Sans-serif;} ul#links li a:hover{text-decoration:underline;} ul#links li#homelink{border-right:#ffffff solid 1px; padding:0 20px 0 0;} #left_nav{width:18px; height:30px; float:left; margin:71px 0 0 0; background:#dadada;} /* 2.3 Navigation */ #navigation{width:753px; margin:0 auto; padding:0 0 0 0; float:right; background:#dadada;} #navigation-more-single{width:753px; margin:0 auto; padding:0 0 0 0; float:right; background:#999999;} /* 2.3.1 Blue Nav */ #menu {padding:0; margin:0; list-style:none; height:30px; position:relative; z-index:500; font-family:arial, verdana, sans-serif; border-bottom:#ffffff solid 3px;} #menu li {float:left; margin-right:0; margin:0 0 0 0; border-left:#ffffff solid 3px; border-bottom:#ffffff solid 3px;} #menu li a {color:#666666; font-weight:normal; display:block; float:left; background:#dadada url('images/nav_arrow_blue.jpg') no-repeat right 12px; padding:9px 21px 10px 12px; text-decoration:none; font-size:11px;} #menu li span {display:block; float:left; padding:9px 27px 9px 13px; color:#fff; text-decoration:none; font-size:11px; padding:0 10px 0 10px;} #menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;} /* Default link styling */ /* Style the list OR link hover. Depends on which browser is used */ #menu li a:hover {z-index:200; position:relative;} #menu li:hover {position:relative; z-index:200;} #menu li:hover > a {} #menu li:hover > a.sub {color:#3b3b3b; background-color:#fff;} #menu li.current a {color:#fff; background:#840;} #menu li a.sub {} #menu :hover ul {left:0; top:30px; width:120px; background:#444; z-index:10; position:absolute;} /* keep the 'next' level invisible by placing it off screen. */ #menu ul, #menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; z-index:10;} #menu :hover ul :hover ul {left:120px; top:-1px; background:#222; white-space:nowrap; width:180px; z-index:200; height:auto;} #menu :hover ul li {margin:0; z-index:10; position:relative; border:none;} #menu :hover ul li a {width:108px; padding:8px 31px 8px 11px; line-height:1.3em; text-indent:0px; background-color: rgba(240,249,250,0.8); background-image:none; border-bottom:#dadedf solid 1px;} #menu :hover ul :hover {background-color: rgba(91,147,155,0.8); color:#ffffff; z-index:10; position:relative;} #menu :hover ul li.currentsub a {background:#840; color:#fff;} #menu :hover ul :hover ul li a {width:100px; padding:0; text-indent:10px; background:#3e3e3e; color:#ccc;} #menu :hover ul :hover ul :hover {background-color: rgba(91,147,155,0.8);} #menu :hover ul :hover ul li.currentfly a, #menu :hover ul :hover ul li.currentfly a:hover {background:#165b9f; color:#fff;} /* 2.3.2 Brown Nav */ #menu2 {padding:0; margin:0; list-style:none; height:30px; position:relative; z-index:500; font-family:arial, verdana, sans-serif; border-bottom:#ffffff solid 3px;} #menu2 li {float:left; margin-right:0; margin:0 0 0 0; border-left:#ffffff solid 3px; border-bottom:#ffffff solid 3px;} #menu2 li a {color:#666666; font-weight:normal; display:block; float:left; background:#dadada url('images/nav_arrow_brown.jpg') no-repeat right 12px; padding:9px 21px 10px 12px; text-decoration:none; font-size:11px;} #menu2 li span {display:block; float:left; padding:9px 27px 9px 13px; color:#fff; text-decoration:none; font-size:11px; padding:0 10px 0 10px;} #menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;} /* Default link styling */ /* Style the list OR link hover. Depends on which browser is used */ #menu2 li a:hover {z-index:200; position:relative;} #menu2 li:hover {position:relative; z-index:200;} #menu2 li:hover > a {} #menu2 li:hover > a.sub {color:#3b3b3b; background-color:#fff;} #menu2 li.current a {color:#fff; background:#840;} #menu2 li a.sub {} #menu2 :hover ul {left:0; top:30px; width:120px; background:#444; z-index:10; position:absolute; border-top:#ffffff solid 3px;} /* keep the 'next' level invisible by placing it off screen. */ #menu2 ul, #menu2 :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; z-index:10;} #menu2 :hover ul :hover ul {left:120px; top:-1px; background:#222; white-space:nowrap; width:180px; z-index:200; height:auto;} #menu2 :hover ul li {margin:0; z-index:10; position:relative; border:none;} #menu2 :hover ul li a {width:108px; color:#000; padding:8px 31px 8px 11px; line-height:1.3em; text-indent:0px; background-color: rgba(178,158,134,0.9); background-image:none; border-bottom:#b2a89c solid 1px;} #menu2 :hover ul :hover {background-color: rgba(122,105,84,0.9); color:#ffffff; z-index:10; position:relative;} #menu2 :hover ul li.currentsub a {background:#840; color:#fff;} #menu2 :hover ul :hover ul li a {width:100px; padding:0; text-indent:10px; background:#3e3e3e; color:#ccc;} #menu2 :hover ul :hover ul :hover {background-color: rgba(122,105,84,0.9);} #menu2 :hover ul :hover ul li.currentfly a, #menu2 :hover ul :hover ul li.currentfly a:hover {background:#165b9f; color:#fff;} body.category-claims-procedure #menu :hover ul li a {color:#000; width:108px; padding:8px 31px 8px 11px; line-height:1.3em; text-indent:0px; background-color: rgba(240,249,250,0.8); background-image:none; border-bottom:#dadedf solid 1px;} body.category-claims-procedure li#nav_claims a, body.claims-procedure li#nav_claims a, body.category-banking-options li#nav_banking a, body.banking-options li#nav_banking a, body.category-fidelity-fund-certificates li#nav_fund a, body.fidelity-fund-certificates li#nav_fund a, body.category-refund-to-practioners li#nav_refund a, body.refund-to-practioners li#nav_refund a, body.category-bursaries li#nav_bursaries a, body.bursaries li#nav_bursaries a, body.category-more li#nav_more a, body.more li#nav_more a {color:#ffffff; background:#999999 url('images/nav_arrow_brown.jpg') no-repeat right -21px;} body.category-more #navigation{background:#999999; } body.category-claims-procedure li#nav_claims li a, body.claims-procedure #menu2 li#nav_claims li a, body.category-banking-options li#nav_banking li a, body.banking-options #menu2 li#nav_banking li a, body.category-fidelity-fund-certificates li#nav_fund li a, body.fidelity-fund-certificates #menu2 li#nav_fund li a, body.category-refund-to-practioners li#nav_refund li a, body.refund-to-practioners #menu2 li#nav_refund li a, body.category-bursaries li#nav_bursaries li a, body.bursaries #menu2 li#nav_bursaries li a, body.category-more li#nav_more li a, body.more #menu2 li#nav_more li a {background-color: rgba(178,158,134,0.9); color:#000; z-index:10; position:relative; background-image:none;} body.category-claims-procedure li#nav_claims li a:hover, body.claims-procedure #menu2 li#nav_claims li a:hover, body.category-banking-options li#nav_banking li a:hover, body.banking-options #menu2 li#nav_banking li a:hover, body.category-fidelity-fund-certificates li#nav_fund li a:hover, body.fidelity-fund-certificates #menu2 li#nav_fund li a:hover, body.category-refund-to-practioners li#nav_refund li a:hover, body.refund-to-practioners #menu2 li#nav_refund li a:hover, body.category-bursaries li#nav_bursaries li a:hover, body.bursaries #menu2 li#nav_bursaries li a:hover, body.category-more li#nav_more li a:hover, body.more #menu2 li#nav_more li a:hover{color:#fff; background:#7b6954;} /* 2.4 Content */ #content{width:1000px; margin:0 auto; background:#e7e8e8 url('images/bg_content.jpg') repeat-x bottom;} #content2{width:1000px; margin:0 auto; background:#ffffff url('images/bg_content_brown.png') 20px top repeat-y;} #ticker{width:693px; height:419px; float:left; list-style-type: none; padding: 0; margin: 0; height:419px; overflow:hidden; background:#ffffff; position:relative; z-index:5; } body.home #page{background:url(images/bg_homepage_quicklinks.png) top left repeat-x;} #home_right{width:304px; height:419px; float:right; background:url('images/bg_home_right.jpg') repeat-x #37555b;} #home_right p{font-family:Arial, Helvetica, Sans-serif; font-size:12px; color:#ffffff; line-height:1.6em; margin:37px 37px 10px 37px;} #home_right p strong{font-size:16px; line-height:1.6em;} #home_right a{color:#fff;} #home_right #add_on{ border-top:#7ea4aa solid 1px; padding:0px; text-transform:uppercase; text-align:center;} #home_right #add_on p{ margin:0 37px 0 37px; text-align:center; font-family:'Arial Narrow', Arial, sans-serif; font-size:10px; padding:5px 0 0 0; line-height:10px;} #home_right #add_on strong{ margin:0 0 0 0; font-size:14px; display:block; text-align:center; font-weight:normal; line-height:20px;} #quicklinks{margin:-51px 0 0 33px; position:relative; float:left; z-index:10;} .link{margin:0 14px 0 0; width:146px; float:left; height:200px;} .link img{margin:0 0 19px 0;} .link a{font-family:Arial, Helvetica, Sans-serif; font-size:11px; color:#303030; text-align:center; width:146px; display:block; background:url('images/bg_icon.jpg') repeat-x bottom; padding:0 0 0 0; height:200px;} #contact_details{width:308px; float:right; margin:10px 0 0 0;} #contact_details p{color:#4b4b4b; font-family:Arial, Helvetica, Sans-serif; font-size:11px; text-align:center; line-height:1.8em;} #contact_details p a{color:#156570; text-decoration:underline;} #contact_details p a:hover{text-decoration:none;} #fraud_warning{width:298px; float:right; margin:10px 0 0px 0; } #fraud_warning p{color:#156570; font-family:Arial, Helvetica, Sans-serif; font-size:11px; text-align:center; line-height:1.4em; font-weight:bold; padding:0 10px 0px 0;} #fraud_warning p strong{font-size:13px;} #copyright{width:1000px; float:left; padding:0 0 14px 0;} #copyright p{text-align:center; font-size:9px; font-weight:bold; color:#666666;} #sidebar{width:177px; float:left; margin:6px 0 0 20px; display:inline; background:#91785b url('images/bg_sidebar.jpg') no-repeat bottom; padding:20px 25px 430px 25px;} #sidebar ul li a{color:#ffffff; font-family:Arial, Helvetica, Sans-serif; font-size:11px; text-align:center; padding:12px 0; border-bottom:#c8bcad solid 1px; display:block; line-height:1.3em; text-transform:uppercase;} .info{width:753px; padding:0px; float:left; overflow:hidden;} .info p{color:#616365; line-height:1.3em; margin:10px 0 0 0; font-size:11px; width:706px;} .info p strong em{color:#91785b; font-style:normal;} .info p strong{font-weight:bold;} .info h1{} .info h2{font-size:16px; color:#91785b; font-weight:bold; margin:0 0 20px 0;} .info h3{font-size:16px; color:#91785b; font-weight:bold; padding:0 0 0 0; width:706px; margin:20px 0 0 0; text-transform:uppercase;} .info h3 a{color:#91785b; padding:0 0 0 0; margin:0 0 0 0;} .info p.red{color:red;} .info ul{margin:10px 0 0 0;} .info ul li{color:#616365; line-height:1.3em; margin:0 0 0 15px; font-size:11px; list-style:disc outside;} .info ol{margin:10px 0 0 0;} .info ol li{color:#616365; line-height:1.3em; margin:0 0 0 25px; font-size:11px; list-style:disc outside;} .info table{width:706px; margin-top:10px;} .info table tr td{padding:4px 0 4px 5px; color:#616365; font-size:11px; line-height:1.3em; border:#616365 solid 1px;} p.edit{float:right;} p.edit a{background:#99846b; color:#ffffff; padding:3px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} p.edit a:hover{background:#7a6955;} .post{margin:18px 0 20px 0; padding:5px 23px 15px 23px;} .entry{} .entry h1{font-size:1.3em; font-weight:bold;color:#91785b; margin:10px 0 0 0; text-transform:none;} .entry h2{font-size:11px; font-weight:bold;color:#91785b; margin:10px 0 0 0; text-transform:none;} .entry h3{font-size:11px; font-weight:bold;color:#616365; margin:8px 0 0 0; text-transform:none;} .entry a{color:#91785b; font-weight:bold;} .entry ol li{list-style-type:decimal; font-family:Verdana, Arial, Helvetica, Sans-serif;font-size:11px; line-height:1.8em; } .entry ul li{font-family:Verdana, Arial, Helvetica, Sans-serif;font-size:11px; line-height:1.8em;} .result{border-bottom:#91785b solid 1px; padding:0 0 20px 0;} #searchform{margin:20px 0 0 0;} .post-26, .post-30, .post-71, .post-75, .post-80, .post-84, .post-88, .post-92, .post-104, .post-111, .post-115, .post-137, .post-141, .post-145, .post-149, .post-153{background:#eeebe7;} .postid-118 #content2{width:1000px; margin:17px auto; background:#ffffff url('images/bg_content_brown.png') 20px top repeat-y;} body.category-contact #content2{width:1000px; margin:17px auto; background:#ffffff url('images/bg_content_brown.png') 20px top repeat-y;} body.category-contact .post p, body.category-contact .info .post h3{text-align:center;} /*-----------------------------*/ /* 7. ACCESSIBILITY */ /*-----------------------------*/ /* 7.1 clearing */ .clear{clear:both; height:1px; margin:0; padding:0; font-size: 15px; line-height: 1px;} .clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} * html>body .clearfix{display: inline-block; width:100%;} * html .clearfix {/* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ } /* 7.2 accessibility */ .accessibility { position: absolute; top: -999em; left: -999em;}