/*
Theme Name: html5 shell by mimoYmima.com - new
Theme URI: http://html5.mimoymima.com/
Description: a Framework for rapidly developing HTML5 based WordPress Themes
Version: 2.0
Author: Brent Lagerman
Author URI: http://mimoymima.com/
*/
/*
- - - COLORS - - -
bright-orange: #F60; -- previously called just 'orange', bright orange is used for stuff like our links
brighter-orange: #F90; -- rollovers on bright oranger
dark-orange: #7C390D; looks like 50% of #F60
lightest-grey: #CCC; -- lightest grey used for text and headers
lighter-grey: #898989;
light-grey: #A5A5A5;
medium-grey: #5B5B5B;
dark-grey: #3F3F3F;
darker-grey: #2D2D2D; -- darker grey - bkg of content area
*/
/* --- BEGIN: BASIC STYLES ---*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, 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; background: transparent; line-height: 1 }
header, section, footer, aside, article { display: block; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
img { -ms-interpolation-mode: bicubic; }
body { font-size: 16px; }
/* --- HTML & BODY --- */
html { background: url("images/980/gradient.png") repeat-x scroll left bottom #333; } /* this is the gradient on the bottom of the page */
body { color: #CCC; font-family: "Helvetica Neue", "myriad pro", "myriad web", myriad, helvetica, sans-serif; font-weight: 300; background : url("images/980/gradient.png") repeat-x scroll left top transparent; }
/* --- Fonts & Text Rendering --- */
@font-face {
font-family: 'StampRegular';
src: url('fonts/stamp-webfont.eot');
src: url('fonts/stamp-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/stamp-webfont.woff') format('woff'),
url('fonts/stamp-webfont.ttf') format('truetype'),
url('fonts/stamp-webfont.svg#StampRegular') format('svg');
font-weight: normal;
font-style: normal;
}
strong { font-weight: bold; }
/* --- HEADINGS --- */
h1, h2, h3, h4, h5, h6 { font-weight: lighter; }
/* --- LINKS --- */
a:link, a:visited { color: #F60; text-decoration: none; }
a:hover, a:active, a:focus { color: #FFF; text-decoration: underline; }
/*--- LISTS ---*/
ul li, ol li { line-height: 1.2; }
#page-content ol { margin: 1em 2em; }
#page-content ol li { margin-bottom: 1em; }
/* --- FORMS --- */
input, textarea { -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; padding: .5em; font-size: .8em; color: #A5A5A5; padding: .5em !important; font-size: 14px !important; letter-spacing: .1em !important; }
input[type="text"] { background-color: #000; border: 1px solid #898989; }
input[type="text"]:hover { border-color: #CCC; }
input[type="text"]:focus { background-color: #A5A5A5; border-color: #FFF; color: #353535; }
input[type="email"] { background-color: #000; border: 1px solid #898989; }
input[type="email"]:hover { border-color: #CCC; }
input[type="email"]:focus { background-color: #A5A5A5; border-color: #FFF; color: #353535; }
input[type="tel"] { background-color: #000; border: 1px solid #898989; }
input[type="tel"]:hover { border-color: #CCC; }
input[type="tel"]:focus { background-color: #A5A5A5; border-color: #FFF; color: #353535; }
input[type="file"] { background-color: #000; border: 1px solid #898989; }
input[type="file"]:hover { border-color: #CCC; }
input[type="file"]:focus { background-color: #A5A5A5; border-color: #FFF; color: #353535; }
input[type="password"] { background-color: #000; border: 1px solid #898989; }
input[type="password"]:hover { border-color: #CCC; }
input[type="password"]:focus { background-color: #A5A5A5; border-color: #FFF; color: #353535; }
input[type="search"] { background-color: #000; border: 1px solid #898989; }
input[type="search"]:hover { border-color: #CCC; }
input[type="search"]:focus { background-color: #A5A5A5; border-color: #FFF; color: #353535; }
textarea { background-color: #000; border: 1px solid #898989; }
textarea:hover { border-color: #CCC; }
textarea:focus { background-color: #A5A5A5; border-color: #FFF; color: #353535; }
.gform_wrapper .gfield_required { color: #FF6600 !important; }
.gform_wrapper select { font-size: 1em !important; }
.gform_wrapper .top_label input.medium { width: 45% !important; }
#gform_wrapper_2 .gfield_radio li label { line-height:1.3 !important; }
#gform_wrapper_2 .gfield_checkbox li label { line-height:1.3 !important; }
#gforms_confirmation_message { padding-left: 20px; position: absolute; top: 0; }
input[type="submit"] { font-weight: bold; border: 1px solid #F60; background-color: #F60; color: #2d2d2d; padding: .4em 1.2em; text-transform: uppercase; }
input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active { color: #000; background-color: #fff; border: 1px solid #fff; }
.gform_fields .gfield { margin: .5em 0; }
.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label { line-height: 1 !important; }
.gform_fields .gform-conditional-field { font-size: 12px; margin-top: 0 !important; margin-left: 2em; }
.gform_fields .gform-conditional-field .gfield_label { margin-top: 0 !important; }
.gform_fields .faux-label { margin: 10px 0 4px 0; font-weight: bold; line-height: 1.3em; }
.gform_wrapper .gform_fields li.gfield.gfield_error { background-color: #959595 !important; border: 1px dotted #666 !important; }
#page-content #gforms_confirmation_message { padding: 20px !important; text-align: left !important; background-color: #141414 !important; border: 1px solid #000 !important; color: #FEFEFE !important; font-size: 16px !important; width: 70% !important; }
.gform_fields .shorten-address-fields, .gform_fields .shorten-name-fields { width: 500px; }
.gform_wrapper .gform_fields .shorten-address-fields .ginput_complex .ginput_full input { width: 85% !important; }
.gform_wrapper .shorten-address-fields .ginput_complex .ginput_left input { width: 80% !important; }
.gform_wrapper .shorten-address-fields .ginput_complex .ginput_right input, .gform_wrapper .shorten-address-fields .ginput_complex .ginput_right select { width: 80% !important; }
.gform_wrapper .shorten-name-fields .ginput_complex .ginput_left input { width: 80% !important; }
.gform_wrapper .shorten-name-fields .ginput_complex .ginput_right input, .gform_wrapper .shorten-name-fields .ginput_complex .ginput_right select { width: 80% !important; }
/* --- WTM Spectator Form --- */
#gform_wrapper_5 #input_5_1_3_container, #gform_wrapper_5 #input_5_1_6_container { float: none; }
#gform_wrapper_5 #input_5_1_6_container { margin-top: 10px; }
/* --- Clear Fix --- */
*+html .clear-fix { min-height: 1%; }
.clear-fix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0; }
.ClearAll { margin: 1em 0; border: none; } /*legacy class*/
/* --- Images --- */
/* expandable width adaptive images */
img.size-full.aligncenter { max-width: 100%;}
img.size-full.alignright { max-width: 40%; }
img.size-full.alignleft { max-width: 40%; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
/* --- Videos & other iFrames --- */
#page-content iframe { width: 100%; }
/* --- Modal popups --- */
#fancybox-content { background: #111 !important; border-color: #000 !important; }
#fancybox-overlay { background-color: #2d2d2d !important; }
/* --- Tables --- */
table { border-collapse: collapse; margin-top: 1em; margin-bottom: 2em; width: 100%; }
table th { background: #111; border-bottom: solid 1px #2D2D2D; text-align: left; padding: .4em 0 .4em .8em; font-family: 'StampRegular', "arial narrow", "HelveticaNeue-CondensedBold", hevetica, sans-serif; font-size: 1.4em; letter-spacing: .15em; font-weight: lighter; }
table th#YearHeader { text-align: center; padding: .6em; }
table th#YearHeader img { margin: 0; }
table td { border-bottom: 2px solid #222; background: #2F2F2F; padding: .8em; }
table .highlight td { color: #FFF; background: #555; }
#YearHeader img.Hide { display: none; }
.ui-datepicker td { border: 0; background: transparent; padding: 0; }
tr.hdr-country-names { background-color: #272727; }
tr.hdr-country-names td { background-color: #272727; padding: .5em 1em; font-family: 'StampRegular', "arial narrow", "HelveticaNeue-CondensedBold", hevetica, sans-serif; font-size: 1.4em; letter-spacing: .15em; font-weight: lighter; }
/* --- BEGIN: BASE STYLES (980) --- */
body { margin: 0 auto; min-width: 980px; }
.row { width: 980px; margin: 0 auto; position: relative; }
/* --- header area --- */
#site-header { position: relative; }
#site-header-row { background: url("images/980/splatter.png") no-repeat 50px center; }
#extra-splatter-1 { background: url("images/980/splatter.png") no-repeat 600px -225px; padding-top: .4em; height: 145px; } /* padding here brings page down a drop */
/* --- navigation --- */
#main-nav { position: absolute; bottom: 15px; right: 40px; width: 750px}
#main-nav > h1 { height: 0; overflow: hidden; }
#main-nav > ul { list-style: none; padding: 0 0 0 4em; background: black; margin-top: -1px; }
#main-nav > ul > li { float: left; }
#main-nav > ul > li > a { margin: 1em .5em; text-indent: -10000px; display: block; }
#events { background: url("images/980/nav_events.png"); width: 88px; height: 22px; }
#about { background: url("images/980/nav_about.png"); width: 76px; height: 23px; }
#media { background: url("images/980/nav_media.png"); width: 71px; height: 23px; }
#training { background: url("images/980/nav_training.png"); width: 106px; height: 23px; }
#community { background: url("images/980/nav_community.png"); width: 138px; height: 23px; }
#sign-up-now { background: url("images/980/nav_sign_up_now.png"); width: 151px; height: 102px; position:absolute; top: -10px; right: -40px; text-indent: -10000px; z-index: 1000; }
#main-nav ul li a:hover, #sign-up-now:hover { background-position: left bottom; }
/* --- header elements ---*/
#tm-logo { width: 244px; height: 156px; position: absolute; z-index: 1000; }
#tm-logo img { width: 244px; height: 156px; }
#tm-logo > a { display: block; height: 156px; width: 244px; }
#sponsor-tile { background: url("images/980/main_sponsor.png"); width: 95px; height: 55px; position: absolute; top: .4em; left: .8em; text-indent: -10000px; z-index: 100; display: none }
#sponsor-tile > a { display: block; height: 58px; width: 95px; display: none; }
#social-plugins { text-transform: lowercase; position: absolute; right: 0; top: 0; width: 100%; }
#social-plugins > h1 { height: 0; overflow: hidden; }
/* the two links next to the social plugins below */
#social-plugins > a { text-decoration: none; color: #CCC; padding: .6em 1em; text-transform: lowercase; border-right: solid #222 1px; text-align: center; letter-spacing: .1em; font-size: .8em; display: block; float: right; }
#social-plugins > a:hover { background: rgba(0,0,0,.15); color: white; }
#social-plugins > a.last { border: none; margin-right: 10px; }
/* google +1 and fb like buttons */
#___plusone_0 { float: right !important; margin-right: 10px !important; margin-top: 5px !important; }
.fb_edge_widget_with_comment{ display: block; float: right; margin-top: 5px; }
/* --- site main --- */
#site-main { background-color: black; margin-top: -1px; }
#yt-player { float: right; width: 672px; height: 378px; margin: 1em 0 0 0; }
#yt-player iframe { width: 672px; height: 378px; }
#map-overlay { width: 672px; height: 378px; display: none; position: absolute; margin: 1em 0 0 0; right: 0; }
html.no-js #yt-player { display: none; }
html.no-js #map-overlay { display:block; position: relative; float: right; margin: 0; }
#header-toughest { background: url("images/980/hdr_toughest.png") no-repeat left bottom; width: 276px; height: 56px; text-indent: -10000px; padding: 1em 0 0 0; }
#tm-description { padding: 1em 48em 0 0; font-size: .9em; line-height: 1.5; letter-spacing: .05em; }
#home-link-calendar { background: url("images/980/btn_view_cal_980.png") no-repeat left top; width: 261px; height: 70px; text-indent: -10000px; display: block; margin: 1em 0; }
#home-link-calendar:hover { background-position: left bottom; }
/* --- tough mudder promotions --- */
#tm-promotions { background-color: black; padding: 1em 0; margin-top: -1px; }
#tm-promotions h1 { height: 0; overflow: hidden; }
#tm-promotions > div.row div { float: left; width: 25%; }
#wwp-link { text-decoration: none; color: white; }
#wwp { background: url("images/980/promo_wwp.png") no-repeat center top; width: 226px; height: 133px; cursor: pointer; }
#wwp-box { line-height: 140%; color: #CCC; float: right; padding: 2.5em 1.5em; text-align: right; width: 125px; font-family: 'StampRegular', "arial narrow", "HelveticaNeue-CondensedBold", hevetica, sans-serif; font-size: 1em; letter-spacing: .1em; }
#wwp-amount { color: white; text-shadow: 1px 1px 1px #333; font-size: 2em; display: block; margin-bottom: 3px;}
#link-challenge { background: url("images/980/promo_challenge.png") no-repeat center top; width: 226px; height: 133px; cursor: pointer; }
#wtm { background: url("images/980/promo_wtm.png") no-repeat center top; width: 226px; height: 133px; cursor: pointer; }
#wwc { background: url("images/980/promo_wwc.png") no-repeat center top; width: 226px; height: 133px; cursor: pointer; }
#hfh { background: url("images/980/promo_hfh.png") no-repeat center top; width: 226px; height: 133px; cursor: pointer; }
#legacy { background: url("images/980/promo_legacy.png") no-repeat center top; width: 226px; height: 133px; cursor: pointer; }
#mudder-nation { background: url("images/980/promo_mudder-nation.png") no-repeat center top; width: 226px; height: 133px; cursor: pointer; }
#mudders-unite { background: url("images/980/promo_mudders_unite.png") no-repeat center top; width: 226px; height: 133px; margin-right: 0 !important; position: relative; }
#signup-success { display: block; padding: 2.9em 0 0 1.8em; }
/* --- chimp and social media --- */
#mailchimp-sign-up { margin: 3em 0 0 1.7em; }
#mailchimp-input { border: solid 1px; padding: .5em; width: 110px; }
#mailchimp-submit { padding: .4em; margin-left: 0; border: none; -webkit-appearance:none; }
#social-media-links { position: absolute; bottom: 0; padding: 0 0 .7em 1.7em; list-style: none }
#social-media-links > li { float: left; }
#social-media-links li a { background-image: url("images/btn_social.png"); background-repeat: no-repeat; display: block; float: left; text-indent: -10000px; margin-right: .6em; width: 35px; height: 35px; }
/* up */
#social-link-facebook { background-position: 0 0; }
#social-link-twitter { background-position: -38px 0; }
#social-link-linked-in { background-position: -76px 0; margin-right: 0 !important; }
#social-link-youtube { background-position: -114px 0; }
/* down */
#social-link-facebook:hover { background-position: 0 -37px; }
#social-link-twitter:hover { background-position: -38px -37px; }
#social-link-linked-in:hover { background-position: -76px -37px; }
#social-link-youtube:hover { background-position: -114px -37px;}
/* --- site footer --- */
#site-footer-row { background: url("images/980/splatter.png") no-repeat -20px -252px; margin-top: -3px; min-height: 260px; }
#extra-splatter-2 { background: url("images/980/splatter.png") no-repeat right bottom; padding-top: 1em; height: 100%; }
#site-footer > div.row > h1 { height:0; overflow: auto; }
#sponsors-section { text-align: center; height: 112px;}
#sponsors-section > h1 { text-align: left; font-family: 'StampRegular', "arial narrow", "HelveticaNeue-CondensedBold", hevetica, sans-serif; letter-spacing: .1em; color: #BBB; margin: 0 0 0 3.5em; font-size: 1.4em; }
#sponsors-section > ul { list-style: none; padding: 0 5em; }
#sponsors-section > ul > li { display: inline; }
#sponsor-spots li a { margin-right: .8em; float: left; }
#sponsor-spots li a:hover { background-position: left bottom !important; }
#sponsor-spots-au li a { margin-right: .8em; float: left; }
#sponsor-spots-au li a:hover { background-position: left bottom !important; }
#sponsor-spots-uk li a { margin-right: .8em; float: left; }
#sponsor-spots-uk li a:hover { background-position: left bottom !important; }
#sponsor-spots-2 {display: none; position: absolute; top: 39px;}
#sponsor-spots-2 li a { margin-right: .8em; float: left; }
#sponsor-spots-2 li a:hover { background-position: left bottom !important; }
/* sponsor logos */
.sponsor_ford { background: url("images/980/sponsors/ford.png") no-repeat left top; width: 145px; height: 90px; display: block; display: none; }
.sponsor_dos-equis { background: url("images/980/sponsors/dos_equis.png") no-repeat left top; width: 145px; height: 90px; display: block; }
.sponsor_degree { background: url("images/980/sponsors/degree.png") no-repeat left top; width: 145px; height: 90px; display: block; }
.sponsor_under-armor { background: url("images/980/sponsors/under_armor.png") no-repeat left top; width: 145px; height: 90px; display: block; }
.sponsor_clif-builder { background: url("images/980/sponsors/clif_builder.png") no-repeat left top; width: 145px; height: 90px; display: block; }
.sponsor_bic { background: url("images/980/sponsors/bic_flex4.png") no-repeat left top; width: 145px; height: 90px; display: block; }
.sponsor_frs { background: url("images/980/sponsors/frs.png") no-repeat left top; width: 145px; height: 90px; display: block; margin-right: 0; }
.sponsor_balance { background: url("images/980/sponsors/balance.png") no-repeat left top; width: 145px; height: 90px; display: block; margin-right: 0; }
.sponsor_rogue { background: url("images/980/sponsors/rogue_fitness.png") no-repeat left top; width: 145px; height: 90px; display: block; margin-right: 0; }
.sponsor_eas { background: url("images/980/sponsors/eas.png") no-repeat left top; width: 145px; height: 90px; display: block; margin-right: 0; }
#footer-links { text-align: center; }
#footer-links h1 { height: 0; overflow: hidden; }
#footer-links > ul { list-style: none; clear:both; margin: 2em 0; }
#footer-links > ul > li { display: inline; margin-left: -5px; }
#footer-links > ul > li > a { text-decoration: none; color: #CCC; padding: .5em .8em; text-transform: lowercase; border-right: solid #222 1px; letter-spacing: .1em; font-size: .8em; }
#footer-links > ul > li > a:hover { background: rgba(0,0,0,.15); color: white; }
#footer-links > ul > li:last-child > a { border-right: none !important; }
/* --- divs for effects --- */
#rough-edge-top-black { background: url("images/980/rough_edge.png") repeat-x left top; height: 9px; margin-top: -4px; }
#rough-edge-bottom-black { background: url("images/980/rough_edge.png") repeat-x left bottom; width: 100%; height: 9px; margin-top: -1px; }
#rough-edge-nav-top { background: url("images/980/rough_edge.png") repeat-x left top; height: 9px; }
#rough-edge-nav-bottom { background: url("images/980/rough_edge.png") repeat-x left bottom; height: 9px; margin-top: -1px; }
#rough-edge-left { background: url("images/980/rough_edge_vertical.png") repeat-x left top; width: 9px; float:left; }
#rough-edge-right { background: url("images/980/rough_edge_vertical.png") repeat-x right top; width: 9px; float:left; }
#alert-box { padding: 1em; font-size: 1.6em; background-color: #F60; color: black; }
#alert-box a { color: black; }
#alert-box a:hover { text-decoration: none; }
/* --- index template --- */
#site-main-index { background: #222; }
#page-container { padding-top: 1em; }
#page-content { padding: 1em; float: left; width: 695px; font-size: 1em; }
#page-content p { margin: 0 0 2em 0; line-height: 1.8; }
#page-content ul + p { margin-top: 2em; }
#page-content img { margin-top: 1em; }
#page-content p iframe { margin: 2em 0; }
#page-content > h2 { border-image: url('images/980/border_box.png') 12 12 8 12 fill stretch;
-moz-border-image: url('images/980/border_box.png') 12 12 8 12;
-webkit-border-image: url('images/980/border_box.png') 12 12 8 12 stretch;
-o-border-image: url('images/980/border_box.png') 12 12 8 12 stretch;
border-width: 12px 12px 8px 12px; font-family: 'StampRegular', "arial narrow", "HelveticaNeue-CondensedBold", hevetica, sans-serif; font-size: 2em; letter-spacing: .1em; clear: both; text-transform: uppercase; display: block; padding: 0 0 0 0.1em; margin: 0 0 0 -0.4em; }
#page-content > h3 { font-family: 'StampRegular', "arial narrow", "HelveticaNeue-CondensedBold", hevetica, sans-serif; font-size: 1.6em; letter-spacing: .1em; margin: 1.2em 0 .3em 0; }
.BarbedWire { height: 22px; display: block; background: url('images/hr_barbed-wire.png') 0 0 repeat-x; border: none; clear: both; }
#rough-edge-top-gray { background: url("images/980/rough_edge_gray.png") repeat-x left top; height: 9px; margin-top: -3px; }
#rough-edge-bottom-gray { background: url("images/980/rough_edge_gray.png") repeat-x left bottom; width: 100%; height: 9px; }
#rough-edge-sidebar-bottom { background: url("images/980/rough_edge.png") repeat-x left bottom; height: 9px; margin: 0 0 -9px 2px; width: 246px; }
#sidebar-index { width: 250px; float: left; background: url('images/980/rough_edge_vertical.png') repeat-y top center; margin-top: -6px; }
#sidebar-index > h1 { height: 0; overflow: hidden; }
#page-title { color: white; text-shadow: 1px 1px 1px black; border-image: url('images/980/border_box.png') 12 12 8 12 fill stretch; -moz-border-image: url('images/980/border_box.png') 12 12 8 12; -webkit-border-image: url('images/980/border_box.png') 12 12 8 12 stretch; -o-border-image: url('images/980/border_box.png') 12 12 8 12 stretch; border-width: 12px 12px 8px 12px; font-family: 'StampRegular', "arial narrow", "HelveticaNeue-CondensedBold", hevetica, sans-serif; font-size: 2em; letter-spacing: .1em; float: left; margin-left: -5px; padding: 0 1em; max-width: 64%; text-transform: uppercase; }
#menu-sidebar_nav { list-style: none; padding: 2em .5em .5em .5em;}
#menu-sidebar_nav .sub-menu { list-style: none; padding: 1em .5em .5em .5em;}
#menu-sidebar_nav > li > a { background: #444; display: block; padding: .2em .4em .1em .4em; font-family: 'StampRegular', "arial narrow", "HelveticaNeue-CondensedBold", hevetica, sans-serif; text-decoration: none; color: white; letter-spacing: .2em; font-size: 1.4em; margin-top: .5em; }
#menu-sidebar_nav > li > a.collapsed { background: none; }
.sub-menu > li > a { display: block; text-decoration: none; padding: 0 0 .8em .8em; font-size: .9em; letter-spacing: .1em; }
.sub-menu > li.current-menu-item > a { color: #999; }
#photo-section .sub-menu > li.current-page-ancestor > a { color: #999; } */
.sub-menu > li > a:hover { color: white; }
#sidebar-index h1 { height: 0; overflow: hidden; }
#sidebar-index #wwp { background: url("images/980/promo_wwp.png") no-repeat center top; width: 100%; height: 133px; cursor: pointer; margin: 2em 0 1em 0; }
#sidebar-index #wwp-box { line-height: 140%; color: #CCC; float: right; padding: 2.5em 1.5em; text-align: right; width: 125px; font-family: 'StampRegular', "arial narrow", "HelveticaNeue-CondensedBold", hevetica, sans-serif; font-size: 1em; letter-spacing: .1em; }
#sidebar-index #hfh, #sidebar-index #legacy, #sidebar-index #wwc { width: 100%; height: 133px; cursor: pointer; margin: 2em 0 1em 0; }
#sidebar-index #mudders-unite { background: url("images/980/promo_mudders_unite.png") no-repeat center top; width: 100%; height: 133px; position: relative; margin-top: .5em; margin-bottom: 2em;}
#sidebar-index #mailchimp-sign-up { padding: 3em 0 0 1.7em; margin: 0; }
#sidebar-index #link-gear { width: 199px; margin: 0 auto; margin-bottom: 2.5em; }
.btn_goto_tm { display: none; }
.MakeLink { color: #F60; text-decoration: none; cursor: pointer; font-weight: bold; line-height: 1.2; padding: 0.4em 0; }
.MakeLink:hover { text-decoration: underline; color: #FFF; }
/* --- Comments by Intense Debate -- */
#idc-container { float: left !important; width: 100% !important; } /*the comments container*/
#idc-container .idc-foot { border-top: none !important; }
#idc-noscript { clear:left; }
/* --- photo page --- */
#SubmitBuyPhoto { float: left; margin-bottom: 1.5em; margin-top: -.5em; margin-left: 1em; }
#SubmitBuyPhoto ul { list-style: none; }
#SubmitBuyPhoto ul li { display: inline; padding: 0 .3em; }
#promo-muddernation-media-lg { position: absolute; top: 0; right: 3em; }
#promo-muddernation-media-lg h1 { display: none; } /* this should hide this h1 on the photo and video pages */
.ClearAll { clear: both; }
.ThumbsList { clear: both; }
.ThumbsList a { width: 160px; height: 120px; display: block; position: relative; padding: 0 .3em 3em .3em; float: left; text-decoration: none; }
.ThumbsList img { position: absolute; margin-top: 0 !important; }
.ThumbsList h2 { float: left; clear: both; }
.ThumbsList h3 { position: absolute; bottom: 2em; background: black; width: 140px; font-family: sans-serif !important; font-size: .9em !important; padding: 7px 10px; line-height: 1.1; clear: both; cursor: pointer; }
.ThumbsList strong { text-transform: uppercase; display: block; font-weight: bold; }
.HeaderTwo { }
.gallery-item { width: 162px !important; float: left; margin: 0 0.6em 2em 0; }
.gallery-thumb { border: solid #5E5E5E 2px; padding: 3px; /* width: 155px; height: 116px; */ }
.gallery-thumb:hover { border: solid #F60 2px; }
#gallery-back-link { text-decoration: none; float: right; margin: 0 1em 0 0; }
.gallery-bottom-split { margin-top: -2.3em; }
#photo-section #page-content { margin-top: -4em; }
/* #photo-section #page-content img { margin-top: 0; } */
#no-js-more-photo{clear:left; display: block; float: left; padding: 1em; margin: 0 0; margin-bottom: 2em; background: #f60; }
#no-js-more-photo a {color:#000; font-size:1.4em;font-weight:bold;}
/* --- video page --- */
#event-menu { clear: both; margin-top: 1em; float: left;}
#event-menu h2 { padding: .5em; margin: 0 !important}
#yt-player2 { float: left; height: 390px; width: 695px; margin-top: 2em; margin-bottom: 1.5em;}
#selected-event-video-list-wrapper { overflow-x: auto;}
#selected-event-video-list { list-style: none; }
.event-video { float: left; padding: 0 .375em 1em .375em; width: 160px; }
.yt-thumb-cut { width: 160px; height: 120px; overflow: hidden; position: relative; margin-bottom: .2em; }
.event-video img { width: 220px; height: 165px; margin-top: 0 !important; position: absolute; top: -20px; left: -30px; }
.event-video a { text-decoration: none; }
.event-video div { font-family: sans-serif !important; font-size: .9em !important; line-height: 1.1; }
#event-videos-menu { list-style: none; }
.event-videos-option { float: left; padding: 0 .4em 3em .4em; }
.event-videos-option img { margin-top: 0 !important; }
.event-videos-option div { padding: 7px 10px; margin-top: -.2em; background: #000; font-family: sans-serif !important; font-size: .9em !important; line-height: 1.1; }
.event-videos-option div strong { display: block; font-weight: bold; text-transform: uppercase; }
.event-videos-option div.active { background: #2D2D2D; color: white; }
.event-videos-option-title { display: block; font-weight: normal; }
.event-videos-option a { text-decoration: none; }
#video-back-link { text-decoration: none; float: right; }
/* --- events pages --- */
.click-map a { display: block; line-height: 0; background: #111; text-align: center; }
.click-map img { margin: 0 !important; }
.registration-countdown { background: #111; margin-top: -2em; padding: 1em 5em; }
.registration-countdown .register-now { margin-left: -5em; display: block; width: 695px; height: 66px; background: url('./images/980/btn_register-now.png') top center no-repeat; }
.registration-countdown .register-now:hover { background-position: bottom center; }
.spectators-register-now { display: block; width: 509px; height: 49px; background: url('./images/980/btn_register-now_spectators.png') 0 -49px no-repeat; }
.spectators-register-now:hover { background-position: 0 0; }
.spectators-now { display: block; width: 690px; height: 66px; background: url('./images/980/btn_register-now_spectators.png') 0 0 no-repeat; }
.spectators-now:hover { background-position: 0 -65px; }
.purchase-spectator-tickets-20 { display: block; width: 690px; height: 64px; background: url('./images/980/btn_purchase_spectator_tickets.png') 0 0 no-repeat; }
.purchase-spectator-tickets-20:hover { background-position: 0 -65px; }
/* --- challenge page --- */
#friend-challenge-form-wrapper { width: 100%; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px; radius: 15px; background: url('images/980/bkg_challenge-form.png') no-repeat center 3px #CCC; }
#friend-challenge-form-wrapper .instructions { width: 325px; font-size: .9em; font-weight: bold; color: black; margin-left: 120px; padding-top: 160px; }
#friend-challenge-form-wrapper .instructions li { margin-bottom: .5em; }
#friend-challenge-form { margin: 0 auto; width: 600px; padding: 1em 0 2em 0; margin-bottom: 2em; }
#friend-challenge-form ul { list-style: none; }
#friend-challenge-form ul li label { display: block; padding: 0 0 .2em 0; font-family: 'StampRegular', "arial narrow", "HelveticaNeue-CondensedBold", hevetica, sans-serif; color: black; font-size: 1.4em; letter-spacing: .1em; }
#friend-challenge-form input { width: 250px; background: black; color: white; border: none; }
#friend-challenge-form textarea { -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; radius: 5px; line-height: 1.5; font-size: .9em; height: 6em; width: 530px; background: black; color: white; border: none; padding: 1em; }
#friend-challenge-form ul li { float: left; padding: 1em; }
#friend-challenge-form legend { display: none; }
#friend-challenge-form #challenge-buttons { text-align: center; padding-bottom: 1em; }
#friend-challenge-form #challenge-buttons button { letter-spacing: .2em; font-size: 1em; padding: .3em .5em; }
#friend-challenge-form #submit-button { text-align: center; padding: .5em; }
#friend-challenge-form #submit-button button { letter-spacing: .1em; font-size: 1.5em; padding: .3em 1em; }
#friend-challenge-form button { cursor: pointer; font-family: 'StampRegular', "arial narrow", "HelveticaNeue-CondensedBold", hevetica, sans-serif; background: black; color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: none; }
#friend-challenge-form button:hover, #friend-challenge-form button:focus { background: white; color: black; }
#send-confirmation { margin-bottom: 0 !important; padding: 1em; color: black; }
/* --- press page***/
.press-container { overflow: auto; }
.press-thumb { float: left; text-align: center; position: relative; }
.press-thumb a { display: block; text-decoration: none; font-size: .8em; height: 150px; width: 172px; top: 0; }
.press-thumb img { margin-bottom: 0; margin-top: 0; border: solid 10px #333; padding: 2px; background: #111; width: 145px; height: 96px; }
.press-thumb img:hover { border-color: #f60; }
#additional-press-links a { display: block; line-height: 1.8; width: 200px; float: left; }
#additional-press-links { width: auto; margin: 0 0 30px 0; }
/***event reviews ***/
#PieCharts img { float: left;}
/***about us page***/
#AboutUsList a { display: block; height: 156px; background: #000; padding: .5em; margin-bottom: 1em; text-decoration: none; }
#AboutUsList a img { float: left; margin: 0 1em 0 8em !important; border: 0.2em solid #F60; }
#AboutUsList a:hover img { border: 0.2em solid #FFF; }
#AboutUsList a h2 { font-family: 'StampRegular', "arial narrow", "HelveticaNeue-CondensedBold", hevetica, sans-serif; letter-spacing: .05em; clear: none; font-size: 3em; margin-bottom: 0; margin-top: .7em; }
#AboutUsList a h3 { clear: none; font-family: sans-serif; font-size: 1em; margin-top: 0; }
.p-profile { width: 600px; padding: 2em; background: #2d2d2d; }
.p-profile img { float: left; clear: left; margin-right: 25px; }
.p-profile h2 { font-family: 'StampRegular', "arial narrow", "HelveticaNeue-CondensedBold", hevetica, sans-serif; font-size: 3em; }
.p-profile h3 { margin-bottom: 1em; font-family: 'StampRegular', "arial narrow", "HelveticaNeue-CondensedBold", hevetica, sans-serif; letter-spacing: .1em; }
.p-profile h4 { margin-top: 1em; }
.p-profile p { padding: .5em 0; line-height: 1.4; }
/*** misc ***/
.Hide { margin-bottom: 1em; }
.wp-image-12223 { max-width: 40% !important; }
.wp-image-4778 { display: block;}
.ViewMore a { clear: left; float: left; margin-bottom: 1.5em; }
.NoBullet { list-style-type: none; margin-bottom: 2em; }
.NoBullet li { margin-bottom: .5em; }
.BulletList { margin-top: 1em; margin-left: 2em; }
.BulletList ~ .BulletList { margin-bottom: 2em; }
.BulletList li { list-style-type: square; margin-bottom: 1em; }
#pic404 {max-width: 100%}
/*PRELOADER: right now this only shows up in the photos section*/
#preloader, #preloader2 { position: absolute; background: url('images/preloader.gif') no-repeat center 175px #222; width: 695px; top: 75px; height: 100%; z-index: 10000; }
/*event reviews with jscharts*/
.event-review-values td{ text-align: center; }
div[id|='graph']{ float: left; }
#PieCharts{margin-top: 4em;}
/*event review tables for no js*/
#PieCharts th{ font-size:1.2em }
#PieCharts .event-review-name{ font-size:1.8em }
/*--- BEGIN: 1220 media query for 1220 and up ---------------------*/
@media screen and (min-width: 1220px) {
/*-----------------------------------------------------------------*/
.row { width: 1200px; margin: 0 auto; position: relative; }
#extra-splatter-1 { background-position: 800px -225px; height: 165px}
#tm-logo { width: 280px; height: 179px;}
#tm-logo img {width: 280px; height: 179px;}
/*--- NAV ---*/
#main-nav { width: 950px; bottom: 15px; }
#main-nav ul { padding: 0 0 0 5.5em; }
#main-nav ul li a { margin: 1em 2em 1em 0; }
#events { background: url("images/1280/nav_events.png"); width: 109px; height: 28px; }
#about { background: url("images/1280/nav_about.png"); width: 94px; height: 28px; }
#media { background: url("images/1280/nav_media.png"); width: 88px; height: 28px; }
#training { background: url("images/1280/nav_training.png"); width: 130px; height: 29px; }
#community { background: url("images/1280/nav_community.png"); width: 170px; height: 29px; }
/*--- site main ---*/
#yt-player, #yt-player iframe { width: 848px; height: 477px; }
#map-overlay { width: 848px; height: 477px; }
#header-toughest, html.no-js #header-toughest { padding-top: 2em; }
#header-toughest { background: url("images/1280/hdr_toughest.png") no-repeat left bottom; width: 310px; height: 63px; }
#tm-description { font-size: .93em; padding-right: 59em; }
#home-link-calendar { background: url("images/1280/btn_view-cal_1280.png") no-repeat left top; width: 291px; height: 100px; }
/*--- PROMOS ---*/
#wwp { background: url("images/1280/promo_wwp.png") no-repeat center top; width: 275px; height: 162px; cursor: pointer; }
#wwc { background: url("images/1280/promo_wwc.png") no-repeat center top; width: 275px; height: 162px; cursor: pointer; }
#wtm { background: url("images/1280/promo_wtm.png") no-repeat center top; width: 275px; height: 162px; cursor: pointer; }
#hfh { background: url("images/1280/promo_hfh.png") no-repeat center top; width: 275px; height: 162px; cursor: pointer; }
#legacy { background: url("images/1280/promo_legacy.png") no-repeat center top; width: 275px; height: 162px; cursor: pointer; }
#link-challenge { background: url("images/1280/promo_challenge.png") no-repeat center top; width: 275px; height: 162px; cursor: pointer; }
#mudder-nation { background: url("images/1280/promo_mudder-nation.png") no-repeat center top; width: 275px; height: 162px; cursor: pointer; }
#mudders-unite { background: url("images/1280/promo_mudders_unite.png") no-repeat center top; width: 275px; height: 162px; margin-right: 0 !important; position: relative; }
#signup-success { display: block; padding: 3.8em 0 0 2.2em; }
#wwp-box { padding: 3.5em 2.4em; }
#wwp-amount { font-size: 2.1em; margin-bottom: 7px; }
#social-media-links { padding: 0 0 1.3em 2.2em; }
#mailchimp-input { margin-top: 1em; width: 11em; margin-left: 9px; }
#sponsor-spots li a { margin: 0 1.9em; float: left; }
#sponsor-spots-2 li a { margin: 0 1.9em; float: left; }
#sponsor-spots-au li a { margin-right: 2.8em; float: left; }
#sponsor-spots-uk li a { margin-right: 2.8em; float: left; }
#sponsors-section ul { padding: 0 5em; }
#au-sponsors #sponsors-section ul { padding: 0 15em; }
#uk-sponsors #sponsors-section ul { padding: 0 20em; }
#au-sponsors
#uk-sponsors #sponsors-section > ul > li { display: inline-block; }
/*--- FOOTER ---*/
#footer-links ul li a { padding: 0 1.3em; }
#page-content { width: 865px; }
#page-title { margin-left: -5px; line-height: 1; }
#rough-edge-sidebar-bottom { background: url("images/980/rough_edge.png") repeat-x left bottom; height: 9px; margin: 0 0 -9px 0; width: 298px; }
#flash-map, #flash-map-embed { width: 850px; height: 534px; }
.sub-menu > li > a { font-size: 1em; }
#sidebar-index { width: 300px; background: url('images/1280/rough_edge_vertical.png') repeat-y top center; }
#sidebar-index #wwp { background: url("images/1280/promo_wwp.png") no-repeat center top; width: 100%; height: 162px; cursor: pointer; }
#sidebar-index #wwp-box { padding: 2.5em; }
#sidebar-index #hfh, #sidebar-index #legacy, #sidebar-index #wwc { width: 100%; height: 162px; cursor: pointer; margin: 2em 0 .5em 0; }
#sidebar-index #wwp-amount { }
#sidebar-index #mudders-unite { background: url("images/1280/promo_mudders_unite.png") no-repeat center top; width: 100%; height: 162px; position: relative; margin-top: .5em; }
#sidebar-index #mailchimp-sign-up { padding: 3em 0 0 1.7em; margin: 0; }
#sidebar-index #mailchimp-input { margin-top: 1em; width: 11.5em; margin-left: 0px; }
#sidebar-index #social-media-links { position: absolute; bottom: 0; padding: 0 0 1em 1.6em; list-style: none; }
/* event pages */
.registration-countdown .register-now { width: 865px; height: 83px; background: url('./images/1280/btn_register-now.png') top center no-repeat; }
.spectators-now { width: 865px; height: 83px; display: block; background: url('./images/1280/btn_register-now_spectators.png') 0 0 no-repeat; }
.spectators-now:hover { background-position: 0 -85px; }
.purchase-spectator-tickets-20 { width: 865px; height: 83px; display: block; background: url('./images/1280/btn_purchase_spectator_tickets.png') 0 0 no-repeat; }
.purchase-spectator-tickets-20:hover { background-position: 0 -85px; }
/* video page */
#yt-player2 { width: 864px; height: 486px; }
#yt-player2 iframe { width: 864px; height: 486px; }
#featured-video-list { height: 486px; }
#friend-challenge-form-wrapper .instructions { margin-left: 165px; }
#friend-challenge-form-wrapper { background: url('images/1280/bkg_challenge-form.png') no-repeat center 3px #CCC; }
#AboutUsList a img { margin-left: 15em !important }
#preloader, #preloader2 { width: 865px; }
/*--- END 1200 media query -----------------------------------------*/
}
/*--- END 1200 media query -----------------------------------------*/