/* Theme Name: MaryBeth Theme URI: http://marybethellisracing.com/ Description: The Official theme for Mary Beth Ellis, pro triathlete. Author: Fort, Inc. Version: 1.0 TABLE of CONTENTS ------------------------ RESET FONTS BASE MASTHEAD SIDEBAR MAIN GRID COLORS ------------------------ Dark Blue = 182035 Über Dark Blue = 101523 Light Blue = 68b0f0 Yellow = f8df08 Brown = eadece */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;} nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } table { border-collapse:collapse; border-spacing:0; } hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } html { height: 100%; width:100%; background-color:#182035; overflow-y: scroll;} body { height:100%; width:100%; background: URL("assets/img/layout/bg-concrete.jpg") no-repeat 50% 0, URL("assets/img/layout/bg-gradient.jpg") repeat-x 0 0;background-color:#182035; font-family:Geneva, "Lucida Grande", "Lucida Sans Unicode", Candara, Tahoma, Verdana, sans-serif; *font-size:small; } select, input, textarea, button { font:99% Geneva, "Lucida Sans"," Lucida Grande", "Lucida Sans Unicode", Candara, Verdana, sans-serif; } pre, code, kbd, samp { font-family: monospace, sans-serif; } body, select, input, textarea { color: #444; } a:hover, a:active { outline: none; } a, a:active, a:visited { color:#92c7f6; text-decoration:none;} a:hover { color:#cce4f9; } ul, ol { margin: 0; list-style:none; } nav ul, nav li { margin: 0; } small { font-size: 85%; } strong, th { font-weight: bold; } td, td img { vertical-align: top; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } pre { padding: 15px; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; } textarea { overflow: auto; } .ie6 legend, .ie7 legend { margin-left: -7px; } input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; } .ie7 input[type="checkbox"] { vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } label, input[type=button], input[type=submit], button { cursor: pointer; } button, input, select, textarea { margin: 0; } input:valid, textarea:valid { } input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; } .no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; } ::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; } ::selection { background:#FF5E99; color:#fff; text-shadow: none; } a:link { -webkit-tap-highlight-color: #FF5E99; } button { width: auto; overflow: visible; } .ie7 img { -ms-interpolation-mode: bicubic; } .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } .hidden { display: none; visibility: hidden; } .visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* =FONTS ------------------------------- */ @font-face { font-family: 'GoodFoot'; src: url('assets/fonts/goodfoot/goodfoot-webfont.eot'); src: local('☺'), url('assets/fonts/goodfoot/goodfoot-webfont.woff') format('woff'), url('assets/fonts/goodfoot/goodfoot-webfont.ttf') format('truetype'), url('assets/fonts/goodfoot/goodfoot-webfont.svg#webfontfJPM7Znp') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Quicksand'; src: url('assets/fonts/quicksand/Quicksand_Book-webfont.eot'); src: local('☺'), url('assets/fonts/quicksand/Quicksand_Book-webfont.woff') format('woff'), url('assets/fonts/quicksand/Quicksand_Book-webfont.ttf') format('truetype'), url('assets/fonts/quicksand/Quicksand_Book-webfont.svg#webfontQvsv8Mp8') format('svg'); font-weight: normal; font-style: normal; } /* =BASE ------------------------------- */ body.home { background: URL("assets/img/mb-hero-bg.jpg") no-repeat 50% 0, URL("assets/img/layout/bg-gradient.jpg") repeat-x 0 0; min-height:1187px; } strong, em, b, i { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Tahoma, Verdana, sans-serif;} acronym, abbr { border-bottom:1px dotted #31302e; cursor:help;} acronym:hover, abbr:hover { border-style:solid;} hr { display:none;} button { cursor:pointer;} button::-moz-focus-inner { border: 0px solid transparent;} #content-wrapper { width:972px; margin: 0 auto; position:relative;} .img, .wp-post-image, .size-full { background: #988681 URL("assets/img/layout/img-border.jpg") repeat 0 0; padding:1px; -moz-border-radius:2px;-khtml-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;} .alignleft { margin:0 20px 10px 0;} .alignright { margin:0 0 10px 20px;} img.alignleft { float:left; position:relative;} img.alignright { float:left; position:relative;} h2, h3 { font-family: Quicksand, Geneva, "Lucida Sans"," Lucida Grande", "Lucida Sans Unicode", Candara, Verdana, sans-serif; font-weight:normal; text-shadow: 0 1px 1px rgba(0,0,0,0.2); letter-spacing:-0.06em;} h2 { font-size:28px;} h3 { font-size:20px; } /* =MASTHEAD ------------------------------- */ header { position:fixed; top:0; left:0; z-index:100; width:100%; height:52px; overflow:hidden; background:transparent URL("assets/img/layout/masthead-bg.png") repeat-x top left; color:#fff; } #masthead-wrapper { width:980px; margin:0 auto; position:relative;} #masthead { float:left; position:relative; background:transparent URL("assets/img/layout/masthead-logo-bg.png") no-repeat 0 0; width:177px; height:59px; margin-left:11px;} #masthead a { display:block; text-indent:-9999em; overflow:hidden; background:transparent URL("assets/img/layout/masthead-logo.png") no-repeat 0 0; width:134px; height:19px; margin:14px auto 6px;} header nav { float:right; } header nav ul { padding-top:11px;} header nav li { display:inline;} header nav li a { font-size:16px; line-height:1em; color:#fff; padding:11px 20px; border-bottom:1px solid transparent;} header nav li a:hover { background-color: rgba(62,108,153, 0.4); color:#f8df08;border-bottom:1px solid #45729e;} /* =SIDEBARS ------------------------------- */ #side-column { float:left; position:fixed; width:160px; top:72px; padding-left:15px;} *html #side-column {position: absolute; left: expression((0(ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) 'px'); top: expression((0(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))'px');} #side-column .module { margin-bottom:10px;} /* Social */ #twitter-latest { background: #68b0f0 URL("../img/layout/tweet-bg.jpg") no-repeat bottom left; padding:15px 15px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; border-top:1 px solid #8ec7fb; border-bottom:1px solid #4d93d4; position:relative;-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .45);-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .45);word-wrap: break-word;} #twitter-latest span { display:block; width:19px; height:19px; position: absolute; top:-18px;left:21px; background: transparent URL("assets/img/layout/tweet-wedge.png") no-repeat 0 0;} #twitter-latest li { font-size:13px; color:#182035; line-height:20px; text-shadow:0 1px 0 rgba(250,250,250,.2); } #twitter-latest li a { color:#3b6a94;} #twitter-latest li a:hover { color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.3);} .aktt_tweet_time { font-size:9px; color:#337cbe; display:block; text-align:right;} .aktt_more_updates { display:none;} #social-icons li { float:left; margin:0 10px 0 0;} #social-icons li a { height:24px; width:24px; display:block; text-indent:-9999em; overflow:hidden; background-image:URL("assets/img/icons/social.gif"); background-repeat:no-repeat; background-coor:transparent; } #icon-twitter a { background-position: 0 0;} #icon-twitter a:hover { background-position:-24px 0;} #icon-facebook a { background-position: 0 -24px;} #icon-facebook a:hover { background-position:-24px -24px;} #icon-flickr a { background-position: 0 -48px;} #icon-flickr a:hover { background-position:-24px -48px;} #icon-rss a { background-position: 0 -72px;} #icon-rss a:hover { background-position:-24px -72px;} /* AD */ #sponsors { border:1px solid #23303e; padding:5px; background:#0d121e; background: rgba(13, 18, 30, 0.5); -moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} #sponsors h3 { color:#337cbe; font-size:10px; font-weight:normal; text-transform:uppercase; text-align:center; letter-spacing:.5em; margin-bottom:10px;} #sponsors ul, #sponsors ul li div { height:300px; overflow:hidden;} #sponsors li a { display:block; height:104px; width:150px; text-indent:-9999em; overflow:hidden; margin-bottom:10px; } /* AD Sponsors */ /*#sponsor-sailfish { background:transparent URL("assets/img/ads/ad-sailfish.png") no-repeat 0 0;} #sponsor-trakkers { background:transparent URL("assets/img/ads/ad-trakkers.png") no-repeat 0 0;}*/ #sponsor-endurance { background:transparent URL("assets/img/ads/ad-endurance.png") no-repeat 0 0;} /*#sponsor-saucony { background:transparent URL("assets/img/ads/ad-saucony.png") no-repeat 0 0;} #sponsor-kestrel { background:transparent URL("assets/img/ads/ad-kestrel.png") no-repeat 0 0;}*/ #sponsor-2xu { background:transparent URL("assets/img/ads/ad-2xu.png") no-repeat 0 0;} #sponsor-3t { background:transparent URL("assets/img/ads/ad-3t.png") no-repeat 0 0;} #sponsor-avia { background:transparent URL("assets/img/ads/ad-avia.png") no-repeat 0 0;} #sponsor-cervelo { background:transparent URL("assets/img/ads/ad-cervelo.png") no-repeat 0 0;} #sponsor-cobb { background:transparent URL("assets/img/ads/ad-cobb.png") no-repeat 0 0;} #sponsor-fitness-first { background:transparent URL("assets/img/ads/ad-fitness-first.png") no-repeat 0 0;} #sponsor-garneau { background:transparent URL("assets/img/ads/ad-garneau.png") no-repeat 0 0;} #sponsor-leysin { background:transparent URL("assets/img/ads/ad-leysin.png") no-repeat 0 0;} #sponsor-tbb { background:transparent URL("assets/img/ads/ad-tbb.png") no-repeat 0 0;} #sponsors-page { list-style:none;} #sponsors-page li { float:left; height:104px; width:150px; } #sponsors-page li a { display:block; height:104px; width:150px; text-indent:-9999em; overflow:hidden; margin-bottom:10px; } /* Blog Sidebar */ #sidebar h3 { color:#fff; margin-bottom:10px;} #sidebar ul { margin-bottom:30px;} #sidebar ul li { border-bottom:1px solid #2d3341; font-size:13px; line-height:1.2em;} #sidebar ul li a { padding:10px 0; display:block; } #sidebar ul li a:hover { color:#467baa;} #sidebar ul.sidebar-articles li a { } #sidebar ul li .entry-date { display:block; font-size:8px; letter-spacing:.2em;} #sidebar ul li a:hover .entry-date { color:#467baa; } /* =MAIN ------------------------------- */ /* General Structure */ #main-column { float:right; width:716px; padding-top:72px; height: 100%;} #main-column .module { margin-bottom:20px;} .post #main-column, .page #main-column { margin-bottom:80px;} .page-template-default #main-column .module { margin-right:140px;} /* General Typography */ .entry-title { font-size:50px; font-weight:normal; font-family: "GoodFoot", Georgia, "Times New Roman", Times, serif; } .entry-title a { font-weight:normal;} #main-column h1 { font-size:50px; line-height:1em; font-weight:normal; letter-spacing:-.04em; font-family: "GoodFoot", Georgia, "Times New Roman", Times, serif; color:#eadece; margin-bottom:20px; text-shadow: 0 1px 2px rgba(0,0,0,0.5);} #main-column h1.archive-title {font-family: Quicksand, Geneva, "Lucida Sans"," Lucida Grande", "Lucida Sans Unicode", Candara, Verdana, sans-serif; font-weight:normal; text-shadow: 0 1px 1px rgba(0,0,0,0.2); letter-spacing:-0.06em; font-size:28px;} #main-column h2 { color:#eadece; margin-bottom:20px; } #main-column h2 a { color:#eadece;} #main-column h2 a:hover { color:#fff;} #main-column p, .post article li, .page article li, .blog article li, article.post li { color:#a99b98; font-size:14px; line-height:20px; margin-bottom:20px; letter-spacing:0.04em;text-shadow: 0 1px 3px rgba(0,0,0,0.2);} .post article ol, .post article ul, article.post ol, article.post ul, .page article ol, .page article ul, .blog article ol, .blog article ul { list-style-position:outside; margin-left:60px;} .post article ol, .page article ol, .blog article ol, article.post ol { list-style:decimal; } .post article ul, .page article ul, .blog article ul, article.post ul { list-style: disc; } .post aside p { font-size:11px;} .post blockquote { padding:18px 0 18px 60px; margin-bottom:20px; border:1px dotted #2d3341; border-width:2px 0;} .post blockquote p { font: italic 15px/30px Georgia, "Times New Roman", Times, serif !important; letter-spacing:0 !important; color:#fff !important; text-indent:2em; margin-bottom:10px !important; text-shadow: 0 1px 3px rgba(0,0,0,0.2);} .post blockquote p:first-child { text-indent:0;} /* Blog */ .blog #main-column #single-column, .single #main-column #single-column { float:left;width:460px; padding-top:40px; } .blog #main-column #sidebar, .single #main-column #sidebar { float:right; width:160px; margin:60px 16px 40px 0;} .blog #main-column #single-column article { margin-bottom:200px;} .archive-blog li { border-top:1px solid #2d3341;} .archive-blog li a { color:#a78f89; font-size:18px; padding:10px 0; display:block;} .archive-blog li a:hover { color:#fff;} /* Home */ .home #main-column { width:776px;} #home-intro { margin:0 17px 10px 60px;} #home-intro section { float:left; width: 340px; text-align:right; color:#fff;} #home-intro section h1 { color:#fff; line-height:1em; margin:1em 0 .5em; font-size:44px; -moz-transform:rotate(-2deg); -webkit-transform:rotate(-2deg);} #home-intro section p { font-size:13px; line-height:20px; text-shadow: 0 1px 3px rgba(0,0,0,0.5); color:#eadece;} #home-intro .signature { font-size:48px; font-weight:normal; font-family: "GoodFoot", Georgia, "Times New Roman", Times, serif; color:#fff; line-height:1.3em; letter-spacing:-.1em; display:block;-moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); right:-20px; } #results-latest { background: transparent URL("assets/img/layout/latest-bg.png") no-repeat 0 0; width:713px; height:90px; margin:0 10px 40px auto;} #results-latest ul { position:relative; height:90px; overflow:hidden; width:706px; } #results-latest li { padding:25px 0px 15px 0; position:relative; margin:0 0 0 6px; width:700px;} #results-latest h3 { color:#182035; margin:0; margin-left:60px; font-size:14px; line-height:16px; font-weight:bold; text-transform:uppercase; text-shadow:0 1px 0 rgba(255,255,255,0.1); width:560px;} #results-latest h2 { font:bold 23px/22px Geneva, "Lucida Sans"," Lucida Grande", "Lucida Sans Unicode", Candara, Verdana, sans-serif; width:560px; margin-left:20px} #results-latest .next-event h2 { width:620px;} #results-latest h2 em, #results-latest h2 span { font-weight:normal; font-style:normal; text-transform:uppercase; letter-spacing:.1em;font-size:12px;} #results-latest h2 span { font-size:11px; background:#346087; padding:2px 4px 1px; top:-1px; position:relative; -moz-border-radius:2px;-khtml-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;} #results-latest p#race-result { position:absolute; right:15px; top:15px; width:75px; padding:10px 0;text-align:center; display:block; margin:0; background:#234666;-moz-border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; line-height:18px; } #results-latest p#race-result span { font-size:10px; letter-spacing:0.1em; display:block; text-transform:uppercase;} #results-latest p#race-result strong { font-size:26px; letter-spacing:-0.06em; color:#fff;} #home-blog { float:left; width:400px; margin-left:60px;} .entry-date { color:#3b6a94; font-size:13px; text-transform:uppercase;} #home-blog .entry-title { line-height:30px; text-shadow: 0 1px 2px rgba(0,0,0,0.5); font-size:38px;} .archive-list { margin-bottom:20px;} .archive-list li { border-bottom:1px solid #2d3341; font-size:15px; line-height:1em;} .archive-list li a { padding:10px 0; display:block; color:#6d6a66;} .archive-list li a:hover { color:#cfc5b8;} .archive-list li a:hover .entry-date { color:#467baa;} #home-blog .archive-list .entry-date, #home-news .archive-list .entry-date { display:block; font-size:8px; letter-spacing:.2em;} #home-blog .wp-post-image { float:left; position:relative; margin-right:20px; margin-bottom:10px; } #home-news { float:right; width:280px; background:#0d121e; background: rgba(13, 18, 30, 0.5); margin-right:15px; margin-top:20px; -moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:inset 0 0 10px rgba(17, 23, 38, .75);-webkit-box-shadow:inset 0 0 10px rgba(17, 23, 38, .75); box-shadow:inset 0 0 10px rgba(17, 23, 38, .75);} #home-news h2 { color:#538bbf; font-size:14px; font-weight:normal; text-transform:uppercase;padding:15px; margin-bottom:0;} #home-news p { padding:10px 15px;} #home-news .archive-list li { border-bottom:0; } #home-news .archive-list li a { border-top: 1px solid #191f30; padding-left:15px; padding-right:15px;} #home-news .archive-list li a:hover { background:#111726; background: rgba(13, 18, 30, 0.4); color:#cfc5b8;} .category-list li, .tag-list li { float:left; position:relative; display:inline-block; margin-right:5px; margin-bottom:15px;} .category-list li a, .tag-list li a { padding:8px 12px; color:#6d6a66; letter-spacing:0.1em; text-transform:uppercase; font-size:12px; line-height:1em; background:#0d121e; background: rgba(13, 18, 30, 0.5); text-shadow: 0 1px 1px rgba(0,0,0,0.6); -moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} .category-list li a:hover, .tag-list li a:hover { color:#cfc5b8;} #comments { margin-bottom:40px;} #comments h3 { color:#fff;} .commentlist li { margin-bottom:20px; padding-top:20px; border-top:1px solid #2d3341; } .commentlist a { color:#92c7f6;} .commentlist a:hover { color:#cce4f9;} .commentmetadata { font-size:10px; letter-spacing:0.06em; display:block; margin-left:60px; margin-bottom:10px; color:#6d6a66; } .commentmetadata cite { font-style:normal; font-weight:bold;} .avatar { float:left; margin:0 20px 10px 0;} .commentlist li p { margin-left:60px;} .reply { margin-left:60px;} .comment-reply-link { font-size:10px; letter-spacing:0.1em; display:block; text-align:right; } input, textarea { background:#111726; background: rgba(13, 18, 30, 0.4); color:#fff; border:1px solid #444246; padding:10px;width:440px;font-size:16px; line-height:1.2em; font-weight:normal;} .wpcf7-form-control-wrap #submit, .wpcf7-submit { background: #68b0f0; color:#182035; text-shadow:0 1px 0 rgba(250,250,250,.2); width:460px; -moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; border-top:1 px solid #8ec7fb; border-bottom:1px solid #4d93d4; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .45);-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .45);} #submit:hover, .wpcf7-submit:hover { background:#96ceff;} .wpcf7-mail-sent-ok { background:#1e4119; color:#eee;} /* =FOOTER ------------------------------- */ footer { border-top:1px solid #26304b; background:#101523; height:400px; clear:both;} /* =GRID ------------------------------- */ #grid { background: url("assets/img/bg-grid-980.gif") repeat-y 0 0;width:980px;position:absolute;top:0;left:50%; margin-left:-490px;opacity:0.4;filter:alpha(opacity=40);} #grid div.horiz { height:9px;border-bottom:1px dotted #aaa;}/* From http://hashgrid.com */ /* Kids! You too can play at home! TOGGLE Grid = Alt+G | STICKY Grid = Alt+G+Enter | FRONT/BACK Grid = Alt+B */ @media all and (orientation:portrait) { } @media all and (orientation:landscape) { } @media screen and (max-device-width: 480px) { /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */ } @media print { * { background: transparent !important; color: #444 !important; text-shadow: none !important; } a, a:visited { color: #444 !important; text-decoration: underline; } a:after { content: " (" attr(href) ")"; } abbr:after { content: " (" attr(title) ")"; } .ir a:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } }