/* Theme Name: ChaseWaterford Personnel Theme URI: http://www.chasewaterfordpersonnel.com/ Description: The default theme for ChaseWaterford Personnel Version: 1.0.6 Author: NS Digital Author URI: http://www.nsdigital.co.za/ */ /* Theme Name: Karas Theme Version: 1.0.3 Description: Theme Development by NS Digital. 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.3 Navigation -2.4 Content --2.4.1 Home Page ---2.4.1.1 Home Page Candidates Javascript Slider ---2.4.1.2 Home Page List of Vacancies ---2.4.1.3 Home Page Upload CV --2.4.2 Vacanies Page ---2.4.2.1 Vacancy Page Post ---2.4.2.2 Vacancy Sociable ---2.4.2.3 Vacancy Attached Files --2.4.3 About Page --2.4.4 General Sub Page Layouts --2.4.5 Clients Page ---2.4.5.1 Clients Page Image Carousel --2.4.6 Contact 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, body.page{text-align:left; color:#363a3d; line-height:1.3em; background:url(images/background.jpg) repeat-x top #FFFFFF; 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:#1f2324;} strong{font-weight:bold;} em{font-style:italic;} /* 1.2 Hyperlinks */ a:link, a:visited { text-decoration: none; color:#1f2324;} 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 */ .page{width:956px; margin:0 auto 0 auto; background:url(images/bg_header.png) no-repeat top center;} #wrapper{width:956px;} /* 2.2 Header */ img#logo{position:relative; margin:0 0 0 -12px;} #header_img{background:url(images/bg_ticker.png) no-repeat top; margin:0 auto 0 auto; width:956px; text-align:center;} /* 2.3 Navigation */ #nav{width:956px; background:url(images/bg_nav.png) no-repeat top;} #nav ul{float:left; padding:14px 0 12px 16px;} #nav ul li{float:left; margin:0 40px 0 0;} #nav ul li a{font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#d76c14; text-decoration:none; cursor:pointer; display:inline-block; background:url(images/bg_nav_hover.png) no-repeat; background-position:-600px 0px;} #nav ul li a span{padding:9px 15px 7px 15px; display:inline-block;} #nav ul li a:hover{color:#b25000; background:url(images/bg_nav_hover.png) no-repeat; background-position:0px 0px;} #nav ul li a span:hover{color:#b25000; background:url(images/bg_nav_hover.png) no-repeat; background-position:right 0px;} /* 2.4 Content */ #content{width:956px;} /* 2.4.1 Home Page */ #ticker{width:956px; margin:0 auto 0 auto; background:url(images/bg_ticker.png) no-repeat top; height:342px; overflow:hidden;} #ticker_content{width:952px; margin:0 0 0 2px; background-color:#FFFFFF; height:320px; padding:25px 0 0 0;} #ticker_content h1{font-family:Arial, Helvetica, sans-serif; font-size:38px; color:#363a3d; font-weight:bold; padding-left:20px; text-transform:uppercase;} #ticker_content h2{font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#363a3d; font-weight:bold; padding-left:27px; padding-top:10px; width:400px; line-height:1.5em;} /* 2.4.1.1 Home Page Candidates Slider */ body.home .tickerbox{background:none; margin:-60px 0 0 0; width:956px; height:299px; padding:0 0 0 0;} body.home ul#ticker2{width:956px; margin:0 0 0 0; height:299px; padding:0 0 0 0;} body.home ul#ticker2 li{border:none; float:none; padding:0 0 0 0;} body.home ul#ticker2 li img{float:none; border:none; padding:0 0 0 0;} /* 2.4.1.2 Home Page List of Vacancies */ .left_column{width:480px; float:left; background-color:#f5f5f5; padding:0 20px 0px 20px; margin:0 0 0 2px; display:inline; overflow:hidden;} ul#position li{border-bottom:#b2b2b2 solid 1px; padding:10px; float:left; display:block; width:460px; position:relative;} ul#position li span.date{width:42px; height:45px; background:url(images/bg_date.png) no-repeat; display:inline-block; float:left; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; text-align:center; line-height:1.8em;} ul#position li span.date em{font-size:24px; font-weight:bold; font-style:normal;} ul#position li span.details{width:380px; float:left; margin:0 0 0 13px; display:inline; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em;} ul#position li span.details strong{font-weight:bold; width:90px; display:inline-block;} ul#position li span.details strong.permalink{color:#db6500; text-decoration:underline; font-weight:bold;} ul#position li span.details strong.permalink:hover{text-decoration:none;} ul#position li:hover {background:#d2d1d1; cursor:pointer;} .left_column li.rowA {background-color: #f5f5f5;} .left_column li.rowB {background-color: #e7e7e7;} p#view{padding:6px 0 0 130px; float:left; display:inline;} p#view a{width:207px; height:26px; background:url(images/button_view_all_vacancies.jpg) no-repeat; background-position:0px 0px; display:block; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#fe7500; font-weight:bold; text-decoration:none; text-align:center; padding-top:8px;} p#view a:hover{color:#cb996f; background-position:0px -34px;} /* 2.4.1.3 Home Page Upload CV */ .right_column{width:392px; float:left; padding:0 20px 0 20px; background:url(images/confidentiality_guaranteed.jpg) no-repeat bottom center #565c60; min-height:408px; height:auto !important; height:408px; overflow:hidden;} .right_column h1{color:#FFFFFF; border-bottom:#787d80 solid 1px;} .right_column p{color:#FFFFFF; margin:20px 0 0 0;} .right_column p a{color:#FFFFFF; text-decoration:underline;} .right_column p a:hover{text-decoration:none;} .right_column .submit {padding:0px; width:50px; margin:0 0 0 0;float:none; text-align:left;} .right_column .ddfmwrap{padding:0 0 0 0; margin:0 0 0 0; width:300px;} .right_column .ddfmwrap p{margin:0 0 0 0; padding:0 0 20px 0;text-align:left;} .right_column form.ddfm{padding:0 0 0 0; width:100px;} .right_column p.fieldwrap{padding:0; margin:0 0 0 0;} .right_column #fm_upload{float:none; margin:0; padding:0; width:200px; color:#000000;} .right_column .submit input{border:none; background:url(images/button_send.jpg) no-repeat; background-position:0px 0px; font-size:18px; color:#fe7500; font-weight:bold; width:108px; height:34px; cursor:pointer;} .right_column .submit input:hover{background-position:0px -34px; color:#cb996f;} .right_column .fieldwrap label{display:none;} .right_column .fieldwrap input{padding:0px; width:114px; margin:0 0 0 0; position:relative; color:#ffffff;} .right_column p#thanks{padding:10px 0 10px 0px; margin-bottom:-5px; color:#ffffff; font-weight:bold; border:dotted 3px #ffffff; text-align:center;} .right_column .errorlist{color:#ffffff; width:200px;} /* 2.4.2 Vacancies & Vacancy Page */ .left_column_vacancy{width:570px; float:left; background-color:#fafafa; padding:29px 20px 0 20px; margin:0 0 0 2px; display:inline; margin:0 20px 0 0;} .right_column_vacancy{width:300px; float:left; padding:20px 0 0 0; min-height:622px; height:auto !important; height:622px; background-color:#fafafa;} .left_column_vacancy li.rowA {background-color: #fbfbfb;} .left_column_vacancy li.rowB {background-color: #ebebeb;} .left_column_vacancy ul#position li{border-bottom:#b2b2b2 solid 1px; padding:10px; float:left; display:block; width:552px;} #categories_top{width:305px; background:url(images/categories_top.jpg) no-repeat top; margin:4px 0 0 0;} #categories_bottom{width:271px; background:url(images/categories_bottom.jpg) no-repeat bottom; padding:5px 17px 70px 17px;} #bottom_page #categories_bottom h1{margin:0 0 0 0;} #categories_bottom ul li{margin:6px 0 0 0;background:#cccccc; background-position:0px 0px; width:257px; display:block; padding:9px 0 7px 10px; font-size:0.9em; color:#6a6a6a;} #categories_bottom ul li a{background:url(images/raquo.gif) top left no-repeat; background-position:2px 5px;color:#424242; text-decoration:none; font-weight:bold; padding:5px 10px 5px 20px; font-size:1.1em; line-height:1.6em;} #categories_bottom ul li a span{background:url(images/bg_category_bottom.jpg) no-repeat top; background-position:0px 0px; width:269px; display:block; height:10px;} #categories_bottom ul li a:hover{color:#FFFFFF;background-color:#848484; background-position:2px -67px;} #categories_bottom ul li:hover{} #categories_bottom ul li span:hover{background-position:0px -10px;} #other_entries{} #other_entries a{color:#db6500; text-decoration:underline; margin-top:30px;} #other_entries a:hover{text-decoration:none;} ul#vacancy_page_position{float:left; width:590px;} ul#vacancy_page_position li{padding:10px; float:left; display:block;} ul#vacancy_page_position li span.date{width:42px; height:45px; background:url(images/bg_date.png) no-repeat; display:inline-block; float:left; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; text-align:center; line-height:1.8em;} ul#vacancy_page_position li span.date em{font-size:24px; font-weight:bold; font-style:normal;} ul#vacancy_page_position li span.details{width:380px; margin:0 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; height:100px;} ul#vacancy_page_position li span.details strong{font-weight:bold; width:90px; display:inline-block;} ul#vacancy_page_position li span.details strong.permalink{color:#db6500; text-decoration:underline; font-weight:bold;} ul#vacancy_page_position li span.details strong.permalink:hover{text-decoration:none;} ul#vacancy_page_position li:hover {} p.vacancy_metadata{border:solid 1px #cccccc; background:#cccccc; padding:3px; float:left; width:100%; color:#363a3d; font-size:0.9em; margin:0 0 20px 0; text-transform:lowercase;} p.vacancy_metadata a{color:#363a3d; text-decoration:underline;} p.vacancy_metadata a:hover{color:#363a3d; text-decoration:none;} .edit_entry{border:solid 1px #c8c8c8; background:#eaeaea; float:right; padding:4px;} #other_entries{padding:0 20px 0 20px; margin:30px 0 0 0; float:left; width:530px;} #cv_top{width:300px; background:url('images/cv_top.jpg') no-repeat top #565c60; margin:0 0 30px 0;} #cv_bottom{width:270px; background:url('images/cv_bottom.jpg') no-repeat bottom; padding:22px 15px 22px 15px;} #cv_bottom h1{color:#ffffff; font-size:16px;} #cv_bottom p{color:#ffffff; text-align:left;} #cv_bottom p a{color:#ffffff; text-decoration:underline;} #cv_bottom p a:hover{text-decoration:none;} #cv_bottom p.fieldwrap{margin:0 0 0 0; float:none;} #cv_bottom p.fieldwrap label{display:none;} #cv_bottom p.fieldwrap #fm_upload{margin:0 0 0 -12px; color:#000000;} #cv_bottom .ddfmwrap{margin:0 0 0 0; float:none;} #cv_bottom .submit{width:108px; margin:0 0 0 -10px;} #cv_bottom .submit input{border:none; background:url(images/button_send.jpg) no-repeat; background-position:0px 0px; font-size:18px; color:#fe7500; font-weight:bold; width:108px; height:34px; cursor:pointer;} #cv_bottom .submit input:hover{background-position:0px -34px; color:#cb996f;} /* 2.4.2.1 Vacancy Page Post */ div.entry{line-height:1em; position:relative;} div.entry p{margin:0 0 0 0; font-size:12px; line-height:1.3em; font-family:Verdana, Helvetica, sans-serif; color:#1f2324;} div.entry a{text-decoration:underline;} div.entry a:hover{text-decoration:none;} div.entry strong a{text-decoration:none;} div.entry strong a:hover{text-decoration:underline;} div.entry h2{text-decoration:underline; font-size:13px;} div.entry ul{margin:0 0 0 0px;} div.entry ul li{background:url(images/list_item.gif) no-repeat; background-position:0px 1px; padding-left:15px; margin:5px 0 5px 0; line-height:1.3em; font-size:12px; color:#1f2324; font-family:Verdana, Helvetica, sans-serif;} div.entry table{border:none; position:relative; float:left; width:100%; margin:0 0 20px 0;} div.entry table td{border:none;font-size:12px; color:#1f2324; font-family:Verdana, Helvetica, sans-serif; line-height:1.3em;} #cv_bottom .ddfmwrap{width:248px;} #cv_bottom form{width:248px;} /* 2.4.2.2 Vacancy Sociable */ .sociable{border: #c8c8c8 dotted 2px; padding:10px; width:280px; float:left; margin:0 0 15px 0;} .sociable strong{font-size:1.4em;} .sociable ul{float:left;} .sociable li{float:left; margin:0 8px 0 0;} /* 2.4.2.3 Vacancy Attached Files */ .entry .wam_wrap li{background:none;} h4.wam{font-family:arial, helvetica, sans-serif;} .entry .wam_wrap li p{font-size:0.9em;} /* 2.4.3 About Page */ ul#sectors{margin:20px 0 0 0;} ul#sectors li{font-size:14px; background:url(images/list_item.gif) no-repeat left; padding:4px 0 4px 20px;} ul#sectors li.rowA{background-color:#f8f3ed;} ul#sectors li.rowB{background-color:#fafafa;} #statement_top{width:370px; background:url(images/bg_statement_top.jpg) no-repeat top; margin:20px 0 0 0;} #statement_bottom{width:340px; background:url(images/bg_statement_bottom.jpg) no-repeat bottom; padding:2px 15px 35px 15px;} #statement_bottom p{text-indent:30px;} #statement_bottom p span{width:25px; height:19px; background:url(images/99.jpg) no-repeat; display:inline-block; margin:0 0 -8px 0;} #left_side p{margin:0 0 0 0;} /* 2.4.4 General Sub Page Layouts */ #bottom_page{width:956px; background:url(images/bg_page.png) repeat-y;} #bottom_page_alt{width:956px; background:url(images/bg_page_alt.png) repeat-y;} #bottom_page_vacancies{width:956px; background:url(images/bg_page_vacancies.png) repeat-y;} #bottom{width:956px; height:12px; background:url(images/page_bottom_home.jpg) no-repeat; float:left;} #bottom2{width:956px; height:12px; background:url(images/page_bottom.jpg) no-repeat; float:left;} #bottom3{width:956px; background:url(images/page_bottom_form.jpg) no-repeat bottom; float:left;} #bottom3 #explanation{margin:10px 0 0 10px;} #bottom3 #explanation p{color:#ffffff; margin:0 0 0 20px; padding:0 0 0 0; line-height:1.5em;} #bottom3 #explanation p strong{font-size:16px;} #bottom3 #form_upload{padding:0 0 0 0px; width:490px; float:right; margin:-32px 0 0 0; height:40px;} #bottom3 #form_upload .ddfmwrap{padding:0px 0 0 0; width:480px; margin:-10px 0 0 0;} #bottom3 #form_upload .ddfm{width:468px;} #bottom3 #form_upload .ddfmwrap p{margin:0 0 0 0; padding:0 0 0 0;} #bottom3 #form_upload .ddfmwrap #fm_upload{width:270px; color:#000000;} #bottom3 #form_upload p.fieldwrap label{text-align:left; color:#ffffff; padding:7px 0 0 0; width:70px;} #bottom3 #form_upload .submit{width:108px; margin:-45px 0 0 350px; float:left; display:inline;} #bottom3 #form_upload .submit input{border:none; background:url(images/button_send.jpg) no-repeat; background-position:0px 0px; font-size:18px; color:#fe7500; font-weight:bold; width:108px; height:34px; cursor:pointer; margin:0px 0 0 0px; position:relative;} #bottom3 #form_upload .submit input:hover{background-position:0px -34px; color:#cb996f;} #bottom3 span.required{display:none;} /*#bottom3 div#form_upload{width:950px; float:left; margin:0px 20px 0 0; } #bottom3 #explanation p{color:#FFFFFF; margin:0px 0 0px 13px; padding:0 0 0 0; font-size:0.9em; width:500px; display:inline; float:left; border:red solid 1px;} #bottom3 #explanation p strong{font-weight:bold; font-size:14px;} #bottom3 p{display:none;} #bottom3 #form_upload{border:red solid 1px; height:30px;} #bottom3 #form_upload p#thanks{display:block; padding:5px 0 0 14px; margin-bottom:0px; color:#ffffff; font-weight:bold;} #bottom3 p.fieldwrap{padding:0 0 0 0; color:#FFFFFF; width:315px; float:left; display:inline; margin:0px 0 0 0px;} #bottom3 p.fieldwrap label{display:none; color:#ffffff;} .fmfile{color:#ffffff; border:red solid 1px;} .ddfmwrap{border:red solid 1px; float:right; width:300px;} #bottom3 .submit input{border:none; background:url(images/button_send.jpg) no-repeat; background-position:0px 0px; font-size:18px; color:#fe7500; font-weight:bold; width:108px; height:34px; cursor:pointer; float:right; display:inline; margin:0px 0 0 0px; float:right;} #bottom3 .submit input:hover{background-position:0px -34px; color:#cb996f;}*/ #left_side{width:500px; float:left; padding:0 20px 0 20px; background:url(images/bg_left_side.jpg) repeat-x top #fefefe; margin:0 0 0 2px;} #right_side{width:371px; background:url(images/bg_right_side.jpg) no-repeat top left #fefefe; float:left; padding:0 20px 0 20px; min-height:504px; height:auto !important; height:504px;} body.page-id-25 #right_side{min-height:390px; height:auto !important; height:390px;} body.page-id-27 #right_side{min-height:350px; height:auto !important; height:350px;} /* 2.4.5 Clients Page */ #test_top{width:368px; background:url(images/testimonials_top.jpg) no-repeat top; margin:20px 0 0 0;} #test_bottom{width:338px; background:url(images/testimonials_bottom.jpg) no-repeat bottom; padding:1px 15px 45px 15px; position:relative;} #test_bottom p{margin:10px 0 10px 0; padding:0;} #test_bottom p em{color:#e26a04; font-size:28px; font-style:italic; font-weight:bold; padding:0 0 0 25px;} #client_testimonials_carousel_buttons{} #client_testimonials_carousel_buttons a img#next{margin:40px 0 0 50px; position:absolute; right:0px;} #client_testimonials_carousel_buttons a img#prev{margin:40px 0 0 240px; position:absolute; right:30px} /* ---------------- Begin Ticker box CSS ----------------- */ .tickerbox ul {position:relative;} .tickerbox li { width:100%; list-style:none; position:absolute; padding:0; overflow:hidden } /* ---------------- End Ticker box CSS ----------------- */ /* 2.4.5.1 Clients Page Image Carousel */ #holder{position:relative;} .stepcarousel{ position: relative; /*leave this value alone*/ overflow: scroll; /*leave this value alone*/ width: 338px; /*Width of Carousel Viewer itself*/ height: 183px; /*Height should enough to fit largest content's height*/ margin:0px 0 0 0; } .stepcarousel .belt{ position: absolute; /*leave this value alone*/ left: 0; top: 0; } .stepcarousel .panel{ float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin: 0px 20px 0 0px; /*margin around each panel*/ width: 338px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ position:relative; } .client_right img{margin:39px 0 0 15px;} #client_gallery{background:url(images/bg_client_carousel.jpg) no-repeat; width:859px; height:234px; float:left; margin:0 0 0 50px; position:relative; display:inline;} #client_gallery .stepcarousel{ position: relative; /*leave this value alone*/ overflow: hidden; /*leave this value alone*/ width: 859px; /*Width of Carousel Viewer itself*/ height: 234px; /*Height should enough to fit largest content's height*/ margin:0px 0 0 0; float:left; } #client_gallery .stepcarousel .belt{ position: absolute; /*leave this value alone*/ left: 0; top: 0; float:left; } .tickerbox{ float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin: 0px 125px 0 125px; /*margin around each panel*/ width: 603px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ height:186px; background:url(images/bg_clients_panel.png) no-repeat; position:relative; padding:0px 0 0 13px; } .tickerbox img{float:left; border:#c3c3c3 solid 1px; padding:3px; background-color:#FFFFFF;} .tickerbox h2{float:left; border-bottom:#d4d4d4 solid 1px; margin:0 0 0 15px; width:405px; padding-bottom:4px; font-size:18px;} .tickerbox p{float:left; margin:9px 0 0 15px; width:390px;} /* 2.4.6 Contact Page */ #left_side_contact{width:460px; float:left; padding:0 20px 0 20px; background:url(images/bg_left_side.jpg) repeat-x top #fefefe; margin:0 0 0 2px;} #right_side_contact{width:412px; background:url(images/bg_right_side.jpg) no-repeat top left #fefefe; float:left; padding:0 20px 0 20px; min-height:504px; height:auto !important; height:504px;} #right_side_contact img{margin:30px 0 0 0;} .contact_left p{width:255px; float:left;} .contact_left p a{color:#363a3d; text-decoration:underline;} .contact_left p a:hover{text-decoration:none;} .contact_left p#postal{float:left; width:200px;} /* 2.4.7 Privacy Page */ #bottom_page_full_width{width:956px; background:url(images/bg_page.png) repeat-y;} #bottom_page_full_width .content{padding:30px 30px 30px 30px;} #bottom_page_full_width .content h1{font-size:1.9em; font-weight:normal;} #bottom_page_full_width .content h2{font-size:1.4em; font-weight:normal;} /*-----------------------------*/ /* 2.5 FOOTER */ /*-----------------------------*/ #footer{width:956px; background:url(images/footer_shadow.jpg) no-repeat top; padding:53px 0 25px 0;} #footer p{font-size:11px; padding:0 0 10px 5px; width:495px;} #footer ul{ width:495px;} #footer ul li{display:inline; border-right:#000000 solid 1px; padding:0 7px 0 5px;} #footer ul li.last{border:none;} #footer ul li a{font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:11px; text-decoration:none;} #footer ul li a:hover{text-decoration:underline;} #footer ul#logos{float:right; margin:-72px 0 0 0; width:443px;} #footer ul#logos li{border:none;} /*-----------------------------*/ /* 3 WIDGETS */ /*-----------------------------*/ /*-----------------------------*/ /* 4. TYPOGRAPHY */ /*-----------------------------*/ a{cursor:pointer; outline:0;} h1{font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; border-bottom:#d1d1d1 solid 1px; padding:0 0 5px 0; margin:20px 0 0 0;} h1#home{border:none; z-index:99; position:relative; line-height:1em;} p{line-height:1.3em; margin:10px 0 0 0; text-align:justify;} strong{font-weight:bold;} /*-----------------------------*/ /* 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;}