/*
Theme Name: Eighty Six
Theme URI: http://eightysix.co.za/
Description: Eighty Six Website Template
Version: 1.0
Author: Byron Rode
Author URI: http://eightysix.co.za
*/
@font-face {
  font-family: 'LeagueGothic';
  src: url("http://eightysix.co.za/LeagueGothic.eot");
  src: local('League Gothic'),
		url("http://eightysix.co.za/leaguegothic.svg#lg") format('svg'),
        url("http://eightysix.co.za/LeagueGothic.otf") format('opentype');
}

* { margin: 0; padding: 0; }
body { font-family: Helvetica, Arial, serif; font-size: 62.5%; }
.clear { clear: both; line-height: 0; }
#page { width: 830px; margin: 0 auto; }
#page h1 { font-family: 'LeagueGothic', 'Arial Narrow', sans-serif; text-transform: uppercase; font-weight: normal; font-size: 5.2em; color: #333; background: transparent; }
#page a { color: #9b292b; background: transparent; text-decoration: none; font-weight: bold; }
#page a:hover { border-bottom: 1px dotted #9b292b; }

#page #intro-block { margin: 70px 0 0 0; color: #333; background: #fff; }
#page #intro-block #intro-text p { font-size: 1.5em; margin: 10px 0 0 0; }

#page #intro-block #intro-slogan { margin: 30px 0; font-family: 'LeagueGothic', 'Arial Narrow', sans-serif; }
#page #intro-block #intro-slogan #intro-slogan-text div.big { text-transform: uppercase; font-weight: normal; font-size: 5.2em; line-height: 0.8em; color: #333; background: transparent; }
#page #intro-block #intro-slogan #intro-slogan-text span.small { float: right; margin: -5px 15px 0 0; text-transform: none; font-weight: normal; font-size: 0.5em; line-height: 0.9em; color: #7e7e7e; background: transparent; }
#page #intro-block #intro-slogan #intro-slogan-text span { color: #9b292b; background: transparent; }
#page #intro-block #intro-slogan #intro-slogan-text span.small span { color: #5a5a5a ; background: transparent; }

#page #header { display: block; clear: both; position: relative; margin: 30px 0 30px 0; height: 170px; width: 100%; background: #e6e6e6; color: #333; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
#page #header h1 a { display: block; text-indent: -9999px; background: url('images/header.png') no-repeat 0 0; height: 170px; width: 100%; margin: 0 auto; }
#page #header .description { display: none; }
#page #header h1 a:hover { border: none; }
#page #header #specials-link a { display: block; text-indent: -9999px; position: absolute; width: 291px; height: 77px; background: url('images/specials-link.png') no-repeat; z-index: 2; top:46px; right:46px; }
#page #header #specials-link a:hover { background-position: 0 -77px; border: none; }

#page #nav { clear: both; height: 62px; width: 100%; background: #333; color: #fff; margin: 0 0 30px 0; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
#page #nav ul { list-style: none; padding: 0 0 0 15px; }
#page #nav ul li { float: left; padding: 1.65em 1.3em; }
#page #nav ul li a { font-family: 'LeagueGothic', 'Arial Narrow', sans-serif; font-weight: normal; font-size: 2.9em; line-height: 0.8em; text-transform: uppercase; color: #e6e6e6; background: transparent; text-shadow: #000 1px 1px 0px ; }
#page #nav ul li a:hover, 
#page #nav ul li#current a { border: none; color: #7e7e7e; background: transparent; }
#page #nav ul li a span { display: block; color: #818181; background: transparent; text-transform: uppercase; font-family: Helvetica, Arial, serif; font-size: 9px; line-height: 8px; font-weight: normal; text-shadow: none; }
#page #nav ul li a:hover span, 
#page #nav ul li#current a span{ color: #e6e6e6; background: transparent; }

#page #content #latest-post-wrap { padding: 6px; background: #d6d6d6; color: #333; margin: 0 0 15px 0; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
#page #content #latest-post { padding: 10px; background: #e6e6e6; color: #333; border: 1px solid #bbb; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
#page #content #latest-post h2 a:hover { color: #666; }
#page #content  #latest-post .splitter { border: none; margin: 0; line-height: 0; clear: both; }

#page #content { width: 600px; margin: 0 30px 30px 0; float: left; }
#page #content p { line-height: 1.3em; }
#page #content a { font-weight: normal; }
#page #content h2 { font-family: 'LeagueGothic', 'Arial Narrow', sans-serif; font-size: 4em; color: #333; font-weight: normal; text-transform: uppercase; }
#page #content h2 a { color: #333; background: transparent; }
#page #content h2 a:hover { border: none; color: #9b292b; }
#page #content h3 { font-family: 'LeagueGothic', 'Arial Narrow', sans-serif; color: #333; font-weight: normal; text-transform: uppercase; font-size: 2em; margin: .5em 0;  }
#page #content h4 { font-family: 'LeagueGothic', 'Arial Narrow', sans-serif; color: #9b292b; font-weight: normal; text-transform: uppercase; font-size: 1.5em; margin: 0;  }

#page #content a.more-link { float: left; font-size: 10px; line-height: 22px; height: 22px; display: block; text-transform: uppercase; text-align: center; background: #c2c2c2; color: #666; font-weight: normal; width: 130px; margin: 1.9em 0 0 0; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
#page #content a.more-link:hover { border: none; background: #b2b2b2; }
#page #content .meta { float: right; font-size: 0.9em; display: block; margin: 1em 0 0 0; color: #595959; }
#page #content .meta a { color: #595959; font-weight: bold; }
#page #content .meta a:hover { border-bottom: 1px dotted #595959; }
#page #content .entry { margin: 10px 0 20px 0; font-size: 1.4em; clear: both; }
#page #content .splitter { clear: both; line-height: 15px; border-bottom: 1px dotted #d2d2d2; margin: 1em 0; }
#page #content .entry p { margin: 0 0 10px 0; }
#page #content .entry ul { margin: 0 0 0 5px; }
#page #content .entry ul li { list-style: none; line-height: 1.2em; }
#page #content .entry ul li:before { content: "\00BB \0020"; color: #9b292b; font-size: 1.2em; }
#page #content .entry ul li ul { margin: 0 0 0 15px; }
#page #content .entry ul ul li:before { content: "- \0020"; color: #9b292b; font-size: 1.2em; }

#page .navigation { margin: 0; }
#page .navigation .alignleft { float: left; }
#page .navigation .alignright { float: right; }
#page .navigation a { float: left; font-size: 10px; line-height: 22px; height: 22px; display: block; text-transform: uppercase; text-align: center; background: #9b292b; color: #fff; font-weight: normal; width: 130px; margin: 1.9em 0 0 0; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
#page .navigation a:hover { border: none; }

#page #content .scf-form, 
#page #content #comment-wrapper,
#page #content #searchform { padding: 6px; background: #d6d6d6; color: #333; margin: 15px 0; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
#page #content .scf-form form, 
#page #content #comment-wrapper form,
#page #content #searchform div { padding: 10px; background: #e6e6e6; color: #333; border: 1px solid #bbb; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
#page #content .scf-form div.form-row, 
#page #content #comment-wrapper div.form-row { margin: 0 0 5px 0; }
#page #content .scf-form label, 
#page #content #comment-wrapper label { font-size: 1.2em; width: 200px; line-height: 30px; }
#page #content .scf-form input, 
#page #content #comment-wrapper input { font-size: 13px; height: 24px; line-height: 24px; border: 3px solid #aaa; background: #ccc; color: #333; width: 300px; }
#page #content .scf-form textarea, 
#page #content #comment-wrapper textarea { font-size: 1.1em; border: 3px solid #aaa; width: 400px; height: 200px; background: #ccc; color: #333; }
#page #content .scf-form .form-submit input, 
#page #content #comment-wrapper .form-submit input { border: none; font-size: 10px; line-height: 22px; height: 22px; display: block; text-transform: uppercase; text-align: center; background: #9b292b; color: #fff; font-weight: normal; width: 130px; margin: 1.9em 0 0 0; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
#page #content .scf-form-error { background: #c6c6c6; color: #2d2d2d; padding: 1em .5em; margin: 0 0 15px 0; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }

#page #content #searchform label { font-size: 1.4em; width: 200px; line-height: 30px; margin: 0 15px 0 0; }
#page #content #searchform input { font-size: 13px; height: 24px; line-height: 24px; border: 3px solid #aaa; background: #ccc; color: #333; width: 300px; }
#page #content #searchform #searchsubmit { border: none; font-size: 10px; line-height: 22px; height: 22px; text-transform: uppercase; text-align: center; background: #9b292b; color: #fff; font-weight: normal; width: 130px; margin: 0 0 0 25px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }

#page #content .postmetadata { border: none; display: block; text-align: left; background: #9b292b; color: #fff; font-weight: normal; margin: 1.9em 0 0 0; padding: .5em; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
#page #content .postmetadata a { color: #fff; font-weight: bold; border-bottom: 1px solid #fff; }
#page #content .postmetadata a:hover { border-bottom: 1px dotted #fff; }

#page #content ol.commentlist { list-style: none; margin: 20px 0; }
#page #content ol.commentlist li { clear: both; min-height: 64px; padding: .8em; margin: 0 0 10px 0; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
#page #content ol.commentlist li.comment-author-admin, #page #content ol.commentlist li.even.comment-author-admin, #page #content ol.commentlist li.odd.comment-author-admin { background: #333; color: #fff; }
#page #content ol.commentlist li.even { background: #f3f3f3; }
#page #content ol.commentlist li.odd { background: #e6e6e6; }
#page #content ol.commentlist li img { float: left; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin: 0 10px 0 0; height: 64px; }
#page #content ol.commentlist li p { display: block; margin: 0 0 0 74px; padding: 10px 0 4px 0; font-size: 1.3em; font-weight: normal; }
#page #content ol.commentlist li.comment-author-admin cite, #page #content ol.commentlist li.comment-author-admin cite a { color: #fff; background: transparent; border: none; text-shadow: #000 1px 1px 0; }
#page #content ol.commentlist li.comment-author-admin .comment-meta a, #page #content ol.commentlist li.comment-author-admin p a { color: #999; background: transparent; border: none; text-shadow: #000 1px 1px 0; }
#page #content ol.commentlist li.comment-author-admin p a:hover { color: #666; background: transparent; }
#page #content ol.commentlist li cite { font-size: 1.2em; line-height: 1.2em; display: inline-block; padding: 4px 0 0 0; }
#page #content .nocomments { font-size: 1.3em; padding: 1em 0; }

#page #sidebar { width: 200px; margin: 0; float: left; }
#page #sidebar h2 { font-family: 'LeagueGothic', 'Arial Narrow', sans-serif; font-size: 2.4em; color: #333; font-weight: normal; text-transform: uppercase; margin: 0 0 5px 0; }
#page #sidebar h2 a { color: #333; font-weight: normal; }
#page #sidebar ul { list-style: none; }
#page #sidebar ul li { margin: 0 0 20px 0; font-size: 1em; }
#page #sidebar ul li ul li { margin: 0; }
#page #sidebar ul li.widget_archive, 
#page #sidebar ul li.widget_links, 
#page #sidebar ul li.widget_categories { text-transform: uppercase; }
#page #sidebar #searchform label { display: none; }
#page #sidebar #searchform input { font-size: 13px; height: 24px; line-height: 24px; border: 3px solid #aaa; background: #ccc; color: #333; width: 195px; }
#page #sidebar #searchform #searchsubmit { border: none; font-size: 10px; line-height: 22px; height: 22px; display: block; text-transform: uppercase; text-align: center; background: #9b292b; color: #fff; font-weight: normal; width: 130px; margin: .2em 0 0 0; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
#page #sidebar .entry-meta { display: block; }

#footer { clear: both; margin: 30px 0 0 0; text-align: center; border-top: 1px dotted #d2d2d2; padding: 15px 0 0 0; height: 50px; }
#footer p { line-height: 35px; float: right; font-size: 1.2em; }
#footer ul { list-style: none; }
#footer ul li { float: left; }
#footer ul li a { display: block; height: 32px; margin: 0 20px 0 0; text-indent: -9999px; background: url('images/footer_sprite.png') no-repeat 0 0; }
#footer ul li a:hover { border: none; }
#footer ul li.wordpress a { background-position: 0 0; width: 30px; }
#footer ul li.mac a { background-position: -52px 0px; width: 25px; }
#footer ul li.mediatemple a { background-position: -98px 0px; width: 59px; }
#footer ul li.rss a { background-position: -180px 1px; width: 19px; }