/* Parscale Media Style Sheet ----------------------------------------------------------------------------- Prototype Version: 2.2 Developer: Parscale Media Email Address: info@parscale.com Developer Website: http://www.parscale.com/ Client Website: http:// Last Modifier: Brad Parscale - Parscale Media Last Modified: Sat 8.19.09 @ 1:28pm */ /* Table of Contents ----------------------------------------------------------------------------- 1. Clean Base 2. Base Typography 3. Images 4. Links 5. Forms 6. Tables 7. Framework */ /* 1. Create a Clean Base ------------------------------------------------------------------------------*/ html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address, small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label, input, textarea, option, .nobox{background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;} blockquote, q{ quotes: none; } br{ height: 0; } ul, ol, dl{ list-style: none; } /* Class for clearing floats */ .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;} /* 2. Define Base Typography ------------------------------------------------------------------------------*/ /* Create the Default Headers */ h1, h2, h3, h4, h5, h6 {color: #00a651; font-family: "georgia","verdana","helvetica","arial",serif;} /* Create the Default Paragraphs */ p {color:#4b4a4a;line-height:20px; margin-bottom: 10px;} /* Specific Header Settings */ h1 {font-size:20px;} h2 {font-size:18px;} h3 {font-size:14px;} h4 {font-size:12px;} h5 {font-size:11px;} h6 {font-size:10px;} .lines {background: url(/images/site/dotted_line.jpg) bottom left no-repeat; padding-bottom: 15px; margin-bottom: 10px;} /* Other Typo */ strong{font-weight: bold;} hr{border:0 #000 solid;border-top-width:1px;clear:both;height:0;} ol{list-style:decimal;} ul{list-style:square;} /* 3. Images ------------------------------------------------------------------------------*/ /* Remove border around linked images */ img {border: 0; border-style:none;} /* Create default inline image class */ img.inline{ display: inline; vertical-align: middle; } /* 4. Links ------------------------------------------------------------------------------*/ /* Default Link Types */ a{color:#f48365 ;text-decoration:none;} a:hover{color:#f48365;text-decoration:underline;} a:active{outline:none;} a:focus{outline:1px dotted invert;} a.arrows {background: url(/images/site/bullet_green.gif) left no-repeat; padding-left: 15px;} /* 5. Forms ------------------------------------------------------------------------------*/ /* Removes fieldset borders. even on Opea 7 */ fieldset {border: 1px solid transparent;} /* 6. Tables ------------------------------------------------------------------------------*/ /* Table Fixes */ table {border-spacing: 0; border-collapse: collapse;} #main_content table {font-size: 9px;} /* Removes fieldset borders. even on Opera 7 */ fieldset {border: 1px solid transparent;} /* Default Horizontal Zebra Table */ #hor-zebra{font-family:"Trebuchet MS"; font-size: 12px;width:700px;text-align:center;border-collapse:collapse;margin:0;text-align: left;} #hor-zebra b{font-size: 13px; font-weight: bold;color:#02624e;} #hor-zebra th{font-size:12px;font-weight:normal;color:#fff;padding: 2px 8px;background-color: #02624e;} #hor-zebra td{color:#454444;padding:5px 8px 5px 8px; } #hor-zebra .odd{background:#f1f1f2;} /* 7. Framework ------------------------------------------------------------------------------*/ /* Page Layout */ html, body {height: 100%; font: 13px "verdana","Helvetica",sans-serif, monospace; background: url(/images/site/background_clouds.jpg) center 30px repeat-x;} /* Wrapper */ #wrapper{min-height: 100%; height: auto !important; margin:0 auto -200px; background: url(/images/site/background_image.jpg) center 30px no-repeat;} /* Navigation */ #navigation_wrapper {height: 30px; background: #009d4d url(/images/site/dotted_line_rptr.gif) 0 24px repeat-x;} #navigation {margin: 0 auto; width: 960px; height: 30px; overflow: hidden;} #navigation ul {list-style: none;} #navigation li {display: inline;} #navigation li a {text-transform: uppercase; color: #fff; height: 25px; padding: 5px 20px 0; display: block; float: left;} #navigation li a:hover {background: #275449 url(/images/site/dotted_line_rptr.gif) 0 24px repeat-x; text-decoration: none;} #navigation a.active {background: #275449 url(/images/site/dotted_line_rptr.gif) 0 24px repeat-x; text-decoration: none;} /* Main Wrapper */ #main_wrapper {width: 960px; margin: 0 auto; margin-bottom: 20px;} /* Header */ #header {height: 90px;} #logo {margin-top: 10px;} /* Banner */ #banner {width: 960px; height: 295px; position: relative;} #banners {height: 295px; width: 960px; overflow: hidden;} .banner_layout {position: relative; height: 295px; width: 960px;} .banner_text {position: absolute; width: 290px; height: 140px; top: 0; right: 0; padding: 15px;} .banner_text p {margin-bottom: 0; color: #fff; line-height: 16px; margin-bottom: 5px;} #banner_nav {position: absolute; width: 110px; height: 50px; z-index: 10000; top: 140px; right: 0;} #banner_nav a { color: #fff; border: 1px solid #fff; background: #009d4d; text-decoration: none; margin: 0 5px; padding: 2px 7px;} #banner_nav a.activeSlide { background: #275449;} #banner_nav a:focus { outline: none;} /* Main */ #main {width: 960px; margin-top: 20px;} #main_left {width: 310px; float: left; margin-right: 20px;} #main_center {width: 300px; float: left; margin-right: 20px;} #main_right {width: 310px; float: left;} #main_content {width: 500px; float: right; margin-right: 110px;} #main_content h1 {margin-bottom: 10px;} #main_content ul {margin-left: 20px;} #main_content_results {width: 610px; float: right;} #main_content_results h1 {margin-bottom: 10px;} #main_content_results table {font-size: 10px; background: #ececec;} #main_content_results tr {border: 1px solid #aeaeae;} /* Secondary */ #secondary {width: 310px; float: left; margin-right: 40px;} #secondary_navigation {margin-bottom: 20px;} #secondary_navigation ul {list-style: none; margin-top: 10px; margin-left: 10px;} #secondary_navigation ul li {background: url(/images/site/bullet_green.gif) left no-repeat; padding-left: 15px; margin-bottom: 5px;} #secondary_navigation ul li a {font-weight: bold;} /* Event Buttons */ .ebutton {width: 290px; height: 70px; margin-bottom: 10px; padding: 5px 0 0 20px;} .ebutton h2 {color: #fff;} .ebutton p {margin-bottom: 0 !important; color: #fff;} #recreational_tour {background: url(/images/site/btn_1.jpg) no-repeat;} #individual {background: url(/images/site/btn_2.jpg) no-repeat;} #two_person {background: url(/images/site/btn_3.jpg) no-repeat;} /* Sponsors */ #sponsors {width: 960px; height: 160px; overflow: hidden; margin-top: 0;} #sponsors ul {list-style: none;} #sponsors img {width: 160px; height: 110px;} #secondary_sponsors {margin-top: 20px;} #secondary_sponsors img { width: 140px; margin-right: 10px;} /* Footer Push */ #push{height: 200px;} /* Footer */ #footer_wrapper {height: 200px; background: #4c575e url(/images/site/dotted_line_rptr.gif) 0 6px repeat-x;} #footer {width: 960px; margin: 0 auto;} #footer a {color: #cae764;} #footer p {color: #fff;} #footer h4 {color: #fff; font-weight: normal; margin-bottom: 5px; margin-top: 20px;} #footer_left {width: 760px; float: left;} #footer_left ul {list-style: none; margin-top: 20px; margin-bottom: 60px;} #footer_left li {display: inline; margin-right: 20px;} #footer_right {width: 200px; float: right; padding-top: 20px;}