Link to home
Start Free TrialLog in
Avatar of Bruce Gust
Bruce GustFlag for United States of America

asked on

Can someone break this down for me?

Below is the custom css file belonging to greyghost5k.com. I need to edit the sponsors and while I can see the logic of the way things are organized, I want to better understand it.

Here's the deal:

There are three tiers of sponsorship:

Large Logos: This is on the homepage. Beginning on line 144 of the css file, you have the corresponding settings with "sponsor_lg" on line 175.

Small - Large Logos - You find this on the sponsorship page (http://greyghost5k.com/2013-sponsors/). The CSS settings start at line 185.

Really Small Logos - line 220.

Tell me if this is right: With each tier, you have a large background image that is the cleverly displayed according to something similar to an imagemap (line 253 - 410). What I don't understand is how that background image is referenced within each tier.

For example, on the sponsorship page, you have this:

<div class="sponsors_row_sm_container">
<div class="sponsors_row_sm">
<ul>
	<li><a href="http://www.amerisbank.com" target="_blank"><img class="sponsor_sm ameris2" alt="Ameris Bank" src="http://greyghost5k.com/wp-content/uploads/2013/07/blank.gif" /></a></li>
	<li><a href="http://www.moes.com" target="_blank"><img class="sponsor_sm moes2" alt="Moe's Southwest Grill" src="http://greyghost5k.com/wp-content/uploads/2013/07/blank.gif" /></a></li>
</ul>
</div>
</div>

Open in new window


How is "http://greyghost5k.com/wp-content/uploads/2013/07/sponsors-lg.jpg" being called? I see it on line 216 of the css page, but it's referenced as "sponsor_sm" and not "sponsors_row_sm." How does "sponsors_row_sm" or "sponsors_row_sm_container" know to reference "sponsor_sm" as a background image?

Here's the css file.

What do you think?

 
/* General Custom CSS */


@import url('../fonts/stylesheet.css');


#header_main {
	background-image: url('../images/bgHeader.jpg');
}
#header_meta {
	display: none;
}
p, .template-page p, .template-page ul, .template-page ol, .template-page li {
	font-size: 15px;
	line-height: 1.3em;
}
.template-page ul, .template-page ol, .template-page li {
	font-size: 15px;
	line-height: 1.3em;
}
.flex_column + .avia_textblock {
	padding-top: 0;
}
/* MENU BORDERS */
#top .main_menu .menu ul li:last-child>a {
	border-bottom-style: solid;
	border-bottom-color: #33302b;
	border-bottom-width: 1px;
	border-top-style: solid !important;
	border-top-color: #33302b !important;
	border-top-width: 1px !important;
}
#top .main_menu .menu ul li a {
	border-right-style: solid;
	border-right-color: #33302b;
	border-right-width: 1px;
	border-left-style: solid;
	border-left-color: #33302b;
	border-left-width: 1px;
}
#top .header_color .main_menu ul:first-child >li > ul, #top .header_color .avia_mega_div > .sub-menu {
	border-top-color: #423e38;
