/* ----------------------------------------------- CSS Framework v2.2 Creative Commons Attribution-Noncommercial-No Derivative Works 2.0 UK: England & Wales License (https://creativecommons.org/licenses/by-nc-nd/2.0/uk/) Updated: Feb 24th 2009 12:43pm ----------------------------------------------- */ @font-face { font-family:'erasdemi'; src: url('fonts/Erasdemi.eot'); src: local('☺'), url('fonts/Erasdemi.woff') format('woff'), url('fonts/Erasdemi.ttf') format('truetype'), url('fonts/Erasdemi.svg') format('svg'); font-weight:normal; font-style:normal; } .smfont { font-family:'erasdemi','Lucida Grande',Arial,Helvetica,Sans-serif; font-size:1.2em; } html { margin:0; padding:0; } body { margin:0; padding:0; color:#000000; background:url('/includes/background/background.jpg'); background-color:#cccccc; font-size:0.8em; font-family:'erasdemi','Lucida Grande',Arial,Helvetica,Sans-serif; } img { border-style:none; display:block; } img.cal_thumbnail { width:75px; height:75px; float:left; margin-top:4px; border-color:black; border-style:solid; border-width:1px;} img.inline, #article img, #sidebar img { display:inline-block; } img.block, embed, object { display:block!important; } img.icon, img.arrow { display:inline-block; vertical-align:text-bottom; } /* img.report { float:right; padding: 0px 0px 10px 10px; width:250px; font-size:80%; text-align:center; } */ form { margin:0 0 16px 0; padding:0; } blockquote { font-style:italic; font-size:1.2em; line-height:1.5; margin-top:0px; margin-bottom:0px; margin-right:15px; margin-left:15px; font-family:Georgia,Helvetica,Sans-serif,Arial,'erasdemi','Lucida Grande'; } /* blockquote.article { color:#666666; font-style:italic; font-weight:bold; font-size:1.2em; line-height:1.5; margin-top:0px; margin-bottom:0px; padding-right:15px; padding-left:15px; font-family:Georgia,Helvetica,Sans-serif,Arial,'erasdemi','Lucida Grande'; } */ /* blockquote.title { font-size:1.3em; line-height:1.5; margin-top:0px; margin-bottom:0px; margin-right:5px; margin-left:5px; font-family:Georgia,Helvetica,Sans-serif,Arial,'erasdemi','Lucida Grande'; } */ hr { border:none 0; margin-bottom:10px; border-top:1px solid #ff8c00; height:0; } p { margin-bottom:10px; margin-left:0px; } .patreon { padding:0; margin:0!important; } .socialmedia { padding-left: 15px; margin:0!important; } .lists { padding:0; margin:0!important; } label { color:#ff8c00; font-size:1.0em; vertical-align:top; } warning_label { color:#ff0000; font-size:1.0em; vertical-align:top; } figure { margin-left:0px; margin-right:10px; } figcaption { color:#000000; font-size:0.8em; vertical-align:top; } .caption { color:#ff8c00; font-size:0.8em; } .vertical_space { padding-bottom:10px; } .at { margin-left:0px; margin-right:0px; } h1 { color:#ff8c00; font-size:1.6em; margin:0 0 5px 0; font-family:'erasdemi','Lucida Grande',Arial,Helvetica,Sans-serif; } h2 { color:#FFFFFF; font-size:1.4em; margin:0 0 5px 0; font-family:'erasdemi','Lucida Grande',Arial,Helvetica,Sans-serif; } h3 { color:#ff8c00; font-size:1.2em; margin:0 0 5px 0; font-family:'erasdemi','Lucida Grande',Arial,Helvetica,Sans-serif; } h4 { color:#ff8c00; font-size:1.0em; margin:0 0 5px 0; font-family:'erasdemi','Lucida Grande',Arial,Helvetica,Sans-serif; } h5 { color:#ff8c00; font-size:0.8em; margin:0 0 5px 0; font-family:'erasdemi','Lucida Grande',Arial,Helvetica,Sans-serif; } h6 { color:#ff8c00; font-size:0.6em; margin:0 0 5px 0; font-family:'erasdemi','Lucida Grande',Arial,Helvetica,Sans-serif; } a, a:visited { color:#66ccff; text-decoration:none; outline:none; } a:focus, a:hover { color:#000000; text-decoration:none; } a:active { color:#66ccff; text-decoration:none; } a.text, a.text:visited { color:#ff8c00; text-decoration:none; outline:none; } a.text:focus, a.text:hover { color:#000000; text-decoration:none; } a.text:active { color:#ff8c00; text-decoration:none; } a.header, a.header:visited { color:#666666; text-decoration:none; outline:none; } a.header:focus, a.header:hover { color:#000000; text-decoration:none; } a.header:active { color:#666666; text-decoration:none; } .clear { clear:both; height:0; overflow:hidden; } .hide { display:none; } .error { color:#FF0000; font-weight:bold; } .nowrap { white-space:nowrap; } .link { color:#804600; } .photoRight { float:right; margin:3px 0 7px 10px; } .photoLeft { float:left; margin:3px 10px 7px 0; } .photoCentre { display:block; margin:0 auto; } .center { text-align:center; } .justify { text-align:justify; } .uppercase { text-transform:uppercase; } .nomargins { margin:0!important; padding:0!important; } .article-left { width:48%; float:left; } .article-right { width:48%; float:right; } .article-rightalt { width:48%; float:right!important; text-align:right; } .network-left { width:95%; float:left; } .network-right { width:5%; float:right; } .network-filter-left {width:90%; float:left;} .network-filter-right {width:10%; float:right;} /* ---------------------- Three Col CSS ---------------------- */ #col-a { float:right; width:100%; margin-left:-1px; } #col-b { float:left; margin-left:-228px; margin-right:1px; /*z-index:10;*/ } #col-c { float:right; margin-right:-151px; margin-left:1px; /*z-index:11;*/ } .show-all #columns { padding:0 151px 0 228px; } .hide-left #columns { padding:0 151px 0 0; } .hide-right #columns { padding:0 0 0 228px; } .cols-wrapper { width:100%; padding-bottom:0.1px; } .float-wrapper { float:left; width:100%; margin-right:-1px; } .sidecol_left { position:relative; width:223px; overflow:hidden; } .sidecol_right { position:relative; width:146px; overflow:hidden; margin-bottom:5px; } /* ---------------------- Interface CSS ---------------------- */ #container { width:1000px; margin:0 auto; } #accessibility { height:0; overflow:hidden; } #accessibility p { text-indent:-9000px; margin:0; padding:0; } #header { width:1000px; height:120px; background:url("header.jpg") left top no-repeat; overflow:hidden; } #header_left { width:154px; height:105px; margin:13px 0 0 37px; float:left; } #header_left p { margin:0; padding:0; } #header_left p a, #header_left p a:visited { width:154px; height:105px; display:block; } #header_right { width:728px; height:90px; margin:16px 37px 0 0; float:right; } #header_right p { margin:0; padding:0; } #header_right p a, #header_right p a:visited { width:728px; height:90px; display:block; } #nav { width:1000px; height:31px; background:url("nav.png") left top no-repeat; margin-bottom:5px; } #nav ul { list-style:none; margin:0 0 0 25px; padding:0; font-family:'erasdemi','Lucida Grande',Arial,Helvetica,Sans-serif; } #nav ul li { float:left; background:url("nav_eye.gif") 0px 14px no-repeat; } #nav ul li.end { background:none; } #nav ul li.end a { padding:7px 12px 7px 12px!important; } #nav ul li a, #nav ul li a:visited { color:#FFFFFF; text-decoration:none; padding:7px 10px 7px 15px; font-size:1.2em; display:block; } #nav ul li a:focus, #nav ul li a:hover { color:#ff8c00; } #nav ul li a:active, #nav ul li.active a { color:#ff8c00; } #nav_facebook a, #nav_facebook a:visited { background:url("nav_facebook.png") 12px 10px no-repeat; width:15px; height:15px; display:block; text-indent:-9000px; } #nav_twitter a, #nav_twitter a:visited { background:url("nav_twitter.png") 12px 10px no-repeat; width:15px; height:15px; display:block; text-indent:-9000px; } #nav_instagram a, #nav_instagram a:visited { background:url("nav_instagram.png") 12px 10px no-repeat; width:15px; height:15px; display:block; text-indent:-9000px; } #nav_blogger a, #nav_blogger a:visited { background:url("nav_blogger.png") 12px 10px no-repeat; width:15px; height:15px; display:block; text-indent:-9000px; } /* Filter Bar */ .filter { width:621px; min-height:28px; background:url("filter_filter.png") left top no-repeat; /*overflow:hidden;*/ } .filter p { margin:0; padding:0; } .filter ul { list-style:none; margin:0; padding:0; } .filter ul li { margin:0; padding:0; position:relative; float:left; } .filter .filter_padding { padding:6px 15px 5px 77px!important; } .filter_sas { width:621px; min-height:28px; background:url("filter_sas.png") left top no-repeat; /*overflow:hidden;*/ } .filter_sas p { margin:0; padding:0; } .filter_sas ul { list-style:none; margin:0; padding:0; } .filter_sas ul li { margin:0; padding:0; position:relative; float:left; } .filter_sas .filter_padding { padding:6px 15px 5px 95px!important; } .filter_sas_right { width:33%; float:right; } .filter_blank { width:621px; min-height:28px; background:url("function.png") left top no-repeat; } .filter_blank p { margin:0; padding:0; } .filter_blank ul { list-style:none; margin:0; padding:0; } .filter_blank ul li { margin:0; padding:0; position:relative; float:left; } .filter_blank .filter_padding { padding:6px 15px 5px 10px!important; } .filter_calendar { width:621px; min-height:28px; background:url("function.png") left top no-repeat; } .filter_calendar ul { list-style:none; font-family:'erasdemi','Lucida Grande',Arial,Helvetica,Sans-serif; } .filter_calendar ul li { float:left; padding:0px 5px 10px 4px!important;} .filter_calendar ul li a, .filter_calendar ul li a:visited { color:#FFFFFF; text-decoration:none; font-size:1.2em; display:block; } .filter_calendar ul li a:focus, .filter_calendar ul li a:hover { color:#ff8c00; } .filter_calendar ul li a:active { color:#ff8c00; font-size:1.2em;} .filter_calendar ul li.active a { color:#ff8c00; font-size:1.2em; } .filter_left { width:100%; float:left; } .filter_right { width:28%; float:right; } .filter_padding strong { margin-right:5px; } .filter_padding .spacer { background:url("spacer.png") right 1px no-repeat; _background:url("spacer.gif") right 1px no-repeat; min-height:16px; margin-right:7px; } .filter_padding span.spacer, .filter_padding a.spacer { background:url("spacer.png") right 1px no-repeat; _background:url("spacer.gif") right 1px no-repeat; min-height:16px; margin-right:5px; padding-right:12px; } .filter_padding p { padding: 5px 1px 10px 1px; } .filter_padding span { /*background:url("filter_off.gif") right center no-repeat; padding-right:12px;*/ margin-right:7px; } .filter_padding a, .filter_padding a:visited { text-decoration:none; /*background:url("filter_on.gif") right center no-repeat; padding-right:12px;*/ margin-right:5px; position:relative; } .filter_padding a:hover { text-decoration:none; } .filter_padding a.img, .filter_padding a.img:visited { text-decoration:none; background:none; padding-right:3px; margin-right:0; } .filter_padding a.img:hover { text-decoration:none; } .filter_padding a.img_end, .filter_padding a.img_end:visited { text-decoration:none; background:none; padding-right:0; margin-right:10px; } .filter_padding a.img_end:hover { text-decoration:none; } .filter_padding img { display:inline-block; vertical-align:middle; } .filter_padding { color:#FFF; padding:6px 15px 5px 15px; font-size:0.93em; } .filter_padding a, .filter_padding a:visited { color:#FFFFFF; } .filter_padding a:focus, .filter_padding a:hover { color:#ff8c00; } .filter_padding a:active { color:#FFFFFF; } .nolink { margin-right:8px; } .filter_sub { position:absolute; left:0; top:17px; padding-top:5px; z-index:1000; } .filter_facebook, .filter_facebook:visited { background:url("nav_facebook.png") left top no-repeat; width:15px; height:15px; display:inline-block; text-indent:-9000px; } .filter_twitter, .filter_twitter:visited { background:url("nav_twitter.png") left top no-repeat; width:15px; height:15px; display:inline-block; text-indent:-9000px; } .filter_blogger, .filter_blogger:visited { background:url("nav_blogger.png") left top no-repeat; width:15px; height:15px; display:inline-block; text-indent:-9000px; } .filter_web, .filter_web:visited { background:url("nav_web.png") left top no-repeat; width:15px; height:15px; display:inline-block; text-indent:-9000px; } #filter_globe>a, #filter_globe>a:visited { background:url("filter_globe.gif") left top no-repeat; width:33px; height:16px; display:inline-block; vertical-align:middle; text-indent:-9000px; } #filter_globe>a:hover, #filter_globe>a:focus { background-position:left bottom; } #filter_globe .filter_sub { background-color:#1f1f1f; border-collapse:collapse; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; } #filter_globe .filter_sub #filter_globe_map { margin:0 8px 8px 8px; } /* Function Bar */ .functionbar { width:621px; min-height:28px; background:#666666 url("filter_function.png") left top no-repeat; } .functionbar p { margin:0; padding:0; } .functionbar ul { list-style:none; margin:0; padding:0; } .functionbar ul li { margin:0; padding:0; position:relative; float:left; } .functionbar_blank { width:621px; min-height:28px; background:#666666 url("function.png") left top no-repeat; } .functionbar_blank p { margin:0; padding:0; } .functionbar_blank ul { list-style:none; margin:0; padding:0; } .functionbar_blank ul li { margin:0; padding:0; position:relative; float:left; } .functionbar_blank .functionbar_padding { padding:6px 15px 5px 10px!important; } .functionbar_left { width:75%; float:left; } .functionbar_right { width:15%; float:right; } .functionbar_padding { color:#FFF; padding:6px 15px 5px 103px; font-size:0.93em; } .functionbar_padding a, .functionbar_padding a:visited { color:#ff8c00; } .functionbar_padding a:focus, .functionbar_padding a:hover { color:#b26200; } .functionbar_padding a:active { color:#804600; } .functionbar_padding a, .functionbar_padding a:visited { text-decoration:none; margin-right:5px; position:relative; } .functionbar_padding a:hover { text-decoration:none; } /* Function Bar -> Search Box */ #search { width:165px; background:url("search.png") left top no-repeat; float:right; color:#000; height:20px; margin:4px 4px 0 0; } #search form { margin:0; padding:0; } #search_l { float:left; width:142px; height:20px; overflow:hidden; } #search_l #s { width:133px; height:14px; border:0; font-size:0.83em; padding:4px 3px 3px 6px!important; background:transparent url("trans.gif") no-repeat; color:#999; } #search_l #s:hover { color:#000; } #search_r { float:left; width:23px; height:20px; overflow:hidden; } .content { line-height:1.4em; margin-bottom:5px; font-size:1.2em; } .content_header_filter { width:621px; height:15px; background:url("content_header_filter.png") left top no-repeat; overflow:hidden; } .content_header_functionbar { width:621px; height:15px; background:url("content_header_functionbar.gif") left top no-repeat; overflow:hidden; } .content_header { width:621px; height:15px; background:url("content_header.png") left top no-repeat; overflow:hidden; } .content_back { background-color:#FFFFFF; } .content_back_index { background-color:#FFFFFF; padding-top:10px; -webkit-border-radius:15px; border-radius:15px; } .content_padding { padding:10px 30px 0px 30px; font-size:1.2em; font-family:Georgia,Helvetica,Sans-serif,Arial,'erasdemi','Lucida Grande'; line-height:1.5em;} .content_padding_list { padding:10px 25px 0px 25px; font-size:1.1em; font-family:Georgia,Helvetica,Sans-serif,Arial,'erasdemi','Lucida Grande'; line-height:1.3;} .content_nav { display:inline!important; } .content_right { float:right; display:inline!important; } .content_left { float: left; display:inline!important; } .content_right_img { float:right; display:inline!important; padding-left:5px; } .content_footer { width:621px; height:15px; background:url("content_footer.png") left top no-repeat; overflow:hidden; } .content img { -webkit-border-radius:5px; border-radius:5px; } .left_hot_header { width:223px; height:29px; background:url("left_header.png") left top no-repeat; font-family:'erasdemi','Lucida Grande',Arial,Helvetica,Sans-serif; color:#FFF; } .left_hot_header p { padding:10px 5px 5px 5px; text-align:center; } .left_hot_middle { width:223px; background:url("left_hot_middle.png") left top; resize: vertical; font-family:'erasdemi','Lucida Grande',Arial,Helvetica,Sans-serif; color:#FFF; } .left_hot_middle p { padding:10px 5px 5px 5px; text-align:center; } .left_hot_middle img { display:inline-block; vertical-align:middle; padding:5px 0px 5px 0px; } .left_hot_middle_button { padding:0px 0px 0px 20px; } .left_hot_footer { width:223px; height:29px; background:url("left_footer.png") left top no-repeat; overflow:hidden; margin-bottom:5px; font-family:'erasdemi','Lucida Grande',Arial,Helvetica,Sans-serif; } .left_hot_footer p { padding:5px 5px 5px 5px; text-align:center; } .left_hot_footer a, .left_hot_footer a:visited { color:#FFF; text-decoration:none; } .left_hot_footer a:focus, .left_hot_footer a:hover { text-decoration:none; } #hotmap { width:199px; height:116px; /*"199", "116"*/ overflow:hidden; } #hotmap p { margin:0; padding:0; } .left_header { width:223px; background:url("left_header.png") left top no-repeat; } .left_padding { padding:10px 12px 1px 12px; } .left_padding p { padding:10px 5px 5px 5px; text-align:center; } .left_padding img { display:inline-block; vertical-align:middle; padding:5px 0px 5px 0px; } .left_padding_button { padding:0px 0px 0px 5px; } .left_padding_foot { padding:4px 12px 1px 12px; } .left_padding h3 { text-align:center; display:inline!important; color:#ff8c00; font-weight:normal; } .left_padding h4 { float:right; display:inline!important; margin:2px 0 0 0; font-size:0.83em; } .left_footer { width:223px; height:15px; background:url("left_footer.png") left top no-repeat; overflow:hidden; margin-bottom:5px; } .minpad { padding:5px 0 10px 0; } .right_header { width:146px; padding:12px 12px 1px 12px; background:url("right_header.png") left top no-repeat; } .right_header p { padding-bottom:5px; } .right_header h2 { width:120px; color:#000000; margin:0; padding:0; font-size:1.3em; font-weight:normal; padding-bottom:10px; } /* .right_middle h3 { color:#000000; font-size:1.2em; font-weight:normal; padding-bottom:5px;} .right_middle h4 { color:#ff8c00; font-size:0.9em; font-weight:normal; padding-top:3px;} .right_middle { padding:12px 12px 1px 12px; } .right_middle p img { margin:0; padding:0; } */ .right_footer { width:146px; height:15px; background:url("right_footer.png") left top no-repeat; overflow:hidden; margin-bottom:5px; } .right_patrons_header { width:120px; background:url("patrons_header.png") left top no-repeat; } .right_patrons_header h3 { color:#ff8c00; margin:0; padding:0; font-size:1.3em; font-weight: bold; } .right_patrons_header h4 { color:#ff8c00; margin:0; padding:0; font-size:0.9em; font-weight:normal; } .right_patrons_header img { padding-left:5px; padding-top:5px; padding-bottom:5px; } .right_patrons_footer { width:120px; background:url("patrons_footer.png") left top no-repeat; overflow:hidden; } .right_patrons_footer img { padding-left:5px; padding-top:5px; padding-bottom:10px; } .newsletter_box form { text-align:center; margin:0; padding:0; } .newsletter_box input { margin:3px 0px 3px 0px; } .newsletter_box p { padding:10px 5px 5px 5px; } .newsletter_box_caption { color:#000000; padding:5px 5px 5px 5px; font-size:0.8em; font-family:'erasdemi','Lucida Grande',Arial,Helvetica,Sans-serif; } /* #right_header { width:146px; background:url("right_header.png") left top no-repeat; } #right_padding { padding:12px 12px 1px 12px; } #right_header p { margin:0; padding:0; } #right_header a, #right_header a:visited { width:146px; height:43px; background:url("right_header.png") left top no-repeat; display:block; text-indent:-9000px; } #right_header a:focus, #right_header a:hover { background-position:left bottom; } #right_back { width:146px; background:url("right_back.gif") left top repeat-y; overflow:hidden; } #right_back p { margin-left:13px; color:#ff8c00; font-size:0.8em; font-family:'erasdemi','Lucida Grande',Arial,Helvetica,Sans-serif;} #right_back p img { margin-left:0px; } #right_back p.promo { margin:0px 13px; } #right_footer { width:146px; height:69px; background:url("right_footer.png") left top no-repeat; overflow:hidden; } */ #jameskirby { width:95px; height:20px; float:right; text-align:left; } #jameskirby a, #jameskirby a:visited { width:95px; height:20px; display:block; background:url("james-kirby.png") left top no-repeat; text-decoration:none; text-indent:-9000px; filter:alpha(opacity=25); -khtml-opacity:0.25; opacity:0.25; } #jameskirby a:focus, #jameskirby a:hover { filter:alpha(opacity=100); -khtml-opacity:1; opacity:1; } #footer { width:1000px; height:73px; background:url("footer.png") left top no-repeat; overflow:hidden; color:#FFFFFF; text-align:center; } #footer_padding { padding:14px 55px; } #footer p { margin:0; line-height:1.5em; } #footer a, #footer a:visited { color:#FFFFFF; text-decoration:none; } #footer a:focus, #footer a:hover { color:#ff8c00; text-decoration:none; } #footer a:active { color:#b26200; text-decoration:none; } #base { height:5px; } /* ---------------------- Content CSS ---------------------- */ .title { background:url("title.gif") left 11px repeat-x; } .title span { background-color:#FFF; padding-right:8px; } .titlefull { background:url("title.gif") left 11px repeat-x; } .titlefull span { background-color:#FFF; padding-right:1px; } .titleflag { background:url("title.gif") left 13px repeat-x; } .titleflag span { background-color:#FFF; padding-right:8px; } .panel210_left { width:75px; float:left; } /* .panel210_left_pinned { width:75px; float:left; } */ .panel210_right { width:460px; float:left; margin-left:10px; } .panel210_full { padding:10px 10px; width:550px; float:right; background-color: #FFCC66; -webkit-border-radius:10px; border-radius:10px; } .pane1210_calendar { width:481px; float:right; } .pane1210_calendar img { float:left; -webkit-border-radius:15px; border-radius:15px; } .more { display:inline-block; } .button_facebook, .button_racereport, .button_news, .button_website, .button_contact { margin:0 0 5px 0; } .button_upgrade_cal a, .button_upgrade_cal a:visited { width:92px; height:142px; background:url("button_upgrade_cal.gif") left top no-repeat; overflow:hidden; display:block; text-indent:-9000px; } .button_facebook a, .button_facebook a:visited { width:92px; height:26px; background:url("button_facebook.gif") left top no-repeat; overflow:hidden; display:block; text-indent:-9000px; } .button_racereport a, .button_racereport a:visited { width:92px; height:26px; background:url("button_racereport.gif") left top no-repeat; overflow:hidden; display:block; text-indent:-9000px; } .button_news a, .button_news a:visited { width:92px; height:26px; background:url("button_newsreport.gif") left top no-repeat; overflow:hidden; display:block; text-indent:-9000px; } .button_website a, .button_website a:visited { width:92px; height:26px; background:url("button_website.gif") left top no-repeat; overflow:hidden; display:block; text-indent:-9000px; } .button_contact a, .button_contact a:visited { width:92px; height:26px; background:url("button_contact.gif") left top no-repeat; overflow:hidden; display:block; text-indent:-9000px; } #home_racecalendar { width:222px; float:left; } .calendar { width:100%; border-collapse:collapse; } .calendar caption { text-align:left; font-size:0.80em; } .calendar th, .calendar td { border-bottom:1px solid #B4B4B4; padding:3px 3px 3px 0; } .calendar th { text-align:center; vertical-align:bottom; } .calendar th a, .calendar th a:visited { text-decoration:none; } .calendar th a:hover { text-decoration:none; } .calendar td { text-align:center; vertical-align:top; } .calendar td.a { background-color:#ffc680; padding:0!important; } .calendar td.a:focus, .calendar td.a:hover { background-color:#ff8c00; } .calendar td.a:active { background-color:#cc7000; } .calendar td a, .calendar td a:visited { padding:3px 3px 3px 0; display:block; color:#000!important; text-decoration:none; } .calendar td a:focus, .calendar td a:hover { color:#FFF!important; text-decoration:none; } .calendar td a:active { color:#FFF!important; text-decoration:none; } .calendar thead th, .calendar thead td { border-bottom:2px solid #B4B4B4!important; font-weight:bold; } .calendar tbody td:hover { background-color:#E8E8E8; } #home_photostream { width:338px; float:right; } .mini_photostream { list-style:none; margin:0; padding:0; } .mini_photostream li { float:left; margin:0 10px 10px 0; width:106px; height:106px; background:url("home_photo.gif") left top no-repeat; overflow:hidden; } .mini_photostream li img { margin:0 auto; } .mini_photostream li.end-row { margin-right:0; } .mini_photostream li:nth-child(3n) { margin-right:0; } .mini_photostream li.first-row { clear:left; } .mini_photostream li:nth-child(3n+1) { clear:left; } #adventure-sports-network { width:223px; height:61px; background:url("adventure-sports-network.png") left top no-repeat; overflow:hidden; margin-bottom:5px; } #adventure-sports-network p { text-indent:-9000px; } /* ---------------------- Tables ---------------------- */ .table { margin-bottom:16px; width:100%; border-collapse:collapse; } .table caption { text-align:left; font-size:0.80em; } .table th, .table td { border-bottom:1px solid #B4B4B4; padding:3px 3px 3px 0; } .table th { text-align:left; vertical-align:bottom; } .table th a, .table th a:visited { text-decoration:none; } .table th a:hover { text-decoration:none; } .table td { text-align:left; vertical-align:top; } .table thead th, .table thead td { border-bottom:2px solid #B4B4B4!important; } .table tbody tr:hover { background-color:#E8E8E8; } .table tbody tr.alt { background-color:#E8E8E8; } .table tbody tr.alt:hover { background-color:#D1D1D1; } /* ---------------------- Calendar Styles / Added Jan 4th 2013 ---------------------- */ .cal_toprigght { float:right; background-color:#FFF; padding-left:5px; margin-bottom:10px; } .cal_toprigght p { margin:0; } .cal_toprigght p img { display:inline-block; vertical-align:middle; } .cal_list { border-bottom:1px solid #ffc57f; margin-bottom:10px; padding-bottom:10px; } .cal_list_farleft { width:80px; float:left; } .cal_list_left { width:600px; } .cal_list_left h4 { color:#000; font-size:1.13em; } .cal_list_left h4 img.flag { position:relative; top:2px; } .cal_list_right { width:46px; height:48px; float:right; background:url("cal_sm_sml.gif") left top no-repeat; text-align:center; color:#FFF; text-transform:uppercase; font-weight:bold; overflow:hidden; } .cal_list ul.visualinfo { list-style:none; margin:0; padding:0; } .cal_list ul.visualinfo li { float:left; margin:0px 2px 2px 0; } .cal_list ul.visualinfo li.cal_sp { width:12px; height:26px; background:url("cal_sp.gif") left top no-repeat; } .cal_list ul.visualinfo li.cal_orTab { height:26px; text-transform:uppercase; color:#c36b00; background:url("cal_orTab.gif") left top no-repeat; } .cal_list ul.visualinfo li.cal_orTab b { display:block; padding:4px 8px 5px 8px; background:url("cal_orTabr.gif") right top no-repeat; } .cal_list ul.visualinfo li.cal_bwTab { height:26px; text-transform:uppercase; background:url("cal_bwTab.gif") left top no-repeat; } .cal_list ul.visualinfo li.cal_bwTab b { display:block; padding:4px 8px 5px 8px; background:url("cal_bwTabr.gif") right top no-repeat; } .cal_list ul.visualinfo li.cal_fgTab { height:26px; text-transform:uppercase; background:url("cal_bwTab.gif") left top no-repeat; } .cal_list ul.visualinfo li.cal_fgTab b { display:block; padding:5px 6px 4px 6px; background:url("cal_bwTabr.gif") right top no-repeat; } .cal { border-bottom:1px solid #ffc57f; margin-bottom:10px; padding-bottom:10px; } .cal_left { width:490px; float:left; } .cal_left h4 { margin:0 0 4px 0; color:#000; font-size:1.13em; } .cal_left h4 img.flag { position:relative; top:2px; } .cal_right { width:46px; height:64px; float:right; background:url("cal_sm.gif") left top no-repeat; text-align:center; color:#FFF; text-transform:uppercase; font-weight:bold; overflow:hidden; } .cal_right p { padding:0px; margin:0px; } .cal ul.visualinfo { list-style:none; margin:0; padding:0; font-size:0.8em; } .cal ul.visualinfo li { float:left; margin:5px 2px 2px 0; } .cal ul.visualinfo li.cal_sp { width:12px; height:26px; background:url("cal_sp.gif") left top no-repeat; } .cal ul.visualinfo li.cal_orTab { height:26px; text-transform:uppercase; color:#c36b00; background:url("cal_orTab.gif") left top no-repeat; } .cal ul.visualinfo li.cal_orTab b { display:block; padding:4px 8px 5px 8px; background:url("cal_orTabr.gif") right top no-repeat; } .cal ul.visualinfo li.cal_bwTab { height:26px; text-transform:uppercase; background:url("cal_bwTab.gif") left top no-repeat; } .cal ul.visualinfo li.cal_bwTab b { display:block; padding:4px 8px 5px 8px; background:url("cal_bwTabr.gif") right top no-repeat; } .cal ul.visualinfo li.cal_fgTab { height:26px; text-transform:uppercase; background:url("cal_bwTab.gif") left top no-repeat; } .cal ul.visualinfo li.cal_fgTab b { display:block; padding:5px 6px 4px 6px; background:url("cal_bwTabr.gif") right top no-repeat; } .clr_y { font-size:11px; display:block; height:15px; } .clr_m { font-size:11px; display:block; height:15px; } .clr_d { font-size:22px; display:block; height:31px; line-height:1.4em; } /* Calender Dropdown */ .cal_table { margin-bottom:10px; width:100%; background-color:#1f1f1f; border-collapse:collapse; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; } .cal_table td { border-top:1px solid #B4B4B4; } .cal_table th, .cal_table td { text-align:center; vertical-align:top; padding:3px 8px 3px 8px; } .cal_table td a { margin-right:0; } .cal_table thead th, .cal_table thead td { border-bottom:2px solid #B4B4B4!important; font-weight:bold; } /* Calender Page */ .cal_page_left { width:92px; float:left; } .cal_page_date { width:92px; height:96px; background:url("cal_big.gif") left top no-repeat; text-align:center; color:#FFF; text-transform:uppercase; font-weight:bold; margin-bottom:16px; } .clr_page_m { font-size:22px; display:block; height:24px; padding-top:8px; } .clr_page_d { font-size:30px; display:block; height:26px; padding-top:8px;} .clr_page_y { font-size:22px; display:block; height:24px; padding-top:6px; } .cal_page_right { width:551px; float:left; } .cal_page_right h3 { margin:0 0 4px 0; font-size:1.23em; font-weight:normal!important; } .cal_page_right h3 img.flag { position:relative; top:2px; } .cal_page_right ul.visualinfo { list-style:none; margin:0; padding:0; } .cal_page_right ul.visualinfo li { float:left; margin:0 2px 2px 0; } .cal_page_right ul.visualinfo li.cal_sp { width:12px; height:26px; background:url("cal_sp.gif") left top no-repeat; } .cal_page_right ul.visualinfo li.cal_orTab { height:26px; text-transform:uppercase; color:#c36b00; background:url("cal_orTab.gif") left top no-repeat; } .cal_page_right ul.visualinfo li.cal_orTab b { display:block; padding:4px 8px 5px 8px; background:url("cal_orTabr.gif") right top no-repeat; } .cal_page_right ul.visualinfo li.cal_bwTab { height:26px; text-transform:uppercase; background:url("cal_bwTab.gif") left top no-repeat; } .cal_page_right ul.visualinfo li.cal_bwTab b { display:block; padding:4px 8px 5px 8px; background:url("cal_bwTabr.gif") right top no-repeat; } .cal_page_right ul.visualinfo li.cal_fgTab { height:26px; text-transform:uppercase; background:url("cal_bwTab.gif") left top no-repeat; } .cal_page_right ul.visualinfo li.cal_fgTab b { display:block; padding:5px 6px 4px 6px; background:url("cal_bwTabr.gif") right top no-repeat; } .cal_page_right_date { width:46px; height:48px; float:right; background:url("cal_sm.gif") left top no-repeat; text-align:center; color:#FFF; text-transform:uppercase; font-weight:bold; overflow:hidden; } .cal_page_m { font-size:11px; display:block; height:15px; } .cal_page_d { font-size:24px; display:block; height:31px; line-height:1.4em; } .cal_page_3px { clear:both; height:3px; overflow:hidden; } .cal_page_16px { clear:both; height:16px; overflow:hidden; } /* .follow_entry { width:46px; height:63px; background:url("following.gif") left top no-repeat; overflow:hidden; float:right; margin:0 16px 16px 0; } .follow_entry a, .follow_entry a:visited { width:46px; height:63px; display:block; text-indent:-9000px; } */ .following_entry { width:46px; height:63px; background:url("following.gif") right top no-repeat; font-size:0.83em; text-align:center; overflow:hidden; float:right; margin:0 16px 16px 0; } .following_entry a, .following_entry a:visited { width:46px; height:45px; display:block; text-indent:-9000px; } #google_map { width:457px; height:200px; border:1px solid #c36b00; } .cal_miniicons { float:left; } .cal_miniicons ul { list-style:none; margin:0; padding:0; } .cal_miniicons ul li { float:left; margin:0 2px 2px 0; } .cal_page_rating { float:right; } /* width:px; height:px; background:#FFFFFF url("") left top no-repeat; overflow:hidden; display:block; text-indent:-9000px; */ /* ---------------------- Facebox ---------------------- */ #facebox .b { background:url("facebox-b.png"); } #facebox .tl { background:url("facebox-tl.png"); } #facebox .tr { background:url("facebox-tr.png"); } #facebox .bl { background:url("facebox-bl.png"); } #facebox .br { background:url("facebox-br.png"); } #facebox { position:absolute; top:0; left:0; z-index:100; text-align:left; } #facebox .popup { position:relative; } #facebox table { border-collapse:collapse; } #facebox td { border-bottom:0; padding:0; } #facebox .body { padding:10px; background:#fff; width:400px; border:1px solid #000; } #facebox .loading { text-align:center; } #facebox .image { text-align:center; } #facebox img { border:0; margin:0; } #facebox .footer { border-top:1px solid #DDDDDD; padding-top:5px; margin-top:10px; text-align:right; } #facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height:10px; width:10px; overflow:hidden; padding:0; } #facebox_overlay { position:fixed; top:0px; left:0px; height:100%; width:100%; } .facebox_hide { z-index:-100; } .facebox_overlayBG { background-color:#000; z-index:99; } * html #facebox_overlay { /* ie6 hack */ position:absolute; height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight 'px'); } #facebox .form { clear:both; } #facebox .form p { clear:both; font-weight:bold; margin-bottom:5px; } #facebox .form input { padding:3px; width:97.5%; font-family:'Lucida Grande',Arial,Helvetica,Sans-serif; font-size:1em; } #facebox .form select { padding:3px; width:97.5%; font-family:'Lucida Grande',Arial,Helvetica,Sans-serif; font-size:1em; } #facebox .form textarea { padding:4px; width:97.5%; font-family:'Lucida Grande',Arial,Helvetica,Sans-serif; font-size:1em; } #facebox .submit { width:100px!important; font-size:1.4em!important; } /* ---------------------- Extra Styles - Richard please add in your styles in here ---------------------- */ /* ---------------------- CSS smaller than 600px, iPhone and Mobiles ---------------------- */ @media all and (max-width: 500px) { #content img { max-width:90%; height:auto; } #content div, #content table, #content iframe { max-width:290px; } .article-left { width:100%; float:none; } .article-right { width:100%; float:none; } .article-rightalt { width:100%; float:none!important; text-align:right; } .panel210_left { width:75px; float:left; } .panel210_right { padding:0px 10px; float:left; width:200px; } .panel210_full { padding:10px 10px; width:100%; float:right; -webkit-border-radius:10px; border-radius:10px; } .pane1210_calendar { width:100%; float:right; } .pane1210_calendar img { float:left; -webkit-border-radius:15px; border-radius:15px; } .more { display:inline-block; } #col-a { float:none; width:100%; } #col-a { margin-left:0; } #col-b { float:none; margin:0 auto; } #col-b { margin:0 auto; } #col-c { float:none; margin:0 auto 10px auto; } #col-c { margin:0 auto 10px auto; } .show-all #columns { padding:0; } .hide-left #columns { padding:0; } .hide-right #columns { padding:0; } .cols-wrapper { width:100%; } .cols-wrapper[class] { padding-bottom:0; } .float-wrapper { float:none; width:100%; } .float-wrapper[class] { margin-right:0; } .sidecol_left { position:relative; width:223px; overflow:hidden; margin:0 auto; } .sidecol_right { position:relative; width:146px; overflow:hidden; margin:0 auto 5px auto; } #accessibility { display:none; } #container { width:100%; margin:0 auto; } #header { width:100%; height:auto; background:none; overflow:hidden; } #header_left { width:154px; height:105px; margin:10px auto; float:none; } #header_right { display:none; } #nav { width:100%; height:auto; background:#333333; margin-bottom:5px; } #nav ul { list-style:none; margin:0 0 0 2px; padding:0; font-family:'erasdemi'; } #nav ul li.end a { padding:5px 12px 5px 12px!important; } #nav ul li a, #nav ul li a:visited { color:#FFFFFF; text-decoration:none; padding:5px 21px 5px 13px; font-size:1.2em; display:block; } .filter { width:100%; height:auto; background:#1f1f1f; overflow:hidden; } .filter_left { width:100%; float:none; } .filter_right { width:100%; float:none; } #search { float:none; margin:4px 4px 0 12px; } .content_header_filter { display:none; } .content_header { display:none; } .content_padding { padding:12px; } .content_footer { display:none; } #jameskirby { display:none; } #footer { width:100%; height:auto; background:#242424; overflow:hidden; color:#FFFFFF; } #footer_padding { padding:12px; } #footer_left { width:100%; float:none; } #footer_right { width:100%; float:none; text-align:right; } #base { display:none; } .panel210_left { width:100%; float:none; } .panel210_right { width:100%; float:none; } #home_racecalendar { width:100%; float:none; margin-bottom:16px; } #home_photostream { width:100%; float:none; } .cal_list_left { width:100%; float:none; } .cal_list_right { float:left; margin:0 5px 5px 0; } }