/*RESET - default 960 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,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,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-size:100%;vertical-align:baseline;background:transparent; font-weight: normal;}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
figure,section,article,nav,header,footer { padding: 0; margin: 0; display: block; }
/*BASIC TEXT*/
body {font: 13px 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}
p, a, ul, li, h1, h2, h3, h4, h5, h6, div, ol, img { margin: 0; padding: 0; text-decoration: none; border: none; font-size: 13px; }
a:focus{outline:1px dotted}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
h1{ font-size: 30px; color: #2f5582; }
h2{font-size:23px}
h3{font-size:21px}
h4{font-size:19px}
h5{font-size:17px}
h6{font-size:15px}
ol{list-style:decimal}
ul{list-style:disc}
li{margin-left:30px}
p,li,a,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px; line-height: 1.4em; font-weight: normal; }
/*960 GRID*/
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px} .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}
/*CITY RUNS STYLES*/
/*some global settings*/
.floated, .floated li { float: left; }
.floated-r { float: right; }
.no-bullet, .no-bullet li { list-style: none; margin: 0; padding: 0; }
a img { border: none; }
a { color: #ffa212; }
a:hover { color: #618ebb; border-bottom: none; }
p a { color: #5397c0; }
p a:visited { color: #2f5582; }
p a:hover { color: #ffa212; }
strong { font-weight: bold; }
em { font-style: italic; }
span.amp { font-family: 'Goudy Old Style', Times, Serif; font-style: italic; font-size: 1.2em; }
.clear { clear: both; }
header h2, header h3, header h2 a, header h3 a { color: #1d0000; margin: 0; }
/*BRANDING // MAIN NAV*/
#sitebg { background: url(/img/core/dot-bg.gif) repeat; display: block; width: 100%; height: 95px; }
#branding { height: 95px; margin-top: -90px; }
header #cityruns a{background: url(/img/core/cityruns.gif) no-repeat; height: 46px; width: 243px; text-indent: -9999px; padding: 0; }
#navigation { position: absolute; top: 65px; background: rgba(51, 8, 1, 0.8); padding: 4px 0; width: 100%; }
nav ul { padding: 6px 0; margin-top: 20px; display: block; float: left; }
nav li a{ margin: 0 8px; font-size: 16px; }
/*HOME*/
#home-intro { background: url(/img/core/find-run-banner.png) no-repeat bottom; height: 350px; }
#home-intro h1 { background: url(/img/core/run-city-run.png) no-repeat; width: 601px; height: 98px; text-indent: -9999px; margin-top: 25px; margin-left: -8px; margin-bottom: 0; }
#home-intro h2 { color: #FFF; font: 46px Georgia, Times, Garamond, serif; font-style: italic; text-align: right; margin-bottom: 0; }
#home-intro h3 { color: #FFF; }
#home-runs { background: url(/img/core/home_run-section-bg.gif) no-repeat bottom; margin-top: -40px; }
#home-runs ul { background: rgba(51, 8, 1, 0.8); margin-top: 130px; margin-bottom: 0; padding: 4px; }
#home-runs li { text-align: right; margin: 4px; list-style: none; }
#home-runs header, #home-training header { background: url(/img/core/dot-bg.gif) repeat; padding: 4px; text-align: center; -webkit-box-shadow: 0 0 5px rgb(0,0,0); -moz-box-shadow: 0 0 5px rgb(0,0,0); box-shadow: 0 0 5px rgb(0,0,0); }
#search-run { position: relative; height: 80px; }
#search-run .submit-search { width: 260px; height: 40px; background: url(/img/core/find-run-button.png) no-repeat; margin: 0; padding: 0; border: none; outline: none; position: absolute; left: 278px; bottom: 2px; z-index: 9; }
.submit-search:hover, .submit-search:focus { cursor: pointer; }
#search-run #searchtext { width: 270px; height: 20px; padding: 10px; -moz-border-radius: 25px; -webkit-border-radius: 25px; border: 2px solid #ffa624; position: absolute; left: 0; bottom: 0; z-index: 99; font-size: 16px; color: #666; -webkit-box-shadow: 0 0 8px rgb(0,0,0); -moz-box-shadow: 0 0 8px rgb(0,0,0); box-shadow: 0 0 8px rgb(0,0,0); }
#search-run #searchtext:hover, #search-run #searchtext:focus { border: 2px solid #f37607; }
#search-run .move { display: block; color: #FFF; font-size: 24px; margin-left: 15px; }
#home-training { margin-top: -40px; position: relative; }
#home-train-stopwatch { position: absolute; top: 30px; right: 0px; }
#home-training ul { list-style: none; padding: 14px 0 0 0; margin-bottom: 8px; }
#home-training li { list-style: none; display: block; padding: 4px; border-bottom: 1px dotted #FFA624; margin: 0; }
#home-training li a { color: #2f5582; font-weight: bold; }
#home-training li a:hover, #home-training li a:focus { color: #618ebb; }
#home-training footer { background: url(/img/core/red-arrow-bg.png) no-repeat right center; }
#home-training footer a { color: #FFF; padding: 3px 10px; display: block; font-size: 16px; margin-bottom: 5px; }
#home-training footer a:hover, #home-training footer a:focus { color: #ffa624; }
#home-blogs { margin-top: 6px; padding-top: 10px; border-top: 1px dotted silver; }
#home-blogs h4 { font-size: 18px; margin-bottom: 0; margin-top: 0; }
#home-blogs h4 a { font-weight: bold; }
#home-blogs .grid_9 h4 { margin-top: 12px; }
#home-blogs div { margin-top: 14px; }
img#hb-lead { padding: 3px; background: #fff; -webkit-box-shadow: 0 0 5px rgb(0,0,0); -moz-box-shadow: 0 0 5px rgb(0,0,0); box-shadow: 0 0 5px rgb(0,0,0); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); float: left; position: relative; top: -20px; bottom: -25px; }
#home-blogs p, #home-blogs a { font-size: 13px; }
#home-blogs h2 { color: #2f5582; text-align: right; }
#home-blogs h3 { margin: 12px 0 0 10px; font-weight: bold; }
#home-blogs ul { list-style: none; padding: 0; }
#home-blogs li { margin: 0; display: block; border-bottom: 1px dotted #FFA624; margin-left: 0; }
#home-blogs a { color: #2f5582; }
#home-blogs a:hover, #home-blogs a:focus { color: #ffa624; }
#home-blog-preview li { border-bottom: none; }
#home-blog-preview h4 a, #home-blog-preview h4 { font-weight: bold; text-transform: lowercase; font-variant: small-caps; letter-spacing: 1px; font-size: 20px; margin-bottom: 0; display: block; }
#home-blog-preview h4 a span { font-size: 14px; font-weight: normal; }
#home-blogs-wide { margin-top: -15px; }
#home-blogs .date { font-size: 11px; color: #666; font-family: Georgia, Times, Garamond, serif; font-style: italic; margin-bottom: 0; float: left; }
#home-blogs p.b-prev1 { color: #666; margin-top: 0px; float: left; }
p#home-blogs-intro { text-align: right; color: #666; font-size: 1.3em; border-bottom: 1px solid #CCC; padding-bottom: 10px; margin-left: 20px; width: 210px; }
#home-run-england header { background: url(/img/core/run-england.png) no-repeat; text-indent: -9999px; diaplay: block; width: 220px; height: 57px; margin-bottom: 12px; }
#home-run-england p { font-size: 11px; color: #666; line-height: 1.6em; }
#home-run-england img { padding: 2px; border: 1px solid silver; }
#home-run-england li { list-style: none; border-bottom: 1px dotted silver; margin: 4px; padding: 3px; }
#home-run-england li:last-child { border-bottom: none; }
#home-run-england ul { border-bottom: double #333; }
#twitter { position: relative; border-top: 10px solid #FFF; }
#twitter li { font-size: 10px; color: #666; margin: 6px auto; padding: 4px 0; border-bottom: 1px dotted silver; }
#twitter p { margin: 0; border-bottom: 1px solid silver; text-transform: lowercase; font-variant: small-caps; letter-spacing: 1px; }
#twitter_bird { position: absolute; top: -21px; right: -10px; }
/*FOOTER*/
.footer_l { display: block; width: 49%; height: 100px; background: url(/img/core/footer_left.gif) repeat-x; float: left; margin-top: -135px; }
.footer_r { display: block; width: 49%; height: 86px; background: url(/img/core/footer_right.gif) repeat-x; float: right; margin-top: -87px; }
#site-foot { background: url(/img/core/footer_main.gif) no-repeat bottom; min-height: 156px; position: relative; }
#foot-asides { position: absolute; bottom: 10px; left: 10px; }
#foot-asides p, #foot-asides a { font-size: 13px; margin: 0; color: #2f5582; }
#foot-asides .mek a { color: #666; }
.mek a:hover, .mek a:focus { color: #a5a501; }
#footer-nav { border-top: 1px solid #333; }
#footer-nav ul { list-style: none; }
#footer-nav li, #footer-nav li a { margin: 0; font-size: 12px; }
#footer-nav li { font-size: 14px; margin: 4px 0; }
#footer-nav li a { color: #949494; display: block; border-bottom: 1px dotted #e5e3df; }
#footer-nav li a:hover, #footer-nav li a:focus { color: #ffa212; }
/*FIND RUN RESULTS*/
#run-results h2 { margin: 0; }
#run-results h2 a { font-size: 24px; margin: 0; color: #5397c0; }
#run-results h2 a:hover { color: #2f5582; }
#run-results p { font: 18px Georgia, Times, Garamond, serif; font-style: italic; color: #666; margin: 0; }
#run-results li { margin: 4px 0; padding-bottom: 3px; border-bottom: 1px dotted silver; }
#run-results span { color: #666; }
#run-results h1 span { color: #000; text-transform: uppercase; }
#run-results { margin-top: -50px; }
/*ROUTES LIST*/
#routes-list { margin-top: 14px; padding-bottom: 20px; background: url(/img/core/trainers.jpg) no-repeat 30% 100%; }
#routes-list header { margin-top: -40px; font-size: 20px; color: #2f5582; }
#routes-list h2.toggle { float: left; margin-bottom: 0; margin-top: 10px; }
#routes-list h2.toggle span { background: url(/img/core/toggle.png) no-repeat 0 -18px; display: inline-block; width: 20px; height: 20px; text-indent: -9999px; }
#routes-list h2.active span { background: url(/img/core/toggle.png) no-repeat 0 2px; }
#routes-list h2 { font-size: 22px; color: #333; padding: 4px 10px; }
#routes-list h2:hover { color: #2f558c; cursor: pointer; }
#routes-list h2.active { background: #2f5582; color: #FFF; width: 440px; }
#routes-list ul.route { list-style: none; margin: 0; float: left; clear: left; background: #dfe5e9; border-top: 4px solid #2f5582; }
#routes-list li { margin: 4px 6px 8px 6px; }
#routes-list li a { font-size: 18px; color: #173152; }
#routes-list li a:visited { color: #2f5582; }
#routes-list li a:hover { color: #ffa212; }
#routes-list li span { display: block; font: 14px Georgia, Garamond, Times, serif; font-style: italic; color: #666; margin-top: 0; }
/*ROUTES PAGE*/
#run-routes h1 { background: url(/img/core/run-city-run.png) no-repeat; width: 601px; height: 98px; text-indent: -9999px; margin-top: 25px; margin-left: -8px; margin-bottom: 0; }
#run-routes h2 { font: 34px Georgia, Times, Garamond, serif; font-style: italic; text-align: right; margin-right: 30px; }
#nav_categories, #nav_categories li { list-style: none; }
#nav_categories h3 a { font-size: 24px; }
#nav-categories li { margin-left: 0; padding-left: 0; }
#nav_categories ul.route li { margin: 3px 0; padding: 2px 0; border-bottom: 1px dotted silver; display: block; }
/*RUN PAGE*/
#map_canvas { height: 250px; width: 100%; }
#run-body-wrap { margin-top: -230px; position: relative; top: 0px; left: 0; }
#run-page header { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
#run-content header { text-align: left; }
#run-content header h1 { background: rgba(0,0,0,0.7); color: #ffa212; text-transform: lowercase; font-variant: small-caps; font-size: 60px; letter-spacing: 1px; padding: 5px 10px; line-height: 30px; margin: 0; -webkit-box-shadow: 0 0 5px rgb(0,0,0); -moz-box-shadow: 0 0 5px rgb(0,0,0); box-shadow: 0 0 5px rgb(0,0,0); }
#run-content header h1 span { display: block; text-transform: none; font-variant: normal; font-size: 30px; margin: 0; padding: 18px 0 12px 0; line-height: 1em; }
#run-content header h2 { font: 34px Georgia, Garamond, Times, serif; font-style: italic; color: #333; margin-top: 8px; }
#run-content img.lead-img { background: #FFF; padding: 3px; border: 1px solid silver; margin-top: 10px; }
#run-cols { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; margin-top: 20px; }
#run-cols p { color: #333; }
#run-route figure img { padding: 3px; background: #FFF; border: 1px solid silver; margin-top: 0; }
#run-route { border-top: 1px dotted silver; margin-top: 10px; padding-top: 10px; }
#run-route h3, #run-route a { color: #b63100; }
#run-route a { border-bottom: 1px dotted #b63100; }
#run-route h3 { font-size: 36px; text-transform: lowercase; font-variant: small-caps; letter-spacing: 1px; line-height: 0.5em; }
#run-maps { background: url(/img/core/orange-gradient.png) repeat-x; margin-top: 20px; }
#run-gm { padding: 3px; border: 1px solid silver; background: #FFF; margin-top: 15px; margin-left: 10px; }
#find-gm { margin-top: 15px; color: #FFF; font-size: 22px; }
#find-gm:hover, #find-gm:focus { color: #2f5582; }
#submit-run { background: #5397c0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 5px rgb(0,0,0); -moz-box-shadow: 0 0 5px rgb(0,0,0); box-shadow: 0 0 5px rgb(0,0,0); color: #FFF; text-align: center; font-size: 20px; padding-top: 10px; }
#submit-run p { font-size: 20px; }
#submit-run a{ display: block; position: relative; background: url(/img/core/red-arrow-bg.png) no-repeat right center; padding: 3px 10px; margin-right: -15px; margin-left: -10px; color: #FFF; margin-top: 6px; text-transform: lowercase; font-variant: small-caps; letter-spacing: 1px; font-size: 24px; }
/*RUN PAGE - ADS*/
#ad-asides { margin-top: 40px; margin-bottom: 20px; }
#ad-asides header { text-align: center; }
#ad-asides header a { font-size: 20px; border-bottom: #b63100; }
.city-ad { margin: 0; background: rgba(0,0,0,0.7); margin-bottom: 20px; }
.city-ad h1 { font-size: 18px; color: #b63100; padding: 12px 0; margin: 0; }
.city-ad h1 span { text-transform: lowercase; font-variant: small-caps; letter-spacing: 1px; text-decoration: underline; display: block; font-size: 20px; }
.advertiser-panel { background: #FFF; padding: 20px 10px 0px 10px; border: 1px solid silver; }
.city-ad div p, .city-ad div li { font-size: 12px; color: #333; }
.advertiser-panel li { text-align: right; list-style: none; font-size: 11px; margin: 6px 0; }
.advertiser-panel li a { font-size: 12px; }
.advert-aside-promo img { border: 1px solid silver; display: block; }
.advert-aside-promo img:hover, .advert-aside-promo img:focus { border: 1px solid #b63100; display: block;}
#ad-asides li { border-bottom: none; }
#ad-asides h4 { color: #333; font-size: 14px; border-bottom: 1px solid silver; margin-bottom: 6px; }
h4.aw-nav-head span { font-size: 14px; text-transform: lowercase; font-variant: small-caps; }
#ad-asides .section-nav li { padding: 2px; border-bottom: 1px dotted silver; }
#ad-asides .section-nav a { color: #5397c0; }
#ad-asides .section-nav a:hover { color: #ffa212; }
#ad-asides .section-nav a:visited { color: #2f5582; }
#sp_twitter { background: #FFF; position: relative; margin: 0; padding: 10px 0 0 0; float: left; width: 300px; }
#sp_twitter div { margin: 20px 0 20px 0; border-bottom: double #2f5582; }
#sp_twitter a.follow-twitter { color: #26AED1; font-size: 1.1em; }
#sp_twitter a.follow-twitter:hover { color: #FFA212; }
#sp_twitter li { font-size: 10px; color: #666; margin: 6px auto; padding: 4px 0; border-bottom: 1px dotted silver; }
#sp_twitter li a { font-size: 10px; color: #26AED1; }
#sp_twitter li a:hover { color: #FFA212; }
#sp_twitter li span { display: block; color: #999; margin-top: 0; font-style: italic; }
#sp_twitter p { margin: 0; border-bottom: 1px solid silver; text-transform: lowercase; font-variant: small-caps; letter-spacing: 1px; color: #26AED1; font-size: 1.1em; }
#sp_twitter_bird { position: absolute; top: 12px; right: -10px; }
/*FIND RUN ASIDE*/
#search-run-aside { background: #5397c0; margin-top: 20px; padding-top: 0; color: #FFF; }
#search-run-aside .submit-search { background: url(/img/core/red-arrow-bg.png) no-repeat right center; border: none; outline: none; color: #FFF; font-size: 20px; display: block; width: 320px; padding: 10px; margin: 12px -10px 0 0; position: relative; left: -2px; }
.submit-search:hover, .submit-search:focus { cursor: pointer; }
#search-run-aside #searchtext { padding: 10px; display: block; font-size: 22px; -moz-border-radius: 25px; -webkit-border-radius: 25px; border: 2px solid #ffa624; font-size: 16px; color: #666; -webkit-box-shadow: 0 0 8px rgb(0,0,0); -moz-box-shadow: 0 0 8px rgb(0,0,0); box-shadow: 0 0 8px rgb(0,0,0); margin: 10px 0; width: 277px; }
#search-run #searchtext:hover, #search-run #searchtext:focus { border: 2px solid #f37607; }
#search-run-aside .move { display: block; color: #FFF; font-size: 22px; margin-left: 15px; }
#search-run-aside img { background: #FFF; }
#search-run-aside #geofinder_form { margin-top: 8px; }
/*CONTACT FORM*/
#home-intro .msg-title { font-size: 46px; color: #FFF; margin-top: 20px; font-weight: bold; }
#contact { margin-top: 10px; }
#contact_simple label { display : block; font-weight: bold; clear: left; margin: 10px 0; width: 160px; color: #2f5582; }
#contact_simple label span { display: block; float: left; font-size: 1.2em; }
#contact_simple input { width: 300px; padding: 4px; border: 1px solid #ccc; font-size: 1.1em; color: #666; }
#contact_message { width: 420px; padding: 4px; border: 1px solid #ccc; font-size: 1.1em; color: #666; }
#contact_simple input:focus, #contact_message:focus { border: 1px solid #50cad8; }
#contact_simple input.btn, #submit input.btn { clear: both; width: 6em; padding: 6px; background: #b53000; color: #fff; font-size: 1.2em; cursor: pointer; }
p#button { clear: both; }
#contact_simple input.btn:hover, #submit input.btn:hover { background: #ffa624; }
p.contact-phone { font-size: 1.3em; color: #8aabca; }
/*SUBMIT RUN FORM*/
#submit label { font-weight: bold; clear: left; margin: 10px 0; width: 600px; float: left; }
#submit label span { float: left; width: 100px; margin: 5px 0; font-size: 1.2em; color: #173152; }
#submit input { width: 250px; padding: 4px; border: 1px solid #ccc; font-size: 1.1em; color: #666; float: left; }
#submit #distance_sub { width: 140px; margin-right: 10px;}
#submit input#submit_distance { width: 120px; }
#submit #distance_unit_sub { width: 220px; float: left; clear: none; margin-left: 10px; }
#submit select { width: 200px; }
.submit_group { float: left; width: 570px; background: #e8eef2; padding: 15px; margin-bottom: 12px; }
.submit_group h5 { float: left; width: 500px; margin: 0; color: #173152; }
#submit #overview_sub span, #submit #bio_sub span { display: block; width: 400px; }
#submit_overview { width: 592px; padding: 4px; border: 1px solid #ccc; font-size: 1.1em; color: #666; }
#submit_bio { width: 562px; padding: 4px; border: 1px solid #ccc; font-size: 1.1em; color: #666; }
#submit span.sub { font-size: 11px; color: #666; float: left; clear: both; width: 500px; }
#submit p.alt { display: block; width: 500px; float: left; clear: both; margin: 0; }
/*BLOG*/ /*TRAINING*/
#blog-content p, #training-content p { color: #333; }
#blog-content img, #training-content img { padding: 3px; background: #FFF; border: 1px solid #333; margin: 10px 10px 10px 0; float: left; }
#blog-content header, #training-content header { margin-bottom: 14px; padding-bottom: 10px; border-bottom: 1px dotted silver; }
#blog-content header h1, #blog-content header h1 a, #training-content header h1, #training-content header h1 a { font-size: 30px; color: #2f5582; margin: 12px 0 0 0; }
#blog-content header span, #training-content header span { color: #666; font-style: italic; font-size: 11px; }
#blog-content li, #training-content li { font-size: 13px; color: #333; margin: 4px 60px 4px 20px; }
#blog-content h2, #blog-content h3, #blog-content h4, #training-content h2, #training-content h3, #training-content h4 { font-size: 20px; text-transform: lowercase; font-variant: small-caps; letter-spacing: 1px; font-weight: bold; margin: 0; }
#blog-content img.avatar { border: 0; padding: 0; margin: 10px 0; }
#blog-content footer h4 { border-bottom: 1px solid #666; }
#ad-asides ul { list-style: none; background: #FFF; margin: 0; padding: 0; border-bottom: 20px solid #FFF; }
#ad-asides li { margin: 4px 0; padding: 2px; }
p.bio { margin-top: 14px; font-size:11px; color: #333; }
p.author-supp { border-top: 1px solid #333; padding-top: 6px; margin-bottom: 0; font-weight: bold; }
.author-entries { margin-top: 0; }
.author-entries li { border-bottom: 1px dotted silver; list-style: none; padding: 2px; margin-left: 0; }
.author-entries li a { color: #5397c0; }
.author-entries li a:visited { color: #2f5582; }
.author-entries li a:hover { color: #ffa212; }
#training-content table tr:nth-child(2n+2) {background: #cddbe5; }
#training-content table td { padding: 2px 4px; margin: 3px; border: 1px solid #b3c1cb; color: #2c3337; }
#training-content table tr:nth-child(0n+1) { background: #b53000; color: #FFF; }
#training-content table tr:nth-child(0n+1) td { color: #FFF; font-weight: normal; text-transform: lowercase; font-variant: small-caps; letter-spacing: 1px; text-align: center; }
#training-content table tr > td:first-child { text-transform: lowercase; font-variant: small-caps; letter-spacing: 1px; text-align: center; }
/*ARCHIVE*/
#archive ul { list-style: none; margin: 0; }
#archive li.date { font-size: 20px; display: block; border-bottom: double silver; }
#archive li { margin: 4px 0; }
#archive li span { font: 14px Georgia, Garamond Times, Serif; font-style: italic; color: #666; }
#archive li a { color: #5397c0; }
#archive li a:visited { color: #2f5582; }
#archive li a:hover { color: #FFa212; }
/*AUTHOR FEATURE PAGE*/
#author_feature { margin-top: 20px; }
#author_feature img { float: left; padding: 3px; border: 1px solid silver; -webkit-box-shadow: 0 0 5px rgb(0,0,0); -moz-box-shadow: 0 0 5px rgb(0,0,0); box-shadow: 0 0 5px rgb(0,0,0); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); transform: rotate(-3deg); margin: 20px; }
#author_feature h1 { text-align: right; font-size: 36px; color: #173152; }
#aw-pb h3 { text-align: right; font: 20px Georgia, Garamond, Times, Serif; font-style: italic; color: #b63100; }
#aw-pb ul { float: left; width: 270px; }
#aw-pb li { margin: 4px 0; padding: 2px; border-bottom: 1px dotted silver; display: block; text-align: right; color: #333; }
#aw-pb span { color: #666; font: 14px Georgia, Garamond, Times, serif; font-style: italic; }
#aw-nav h2 { font: 24px Georgia, Garamond, Times, Serif; font-style: italic; color: #b63100; }
#aw-nav ul { list-style: none; }
#aw-nav li { margin: 4px 0; display: block; padding: 2px; border-bottom: 1px dotted silver; }
#aw-nav li a { font-size: 20px; text-transform: lowercase; font-variant: small-caps; color: #5397c0; }
#aw-nav li a:hover { color: #FFA212; }
#aw-nav li a:visited { color: #2f5582; }
/*COMMENTS*/
#blog-comments { margin-top: 12px; }
#blog-comments h3 { border-bottom: 1px solid #333; }
ul#comment-wrap { margin-bottom: 12px; }
ul#comment-wrap li { display: block; border-bottom: 1px solid #333; }
ul#comment-wrap li:hover { background: rgba(117,149,160,0.2); }
ul#comment-wrap li.mek-comment { background: rgba(166,166,106,0.2); border-bottom: 1px solid #a5a501; }
.comment-entry p { margin-top: 18px; }
#comment { padding : 4px; font-size: 14px; border: 2px solid #333; }
#comment:focus { border: 2px solid #50cad8; }
p.live-preview { padding: 6px; width: 400px; margin-top: 0; }
.button { height: 40px; background: #a5a501; border: none; color: #000; width: 80px; float: left; margin: 10px 10px 10px 0; }
.button:hover { background: #50cad8; color: #FFF; }
p.button { text-align: center; }
#blog-comments { margin-bottom: 12px; }
p.comment-meta span { margin: 10px 10px 0 10px; font-size: 16px; text-transform: capitalize; display: block; }
p.comment-meta span.comment-date { margin: 0 10px; font-size: 11px; display: block; }
p.comment-option { clear: left; margin: 4px 0; }
.comment-preview { border-top: 1px solid #333; background: url(/assets/img-core/mphant_sm.png) no-repeat bottom right; padding-bottom: 20px; min-height: 150px; }
.comment-preview h5 { margin: 0; }
#blog-comments blockquote { border-bottom: none; margin-bottom: 0; margin-top: 12px; padding-bottom: 0; }
span.label { width: 60px; margin-right: 10px; display: inline-block; }
span.note { margin-left: 10px; font-style: italic; }
/*SPONSORS*/
/*INTERESTED*/
div#feature_list { height: 380px; overflow: hidden; position: relative; margin-bottom: 30px; }
div#feature_list ul { position: absolute; top: 20px; list-style: none; }
ul#tabs { left: 0; z-index: 2; width: 320px; margin-left: 0; padding-left: 0; margin-top: 30px; }
ul#tabs li { margin: 2px 0; height: 80px; }
ul#tabs li img { float: left; margin-right: 20px; }
ul#tabs li a { display: block; height: 60px; outline: none; padding: 10px; width: 240px; background: #cbd5e2; color: #333; border-bottom: 1px solid #b6c5c8; }
ul#tabs li a:hover { background: #b53910; color: #FFF; border-bottom: 1px solid #952d0b; }
ul#tabs li a.current { background: url(/img/core/feature-tab-current.png) no-repeat right; color: #FFF; width: 360px; border-bottom: 1px solid transparent; }
ul#tabs li a.current:hover { text-decoration: none; cursor: default; }
ul#tabs li h3 { font-size: 24px; text-transform: lowercase; font-variant: small-caps; margin-bottom: 0; letter-spacing: 1px; }
ul#output { right: 0; height: 380px; position: relative; }
ul#output li { position: absolute; height: 380px; }
ul#output li a { position: absolute; bottom: 10px; right: 10px; padding: 8px 12px; text-decoration: none; font-size: 11px; color: #FFF; background: #000; }
ul#output li a:hover { background: #D33431; }
#sp_tab_contact { background: #eceeef; }
#sp_contact { margin-top: 20px; }
/*EDIT*/
#entryform h2 { text-transform: lowercase; font-variant: small-caps; font-size: 24px; }
#sp_update_promoimg a { display: block; padding: 10px 20px; background: #5397c0; color: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin-top: 10px; margin-bottom: 10px; }
#sp_update_promoimg a:hover { background: #ffa212; }
#sp_upload { font: 13px 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif; }
#sp_upload input { padding: 4px; }
#sp_update textarea{ width: 400px; height: 100px; border: 1px solid #CCC; font-size: 1.1em; color: #666; }
.wide-label span { width: 400px; }
/*
ColorBox Core Style
The following rules are the styles that are consistant between themes.
Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/*
Example user style
The following rules are ordered and tabbed in a way that represents the
order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(/img/core/overlay.png) 0 0 repeat;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(/img/core/controls.png) -100px 0 no-repeat;}
#cboxTopRight{width:21px; height:21px; background:url(/img/core/controls.png) -129px 0 no-repeat;}
#cboxBottomLeft{width:21px; height:21px; background:url(/img/core/controls.png) -100px -29px no-repeat;}
#cboxBottomRight{width:21px; height:21px; background:url(/img/core/controls.png) -129px -29px no-repeat;}
#cboxMiddleLeft{width:21px; background:url(/img/core/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(/img/core//controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(/img/core/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(/img/core/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/img/core/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(/img/core/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(/img/core/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(/img/core/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(/img/core/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}
/*
The following fixes png-transparency for IE6.
It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
Colorbox preloads navigation hover classes to account for this.
!! Important Note: AlphaImageLoader src paths are relative to the HTML document,
while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/core/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/core/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/core/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/core/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/core/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/core/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/core/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/core/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
/*VIRTUAL RACE*/
.tablesorter { border-left: 1px solid silver; width: 600px; }
.latest_scroll { max-height: 400px; overflow: scroll; border-bottom: 3px solid #999; margin-bottom: 15px; }
table.tablesorter td { padding: 4px; border-bottom: 1px solid silver; border-right: 1px solid silver; }
.tablesorter th { background: #2f5582; color: #fff; text-transform: lowercase; font-variant: small-caps; font-weight: bold; text-shadow: 0 -1px 0 #333; }
.tablesorter .sorter th:hover { cursor: pointer; background: #333; }
#vr_login, #vr_welcome { background: rgba(0,0,0,0.7); color: #fff; padding: 8px; border: 1px solid #2f5582; border-radius: 5px; }
#vr_welcome p { font-size: 1.3em; color: #FFF; }
#vr_login span { float: left; display: block; width: 80px; padding-top: 4px; }
#vr_login label { float: left; display: block; margin: 5px 0; }
#vr_login input { float: left; width: 190px; border: 1px solid #666; border-radius: 5px; padding: 3px; color: #666; }
#vr_login a, #vr_welcome a { color: #0092ef; font-weight: bold; }
#vr_login a:hover, #vr_welcome a:hover { color: #ffa212; }
#vr_welcome a { display: block; }
#vr_login form { float: left; display: block; }
#vr_login .submit { width: 120px; float: right; background: #ffa212; border: 1px solid #fff; color: #333; }
#vr_login .submit:hover { cursor: pointer; background: #555; color: #e7e7e7; }
.user_reminder { float: left; clear: left; text-align: right; }
#virtual_race h3 { color: #2f5582; border-bottom: 1px solid #2f5582; }
#virtual_race h1 { background: rgba(0,0,0,0.7); color: #FFF; padding-left: 6px; border-right: 4px solid #5397c0; }
#virtual_race h2 { text-shadow: 2px 2px 5px #5397c0; }
#virtual_race #run-cols, #vr_profile #run-cols { background: #FFF; box-shadow: 0 0 5px #666; -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; margin-bottom: 20px; }
#virtual_race #run-cols p, #vr_profile #run-cols p { margin: 15px 10px; }
#vr_profile #run-cols p { font-size: 1.18em; }
/*SAEF*/
.vr_matrix .datepicker-label { width: 20px; padding-right: 0; }
#field_id_38 input { color: #666; font-size: 14px; padding: 3px; }
#entryform { display: block; float: left; clear: left; width: 600px; }
#ui-datepicker-div.ui-widget-content { border: none; }
/*.ff_matrix_textarea { width: 250px; background: red }*/
.ff_matrix_textarea textarea { font: 12px arial, sans-serif; color: #666; }
.ui-sortable .head th { background: #000; color: #FFF; border-bottom: 8px solid #FFF; }
.ui-sortable .head th td { margin-bottom: 8px; }
.ui-sortable td {vertical-align: top; margin-top: 8px; }
.vr_matrix .ff_matrix table .th, .vr_matrix .vr_matrix .ff_matrix table .td, .vr_matrix .ff_matrix table td.first, .vr_matrix .ff_matrix_conf table .td:first-child, .vr_matrix .ff_matrix table td.last, .vr_matrix .ff_matrix_conf table .td:last-child { border: none; }
.vr_matrix .ff_matrix table .td { border-right: none; }
#entryform .submit { clear: left; display: block; background: red; padding: 5px 8px; color: #fff; border: none; border-radius: 5px; float: right; margin: 0 20px 20px 0; }
#entryform .submit:hover { cursor: pointer; background: #bb0f09; }
.vr_matrix a:hover { color: red; }
.ff_matrix table .gutter { display: block; }
#entryform a.button { background: none; border: none; height: auto; margin: 0; width: auto; }
#entryform a.add, #entryform a.button { display: block; padding: 3px inherit; border-top: 1px solid #e5e3df; border-bottom: 1px solid #e5e3df; width: 90%; margin-bottom: 10px; background: #FFF; margin-left: 10px; padding-left: 5px; color: #2f5582; }
#entryform .ff_radio_group label { margin-left: 8px; }
/*REGISTER */
#member_form { float: left; margin-bottom: 20px; padding-bottom: 20px; }
#member_form label { float: left; clear: left; display: block; margin-bottom: 6px; width: 100%; }
#member_form span { float: left; display: block; width: 150px; font-size: 1.1em; color: #555; padding-top: 4px; }
#member_form input { font-size: 1.1em; color: #666; border: 1px solid #999; padding: 3px; width: 300px; border-radius: 3px; }
#member_form input:hover, #member_form input:focus { border: 1px solid #2f5582; }
#member_form .submit { clear: left; width: 100px; margin-left: 356px; background: #2f5582; border-top: 1px solid #18afe0; border: 1px solid #336699; color: #FFF; }
#member_form .submit:hover { cursor: pointer; background: #336699; border: 1px solid #232323; }