!important;
	border-top-style: solid;
	border-top-width: 1px;
}
.title_container .main-title {
	font-size: 22px;
}
/* Top Menu width spacing */
#header_main .container, .main_menu ul:first-child > li a {
	height: 150px !important;
	line-height: 248px !important;
}
#header_main .container, .main_menu ul:first-child > li a > li a {
	line-height: 15px;
}
#top .main_menu ul:first-child > li > a {
	margin-top: 1px;
	padding: 0 10px;
}
.main_menu ul:first-child > li a {
/*line-height: 15px !important;*/
}
#top .container_wrap {
	border-top-width: 1px;
}
/* Main Menu - ROLLOFF TEXT */
#top .header_color .main_menu ul:first-child>li>a {
	padding-top: 7px !important;
	color: #fff;
	font-family: 'league_gothicregular', sans-serif;
	font-size: 1.7em;
	letter-spacing: 0.0em;
	font-weight: normal;
}
/* Main Menu - ROLLOVER TEXT */
#top .header_color .main_menu ul:first-child>li>a:hover {
	color: #5F769F;
	letter-spacing: 0.0em;
}
/* Main Menu - SUB MENU OFF */
#top .main_menu .menu ul li>a {
	color: #e2e2e2;
	font-size: 1.2em;
	letter-spacing: 0.0em;
	font-weight:400;
}
/* Main Menu - SUB MENU HOVER */
#top .main_menu .menu ul li>a:hover {
	color: #e2e2e2 !important;
	background-color: #d83300;
}
/* Main Menu - HIGHLIGHT BLOCK */
#top .avia-menu-fx {
	display:block;
	position:absolute;
	top: 116px;
	border-style:solid;
	border-width:2px;
}
/* HEADER - BOTTOM LINE (attached to slider) */
#header_main {
	border-bottom-style: solid;
	border-bottom-color: #3b3330;
}
.main_menu {
	right: 22px;
}
#top #menu-item-search {
	display: none;
}
.avia-section-large .content, .avia-section-large .sidebar {
	padding: 35px 0;
}
h1, h2, h3, h4, h5, h6, tr.pricing-row td, #top .portfolio-title, .callout .content-area, .avia-big-box .avia-innerbox {
	font-family: 'league_gothicregular', sans-serif;
	font-weight: normal;
}
h2 {
	font-size: 32px;
}
h3 {
	font-size: 30px;
}
h4 {
	font-size: 28px;
}
h5 {
	font-size: 26px;
}
h6 {
	font-size: 20px;
}
.template-page .entry-content h1, .template-page .entry-content h2 {
	color: #FE9809;
}
.iconbox .iconbox_content .iconbox_content_title {
	font-size: 30px;
}
.av-special-heading {
	margin-top: 0;
}
/*Home Page - Main Sponsors Large*/
.sponsors_row_lg h3 {
	color: #000;
}
.sponsors_row_lg ol ul {
	list-style: none;
}
.sponsors_row_lg_container {
	text-align:center;/*background-color:#eee;*/
}
.sponsors_row_lg {
	padding:1.25em 0 .625em 0;
	margin:auto;
}
.sponsors_row_lg ul {
	margin:.625em auto;
}
.sponsors_row_lg li {
	vertical-align:middle;
	display: inline;
	margin: 0.313em;
}
.sponsors_row_lg a {
	display:inline;
	padding:.625em 0;
}
.sponsors_row_lg a:hover {
	background-color:#333;
	background-color: transparent;
}
.sponsor_lg {
	background:url('http://greyghost5k.com/wp-content/uploads/2013/07/sponsors-lg.jpg') top left no-repeat;
}

/* table for the Susan G. Comen ad on the front page */

#front_table tr {
background: none;
}
/*Sponsors*/

/*Sponsor Page - Main Sponsors Small*/
.sponsors_row_sm h3 {
	color: #000;
}
.sponsors_row_sm ol ul {
	list-style: none;
}
.sponsors_row_sm_container {
	text-align:center;/*background-color:#eee;*/
}
.sponsors_row_sm {
	padding:1.25em 0 0 0;
	margin:auto;
}
.sponsors_row_sm ul {
	margin:.625em auto;
}
.sponsors_row_sm li {
	vertical-align:middle;
	display: inline;
	margin: 0.313em;
}
.sponsors_row_sm a {
	display:inline;
	padding:.625em 0;
}
.sponsors_row_sm a:hover {
	background-color:#333;
	background-color: transparent;
}
.sponsor_sm {
	background:url('http://greyghost5k.com/wp-content/uploads/2013/07/sponsorsLarge-sm.jpg') top left no-repeat;
}
/*Sponsors*/

