/* Theme Name: Horizon Leadership Theme URI: http://www.horizonleadership.ca/ Description: Custom Theme for Horizon Leadership Inc. Version: 1.0 Author: Duncan Freeburn Tags: Horizon Leadership, Sam Hamilton, Duncan Freeburn */ /* Color Palette: Logo Green: #019e39 Logo Purple: #630183 Dark Green: #2e7934 */ body, html { width: 100%; height: 100%; margin: 0; padding: 0; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11pt; } a { color: #630183; } a:hover { color: #019e39; } a img { border: 0; } div#body { width: 960px; margin: 0 auto; } h1#head { margin: 0; } h1#head a { display: block; height: 124px; width: 193px; margin: 10px 0 0 20px; } div#menu { height: 35px; background: url('images/menu_bg.gif') repeat-x; margin: 10px 0; padding: 0 15px; position: relative; z-index: 10; font-size: 10pt; } #menu #menul { display: block; position: absolute; top: 0; left: 0; width: 10px; height: 35px; background: url('images/menu_l.gif') no-repeat; } #menu #menur { display: block; position: absolute; top: 0; right: 0; width: 10px; height: 35px; background: url('images/menu_r.gif') no-repeat; } #menu ul { margin: 0; padding: 0; list-style: none; } #menu ul li { display: block; float: left; height: 35px; position: relative; } #menu ul li a { display: block; padding: 9px 10px; text-transform: uppercase; text-decoration: none; font-weight: bold; color: #630183; } #menu ul li a:hover { background-image: url('images/menu_on_bg.gif'); color: #fff; } #menu ul li ul { display: none; position: absolute; z-index: 100; top: 35px; left: 10px; border: 1px solid #2e7934; border-top: 0; } #menu ul li:hover ul, #menu ul li.hover ul { display: block; } #menu ul li ul li { float: none; height: auto; padding: 0; } #menu ul li ul li a { padding: 4px 10px; text-transform: none; font-weight: normal; background: #eee; color: #000; } #menu ul li ul li a:hover { background: #ccc; color: #630183; } #menu ul li.page-item-10 ul { width: 0; } /* Home Submenu */ #menu ul li.page-item-4 ul { width: 120px; } /* About Us Submenu */ .win.ie #menu ul li.page-item-4 ul li a { width: 100px; } #menu ul li.page-item-2 ul { width: 120px; } /* Approach Submenu */ .win.ie #menu ul li.page-item-2 ul li a { width: 100px; } #menu ul li.page-item-13 ul { width: 170px; } /* Services Submenu */ .win.ie #menu ul li.page-item-13 ul li a { width: 150px; } #menu ul li.page-item-25 ul { width: 0; } /* Blog Submenu */ #menu ul li.page-item-27 ul { width: 135px; } /* Resources Submenu */ .win.ie #menu ul li.page-item-27 ul li a { width: 115px; } #menu ul li.page-item-35 ul { width: 130px; } /* News Submenu */ .win.ie #menu ul li.page-item-35 ul li a { width: 110px; } #menu ul li.page-item-41 ul { width: 0; } /* Contact Submenu */ #menu #search { float: right; width: 270px; text-align: right; padding-top: 7px; } #menu #search input#s { width: 180px; background: #ccc; } #menu #search input#sbtn { background: #ccc; border: 2px solid #630183; padding-bottom: 1px; } .win.ie #menu #search { width: 350px; padding-top: 5px; } .win.ie #menu #search input#sbtn { font-size: 8pt; padding-top: 1px; } div#mainimg { margin-bottom: 10px; } div#main { background: url('images/main2.gif') repeat-y; position: relative; padding: 15px 15px 15px 20px; z-index: 0; min-height: 400px; _height: 400px; } body.home div#main { background-image: url('images/main.gif'); } #main #top { position: absolute; top: 0; left: 0; width: 100%; height: 10px; background: url('images/top.gif') no-repeat; } #main #bot { position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: url('images/bot.gif') no-repeat; } body.page #main #cont, #main #cont { width: auto; } body.home #main #cont, body.blog #main #cont, body.single #main #cont { width: 650px; } div#side { width: 250px; float: right; margin: 0 0 0 20px; } div#foot { width: 100%; height: 35px; background: url('images/menu_bg.gif'); margin: 10px 0; text-align: center; } #foot #footl { display: block; float: left; width: 10px; height: 35px; background: url('images/menu_l.gif') no-repeat; } #foot #footr { display: block; float: right; width: 10px; height: 35px; background: url('images/menu_r.gif') no-repeat; } #foot #print { display: none; } div#shc { text-align: center; font-size: 8pt; } #shc a { color: #630183; } /* Page Content */ div#main h2 { font-size: 28px; margin: 10px 0; color: #630183; letter-spacing: 0.0em; } div#main #cont h3.blog { font-size: 16px; margin: 0; color: #630183; letter-spacing: 0; } div#main h2 a { color: #630183; text-decoration: none; } div#main #cont p { line-height: 1.6em; } div#main #cont h3 { clear: none; margin-top: 25px; } div#main #cont img.alignright { float: right; clear: right; } #main img.rightimg { float:right; margin: 0 0 30px 10px; clear: right; } div#main #cont div.post { margin: 30px 0; } div#main #cont div.post div.date { text-transform: uppercase; font-size: 9pt; } div#main #cont div.post h2.title { margin-bottom: -10px; } div#main #cont div.post div.content { font-size: 10pt; } div#main #cont div.post div.feedback { font-size: 9pt; margin-top: -10px; } div#main h2#comments { font-size: 20px; border-top: 2px solid #ccc; margin: 10px 270px 10px 0; padding: 10px 0 0 0; } div#main ol#commentlist { width: 655px; list-style-position: inside; padding-left: 0; font-size: 10pt; } div#main ol#commentlist li { font-size: 300%; position: relative; padding-left: 10px; color: #999; } div#main ol#commentlist li div { font-size: 33%; display: block; float: right; width: 600px; margin-top: -10px; color: #000; } div#main ol#commentlist li div cite { font-size: 9pt; color: #666; font-style: italic; } div#main ol#commentlist li.even { background: #ccc url('images/comment_bg.gif') repeat-x; } div#main ol#commentlist li div.clearboth { float: none; clear: both; margin-top: 0; } .win.ie div#main ol#commentlist { width: 655px; margin-left: 0; } .win.ie div#main ol#commentlist li { font-size: 300%; } .win.ie div#main ol#commentlist li div { font-size: 33%; float: none; margin-top: 0; padding-top: 10px; padding-left: 30px; } div#main h2#postcomment { font-size: 20px; border-top: 2px solid #ccc; margin: 20px 270px 10px 0; padding: 10px 0 0 0; } div#main p#rsslinks { font-size: 9pt; } div#main form#commentform { width: 660px; } div#main form#commentform input { background: #ccc url('images/comment_bg.gif') repeat-x; border: 2px solid #ccc; width: 541px; margin-bottom: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; } div#main form#commentform textarea { background: #ccc url('images/comment_bg.gif') repeat-x; border: 2px solid #ccc; width: 651px; margin-top: 0; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; } div#main form#commentform label { display: block; float: left; clear: left; width: 110px; height: 18px; padding: 2px 0; } div#main form#commentform input#submit { width: auto; display: block; margin: 0 auto; background: #ccc; border: 2px solid #630183; } div#main form#commentform input#submit:hover { border-color: #019e39; cursor: pointer; color: #630183; } body.search div#main #cont h3.title.blog { margin: 20px 0 5px 0; } body.search div#main #cont p { font-size: 10pt; margin: 0; line-height: 125%; } body.search div#main #cont p.postmetadata { font-size: 9pt; font-weight: bold; margin: 5px 0 0 0; } div#side ul#recentposts { margin: 0 0 0 10px; padding: 5px; list-style: none; } div#side ul#recentposts li.title { text-align: center; text-transform: uppercase; font-weight: bold; padding: 5px 10px 10px 10px; font-size: 11pt; } div#side ul#recentposts li { font-size: 9pt; line-height: 110%; padding: 0 5px 15px 5px; } div#side ul#recentposts li a { color: #630183; font-weight: bold; } div#side ul#recentposts li a:hover { color: #2e7934; } div#side ul#recentposts li span { display: block; font-size: 8pt; text-transform: uppercase; font-weight: bold; margin-top: 1px; margin-bottom: -1px; } div#side ul#recentposts li.link a { display: block; text-align: center; font-size: 10pt; } div#side div.subscribe_me { margin: 0 20px; } /* BOOK LIST */ body.page-id-29 #booklist { clear: both; } body.page-id-29 .book { display: block; float: left; width: 47%; height: 168px; margin: 0 10px 10px 0; border: 2px solid #ccc; background: #fff url('http://horizonleadership.ca/wp-content/plugins/amazonsimpleadmin/img/amazon_CA_small.gif') no-repeat bottom right; text-decoration: none; } body.page-id-29 .book:hover { border-color: #019e39; background-color: #e5e5e5; } body.page-id-29 .book .title { font-size: 11pt; color: #630183; font-weight: bold; display: block; margin: 5px 5px 0 0; } body.page-id-29 .book .author { font-size: 10pt; font-weight: normal; color: #666; display: block; margin-right: 5px; } body.page-id-29 .book img { border: 1px solid #666; float: left; margin: 3px 10px 3px 3px; } /* END BOOK LIST */ /* CONTACT FORM */ body.page-id-41 form table { width: 450px; margin: 0; } body.page-id-41 form table th, body.page-id-41 form table td { font-size: 10pt; vertical-align: top; } body.page-id-41 form table th { background: url('images/contact_header.gif') 0 5px no-repeat; height: 30px; padding: 10px 0 2px 0; } body.page-id-41 form table td { text-align: right; } body.page-id-41 form table td label { display: block; padding-top: 3px; } body.page-id-41 form table td input, body.page-id-41 form table td select, body.page-id-41 form table td textarea { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 9pt; width: 310px; } body.page-id-41 form table td input#submit { width: auto; } body.page-id-41 form table td.submit { text-align: center; padding-left: 39px; } body.page-id-41 form table td span.wpcf7-not-valid-tip { background: none; border: 0; color: #f00; font-size: 8pt; padding: 2px; position: absolute; top: 0; left: 320px; width: 110px; z-index: 100; text-align: left; } body.page-id-41 form div.wpcf7-response-output { width: 450px; margin: 10px auto; padding: 0; font-size: 9pt; text-align: center; } /* END CONTACT FORM */