/* Theme Name: The Supercar Experience Theme URI: http://www.eighty8four.org/ Description: A theme designed and developed by Eighty8Four Creative Agency Version: 1.0 Author: Ryan Stacey Tags: The Supercar Experience */ body { font-size: 62.5%; /* Resets 1em to 10px */ font-family: "CartoGothicStdBook", "Helvetica Neue", Helvetica, sans-serif; background: #fff url('images/bg-grad.jpg') repeat-x top center; color: #797b7d; text-align: center; } p {font-size: 12px; line-height: 18px;} h1 {font-weight: normal; font-size: 14px; color: #4a4849; text-transform: uppercase;} h1 strong {font-weight: normal; font-family: 'CartoGothicStdBold';} h2 {font-weight: normal; font-family: 'CartoGothicStdBold'; font-size: 14px; color: #302e2f; text-transform: uppercase;} h2 strong {font-weight: normal; font-family: 'CartoGothicStdBold';} h3 {font-weight: normal; font-family: 'CartoGothicStdBold'; font-size: 14px; color: #72bad2; text-transform: uppercase;} h3 a {color: #72bad2;} h4 {font-weight: normal; font-family: 'CartoGothicStdBold'; font-size: 14px; color: #fcbc02; text-transform: uppercase;} h5 {font-weight: normal; font-family: 'CartoGothicStdBold'; font-size: 12px; color: #48494b; } .alignright {float: right;} .alignleft {float: left;} .clear { clear: both; } .wrapper {width: 960px; margin: auto;} .header {width: 960px; height: 79px; padding-top: 21px;} .header ul.left {float: left; margin-left: 115px;} .header ul.right {float: right; margin-right: 115px;} .header #logo {margin: auto; text-align: center;} .header ul li {float: left; display: block; width: 100px; height: 15px; margin-top: 58px;} .header ul li a {float: left; display: block; width:100px; height: 15px; text-transform: uppercase; font-size: 12px; color: #4a4849; } .header ul li a:hover {color: #797b7d} .header ul li.on a {color: #f87000;} #home_banner {position: relative; width: 940px; height: 320px; margin: auto;} #home_banner #holder img{ height: 320px;} #home_banner #holder {position: relative; overflow: hidden; height: 320px;} #home_banner #holder div {bottom:0; left: 0;} #home_banner #holder div div.info_wrapper {position: absolute; bottom: 0; left: 0; padding-top: 19px; background: url('images/mask_overlay.png') no-repeat top center; width: 940px; height: 109px; text-align: left;} #home_banner #holder .info_wrapper {position: absolute; bottom: 0; left: 0; padding-top: 19px; background: url('images/mask_overlay.png') no-repeat top center; width: 940px; height: 109px; text-align: left;} #home_banner #dots {position: absolute; top: 295px; right: 20px; z-index: 999999;} #home_banner #dots .indicator {float: left; display: block; width: 10px; height: 10px; margin-left:10px; background: url('images/indicator.png') no-repeat bottom center;} #home_banner #dots #button_selected {background: url('images/indicator.png') no-repeat top center;} #home_banner .info_wrapper .title {margin-left: 49px; font-size: 24px; color: #ffffff; text-transform: uppercase; font-family: "CartoGothicStdBook" } #home_banner .info_wrapper .date {margin-left: 49px; font-size: 30px; font-family: 'CartoGothicStdBold'; color: #ffffff; text-transform: uppercase; } #home_banner .submenu {position: absolute; top: 285px; left: 1px; z-index: 9;} #home_banner .submenu ul li {float: left; display: block; width: 164px; height: 43px; } #home_banner .submenu ul li:hover a {top: 0px;} #home_banner .submenu ul li a {float: left; position: relative; padding-top: 16px; top: 1px; display: block; width: 173px; height: 27px; font-family: 'CartoGothicStdBold'; font-size: 14px; color: #656769; text-transform: uppercase; background: url('images/sub_tab.png') no-repeat top center; } #home_banner .submenu ul li#tab_selected a, #home_banner .submenu ul li.current_page_item a {background: url('images/sub_tab_on.png') no-repeat top center; color: #558c9e;} #bannermovie {display: none;} .page #bannermovie {display: block;} .home_content {width: 950px; margin: auto; margin-top: 20px;} .home_content .left {float: left; width: 308px; text-align: left; margin-right: 22px;} .home_content .left .holder {position: relative; background: url('images/img_holder.jpg') no-repeat top center; width: 308px; height: 116px;} .home_content .left .holder h1 {margin-left: 13px; margin-top: 5px;} .home_content .left .holder a.title {position: absolute; top: 85px; right: 20px; font-size: 12px; color: #ffffff; text-transform: uppercase;} .home_content .left .holder img {margin-left: 12px; margin-top: 6px;} .home_content .right {float: right; margin-left: 10px; width: 305px; text-align: left; background: url('images/upper_left.jpg') no-repeat top left;} .home_content .right .container {background: url('images/lower_right.jpg') no-repeat bottom left;} .home_content .right .container h1 {margin: 19px 0 7px 26px;} .home_content .right .container a.buttons {margin-left: 24px;} .home_content .right .container .blue {background: #f2f9fb; padding: 10px 0 5px 0; margin: 8px 12px 0 12px;} .home_content .right .container .blue h1 {margin: 0 0 6px 13px} .home_content .right .container .blue a.buttons {margin-left: 12px;} .home_content .right .container .mailing_list {margin: 11px 12px 0 12px; padding-bottom: 15px;} .home_content .right .container .mailing_list h1 {margin: 0 0 8px 13px; text-transform: none;} .home_content .right .container .mailing_list a.buttons {margin-left: 13px;} .home_content .right .container .mailing_list p {color: #4a4849; margin-left: 13px; } .home_content .right .container .mailing_list #ea {background: transparent; float: left; border: 0px; height: 14px; width: 142px; padding: 7px 10px; color:#b3b2b3; font-size: 14px; font-family: "CartoGothicStdBook"} .home_content .right .container .mailing_list #newsletterFormDiv {margin-left: 13px; background: url('images/subscribe_field.jpg') no-repeat top left; height: 28px;} .home_content .right .container .mailing_list #newsletterFormDiv #go {margin-left: 10px; float: left;} .home_content .center {margin: auto; margin-left: 330px; text-align: left; width: 300px;} .home_content .center h2 {padding-top: 5px;} .home_content .center p {margin: 0px 0;} .home_content .center .hr {margin: 7px 0 10px 0;} .home_sponsors {width: 940px; background: url('images/full_hr.jpg') no-repeat top center; margin-top: 21px;} .home_sponsors .container {width: 780px; background: url('images/full_hr.jpg') no-repeat bottom center; padding: 10px 60px;} .home_sponsors .container img {margin: 10px 15px; max-height: 50px; vertical-align: middle;} /*** INTERIOR ***/ .interior_content {width: 950px; margin: auto; margin-top: 20px;} .interior_content .left {float: left; width: 308px; text-align: left; margin-right: 10px;} .interior_content .left .holder {position: relative; background: url('images/img_holder.jpg') no-repeat top center; width: 308px; height: 116px;} .interior_content .left .holder h1 {margin-left: 13px; margin-top: 5px;} .interior_content .left .holder a.title {position: absolute; top: 85px; right: 20px; font-size: 12px; color: #ffffff; text-transform: uppercase;} .interior_content .left .holder img {margin-left: 12px; margin-top: 6px;} .interior_content .left .container_top {padding-top: 19px; margin-top: 15px; background: url('images/upper_left.jpg') no-repeat top left;} .interior_content .left .container {background: url('images/lower_right.jpg') no-repeat bottom left; margin-bottom: 10px;} .interior_content .left .container h1 {margin: 0 0 7px 20px;} .interior_content .left .container a.buttons {margin-left: 24px;} .interior_content .left .container .blue {background: #f2f9fb; padding: 10px 0 5px 0; margin: 8px 12px 0 12px;} .interior_content .left .container .blue h1 {margin: 0 0 6px 7px} .interior_content .left .container .blue a.buttons {margin-left: 12px;} .interior_content .left .container p {color: #4a4849; margin-left: 26px; margin-bottom: 10px;} .interior_content .right {float: right; margin-left: 10px; width: 305px; text-align: left;} .interior_content .right .container_top {padding-top: 19px; margin-top: 15px; background: url('images/upper_left.jpg') no-repeat top left;} .interior_content .right .container {background: url('images/lower_right.jpg') no-repeat bottom left; margin-bottom: 10px;} .interior_content .right .container h1 {margin: 0 0 7px 20px;} .interior_content .right .container a.buttons {margin-left: 24px;} .interior_content .right .container .blue {background: #f2f9fb; padding: 10px 0 5px 0; margin: 8px 12px 3px 12px;} .interior_content .right .container .blue h1 {margin: 0 0 6px 7px} .interior_content .right .container .blue a.buttons {margin-left: 12px;} .interior_content .right .holder {position: relative; background: url('images/img_holder.jpg') no-repeat top center; width: 308px; height: 116px;} .interior_content .right .holder h1 {margin-left: 13px; margin-top: 5px;} .interior_content .right .holder a.title {position: absolute; top: 85px; right: 20px; font-size: 12px; color: #ffffff; text-transform: uppercase;} .interior_content .right .holder img {margin-left: 12px; margin-top: 6px;} .interior_content .right .holder .mailing_list {margin: 11px 12px 0 12px; padding-bottom: 15px;} .interior_content .right .holder .mailing_list h1 {margin: 0 0 20px 13px; text-transform: none;} .interior_content .right .holder .mailing_list a.buttons {margin-left: 13px;} .interior_content .right .holder .mailing_list p {color: #4a4849; margin-left: 13px; } .interior_content .right .holder .mailing_list #ea {background: transparent; float: left; border: 0px; height: 14px; width: 142px; padding: 7px 10px; color:#b3b2b3; font-size: 14px; font-family: "CartoGothicStdBook"} .interior_content .right .holder .mailing_list #newsletterFormDiv {margin-left: 13px; margin-bottom: 15px; background: url('images/subscribe_field.jpg') no-repeat top left; height: 28px;} .interior_content .right .holder .mailing_list #newsletterFormDiv #go {margin-left: 10px; float: left;} .interior_content .right .archives {width: 285px; margin: auto; margin-bottom: 20px;} .interior_content .right .archives h1 {margin-bottom: 15px;} .interior_content .right .archives ul li a {display: block; margin: 0 0 5px 12px; color:#4a4849; font-size: 12px; font-family: "CartoGothicStdBook"; } .interior_content .right .twitter {width: 285px; margin: auto; line-height: 18px;} .interior_content .right .twitter h1 {margin-bottom: 15px;} .interior_content .right .twitter a.orange {color: #fba600; font-size: 12px; margin-left: 12px; text-decoration: underline;} .interior_content .right .twitter #twitter_div ul li {margin: 0 0 5px 12px; color:#4a4849; font-size: 12px; font-family: "CartoGothicStdBook"; } .interior_content .right .twitter #twitter_div ul li span {display: block; width: 285px;} .interior_content .center { width: 622px; margin-left: 10px; float: left; text-align: left; margin-bottom: 20px; overflow: hidden;} .interior_content .center h1 {font-size: 24px; margin-top: 15px; color: #72bad2; font-family: 'CartoGothicStdBold';} .interior_content .center h2 {padding-top: 5px; color: #797b7d; margin-bottom: 25px; font-size: 16px; font-family: "CartoGothicStdBook"; line-height: 30px;} .interior_content .center h3 {font-size: 16px; margin-bottom: 7px;} .interior_content .center h4 {font-size: 14px; margin-bottom: 7px;} .interior_content .center .field_container {position: relative; height: 28px; background: url('images/inputfield_left.jpg') no-repeat top left; margin: 5px 0;} .interior_content .center .field_container .title {position: absolute; z-index: 1; top: 5px; left:5px ; color:#b3b2b3; font-size: 14px; font-family: "CartoGothicStdBook"} .interior_content .center .field_container div {height: 28px; background: url('images/inputfield_right.jpg') no-repeat top right;} .interior_content .center .field_container input {background: transparent; position: relative; z-index: 2; margin-top: 5px; margin-left: 5px; border: 0px;} .interior_content .center p {margin: 10px 0; font-size: 12px; line-height: 18px;} .interior_content .center p strong {font-family: 'CartoGothicStdBold'; font-weight: normal;} .interior_content .center a{color: #72bad2; text-transform: uppercase;} .interior_content .center .hr {margin: 7px 0 5px 0;} .interior_content .center .meta_data { margin: 10px 0; font-size: 12px; text-transform: uppercase;} .interior_content .center .meta_data a {color: #777777;} .interior_content .alignright {margin-left: 10px;} .interior_content .alignleft {margin-right: 10px;} .interior_content .checkout {width: 950px; font-size: 12px;} /***** BLOG *****/ #blog_banner {position: relative; width: 940px; height: 192px; margin: auto;} #blog_banner #holder img{ height: 192px;} #blog_banner #holder {position: relative;} #blog_banner #holder div {bottom:0; left: 0;} #blog_banner #holder div div.info_wrapper {position: absolute; bottom: 0; left: 0; padding-top: 19px; background: url('images/mask_overlay.png') no-repeat top center; width: 940px; height: 109px; text-align: left;} #blog_banner #holder .info_wrapper {position: absolute; bottom: 0; left: 0; background: url('images/mask_overlay.png') no-repeat top center; padding: 15px 0 ; width: 940px; height: 50px; text-align: left;} #blog_banner .info_wrapper .title {margin-left: 25px; font-size: 30px; font-family: 'CartoGothicStdBold'; color: #ffffff; text-transform: uppercase; } #blog_banner .info_wrapper .desc {margin-left: 25px; font-size: 24px; color: #ffffff; text-transform: uppercase; font-family: "CartoGothicStdBook" } .footer p{margin-top: 15px; font-family: 'CartoGothicStdBold'; font-size: 10px; color: #a6a6a6; text-transform: uppercase;} .footer a {color: #777777} .footer a img {position:relative; top: 4px;}