/*Sponsor Page Sponsor Stripe Small*/
.sponsors_row h3 {
	color: #000;
}
.sponsors_row ol ul {
	list-style: none;
}
.sponsors_row_container {
	text-align:center;/*background-color:#eee;*/
}
.sponsors_row {
	padding: .25em 0 .625em 0;
	margin:auto;
}
.sponsors_row ul {
	margin:.625em auto;
}
.sponsors_row li {
	vertical-align:middle;
	display: inline;
	margin: 0.313em;
}
.sponsors_row a {
	display:inline;
	padding:.625em 0;
}
.sponsors_row a:hover {
	background-color:#333;
	background-color: transparent;
}
.sponsor {
	background:url('http://greyghost5k.com/wp-content/uploads/2013/07/sponsors.jpg') top left no-repeat;
}
/*Sponsors*/
/*Main Sponsors Large - Home Page*/
.maury {
	width: 293px;
	height: 62px;
}
.vanderbilt {
	background-position: -302px 0;
	width: 200px;
	height: 98px;
}
.ameris {
	background-position: -616px 0;
	width: 165px;
	height: 80px;
}
.williamson {
	background-position: -796px 0;
	width: 232px;
	height: 74px;
}
.moes {
	background-position: -1211px 0;
	width: 112px;
	height: 99px;
}
.publix {
	background-position: -1042px 0;
	width: 175px;
	height: 56px;
}

.mallard {
	background-position: -1356px 0;
	width: 226px;
	height: 94px;
}
/*Main Sponsors Small*/
.maury2 {
	width: 228px;
	height: 62px;
}
.vanderbilt2 {
	background-position: -229px 0;
	width: 165px;
	height: 94px;
}
.ameris2 {
	background-position: -468px 0;
	width: 110px;
	height: 73px;
}
.williamson2 {
	background-position: -588px 0;
	width: 174px;
	height: 62px;
}
.moes2 {
	background-position: -904px 0;
	width: 73px;
	height: 73px;
}
.publix2 {
	background-position: -772px 0;
	width: 118px;
	height: 56px;
}

.mallard2 {
	background-position: -1009px 0;
	width: 183px;
	height: 72px;
}
/*Small*/
.bewell {
	width: 169px;
	height: 50px;
}
.trinity {
	background-position: -170px 0;
	width: 185px;
	height: 67px;
}
.advertiser {
	background-position: -356px 0;
	width: 220px;
	height: 67px;
}
.farrow {
	background-position: -579px 0;
	width: 124px;
	height: 89px;
}
.stacey {
	background-position: -701px 0;
	width: 140px;
	height: 67px;
}
.jump {
	background-position: -835px 0;
	width: 170px;
	height: 67px;
}
.ole {
	background-position: -1010px 0;
	width: 174px;
	height: 67px;
}
.station {
	background-position: -1183px 0;
	width: 191px;
	height: 67px;
}
.shinning {
	background-position: -1375px 0;
	width: 104px;
	height: 67px;
}
.runner {
	background-position: -1507px 0;
	width: 176px;
	height: 67px;
}
.christopher {
	background-position: -1703px 0;
	width: 277px;
	height: 67px;
}

.boing {
	background-position: -711px 0;
	width: 118px;
	height: 90px;
}

.city_spring_hill {
	background-position: -854px 0;
	width: 103px;
	height: 99px;
}

.jones {
	background-position: -958px 0;
	width: 233px;
	height: 60px;
}

.sh_home {
	background-position: -1205px 0;
	width: 173px;
	height: 66px;
}

.tristar {
	background-position: -1395px 0;
	width: 383px;
	height: 80px;
}


/*End*/
#payment-options-dv .finalize_button, #finalize_purchase_order .finalize_button, #payment-options-dv .submit-payment-btn {
	float: left !important;
}

.page-id-2422 .section-heading, event-messages, .copy_dropdown_wrapper, .payment_header, .choose-diff-pay-option-pg {
	display: none;
}

.start_date {
	display: none;
}

/*Footer*/

