@import "nav.css"; /* main navigation */

body { background: #7f7f7f url(bg.gif) repeat-x; }
body, td { font: 12px Arial, Verdana, Helvetica, sans-serif; color: #585858; }
body, pre, form, blockquote, fieldset, h1, h2, h3, h4, h5 { margin: 0; padding: 0; }
p { margin: 0 0 20px 0; padding: 0; line-height: 1.35em; }
a { color: #e16300; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
a:active { text-decoration: none; }
a img { border: none; }
ul { margin-bottom: 25px; }
li { padding: 2px; }

h1 { font-size: 24px; margin: 0 0 20px 0; color: #373737; }
h2 { font-size: 18px; margin: 0 0 20px 0; font-weight: normal; color: #373737;}
h3 { font-size: 16px; margin: 0 0 15px 0; color: #373737; }
h4, h5 { font-size: 12px; margin: 0 0 3px 0; }

hr { border: none; border-top: 1px solid #ccc; height: 1px; margin: 0 0 20px 0; }

/******************************************************/
/*****   Site Layout                              *****/
/******************************************************/
#sh-container { background: transparent url(bgshadow.png) repeat-y 50% 0; }
* html #sh-container { background: transparent; }

#container { width: 980px; margin: 0 auto; background: #fff; border-left: 1px solid #3a3a3a; border-right: 1px solid #3a3a3a; }

#adbanner { background: #626263 url(ad-bannerbg.gif) repeat-x; padding: 7px 0; text-align: center; }

#venues { background: #3e3d3d; color: #e16300; padding: 5px 0; font-size: 11px; }
#venues ul { margin: 0 0 0 22px; padding: 0; }
#venues li { display: inline; list-style: none; padding: 0 7px 0 0; }
#venues li a { color: #fff;  padding: 0 10px 0 0; }
#venues li a:hover { color: #e16300; text-decoration: none; }

#header { height: 122px; background: #626263 url(headerbg.jpg) no-repeat; position: relative; }
#header #logo { position: absolute; top: 35px; left: 0; width: 471px; height: 87px; }
#header #accountbox { position: absolute; top: 33px; right: 0; width: 320px; height: 17px; color: #e16300;}
#header #accountbox ul { margin: 0; padding: 0; }
#header #accountbox li { display: inline; list-style: none; padding: 0 5px 0 0; }
#header #accountbox li a { color: #fff;  padding: 0 5px 0 0; }
#header #search { position: absolute; top: 55px; right: 0; width: 320px; height: 60px; }
#header #search input { vertical-align: middle; margin: 0 0 0 -3px; padding: 0; }
#header #search input.search_field { border: 1px solid #d2d2d2; width: 235px; padding: 8px 5px; font-size: 13px; }
	
#wrapper,
#wrapper-home { margin: 0; padding: 0 0 15px 0; background: url(wrapperbg.gif) repeat-y;  }

#wrapper-home #leftcolumn { width: 680px; padding: 0; }
#leftcolumn { float: left; width: 660px; padding: 0 10px; }

#rightcolumn { float: left; width: 300px; }

#quickbuy { background: #fff; padding: 0 0 12px 0; }
#quickbuy label { font-size: 13px; font-weight: bold; color: #585858; padding: 0 3px 0 0; }
#quickbuy select { width: 205px; font-size: 13px; }
#quickbuy option { font-size: 13px; }

#footer { background: #3e3d3d; color: #e16300; padding: 5px 0; font-size: 11px; }
#footer ul { margin: 0 0 0 22px; padding: 0; }
#footer li { display: inline; list-style: none; padding: 0 5px 0 0; }
#footer li a { color: #fff;  padding: 0 9px 0 0; }
#footer li a:hover { color: #e16300; text-decoration: none; }

.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/******************************************************/
/*****   Homepage                                 *****/
/******************************************************/
#wrapper-home p.bottom-text { margin: 0 6px; padding: 15px 0 0 0; font-size: 11px; border:0; }

#featuredevents { position: relative; }
#featuredevents h2 { margin: 0 0 6px 14px; padding: 0; height: 28px; }
#featuredevents #rss { position: absolute; top: 15px; right: 10px; }
#flashcontent-home { width: 680px; }

#artistfeatures { margin: 5px; border: 1px solid #ccc; padding: 10px 10px 20px 10px; }
#artistfeatures h2 { margin: 0 0 7px 0; }
#artistfeatures h3 { margin: 5px 0; font-size: 13px; }
#artistfeatures p { margin: 0 5px 10px 0; }

#blogstore { margin: 5px; border: 1px solid #ccc; padding: 10px 10px 20px 10px; }
#blog { float: left; width: 253px; margin: 0 30px 0 0; }
#blog h2 { margin: 0 0 7px 0; }
#blog p { margin: 5px 0; }

#store { float: left; width: 360px; }
#store h2 { margin: 0 0 7px 0; }
#store h3 { font-size: 12px; margin: 0 0 2px 0; }
#store h3 a { color: #585858; }
#store h3 a:hover { color: #e16300; text-decoration: none; }
#store p { margin: 0 0 10px 0; }

/******************************************************/
/*****   Tables                                   *****/
/******************************************************/
.table-generic { width: 100%; border-collapse:collapse; margin: 0 0 20px 0; border: 1px solid #d4d4d4; }
.table-generic thead th { padding: 10px; margin: 0; background: #e16300; color: #fff; text-align: left; }
.table-generic tr.highlight { background: #d4d4d4; }
.table-generic td { padding: 8px 10px; border-left: 1px solid #c0bebe; color: #585858; }
.table-generic td.first { border-left: 0; }

/******************************************************/
/*****   Buttons                                  *****/
/******************************************************/
a.btn-get-tickets { width: 64px; height: 15px; background: url(btn-get-tickets.gif) no-repeat; }
a.btn-learn-more { width: 64px; height: 15px; background: url(btn-learn-more.gif) no-repeat; }
a.btn-get-it { width: 64px; height: 15px; background: url(btn-get-it.gif) no-repeat; }
a.btn-register { width: 64px; height: 15px; background: url(btn-register.gif) no-repeat; }
a.btn-buy-dvd { width: 64px; height: 15px; background: url(btn-buy-dvd.gif) no-repeat; }
a.btn-buy-now { width: 64px; height: 15px; background: url(btn-buy-now.gif) no-repeat; }
a.btn-add-comments { width: 101px; height: 16px; background: url(btn-add-comments.gif) no-repeat; }
a.btn-listen { width: 64px; height: 15px; background: url(btn-listen.gif) no-repeat; }
a.btn-buy-tickets { width: 64px; height: 15px; background: url(btn-buy-tickets.gif) no-repeat; }
a.btn-sign-up-now { width: 90px; height: 20px; background: url(btn-sign-up-now.gif) no-repeat; }
a.btn-submit { width: 64px; height: 15px; background: url(btn-submit.gif) no-repeat; }
a.btn-click-here { width: 64px; height: 15px; background: url(btn-click-here.gif) no-repeat; }
a.btn-view-schedule { width: 104px; height: 21px; background: url(btn-view-schedule.gif) no-repeat; }
a.btn-windowsmedia { width: 159px; height: 21px; background: url(btn-windowsmedia.gif) no-repeat; }
a.btn-realplayer { width: 159px; height: 21px; background: url(btn-realplayer.gif) no-repeat; }
a.btn-get-tickets-large { width: 117px; height: 28px; background: url(btn-get-tickets-large.gif) no-repeat; }
a.btn-learn-more-large { width: 117px; height: 28px; background: url(btn-learn-more-large.gif) no-repeat; }

a.btn-get-tickets,
a.btn-learn-more,
a.btn-get-it,
a.btn-register,
a.btn-buy-dvd,
a.btn-buy-now,
a.btn-add-comments,
a.btn-listen,
a.btn-buy-tickets,
a.btn-sign-up-now,
a.btn-submit,
a.btn-click-here,
a.btn-view-schedule,
a.btn-windowsmedia,
a.btn-realplayer,
a.btn-get-tickets-large,
a.btn-learn-more-large { display: block; text-indent: -9999px; }

a.btn-get-tickets:active, a.btn-get-tickets:focus,
a.btn-learn-more:active, a.btn-learn-more:focus,
a.btn-get-it:active, a.btn-get-it:focus,
a.btn-register:active, a.btn-register:focus,
a.btn-buy-dvd:active, a.btn-buy-dvd:focus,
a.btn-buy-now:active, a.btn-buy-now:focus,
a.btn-add-comments:active, a.btn-add-comments:focus,
a.btn-listen:active, a.btn-listen:focus,
a.btn-buy-tickets:active, a.btn-buy-tickets:focus,
a.btn-sign-up-now:active, a.btn-sign-up-now:focus,
a.btn-submit:active, a.btn-submit:focus,
a.btn-click-here:active, a.btn-click-here:focus,
a.btn-view-schedule:active, a.btn-view-schedule:focus,
a.btn-windowsmedia:active, a.btn-windowsmedia:focus,
a.btn-realplayer:active, a.btn-realplayer:focus,
a.btn-get-tickets-large:active, a.btn-get-tickets-large:focus,
a.btn-learn-more-large:active, a.btn-learn-more-large:focus { outline: none; }

a.btn-get-tickets:hover,
a.btn-learn-more:hover,
a.btn-get-it:hover,
a.btn-register:hover,
a.btn-buy-dvd:hover,
a.btn-buy-now:hover,
a.btn-add-comments:hover,
a.btn-listen:hover,
a.btn-buy-tickets:hover,
a.btn-sign-up-now:hover,
a.btn-submit:hover,
a.btn-click-here:hover,
a.btn-view-schedule:hover,
a.btn-windowsmedia:hover,
a.btn-realplayer:hover,
a.btn-get-tickets-large:hover,
a.btn-learn-more-large:hover { background-position: left bottom; }

/******************************************************/
/*****   Common Modules                           *****/
/******************************************************/
.promo { background: #fff; margin: 7px; padding: 7px; }
.promo h3 { margin: 0 0 7px 0; font-size: 13px; }
.promo p { margin: 0 0 10px 0; }

.box { border: 1px solid #ccc; padding: 10px; margin: 0 0 15px 0; }

p.bottom-text { margin: 0; padding: 15px 0; font-size: 11px; border-top: 1px solid #ccc; }

/******************************************************/
/*****   Common Elements                          *****/
/******************************************************/
a.arrow { background: url(arrow.png) no-repeat right .23em; padding-right: 14px; color: #585858; }
a.arrow:hover { color: #e16300; text-decoration: none; }
.orange { color: #e16300; }

ul.list-default { margin: 5px 0 20px 0; padding: 0; list-style: none; }
ul.list-default li { padding: 0 0 1px 0; }

p.small-text{ font-size: 10px; }


/******************************************************/
/*****   Sporting Events Homepage                 *****/
/******************************************************/
#sport-featured-events { margin: 0 0 20px 0;}
#sport-featured-events h2 { margin: 0 0 10px 0; }
#sport-featured-events #fe-container { background: #e9e9e9 url(../sporting-events/bg-featured-events.gif) repeat-y top right; }
#sport-featured-events #fe-left { float: left; width: 380px; margin: 0 12px 0 0; }
#sport-featured-events #fe-right { float: left; padding: 20px 10px 0 0; width: 258px; }
#sport-featured-events #fe-right h3 { text-transform: uppercase; font-size: 15px; margin: 0 0 1px 0; }
#sport-featured-events #fe-right h4 { margin: 0 0 15px 0; font-size: 13px; }

#teams-events { margin: 0 0 20px 0; }
#teams-events h2 { margin: 0 0 7px 0; }
#teams-events h3 { font-size: 13px; margin: 0 0 10px 0; }
#teams-events #teams-events-left { width: 330px; float: left; margin: 0 5px 0 0; }
#teams-events #teams-events-right { width: 325px; float: left; }
#teams-events .box { border: 1px solid #7f7f7f; padding: 5px 10px 10px 10px; margin: 0 0 5px 0; background: #f4f4f4 url(../sporting-events/bg-teams-event.gif) repeat-x bottom left; }

/******************************************************/
/*****   Team Pages                               *****/
/******************************************************/
#team-page h2 { margin: 0 0 15px 0; }

#team-banner { width: 100%; position: relative; height:110px; }
#team-banner h2 { margin: 0; }
#team-banner ul { position: absolute; bottom: 12px; left: 0; width: 100%; list-style: none; margin: 0; padding: 0; }
#team-banner li { display: inline; padding: 0; margin: 0 10px 0 0; }
#team-banner li a { background: url(btn-this-action.gif) no-repeat 0 .225em; padding-left: 15px; font-size: 11px; color: #585858; }
#team-banner li a:hover { color: #e16300; text-decoration: none; }

.team-photo { margin: 0 0 15px 0; }

#team-page #fancomments-box .box { margin: 0; }

#knicks-box { position: relative; width: 304px; height: 167px; background: url(../sporting-events/bg-knicks-box.jpg) no-repeat; margin: 0 0 15px 0; }
#knicks-box ul { position: absolute; top: 40px; left: 11px; height: 114px; margin: 0; padding: 0; list-style: none; }
#knicks-box li { padding: 0 0 8px 0; }
#knicks-box li a { background: url(arrow.png) no-repeat 0 .25em; padding-left: 15px; color: #fff; display: block; }
#knicks-box li a:hover { color: #e16300; text-decoration: none; }

#liberty-box { position: relative; width: 304px; height: 167px; background: url(../sporting-events/bg-liberty-box.jpg) no-repeat; margin: 0 0 15px 0; }
#liberty-box ul { position: absolute; top: 40px; left: 11px; height: 114px; margin: 0; padding: 0; list-style: none; }
#liberty-box li { padding: 0 0 8px 0; }
#liberty-box li a { background: url(arrow.png) no-repeat 0 .25em; padding-left: 15px; color: #fff; display: block; }
#liberty-box li a:hover { color: #e16300; text-decoration: none; }

#rangers-box { position: relative; width: 304px; height: 167px; background: url(../sporting-events/bg-rangers-box.jpg) no-repeat; margin: 0 0 15px 0; }
#rangers-box ul { position: absolute; top: 54px; left: 11px; height: 114px; margin: 0; padding: 0; list-style: none; }
#rangers-box li { padding: 0 0 9px 0; }
#rangers-box li a { background: url(arrow.png) no-repeat 0 .25em; padding-left: 15px; color: #fff; display: block; }
#rangers-box li a:hover { color: #e16300; text-decoration: none; }

#getgoods-box h2 { margin: 0 0 10px 0; }
#getgoods-box h3 { font-size: 12px; margin: 0 0 2px 0; }
#getgoods-box h3 a { color: #585858; }
#getgoods-box h3 a:hover { color: #e16300; text-decoration: none; }
#getgoods-box p { margin: 0 0 5px 0; }

#upcoming-box { margin: 0 0 15px 0; font-size: 11px; }
#upcoming-box h2 { margin: 0 0 10px 0; }
#upcoming-box p { margin: 0 0 2px 0; }
#upcoming-box table { width: 100%; border-collapse:collapse; background: #557280; margin: 0 0 5px 0; }
#upcoming-box tr.highlight { background: #aab9bf; }
#upcoming-box td { padding: 5px 8px; border-bottom: 1px solid #fff; color: #fff; font-size: 11px; }
#upcoming-box ul { list-style: none; margin: 0; padding: 0; }
#upcoming-box li { display: inline; padding: 0; margin: 0 5px 0 0; }
#upcoming-box li a { background: url(btn-this-action.gif) no-repeat 0 .225em; padding-left: 15px; font-size: 11px; color: #585858; }
#upcoming-box li a:hover { color: #e16300; text-decoration: none; }

/******************************************************/
/*****   Event Pages                              *****/
/******************************************************/
#event-banner { margin: 0 0 10px 0; }
#event-banner h2 { margin: 0 0 10px 0; }
#event-banner ul { list-style: none; margin: 0; padding: 0; }
#event-banner li { display: inline; padding: 0; margin: 0 10px 0 0; }
#event-banner li a { background: url(btn-this-action.gif) no-repeat 0 .225em; padding-left: 15px; font-size: 11px; color: #585858; }
#event-banner li a:hover { color: #e16300; text-decoration: none; }

.event-photo { margin: 0 0 15px 0; }

#audioclips-box h2 { margin: 0 0 10px 0; }
#audioclips-box table { width: 100%; border-collapse:collapse; background: #557280; margin: 0 0 5px 0; }
#audioclips-box tr.highlight { background: #aab9bf; }
#audioclips-box td { padding: 5px 8px; border-bottom: 1px solid #fff; color: #fff; font-size: 11px; }

#ontheweb-box h2 { margin: 0 0 15px 0; }
#ontheweb-box ul { margin: 0; padding: 0; list-style: none; }
#ontheweb-box li { padding: 0 0 5px 0; }
#ontheweb-box li a { background: url(arrow.png) no-repeat 0 .25em; padding-left: 17px; color: #585858; display: block; }
#ontheweb-box li a:hover { color: #e16300; text-decoration: none; }
#ontheweb-box .box { margin: 0; }

#gettickets-box { margin: 0 0 15px 0; font-size: 11px; }
#gettickets-box h2 { margin: 0 0 10px 0; }
#gettickets-box p { margin: 0 0 2px 0; }
#gettickets-box table { width: 100%; border-collapse:collapse; background: #557280; margin: 0 0 5px 0; }
#gettickets-box tr.highlight { background: #aab9bf; }
#gettickets-box td { padding: 5px 8px; border-bottom: 1px solid #fff; color: #fff; font-size: 11px; }
#gettickets-box ul { list-style: none; margin: 0; padding: 0; }
#gettickets-box li { display: inline; padding: 0; margin: 0 5px 0 0; }
#gettickets-box li a { background: url(btn-this-action.gif) no-repeat 0 .225em; padding-left: 15px; font-size: 11px; color: #585858; }
#gettickets-box li a:hover { color: #e16300; text-decoration: none; }

#shop-box h2 {  margin: 0 0 10px 0; }
#shop-box h3 { font-size: 12px; margin: 0 0 2px 0; }
#shop-box h3 a { color: #585858; }
#shop-box h3 a:hover { color: #e16300; text-decoration: none; }
#shop-box p { margin: 0 0 5px 0; }
