/* Theme Name: Exkalibur v2 Theme URI: none Description: Custom theem for Exkalibur Version: 2 Author: Josh Cunningham Author URI: http://joshcanhelp.com/ */ /*** CSS RESET Adapted from Eric Meyer's CSS Reset Reloaded http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ ***/ 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, em, font, img, ins, kbd, q, s, samp, small, strike, strong, 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%; line-height: 100%; font-family: inherit; vertical-align: baseline; } :focus {outline: 0;} ol, ul {list-style: none;} table {border-collapse: separate;border-spacing: 0;} caption, th, td {text-align: left;font-weight: normal;} img {border: 0;} .left, .alignleft {float: left} img.left, img.alignleft {margin: 0 10px 10px 0;} .alignright {float: right} img.right, img.alignright {margin: 0 0 10px 10px;} /*** universal styles ***/ h1,h2,h3,h4,h5,h6{font-size:100%; font-weight: bold; letter-spacing: -1px } h1{font-size:2em;} h2{font-size:1.8em;} h3{font-size:1.6em;} h4{font-size:1.4em;} h5{font-size:1.2em;} h6{font-weight:bold;} ul, ol {list-style:none;} a img {border: none;} /*** universal styles ***/ acronym, abbr {cursor:help; border-bottom:1px dashed #999;} strong {font-weight: bold;} em {font-style: italic;} .code {font:1.2em 'Courier New',Courier,Fixed;} .clear {clear:both;} .aligncenter {display:block;margin-right:auto;margin-left:auto;} .alignleft {margin:8px 8px 8px 0;float:left;} .alignright {margin:8px 0 8px 8px;float:right;} .center{text-align:center;} .strategy-badge {background: url(images/sword-bullet.png) 0 50% no-repeat} .finance-badge {background: url(images/sword-bullet.png) 0 50% no-repeat} .leadership-badge {background: url(images/sword-bullet.png) 0 50% no-repeat} /*** header.php styles ***/ body {line-height: 1em; font-size: 12px; background: #535353 url(images/main-bg-fade.png) repeat-x; font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif; color: #111111} #wrapper {width: 900px; position: relative; margin: 0 auto;} #header {height: 121px; position: relative; color: #e0e0e0; font-weight: bold; font-style:italic} #logo {width: 195px; height:98px; display: block; position: absolute; top: 10px; left: 0; background: url(images/exkalibur-logo.jpg) no-repeat;} #tagline1 {position: absolute; top: 49px; left: 300px; font-size: 1.6em; z-index: 0; letter-spacing: -1px;} #tagline2 {position: absolute; top: 50px; left: 301px; font-size: 1.6em; z-index: -1; color: #4f4f4f; letter-spacing: -1px;} #connect {position: absolute; top: 66px; right: 0; letter-spacing: -1px;} #nav {position: relative; width: 900px; height: 41px; background: url(images/nav-bg2.png) no-repeat; margin: 0 0 20px; } /* #nav {position: relative; width: 900px; height: 41px; background: url(images/nav-bg.png) no-repeat; } */ #nav li {display: block; float: left; font-weight: bold; font-size: 15px; border-right: 1px solid #111111; } #nav li a {color: black; text-decoration: none; padding: 14px 26px; display: block;} #nav li a:hover, #nav li a.active {background: url(images/1px-black-trans.png);} #nav a.rss {width: 49px; height: 49px; display: block; position: absolute; top: -8px; right: 10px; background: url(images/rss-icon.png) no-repeat;} #featured {position: relative; width: 900px; height: 137px; background: url(images/featured-bg.jpg) no-repeat; margin: 0 0 20px; } #featured li {width: 202px; height: 115px; margin: 11px 0 0 19px; display: block; float: left; } #featured li.adrenaline {background: url(images/feat-adrenaline.png) no-repeat;} #featured li.leader {background: url(images/feat-leader.png) no-repeat;} #featured li.ferret {background: url(images/feat-ferret.png) no-repeat;} #featured li.learning {background: url(images/feat-learning.png) no-repeat;} #featured li a {display: block; width: 100%; height: 40px; padding: 75px 0 0; text-align: center; color: #e0e0e0; text-decoration: none; letter-spacing:-1px } /*** post structure elements ***/ #content-top-reg {width: 900px; height: 27px; background: url(images/content-top-reg.png) no-repeat;} #content-wrap {background: url(images/content-bg-reg.png) repeat-y;} #content-wrap .post-col {width: 627px; float: left; padding: 6px 12px 180px 12px; overflow: hidden} .blog-head {height: 78px; background: url(images/sword-tips-banner03.png) center 0 no-repeat; margin: 0 auto 40px;} .post-row {clear: both} .post-wrap {padding: 0 10px 40px;} .post-wrap h2 {padding: 0 0 10px;} .post-wrap h2 a {letter-spacing: -1px; color: #cb0000; text-decoration: none} .post-wrap-small {width: 40%; float: left; margin: 0 0 20px 50px;} .post-wrap-small h3 {padding: 0 0 10px;} .post-wrap-small h3 a {letter-spacing: -1px; color: #cb0000; text-decoration: none} .the-meta {color: #aaa; text-transform: uppercase; letter-spacing: 2px} .the-meta a {color: #666} .the-meta a:hover {text-decoration: none} .post-wrap-small .the-meta {font-size: 0.9em; letter-spacing: 0;} .post-wrap .the-meta {padding: 0 0 12px 40px;} .post-wrap .the-content {padding: 0 0 0 40px;} #content-bottom-reg {width: 900px; height: 26px; background: url(images/content-bottom-reg.png) no-repeat;} /*** Post-specific ***/ .post-share {margin: 0 0 30px; text-align: center; clear: both} .taxonomy {margin: 0 0 30px} .post-nav {margin: 0 0 30px;} .post-nav h6 {line-height: 1.8em} .comment-form-box {padding: 20px 20px 10px 20px; border: 1px solid #ddd; background: #eee url(images/comment-bg.png) 96% 20px no-repeat; } #comment-form {padding: 30px 50px 0 50px;} #comment-form ul {list-style-type: none;} #comment-form li {margin: 0 0 16px;} #comment-form label {display: block; padding: 0 0 4px; font-weight: bold; font-size: 0.9em;} #comment-form .std-text {width: 300px; padding: 3px;} #comment-form textarea {width: 100%; height: 100px; padding: 3px;} .comment-list-box {padding: 20px 0 0;} /*** page styles ***/ h1.page_name {margin: 8px 0 20px; padding: 10px; background: #d3d3d3; font-size: 1.6em; border: 1px solid #BFBFBF} .single-page {padding: 0 20px; overflow: hidden} .single-page h1 {margin: 20px 0;} .single-page a {color: #cb0000;} .single-page a:hover {text-decoration: none} /*** Wide page ***/ #content-top-wide {width: 900px; height: 26px; background: url(images/content-top-wide.png) no-repeat;} #content-wrap-wide {background: url(images/content-bg-wide.png) repeat-y;} #content-wrap-wide .post-col {padding: 6px 30px 100px 12px;} #content-bottom-wide {width: 900px; height: 26px; background: url(images/content-bottom-wide.png) no-repeat;} /*** Testimonial page ***/ .post-col .testimonial {background: none; margin: 0 0 50px 30px;} .post-col .testimonial img {float: left; margin: 0 10px 10px 0;} .post-col .testimonial p {line-height: 1.5em;} .post-col .testimonial span {display: block; font-weight: bold; font-size: 1.1em; padding: 8px 0 0 8px} /*** Contact form page ***/ #content-wrap-wide #contact-page {padding: 28px 40px 80px 30px;} #contact-page h1 {margin: 0 0 20px;} #contact-page .half-col {width: 50%; float: left;} #contact-page .half-col h3 {margin: 0 0 20px} #contact-page .channels {width: 400px} #contact-page .channels li {margin: 0 0 15px; font-size: 1.2em; font-weight:bold;} #contact-page .channels li a {display: block; padding: 8px 0 0 40px; height: 24px; color: #a10000; background-position: 0 center; background-repeat: no-repeat; text-decoration: none } #contact-page .channels li a:hover {text-decoration: underline} #contact-page .channels li.phone {background: url(images/contact-phone-icon.png) 0 center no-repeat; height: 24px; padding: 8px 0 0 40px;} #contact-page .channels li.yt {background: url(images/contact-yt-icon.png) 0 center no-repeat; padding: 8px 0 0 40px;} #contact-page .channels li.yt a {display: inline; padding: 0; height: auto; color: #a10000; line-height: 1.4em;} #contact-page .channels li a.box {background-image: url(images/contact-box-icon.png);} #contact-page .channels li a.chat {background-image: url(images/contact-chat-icon.png);} #contact-page .channels li a.email {background-image: url(images/contact-email-icon.png);} #contact-page .channels li a.fb {background-image: url(images/contact-fb-icon.png);} #contact-page .channels li a.gtm {background-image: url(images/contact-gtm-icon.png);} #contact-page .channels li a.linked {background-image: url(images/contact-linked-icon.png);} #contact-page .channels li a.phone {background-image: url(images/contact-phone-icon.png);} #contact-page .channels li a.skype {background-image: url(images/contact-skype-icon.png);} #contact-page .channels li a.twitter {background-image: url(images/contact-twitter-icon.png);} #contact-form {margin: 10px 20px 20px 20px; } #contact-form ul li {list-style-type: none;margin: 0 0 12px;} #contact-form label {font-weight: bold; display: block; margin: 0 0 4px 8px;} #contact-form input.text-field, #contact-form textarea {display: block; width: 80%; padding: 10px; border: #9b9b9b 1px solid; border-top: 1px solid #dadada; border-left: 1px solid #dadada} #contact-form select {width: 328px; display: block; padding: 10px; border: #9b9b9b 1px solid; border-top: 1px solid #dadada; border-left: 1px solid #dadada} #contact-form .checkIt {display: none;} #contact-form span.error {color: red; font-size: 0.9em; display: block;} .checkIt {display: none;} /*** universal content styles ***/ .the-content {padding: 20px 0} .the-content h2 {margin: 18px 0 4px 0;} .the-content h3 {margin: 16px 0 4px 0;} .the-content h4 {margin: 14px 0 4px 0;} .the-content p {line-height: 1.6em; padding: 0 0 0.5em 0;} .the-content a, .the-content em, .the-content strong, .the-content span {line-height: 1.6em;} .the-content p a {color: #cb0000} .the-content ul {list-style-type: square; padding: 10px 0 0 40px; } .the-content ol {list-style-type: decimal; padding: 10px 0 0 40px;} .the-content li {margin: 0 0 0.5em 0; line-height: 1.6em; } /*** sidebar.php styles ***/ #sidebar-blog {width: 239px; padding: 10px 0 0 10px; float: left;} #sidebar-page {width: 239px; padding: 10px 0 0 10px; float: left;} .widget {padding: 0 0 15px 0; border-bottom: 1px solid #b2b2b2; margin: 0 12px 20px; } .widget p {line-height: 1.4em; font-size: 0.9em;} .widget p a {color: #a10000;} .widget h6 {font-size: 1.1em; margin: 0 0 20px; letter-spacing: -1px; line-height: 1.6em; padding : 0 0 0 20px; background: url(images/arrow-right.png) 0 center no-repeat;} .widget h6 a {text-decoration: none; color: #a10000; line-height: 1.2em} .widget h6 a:hover {text-decoration: underline} .widget a.more-posts {display: block; margin: 0 0 16px; font-style:italic; font-size: 0.86em; color: #444; height: 15px; padding: 5px 0 0 40px; text-decoration: none} #searchform {} #searchform #s {display: block; margin: 4px 0; width: 160px; padding: 6px 6px 6px 30px; background: white url(images/search.png) 4px center no-repeat; border: #9b9b9b 1px solid; border-top: 1px solid #dadada; border-left: 1px solid #dadada} h5.widgettitle {font-size: 1.5em; letter-spacing: -1px; margin: 0 0 18px;} h5.widgettitle a {color: black; text-decoration: none} h5.widgettitle a:hover { color: #a10000;} h5.widgettitle a.twitter {display: block; color: black; text-decoration: none; background: url(images/tw-logo-sidebar.png) 40% center no-repeat; } h5.widgettitle a.twitter:hover {color: #22AFFD;} .widget #sub-nav {} .widget #sub-nav li {margin: 0 0 4px -20px} .widget #sub-nav li a {background: #aaa; border: 1px solid #888; border-left: none; padding: 10px 0 10px 25px; width: 200px; display: block; font-size: 1.1em; color: black; text-decoration: none; font-weight: bold; letter-spacing: -1px; line-height:1.3em } .widget #sub-nav li a:hover {padding-left: 28px;} .widget #sub-nav li.current_page_item {margin-left: -23px} .widget #sub-nav li.current_page_item a {width: 203px; background: white; color: black; border: 1px solid #bbb; border-left: none } .widget #sub-nav li.current_page_item a:hover {padding-left: 25px;} .widget #sub-nav .children { padding: 5px 0 8px 45px;} .widget #sub-nav .children li {margin: 0 0 5px 0;} .widget #sub-nav .children li a {background: none; border: none; padding: 0 0 4px; width: auto; display: block; font-size: 0.9em; color: black; text-decoration: none; font-weight: bold; letter-spacing: -1px; line-height:1.3em} .widget #sub-nav .children li a:hover {text-decoration: underline; padding: 0 0 4px;} .widget .subscribe-links {list-style-type: none} .widget .subscribe-links li {font-size: 1.15em; margin: 0 0 22px; letter-spacing: -1px; font-weight:bold; height: 23px } .widget .subscribe-links li a {text-decoration: none; color: #a10000; display: block; height: 19px; padding: 4px 0 0 30px} .widget .subscribe-links li a:hover {text-decoration: underline;} .widget .subscribe-links li a.twitter {background: url(images/tw-logo-sidebar.png) 0 50% no-repeat;} .widget .subscribe-links li a.email {background: url(images/email-logo-sidebar.png) 0 50% no-repeat;} .widget .subscribe-links li a.rss {background: url(images/rss-logo-sidebar.png) 0 50% no-repeat;} .widget .subscribe-links li a.news {background: url(images/news-logo-sidebar.png) 0 50% no-repeat;} .widget .subscribe-links li a.kindle {background: url(images/kindle-logo-sidebar.png) 0 50% no-repeat;} .widget .gsom_sfi label {display: block; font-size: 0.9em; font-weight:bold; margin: 0 0 4px 4px} .widget .gsom_sfi input {display: block; width: 160px; padding: 6px 6px 6px 30px; background: white url(images/info.png) 4px center no-repeat; border: #9b9b9b 1px solid; border-top: 1px solid #dadada; border-left: 1px solid #dadada} .widget p.nbbj {line-height: 1.5em} .widget p.nbbj strong, .widget p.nbbj em {line-height: inherit} .widget .testimonial {background: url(images/quote-bg.png) 0 10px no-repeat; padding: 0 10px 10px 10px; line-height: 1.3em} .widget .testimonial p {margin: 0 0 6px 0; line-height: inherit} .widget .testimonial img {display: block; margin: 0 0 9px; width: 180px; border: 1px #bbb solid} .widget .testimonial span {display: block; font-weight: bold; line-height: inherit } .widget .tweets li {font-size: 0.9em; line-height: 1.4em; margin: 0 0 10px} .widget .tweets li a {color: #008ACF; text-decoration: none} .widget .tweets li a:hover {text-decoration: underline} #post-rotate {} #post-rotate h6 {display: none;} #post-rotate h6.show {display: block;} .archive-list {list-style-type: none; padding: 0} .archive-list li {margin: 0 0 4px;} .archive-list li a {color: red;} /*** footer.php styles ***/ #footer {clear: both; height: 30px} /*** 404.php styles ***/ #404 {} /* | WordPress Plugin: WP-PageNavi 2.40 | Copyright (c) 2008 Lester "GaMerZ" Chan | | File Written By: | - Lester "GaMerZ" Chan | - http://lesterchan.net */ div.wp-pagenavi {margin-top: 50px; clear: both;} .wp-pagenavi a, .wp-pagenavi a:link { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #c80000; color: #c80000; } .wp-pagenavi a:hover { border: 1px solid #c80000;; color: white; background-color: #c80000; } .wp-pagenavi a:active { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #c80000; color: #c80000; } .wp-pagenavi span.pages { padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px; color: #000000; } .wp-pagenavi span.current { padding: 2px 4px 2px 4px; margin: 2px; font-weight: bold; color: #000000; } .wp-pagenavi span.extend { padding: 2px 4px 2px 4px; margin: 2px; border: 1px solid #000000; color: #c80000; }