#footer .widget {
	margin: 3px;
}
.widgettitle {
	font-size: 1.7em;
	font-weight: normal;
}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (max-width: 1920px) and (min-width: 1250px) {
/* Add your Desktop Styles here */
.container {
/*	height: 150px;
*/}
/*.social_header #header_main .container, .social_header .main_menu ul:first-child > li a {
	height: 150px;
	line-height: 248px !important;
}*/

/* HEADER - Dates & Register Button */
.anniversary {
	position: absolute;
	right: 480px;
	color: #5F769F;
	font-family: 'league_gothicregular', sans-serif;
	font-size: 3.4em;
	top: 22px;
	text-transform: uppercase;
	text-shadow: 1px -1px 1px #333;
	z-index: 500;
}
.anniversary .sub {
	font-size: 27px;
	text-transform: none;
	vertical-align: top;
	padding: 0;
	margin: 0;
	line-height: 8px;
}
.dates {
	position: absolute;
	right: 344px;
	color: #5F769F;
	font-family: 'league_gothicregular', sans-serif;
	font-size: 5.6em;
	top: 70px;
	text-transform: uppercase;
	text-shadow: 1px -1px 1px #333;
	z-index: 500;
}
a.registerButton {
	padding-left: 0.5em;
	padding-right: 0.5em;
	display:block;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	color: #FFF;
	background-color:#1e1e1e;
	position:absolute;
	top: 41px;
	right: 8%;
	z-index: 500;
	font-weight:normal;
	text-decoration:none;
	font-family: 'league_gothicregular', sans-serif;
	font-size: 2.4em;
	text-transform: uppercase;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #4B4B4B;
	border-right-color: #232323;
	border-bottom-color: #232323;
	border-left-color: #4B4B4B;
	text-shadow: 0.03em 0.03em 0.03em #000000;
	-moz-box-shadow:    inset 0 0 5px #000000;
	-webkit-box-shadow: inset 0 0 5px #000000;
	box-shadow:         inset 0 0 5px #000000;
	-moz-box-shadow:    1px 1px 2px 2px #560014;
	-webkit-box-shadow: 1px 1px 2px 2px #560014;
	box-shadow:         1px 1px 2px 2px #560014;
	background-image: url('../images/register-button-bg.gif');
	background-repeat: repeat-x;
	background-position: left top;
}
a.registerButton.onpage {
	position: relative;
	top: auto;
	right: auto;
	left: auto;
	display: inline;
}
.registerButton img {
	position:absolute;
	bottom: 0px;
	left: -12px;
}
a.registerButton:hover {
	color: #FE9809;
	border-color:#FFF;
	background-color: #272727;
}
}


