@charset "UTF-8"; /* CSS Document */ /* Reset */ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, font, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;} /* remember to define focus styles! */ :focus {outline: 0;} body {line-height: 1;color: black;background: white;} ol, ul {list-style: none;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: separate;border-spacing: 0;} caption, th, td {text-align: left;font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} /*=== Setup ===*/ body{color: #555; font: 12px Arial; background-repeat: repeat-x;} h1 {font-size: 18px;margin-top: 30px;color:#e58146;} h2 {font-size: 14px;color:#183c8d;} h3 {background-color: #ed1c24;font-size: 15px;font-weight: bold;color: #fff; margin: 10px 0 5px 0;padding:2px 0 2px 4px;} p, ul, ol {font: 10px Arial,Verdana,Helvetica,Sans-Serif;margin: 0 0 1em;padding: 0px;line-height: 140%;} a {color: #f15a26;text-decoration: none;text-decoration: underline;} a:hover {color: #666;} li {font-size: 0.9em;} /*=== Layout ===*/ #wrap{margin: auto; width: 990px; height: 100%;} #featured{background-color: #DDDD0D;} #main-content {background-color: #fff; padding: 0px;} .content {margin: 0 auto;padding: 0;width: 960px;} #sidebar{} /*=== Header ===*/ #header {padding: 0px; height: 174px; width: 100%;} /*- Logo -*/ #logo {background: url("https://www.kingkroell.co.za/images/logo.gif") no-repeat top; float: left;width: 215px;} #logo h1{float: left; text-indent: -9999px;} #logo h1 a{display: block; height: 174px; width: 215px;} /* Menu */ #menu {float: right;width: 720px;} #menu ul {margin: 20px; padding: 125px 0px 0px 0px; list-style: none;} #menu li {float: left;} #menu a {padding: 0px 20px 0px 22px; background: url("https://www.kingkroell.co.za/images/img02.gif") no-repeat left center; font-weight:normal; text-decoration: none; text-transform: lowercase; font-family: Arial,Tahoma,Verdana,Helvetica,Sans-Serif; font-size: 12px; color: #999;} #menu a:hover {text-decoration: underline; color: #ffffff;} #menu .first a {background: none;} #menu .active a {text-decoration: underline; color: #ffffff;} /*=== Columns ===*/ #columns{} .col-left {float: left;} .col-right {float: right;} .fix {clear: both; height: 1px; margin: -1px 0 0; overflow: hidden;} div.hr {background: url("https://www.kingkroell.co.za/images/footer-hr.png") repeat-x left top; height: 4px; margin: 15px 0;} a.button {background: url("https://www.kingkroell.co.za/images/btn-slider-right.png") no-repeat right top; color: #3E3E3E; display: block; float: left; font-family: Arial;font-size: 18px;height: 46px;margin-right: 6px;padding-right: 13px;text-decoration: none;} a.button span {background: url("https://www.kingkroell.co.za/images/btn-slider.png") no-repeat 0 0; display: block; float: left; line-height: 46px; padding: 1px 5px 5px 18px;} a.button:hover span {text-decoration: underline;} span.middle {float: left; padding: 13px 13px 13px 9px;} #featured .alignright {float: right; margin: 5px 0 8px 20px;} #featured h2 {color: #FFFFFF;font-size: 40px;font-weight: normal;letter-spacing: -1px;line-height: 40px;padding: 20px 0 20px;text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);} #featured h4 {color: #333333;font-family: Arial,Helvetica,sans-serif;font-size: 18px;letter-spacing: 1px;line-height: 22px;} #featured p {color: #333333;font-size: 14px;line-height: 20px;} #main {width: 600px;} #main.full {width: 960px;} #main p, #main ul, #main ol {font-size: 14px;padding-top: 10px;} #main a {text-decoration: underline;} #main a:hover {text-decoration: none;} #main ol, #main ul {line-height: 18px;} #main ul {padding-left: 50px;} #main ul li {list-style: disc outside none; padding: 3px 0;} #main ol {padding-left: 25px;} #main ol li {list-style: decimal outside none;padding: 3px 0;} /* Sidebar */ #sidebar {overflow: hidden;width: 340px;} #sidebar h3 {border-bottom: 1px dashed #CCCCCC;color: #555555;letter-spacing: 1px;padding: 5px 0 15px;text-transform: uppercase;} #sidebar ul {clear: both;} #sidebar ul li a {color: #636363;} #sidebar a:hover, #sidebar .current-cat a, #sidebar li.active a {color: #000000;} #sidebar ul li .meta {color: #878787;display: block;font-family: Arial,Helvetica,sans-serif;font-size: 11px;font-weight: normal;text-transform: uppercase;} #sidebar .block {background: none repeat scroll 0 0 #FCFCFC;border: 1px solid #E9E8E8;padding: 15px;} #sidebar .block-no-border {background: none repeat scroll 0 0 #FCFCFC;padding: 15px;} #sidebar .block .inside {background: none repeat scroll 0 0 #EDEDED;border: 5px solid #D5D4D4;padding-bottom: 5px;} #sidebar .block .inside ul {padding: 0;} #sidebar .block .inside li {line-height: 18px;padding: 8px 0;position: relative;} #sidebar .block .inside li img.thumbnail {border: 2px solid #A4A4A4;float: left;margin-right: 10px;} #sidebar ul, #sidebar .textwidget {clear: both;padding: 5px 0;} #sidebar .widget {margin-bottom: 25px;} #sidebar li {line-height: 18px;overflow: hidden;padding: 5px 0 0 0;} #sidebar ul ul {border: 0 none;margin: 3px 0 0;padding: 0;} #sidebar ul ul li {border-color: #E2E2E2 -moz-use-text-color -moz-use-text-color;border-right: 0 none;border-style: solid none none;border-width: 1px 0 0;padding-bottom: 0;} #sidebar #news h3 {background: url("https://www.kingkroell.co.za/images/ico-rss.png") no-repeat left 3px;padding-left: 32px;} #sidebar #news li {background: url("https://www.kingkroell.co.za/images/ico-bullet.gif") no-repeat left 10px;padding: 5px 0 0 15px;} #sidebar .widget_twitter {font-size: 14px;} #sidebar .widget_twitter h3 {background: url("https://www.kingkroell.co.za/images/ico-twitter.png") no-repeat scroll left top transparent;padding-left: 32px;} #sidebar .widget_twitter a {color: #2882C1;font-size: 14px;} #sidebar .widget_twitter li {padding: 10px 0 0 0;} #sidebar .widget_twitter .time {font-size:85%;} #sidebar .widget_twitter .follow {padding: 10px 0 0;} #sidebar .widget_twitter .follow a {font-size: 12px;font-style: italic;} /* Form */ .customRed{color:red;} #customForm{background-color: #EEEEEE; padding: 20px; margin-top: 30px; width: 320px;} #customForm label{display: block;color: #797979;font-weight: 700;font-size:1.2em;line-height: 1.4em;} #customForm input{width: 285px;padding: 6px;color: #444;font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 11px;border: 1px solid #cecece;} #customForm input[type="radio"], #customForm input[type="checkbox"] {margin: 2px 0 0 4px;width: 20px; float:left;} #customForm .inline {float: left; width: 48%;} #customForm .greyblock {background-color: #e9e9e9;float: left;padding: 8px 0 8px 8px;width:100%;} #customForm input.error{background: #f8dbdb;border-color: #e77776;} #customForm textarea{width: 285px;height: 100px;padding: 6px;color: #adaeae;font-family: Arial, Verdana, Helvetica, sans-serif;font-style: italic;font-size: 12px;border: 1px solid #cecece;} #customForm textarea.error{background: #f8dbdb;border-color: #e77776;} #customForm div{margin-bottom: 15px;} #customForm .clear {clear:both;margin-bottom:0;} #customForm div span{font-style: italic;font-weight: normal;} #customForm div span.error{color: #e46c6e;} #customForm #send{background: #f15927;color: #fff;font-weight: 700;font-style: normal;font-size: 1.6em; height:40px;border: 0;cursor: pointer; width: 300px;} #customForm #send:hover{background: red;} #customForm label.error {width: auto;font-weight: normal; color: red; } /*=== Footer ===*/ #footer{background: url("https://www.kingkroell.co.za/images/footer-bkg.gif") repeat-x left top; background-color: #E1E1E1; padding: 25px 0 14px;} #footer div.hr {background: url("https://www.kingkroell.co.za/images/footer-hr.png") repeat-x left top; height: 4px; margin: 15px 0;} #footer .col-left {background: url("https://www.kingkroell.co.za/images/footer-bevel.gif") repeat-y right top; padding: 0 20px 0 0; width: 540px;} #footer .col-right {width: 280px;}