/* Author: Flow Communications Date: July 2009 */ /*RESET AND CLEARFIX ----------------------------*/ :link,:visited {} ul,ol { list-style:none } h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;} ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 } a img,:link img,:visited img { border:none } address {font-style:normal} .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .clearfix {display:inline-block;} .clearfix {display:block;} /* BODY -----------------------------------*/ html, body {height:100%;} /* BASE TYPOGRAPHY -----------------------------------*/ body {font:12px Verdana, sans-serif; color:#fff; background: #000000 url(/theme/images/bg-vstrip.gif) no-repeat 50% 0;} #wrap-outer {background: url(/theme/images/bg-repeat.jpg) repeat-y 50% 0%; width: 100%; margin-bottom: -30px; padding-bottom: 30px;} #wrap {background: url(/theme/images/bg.jpg) no-repeat 50% 0%; width: 100%;} .floatright {float: right; margin-left: 10px; margin-bottom: 10px;} p,ul,ol {font-size:12px; line-height:19px; margin-bottom:12px;} a {line-height:15px; color: #870504; } a:link {color: #870504; outline:none; text-decoration:underline;} a:visited {text-decoration:underline;} a:hover {} h1,h2,h3,h4,h5,h6 {font-family: Verdana, sans-serif; font-weight:normal; margin-bottom:0.5em; line-height:1.3em;} h1 {font-size:24px; } h2 {font-size:16px; font-weight:bold;} h3 {font-size:14px; font-weight:bold;} h4 {font-size:13px; font-weight:bold;} h1 {background: url(/theme/images/heading-bg.jpg) no-repeat bottom left;} h2 {background: url(/theme/images/heading-bg.jpg) no-repeat bottom left;} .px22 {font-size:22px; font-weight:bold; color: #870504;} .px14 {font-size:14px; font-weight:bold; color: #870504;} strong {} em {} blockquote p {font-style:italic; padding-left:24px;} span.hide { margin-left: -9999px; } #home h1 {font-size: 48px; line-height: 36px; margin-top: -8px;} h1#heading-register {height: 90px; width: 470px; background: url(/theme/images/text-register2.png) no-repeat; position: relative; z-index: 0;} h1#heading-register a {display: block; height: 90px; width: 470px;} #text-daredevil {width: 377px; height: 85px; position: absolute; top: 260px; right: 50px; background: url(/theme/images/text-daredevilrun4.png) no-repeat; z-index: 99;} #vegas-promo, #vegas-promo:active {width: 377px; height: 190px; position: absolute; top: 170px; right: 50px; background: url(/vegas_theme/images/vegas-promo.png) no-repeat; z-index: 99;} #fp-runman {width: 585px; height: 266px; position: absolute; top: 159px; left: 176px; background: url(/theme/images/fp-runman-3.png) no-repeat; } #new-date span {margin-left: -9999px;} #new-date { position: absolute; top: 0; right: 0; width: 124px; height: 126px; background: url(/theme/images/date_tag.png) no-repeat;} /* NAV BAR -----------------------------------*/ #header {padding-top: 30px;padding-left: 110px; } #nav {padding-left: 5px; font-size: 11px; line-height: 16px; height: 16px; text-transform: lowercase;} #nav li {color: #870504; float: left; list-style: none; display: block; background: white;} #nav li a {color: #870504; text-decoration: none; padding: 0 5px; font-weight: bold;} #nav li a {border-left: 1px dotted #870504;} #nav li:first-child a {border-left: none;} #nav li.current a, #nav li a:hover {background: #BC2E2E; color: white;} #nav li a span {text-transform:uppercase;} /* BASE TEMPLATE -----------------------------------*/ .bottom {clear: both;} .bottom span {color: #830101;} #container {width:960px; margin:0 auto; position: relative; min-height: 750px; /* overflow: hidden;*/} #header {} #footer {} #footer {font-size:11px;} #footer-inner {text-align:center;} #fp-video {position: absolute; left: 156px; top: 489px; width: 306px; height: 220px;} #video {} #share-links {padding: 5px; margin-top: 5px; background: white; width: 150px; height: 20px; position: absolute; bottom: 0 ; right:0;} #share-links .share-link {display: block; float: right; width: 70px; overflow:hidden;} #share-links .share-link iframe {width: 70px;} #home #container {position: relative;} #home #main {background: none; width: 465px; position: absolute; top: 470px; right: 0px;} #main ul {list-style:disc; } #main ol {list-style: decimal; list-style-type: decimal; margin-left:25px;} #register-box {width: 960px; height: 73px; padding-top: 10px; position: absolute; top: 380px;} .register-box-inner {position: relative; width: 100%; height: 100%;} #register-count {position: absolute; top: -25px; width: 290px; height: 80px; left:0;} #register-name span {width: 220px;} #register-name .px22 {width: 200px;} #register-name .px14 .sIFR-flash {margin-top: -6px;} #register-name {width: 220px; float: left; position: relative; z-index: 9;} #register-photos {width:740px; float: left; margin-top:-4px;} #register-photos li {float: left; position: relative;} #register-photos img {} #register-photos li.first img {opacity: 1.0;} #register-photos li {padding-right: 10px; border:1px solid #ddd; margin-right:4px; padding:3px;} #register-photos li:hover {border:1px solid #870504;} #register-photos li a {text-decoration: none; display:block; width: 70px; height: 70px; position: relative; z-index: 99;} #register-photos li a span {display:none; width: 150px; position: absolute; top: 0; left: -150px; padding: 2px 5px;} #register-photos li a:hover span {display:block; background: #fff; border: 1px solid #870504; z-index: 89;} #register-photos #featured-supporter {width: 222px; height: 70px; margin-right: 0px; position: relative; z-index: 1;zoom: 1;} #register-photos #featured-supporter a {width: 222px; height: 70px; display: block; zoom: 1;} #register-photos #featured-supporter img.feature-image {float: left;} #register-photos #featured-supporter p, #register-photos #featured-supporter h3 {margin-left: 80px; margin-bottom: 0; font-size: 12px;} .profile-tag {background: #870504; color: white; font-size: 9px; text-transform: uppercase; position: absolute; bottom: 0; left: -5px; margin: 0; padding: 0; padding: 0px 5px;} a#register-button {display: block; width: 50px; height: 36px; background: url(/theme/images/raquo.png) no-repeat;} #news-feed {position: absolute; margin-top: 650px;} #news-feed a {color: white;} hr {height: 32px; background: url('/theme/images/hr.png') no-repeat center; border: none; border: 0; margin-top: 20px; margin-bottom: 10px; } /*.user1 {opacity: 1.0; } .user2 {opacity: 0.75;} .user3 {opacity: 0.65;} .user4 {opacity: 0.55;} .user5 {opacity: 0.45;} .user6 {opacity: 0.35;} .user7 {opacity: 0.25;} .user8 {opacity: 0.20;} .user9 {opacity: 0.15;} .user10 {opacity: 0.10;}*/ .info-box {border: 1px solid #ddd; padding: 10px; margin-bottom: 15px;} /* REGISTRATION */ .register input {margin-right:5px;} .register .bgselect {background:#EF8686;} .register .bgselect li {padding:5px;} .register #avatarselect.bgselect li input {margin-left:21px;} #avatarselect li {display: block;} #avatarselect li:hover * {cursor: pointer;} .line1 {font-size:20px; margin-bottom:2px;} .line2 {font-size:14px;} /*#register-col1 {width: 180px; margin-right: 10px; float: left; } #register-col2 {width: 180px; margin-right: 10px; float: left; } #register-col3 {width: 180px; margin-right: 10px; float: left; } */ #register-col3 {margin-right: 0;} .register-col p {font-size: 11px;} .register-col {border: 1px solid #ddd; margin-bottom: 50px;} .register-col-inner {padding: 10px;} .register-col-inner {position: relative;} .register-hidden {} .beneficiaryref-message {font-size:18px;} .beneficiaryref-number {font-size:36px;} .register-col h3 {position:relative;} #register-col1 h3 {background: #b32801 url(/theme/images/register-run.jpg) no-repeat; height: 40px;} #register-col2 h3 {background: #b32801 url(/theme/images/register-donate.jpg) no-repeat; height: 40px;} #register-col3 h3 {background: #b32801 url(/theme/images/register-support.jpg) no-repeat; height: 40px;} .register-col h3 span {margin-left: -9999px;} .big-choice {color: white; width: 100%; margin: 0 auto;} .big-choice a {display:block; padding:0; margin:0; font-size: 14px; color: white; text-decoration:underline;} .big-choice a {text-align: right; padding: 8px;} .big-choice a:hover {} .big-choice {position:absolute; top: 0; right:0 ;} /*-- EDIT ACCOUNT PAGE ----------------------*/ .reg-status {border-bottom: 1px solid #ccc; padding: 5px;} .reg-status .icon {width: 26px; float: left;} .reg-status .status {width: 200px; float: left; font-weight:bold; } .reg-status .action {padding-left: 226px;} /* FOOTER --------------------------------------------------------------------------------------------*/ #wrap {padding-bottom: 20px; margin-bottom: -30px;} #container {} #footer {padding-bottom: 5px; margin-bottom: -10px; height: 63px;} #home #footer {margin-top: 800px;} #static #container {padding-bottom: 36px;} #static #footer {position: absolute; bottom: 0; height: 63px; width: 960px; margin: 0 auto;} #footer #social-buttons {width: 380px; float: right; padding-right: 180px; padding-top: 39px;} #footer #twitter a {float: left; display: block; height: 24px; width: 100px; background: url(/theme/images/social-buttons.png) no-repeat; background-position: -100px 0; margin-right:20px;} #footer #facebook a {float: left; display: block; height: 24px; width: 90px; background: url(/theme/images/social-buttons.png) no-repeat; background-position: 0px 0px; margin-right:20px;} #footer #flickr a {float: left; display: block; height: 24px; width: 60px; background: url(/theme/images/social-buttons.png) no-repeat; background-position: -230px 0;} #footer #twitter a:link {background-position: -100px 0;} #footer #facebook a:link {background-position: 0px 0px;} #footer #flickr a:link {background-position: -230px 0;} #footer #twitter a:hover {background-position: -100px -24px;} #footer #facebook a:hover {background-position: 0px -24px;} #footer #flickr a:hover {background-position: -230px -24px;} #footer #etana a {float: left; display: block; height: 60px; width: 173px; background: url(/theme/images/etana-logo.png) no-repeat;} #footer #sharethis {width: 90px; float: left; padding-top: 4px;} /* STATIC --------------------------------------------------------------------------------------------*/ #static {color: #870504;} #main {width: 570px; background: white;} #static #main {padding: 25px; margin-top: 50px; margin-left: 222px; min-height: 400px; background: white url(/theme/images/watermark.jpg) no-repeat bottom right;} #static h1.sifr {margin-top: -58px; margin-right: -30px;} /* GLOBAL --------------------------------------------------------------------------------------------*/ .image-left {float:left; padding: 0px 10px 10px 0px;} .image-right {float:right; padding: 0px 0px 10px 10px;} .full {padding: 10px 0px; float:none;} /*--------------------------------------------------------------------------------------------*/ /* GALLERY ----------------------------------------------------------------*/ #static.gallery #main {/*margin-left:223px; margin-top:242px;*/ margin:0; min-height: 0px; zoom: 1;} #static.gallery #main-outer {padding-left:223px; padding-top:242px;} #gallery-info {position: absolute; top: 384px; left: 0px; width: 300px;} #static.gallery h1 {} ul.pagination {position: absolute; top: 420px; left: 0px; list-style: none;} ul.pagination li {float: left; list-style: none; padding-right: 10px;} ul.pagination li.here a {color: #000; text-decoration: none;} #etana-runner {z-index: 1; width: 306px; height: 629px; position: absolute; right: -56px; top: 68px; background: url('/theme/images/etana-runner.png') center right no-repeat; } #text-galleryregister {width: 350px; height: 50px; position: absolute; right: 170px; top: 68px; background: url('/theme/images/text-galleryregister.png') center right no-repeat; } #text-galleryregister a {display: block; width: 350px; height: 50px; } #main ul#gallery-images, #main ul#gallery-images li {padding:0; margin: 0;} #main ul#gallery-images {z-index: 10; position: relative;} #main ul#gallery-images li {list-style: none; float: left;} #main ul#gallery-images li img {padding-right: 10px; padding-bottom: 10px;} /*#nav li.last {padding-right: 0px;} */ /*#nav li .sIFR-flash {padding: 0 10px;} */ /* SUMMARY BOX -----------------------------------*/ /* BACKGROUND IMAGES -----------------------------------*/ /* CONTACT FORM -----------------------------------*/ textarea {font: 12px Helvetica, Arial, Verdana, sans-serif;} /* WIDGET - FLICKR FEED */ #flickr-feed {float: left; width: 275px;} #twitter-feed {width: 275px; float: left; padding-right: 20px;} #main .flickrfeed {padding: 0px; margin: 0px;} #main .flickrfeed li {float: left; padding-right: 16px; padding-bottom: 5px; list-style:none;} #main ul.twitter {margin-bottom: 20px; margin-left: 0px; padding-left: 0px;} #main ul.twitter li { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #C5C5C5;} #main ul.twitter li span {font-style: italic; font-size: 11px;} /* PARTICIPANTS -----------------------------------*/ #main .alpha {margin-bottom: 10px; margin-left:0;} #main .alpha li {list-style: none; float: left;} #main .alpha li a {text-decoration: none; padding: 0px 3px; margin-right: 3px; border: 1px solid #999;} #main .alpha li a:hover {background: #efefef;} #main li.current a {background: #efefef;} #main .participants {margin-left:0;} #main .participants li {list-style: none; float: left; width: 70px; margin-right: 15px; height: 140px;} /*-- speedo choices ----------------------*/ #speedo-choices {position: absolute; top: 170px; left: 90px; width: 100px; height: 880px; background: url('/theme/images/speedo-images.gif') top right no-repeat; } #static.information #container {min-height: 1070px;} #vegas-promo:hover { -moz-transform: rotate(2deg); -o-transform: rotate(2deg); -webkit-transform: rotate(2deg); filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.9993908270190958, M12=-0.03489949670250097, M21=0.03489949670250097, M22=0.9993908270190958); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.9993908270190958, M12=-0.03489949670250097, M21=0.03489949670250097, M22=0.9993908270190958)"; zoom: 1; }