/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (max-width: 1249px) and (min-width: 1000px) {
/* Add your Desktop Styles here */
.container {
/*	height: 150px;
*/}
/*.social_header #header_main .container, .social_header .main_menu ul:first-child > li a {
	height: 150px;
	line-height: 248px !important;
}*/

/* HEADER - Dates & Register Button */
.anniversary {
	position: absolute;
	right: 33%;
	color: #5F769F;
	font-family: 'league_gothicregular', sans-serif;
	font-size: 3.4em;
	top: 22px;
	text-transform: uppercase;
	text-shadow: 1px -1px 1px #333;
	z-index: 500;
}
.anniversary .sub {
	font-size: 27px;
	text-transform: none;
	vertical-align: top;
	padding: 0;
	margin: 0;
	line-height: 8px;
}
.dates {
	position: absolute;
	right: 20%;
	color: #5F769F;
	font-family: 'league_gothicregular', sans-serif;
	font-size: 5.6em;
	top: 70px;
	text-transform: uppercase;
	text-shadow: 1px -1px 1px #333;
	z-index: 500;
}
a.registerButton {
	padding-left: 0.5em;
	padding-right: 0.5em;
	display:block;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	color: #FFF;
	background-color:#1e1e1e;
	position:absolute;
	top: 41px;
	right: 2%;
	z-index: 500;
	font-weight:normal;
	text-decoration:none;
	font-family: 'league_gothicregular', sans-serif;
	font-size: 2.4em;
	text-transform: uppercase;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #4B4B4B;
	border-right-color: #232323;
	border-bottom-color: #232323;
	border-left-color: #4B4B4B;
	text-shadow: 0.03em 0.03em 0.03em #000000;
	-moz-box-shadow:    inset 0 0 5px #000000;
	-webkit-box-shadow: inset 0 0 5px #000000;
	box-shadow:         inset 0 0 5px #000000;
	-moz-box-shadow:    1px 1px 2px 2px #560014;
	-webkit-box-shadow: 1px 1px 2px 2px #560014;
	box-shadow:         1px 1px 2px 2px #560014;
	background-image: url('../images/register-button-bg.gif');
	background-repeat: repeat-x;
	background-position: left top;
}
a.registerButton.onpage {
	position: relative;
	top: auto;
	right: auto;
	left: auto;
	display: inline;
}
.registerButton img {
	position:absolute;
	bottom: 0px;
	left: -12px;
}
a.registerButton:hover {
	color: #FE9809;
	border-color:#FFF;
	background-color: #272727;
}
}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 999px) and (min-width: 768px) {
/* Add your Mobile Styles here */
.anniversary {
	position: absolute;
	right: 23%;
	color: #5F769F;
	font-family: 'league_gothicregular', sans-serif;
	font-size: 2.4em;
	top: 48px;
	text-transform: uppercase;
	text-shadow: 1px -1px 1px #333;
	z-index: 500;
}
.anniversary .sub {
	font-size: 17px;
	text-transform: none;
	vertical-align: top;
	padding: 0;
	margin: 0;
	line-height: 8px;
}
.dates {
	position: absolute;
	right: 18%;
	color: #5F769F;
	font-family: 'league_gothicregular', sans-serif;
	font-size: 3.2em;
	top: 82px;
	text-transform: uppercase;
	text-shadow: 1px -1px 1px #333;
	z-index: 500;
}
a.registerButton {
	padding-left: 0.5em;
	padding-right: 0.5em;
	display:block;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	color: #FFF;
	background-color:#1e1e1e;
	position:absolute;
	top: 64px;
	right: 5px;
	z-index: 500;
	font-weight:normal;
	text-decoration:none;
	font-family: 'league_gothicregular', sans-serif;
	font-size: 1.7em;
	text-transform: uppercase;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #4B4B4B;
	border-right-color: #232323;
	border-bottom-color: #232323;
	border-left-color: #4B4B4B;
	text-shadow: 0.03em 0.03em 0.03em #000000;
	-moz-box-shadow:    inset 0 0 5px #000000;
	-webkit-box-shadow: inset 0 0 5px #000000;
	box-shadow:         inset 0 0 5px #000000;
	-moz-box-shadow:    1px 1px 2px 2px #560014;
	-webkit-box-shadow: 1px 1px 2px 2px #560014;
	box-shadow:         1px 1px 2px 2px #560014;
	background-image: url('../images/register-button-bg.gif');
	background-repeat: repeat-x;
	background-position: left top;
}
a.registerButton.onpage {
	position: relative;
	top: auto;
	right: auto;
	left: auto;
	display: inline;
}
.registerButton img {
	position:absolute;
	bottom: 0px;
	left: -12px;
}
a.registerButton:hover {
	color: #FE9809;
	border-color:#FFF;
	background-color: #272727;
}
}


/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) and (min-width: 550px) {
/* Add your Mobile Styles here */
.anniversary {
	display: none;
}
.anniversary .sub {
	display: none;
}
.dates {
	display: none;
}
a.registerButton {
	padding-left: 0.5em;
	padding-right: 0.5em;
	display:block;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	color: #FFF;
	background-color:#1e1e1e;
	position:absolute;
	top: 24px;
	right: 32%;
	z-index: 500;
	font-weight:normal;
	text-decoration:none;
	font-family: 'league_gothicregular', sans-serif;
	font-size: 1.8em;
	text-transform: uppercase;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #4B4B4B;
	border-right-color: #232323;
	border-bottom-color: #232323;
	border-left-color: #4B4B4B;
	text-shadow: 0.03em 0.03em 0.03em #000000;
	-moz-box-shadow:    inset 0 0 5px #000000;
	-webkit-box-shadow: inset 0 0 5px #000000;
	box-shadow:         inset 0 0 5px #000000;
	-moz-box-shadow:    1px 1px 2px 2px #560014;
	-webkit-box-shadow: 1px 1px 2px 2px #560014;
	box-shadow:         1px 1px 2px 2px #560014;
	background-image: url('../images/register-button-bg.gif');
	background-repeat: repeat-x;
	background-position: left top;
}
a.registerButton.onpage {
	position: relative;
	top: auto;
	right: auto;
	left: auto;
	display: inline;
}
.registerButton img {
	position:absolute;
	bottom: 0px;
	left: -12px;
}
a.registerButton:hover {
	color: #FE9809;
	border-color:#FFF;
	background-color: #272727;
}
}


/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 549px) and (min-width: 420px) {
/* Add your Mobile Styles here */
.anniversary {
	display: none;
}
.anniversary .sub {
	display: none;
}
.dates {
	display: none;
}
a.registerButton {
	padding-left: 0.5em;
	padding-right: 0.5em;
	display:block;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	color: #FFF;
	background-color:#1e1e1e;
	position:absolute;
	top: 24px;
	right: 32%;
	z-index: 500;
	font-weight:normal;
	text-decoration:none;
	font-family: 'league_gothicregular', sans-serif;
	font-size: 1.4em;
	text-transform: uppercase;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #4B4B4B;
	border-right-color: #232323;
	border-bottom-color: #232323;
	border-left-color: #4B4B4B;
	text-shadow: 0.03em 0.03em 0.03em #000000;
	-moz-box-shadow:    inset 0 0 5px #000000;
	-webkit-box-shadow: inset 0 0 5px #000000;
	box-shadow:         inset 0 0 5px #000000;
	-moz-box-shadow:    1px 1px 2px 2px #560014;
	-webkit-box-shadow: 1px 1px 2px 2px #560014;
	box-shadow:         1px 1px 2px 2px #560014;
	background-image: url('../images/register-button-bg.gif');
	background-repeat: repeat-x;
	background-position: left top;
}
a.registerButton.onpage {
	position: relative;
	top: auto;
	right: auto;
	left: auto;
	display: inline;
}
.registerButton img {
	position:absolute;
	bottom: 0px;
	left: -12px;
}
a.registerButton:hover {
	color: #FE9809;
	border-color:#FFF;
	background-color: #272727;
}
}


/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 419px) and (min-width: 220px) {
/* Add your Mobile Styles here */
.anniversary {
	display: none;
}
.anniversary .sub {
	display: none;
}
.dates {
	display: none;
}
a.registerButton {
	padding-left: 0.5em;
	padding-right: 0.5em;
	display:block;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	color: #FFF;
	background-color:#1e1e1e;
	position:absolute;
	top: 24px;
	right: 31%;
	z-index: 500;
	font-weight:normal;
	text-decoration:none;
	font-family: 'league_gothicregular', sans-serif;
	font-size: 0.9em;
	text-transform: uppercase;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #4B4B4B;
	border-right-color: #232323;
	border-bottom-color: #232323;
	border-left-color: #4B4B4B;
	text-shadow: 0.03em 0.03em 0.03em #000000;
	-moz-box-shadow:    inset 0 0 5px #000000;
	-webkit-box-shadow: inset 0 0 5px #000000;
	box-shadow:         inset 0 0 5px #000000;
	-moz-box-shadow:    1px 1px 2px 2px #560014;
	-webkit-box-shadow: 1px 1px 2px 2px #560014;
	box-shadow:         1px 1px 2px 2px #560014;
	background-image: url('../images/register-button-bg.gif');
	background-repeat: repeat-x;
	background-position: left top;
}
a.registerButton.onpage {
	position: relative;
	top: auto;
	right: auto;
	left: auto;
	display: inline;
}
.registerButton img {
	position:absolute;
	bottom: 0px;
	left: -12px;
}
a.registerButton:hover {
	color: #FE9809;
	border-color:#FFF;
	background-color: #272727;
}
}

Open in new window

ASKER CERTIFIED SOLUTION
Avatar of Julian Hansen
Julian Hansen
Flag of South Africa image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Bruce Gust

ASKER

I see it!

I was looking at it as "sponsor_sm_ameris2" rather than "sponsor_sm ameris2." I see it now as a continuation of that class and not a new class in and of itself.

Thank you, sir!
You are most welcome.