@charset "UTF-8";
/*
GLOBAL STYLESHEET
This should be included through the theme's stylesheet
*/

/* INCLUDE UTILITY STYLES */
/*
@import 'framework/reset.css';
@import 'framework/grid.css';
@import 'framework/text.css';
@import 'framework/utilities.css';
*/


/* BODY */
html, body {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	background: #0D0D0D url('../images/body-bg.png') repeat center top;
	color: #FFF;
	font-family: 'Myriad Pro', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 62.5%;
}
a {
	color: #FFF;
	text-decoration: none;
}
h1,h2,h3,h4,h5,h6 {
	margin-bottom: 1em;
	color: #FFF;
	font-size: 1.5em;
	line-height: 1em;
	font-weight: normal;
}
p {
	margin-bottom: 1em;
}
td {
	vertical-align: top;
}
sup {
	position: relative;
	top: -.5em;
	font-size: .75em;
}

/* WRAPPERS + CONTAINERS */
.wrapper {
	width: 960px;
	margin: 0 auto;
}
#wrapper {
	position: relative;
	z-index: 2;
	background: url('../images/shadow-bg.png') repeat-y center top;
}
#shadow-wrapper {
	position: relative;
	z-index: 1;
	background: url('../images/shadow-bottom-bg.png') no-repeat center top;
}

/* COLUMNS */


/* HEADER */
#header {
	width: auto;
	height: 250px;
	margin: 0 10px 10px;
	padding: 0 5px;
	background: url('../images/crowd-bg.png') no-repeat center bottom;
}
#logo {
	height: 202px;
	margin-bottom: 0;
}
#logo a {
	position: relative;
	top: 20px;
}
#maxim {
	height: 202px;
	text-align: right;
}
#maxim img {
	position: relative;
	top: 40px;
}
#feedback-fallback {
	position: absolute;
	z-index: 100;
	right: 24px;
	top: 10px;
	width: 292px;
	padding: 3px 0;
	background: black;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
#feedback-fallback a {
	color: #CCC;
	text-decoration: underline;
	font-weight: bold;
}
#feedback-fallback a:hover {
	color: #FFF;
}


/* NAV */
#nav {
	height: 48px;
	overflow: hidden;
}
#main-menu {
	width: 9000px;
	font-size: 19px;
	font-weight: bold;
}
#main-menu li {
}
#main-menu a {
	padding: 13px 13px 12px;
	font-family: Arial, Helvetica, sans-serif;
}
#main-menu .active-menu-item a {
	background: #58090C;
}
#main-menu a:hover {
	background: #B01117;
}
#main-menu a:hover {
	background: #B01117;
}
#main-menu span {
	display: block;
	padding: .9em .75em 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}


/* CONTENT (THE WHOLE CONTENT AREA, BELOW THE NAVIGATION) */
.content {
	margin-bottom: 10px;
}
.content h2.page-title {
	margin: 0 0 5px;
	border-bottom: 2px dotted #333;
	padding: 3px 0 5px;
	color: #FFF;
	font-size: 2.5em;
	line-height: 1em;
	font-weight: bold;
}
.content h4 {
	margin-bottom: 0;
}
.content p {
	margin-bottom: 1.5em;
}
.content .alignleft {
	float: left;
	margin: 0 1em 1em 0;
}
.content .alignright {
	float: right;
	margin: 0 0 1em 1em;
}

/* NGG GALLERY OVERRIDE */
.ngg-imagebrowser img {
	border: 0;
	padding: 0;
}

/* MODULES */
.module {
	margin: 0 0 15px;
	border: 3px solid #000;
	background: #000;
}
h2.module-header {
	margin: 0;
	padding: 10px 7px 8px;
	background: #521013;
	color: #FFF;
	font-size: 2.5em;
	line-height: 1em;
	font-weight: bold;
}
.module-content {
	padding: 10px;
	font-size: 1.5em;
	line-height: 1.25em;
	font-weight: normal;
/*	letter-spacing: .025em;*/
}
.module-content .more-link a {
	color: #B01117;
	font-size: 1.25em;
	line-height: 1em;
}
.module-content .more-link a:hover {
	color: #FFF;
}


/* MODULE: HEADER QUOTE */
#quotes {
	position: relative;
	width: 300px;
	height: 202px;
	overflow: hidden;
}
#quotes .module {
	width: 100%;
	height: 100%;
	margin: 0;
	border: 0;
	background: none;
}
#quotes .module {
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
}
#quotes .module a {
	display: block;
	width: 100%;
	height: 100%;
}
/* IN THE FOOTER... A POOL OF EXTRAS TO DRAW FROM */
#more-quotes {
	display: none;
}

/* MODULE: INSIDE INFO (a.k.a. ON OUR TEAM) */
#inside-info-module p,
#on-our-team-module p {
	margin: 0 0 10px;
}
#inside-info-module a,
#on-our-team-module a {
	display: block;
	height: 42px;
	margin: 0 0 10px;
	padding-left: 42px;
	background: red;
	line-height: 42px;
}
#inside-info-module .email-button,
#on-our-team-module .email-button {
	background: url('../images/email-button.png') no-repeat left top;
}
#inside-info-module .facebook-button,
#on-our-team-module .facebook-button {
	background: url('../images/facebook-button.png') no-repeat left top;
}
#inside-info-module .winhappyhour-button,
#on-our-team-module .winhappyhour-button {
	margin-bottom: 0;
	background: url('../images/winhappyhour-button.png') no-repeat left top;
	color: #333;
}

/* MODULE: VIDEO */
#video-module {
	height: 320px;
	overflow: hidden;
	border: 0;
	background: #131313;
}
#video-module h2 {
	height: 48px;
	overflow: hidden;
	padding: 0;
	background: #521013 url('../images/pete-tv-header.png') no-repeat center top;
	text-indent: -3000px;
}
#video-module .module-content {
	margin: 6px 0;
	padding: 0 19px;
	border-left: 1px solid #131313;
	border-right: 1px solid #131313;
	background: url('../images/pete-tv-knurling.png') repeat -1px 0px;
}
#video-nav {
	position: relative;
	padding: 0;
	background: #521013;
	text-align: center;
}
#video-nav .prev {
	position: absolute;
	left: 10px;
	top: 8px;
}
#video-nav .next {
	position: absolute;
	right: 10px;
	top: 8px;
}
#video-nav ul.thumbs {
	margin: 0 28px;
	list-style-type: none;
}
#video-nav ul.thumbs li {
	display: inline;
	float: left;
	width: 33%;
	margin: 0;
	padding: 0;
	text-align: center;
}


/* MODULE: EVENTS */
#upcoming-events-module .more-link {
	text-align: right;
	padding: 3px 7px;
}


/* MODULE: LOCATIONS */
#locations-module .module-content {
	padding: 0;
	font-size: 2em;
}
#locations-module ul.locations {
	margin-bottom: 0;
	list-style-type: none;
}
#locations-module li.location {
	margin: 0;
	padding: .5em 0 .25em 2em;
}
#locations-module li.location + li.location {
	border-top: 1px solid #333;
}
#locations-module li.location a {
	color: #666;
	line-height: 1em;
}
#locations-module li.location a:hover {
	color: #FFF;
}


/* MODULE: PLAY2 LOCATIONS */
#play2-locations-module .module-content {
	padding-top: 20px;
}
#play2-locations-module ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#play2-locations-module li {
	margin: 0 0 10px;
	padding: 0;
}
#play2-locations-module li a,
#play2-locations-module li em {
	display: block;
	height: 44px;
	padding-left: 50px;
	background: url('../images/play2-button.png') no-repeat left top;
	line-height: 44px;
	font-style: normal;
}
#play2-locations-module li.coming-soon {
	filter: alpha(opacity=33);
	-moz-opacity: 0.33;
	opacity: 0.33;
}

/* MODULE: PLAY2 DETAILS */
#play2-details-module .module-content {
	overflow: hidden;
	padding: 20px 0 10px;
}
#play2-details-module ul {
	position: relative;
	left: 10px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#play2-details-module li {
	display: inline;
	float: left;
	width: 146px;
	margin: 0 0 8px;
	background: url('../images/play2-bullet.png') no-repeat left top;
}
#play2-details-module li a,
#play2-details-module li em {
	display: block;
	padding: 0 0 2px 36px;
	line-height: 24px;
	font-style: normal;
}
#play2-details-module li a:hover {
	text-decoration: underline;
}

/* RSS AND TWITTER */
#events-email-module,
.rss-module,
#twitter-badge-module {
	position: relative;
	margin: 0 0 22px 10px;
	padding: 0;
	border: 0;
}
#events-email-module .module-content,
.rss-module .module-content,
#twitter-badge-module .module-content {
	margin: 0;
	padding: 0;
	font-size: 2em;
	line-height: 1em;
}
#events-email-module .module-content a,
.rss-module .module-content a,
#twitter-badge-module .module-content a {
	display: block;
	padding: 14px 20px 14px 60px;
}
#events-email-module .icon,
.rss-module .icon,
#twitter-badge-module .icon {
	position: absolute;
	left: -16px;
	top: -7px;
}


/* EMAIL BADGE TWEAKS */
#events-email-module {
	margin: 0 0 15px 0;
}
#events-email-module .module-content a {
	color: #999;
}
#events-email-module .module-content a strong {
	color: #FFF;
}
#events-email-module .icon {
	top: 8px;
}


/* MODULE: POPULAR EVENTS */
#popular-events-module li {
	margin-left: 0;
	padding-left: 0;
}


/* EVENTS LISTS */
.events-calendar .warning {
	margin-left: 10px;
	margin-right: 10px;
	color: #191919;
}
.events-calendar {
	padding: 10px 0;
	background: #0D0D0D;
	color: #FFF;
}
.events-calendar-header {
	margin: 0 0 2em;
	border: 0;
	padding: 0;
	background: #521013;
	color: #FFF;
}
.events-calendar-header h2 {
	margin: 0;
	border: 0;
	padding: 8px 7px 7px;
	font-size: 2.5em;
	line-height: 1em;
	font-weight: bold;
}
.events-calendar-header ul {
	margin: 0;
	padding: 4px 7px 0;
	background: #3B0F11;
}
.events-calendar-header ul li {
	display: inline;
	float: left;
	margin: 0 7px 0 0;
}
.events-calendar-header li a {
	display: block;
	padding: 0 .4em;
	font-size: 1.5em;
	line-height: 1.75em;
}
.events-calendar-header li.active a {
	background: #0D0D0D;
}
.events-calendar .col-left {
	display: inline;
	float: left;
	width: 120px;
	margin: 0 10px 10px 0;
}
.events-calendar .col-right {
	display: inline;
	float: left;
	width: 460px;
	margin: 0 0 10px 0;
}
.events-calendar .events {
	margin: 0;
	padding: 0;
}
.events-calendar .events a {
	color: #FFF;
	text-decoration: none;
}
.events-calendar .events a:hover {
	text-decoration: underline;
}
.events-calendar .events .event {
	margin: 0 0 30px;
	padding: 0;
}
.events-calendar .events li {
	background: url('../images/event-icons/cat-none.png') no-repeat 5px 0px;
}
.events-calendar .events .cat-special-events {
	background: url('../images/event-icons/cat-special-events.png') no-repeat 5px 0px;
}
.events-calendar .events .cat-food-drink-specials {
	background: url('../images/event-icons/cat-food-drink-specials.png') no-repeat 5px 0px;
}
.events-calendar .events .cat-76ers {
	background: url('../images/event-icons/cat-76ers.png') no-repeat 5px 0px;
}
.events-calendar .events .cat-eagles {
	background: url('../images/event-icons/cat-eagles.png') no-repeat 5px 0px;
}
.events-calendar .events .cat-flyers {
	background: url('../images/event-icons/cat-flyers.png') no-repeat 5px 0px;
}
.events-calendar .events .cat-phillies {
	background: url('../images/event-icons/cat-phillies.png') no-repeat 5px 0px;
}
.events-calendar .events .cat-play2 {
	background: url('../images/event-icons/cat-play2.png') no-repeat 5px 0px;
}
.events-calendar .event {
	margin-bottom: 2em;
}
.events-calendar .event .when {
	float: right;
	font-size: 2.7em;
	line-height: 1em;
}
.events-calendar .event .when span {
	display: block;
	text-align: center;
}
.events-calendar .event .when .month {
	color: #FFF;
}
.events-calendar .event .when .day {
	margin-bottom: .1em;
	color: #B01117;
	font-weight: bold;
}
.events-calendar .event .when .weekday {
	display: block;
	margin-bottom: .333em;
	padding: 2px 0 1px;
	background: #333;
	color: #FFF;
	font-size: .5em;
	line-height: .9em;
	text-transform: uppercase;
}
.events-calendar .event .when .time {
	color: #FFF;
	font-size: .5em;
	line-height: 1em;
}
.events-calendar .event .what {
	border-left: 2px dotted #333;
	padding-left: 10px;
}
.events-calendar .event .what h3 {
	margin-bottom: .5em;
	border-bottom: 2px dotted #333;
	padding-bottom: .25em;
	color: #EC1C24;
	font-size: 2.6em;
	line-height: 1em;
	font-weight: normal;
	text-decoration: none;
}
.events-calendar .event .what h3 .location {
	display: block;
	font-size: .5em;
	line-height: 1.2em;
	color: #FFF;
}
.events-calendar .event .what h3 a {
	color: #EC1C24;
}
.events-calendar .event .what .description {
	overflow: hidden;
	margin-bottom: 1em;
	color: #999;
	font-size: 1.4em;
	line-height: 1.4em;
}
.events-calendar .event .what .more-link {
	color: #EC1C24;
	font-size: 1.5em;
	line-height: 1em;
	text-align: right;
}
.events-calendar .event .what .more-link a {
	color: #EC1C24;
}
p.no-events {
	padding: 40px 0;
	background: url('../images/event-icons/cat-special-event.png') no-repeat center top;
	font-size: 2em;
	line-height: 1em;
	text-align: center;
}
.events-calendar-footer {
	margin: 0 0 1em;
	border: 0;
	padding: 10px 10px 7px;
	background: #3B0F11;
	color: #FFF;
	font-size: 1.5em;
	line-height: 1em;
	text-align: right;
}
.events-calendar-footer a:hover {
	text-decoration: underline;
}


/* PLAY2 CALENDAR VARIATIONS */
.play2-events-calendar .events-calendar-header {
	background: #1E96D2;
	color: #FFF;
}
.play2-events-calendar .events-calendar-header h2 {
	color: #FFF;
}
.play2-events-calendar .events-calendar-header ul {
	background: #02405B;
}
.events-calendar .cat-play2 .when .day,
.events-calendar .cat-play2 .what h3,
.events-calendar .cat-play2 .what h3 a,
.events-calendar .cat-play2 .what .more-link,
.events-calendar .cat-play2 .what .more-link a {
	color: #1E96D2;
}
.play2-events-calendar .events-calendar-footer {
	margin: 0 0 1em;
	border: 0;
	padding: 10px 10px 7px;
	background: #02405B;
	color: #FFF;
	font-size: 1.5em;
	line-height: 1em;
	text-align: right;
}
.play2-events-calendar .events-calendar-footer a:hover {
	text-decoration: underline;
}


/* MINI EVENTS LIST */
.events-calendar-mini {
	padding-top: 10px;
	background: #000;
}
.events-calendar-mini .events li {
	background: none;
}
.events-calendar-mini .col-left {
	width: 40px;
}
.events-calendar-mini .col-right {
	width: 234px;
}
.events-calendar-mini .events .event {
	margin: 0;
}
.events-calendar-mini .event .when {
	font-size: 1em;
	line-height: 1em;
}
.events-calendar-mini .event .when .day {
	font-size: 1.5em;
	line-height: 1em;
}
.events-calendar-mini .event .what h3 {
	margin: 0;
	border: 0;
	padding: 0;
	font-size: 1em;
	line-height: 1em;
}


/* SIDEBAR */
.sidebar .outer-title {
	height: 1.8em;
	margin: 0;
	font-size: 2em;
	line-height: 1.8em;
}


/* FOOTER */
#footer {
	height: 3.5em;
}
ul#footer-menu {
	margin: 0 0 1em;
	padding: .5em;
	background: #000;
	color: #FFF;
	font-size: 1.5em;
	text-align: center;
	list-style-type: none;
}
#footer-menu a {
	color: #FFF;
}
#footer-menu a:hover {
	text-decoration: underline;
}
#footer-menu li {
	margin: 0;
	display: inline;
}
#footer-menu li.sep {
	padding: 0 .25em;
}
#legal {
	text-align: center;
}

/* PLAY2 VARIATIONS */
body.play2 #logo a {
	position: relative;
	top: 15px;
	left: 10px;
}
#mm-play2.active-menu-item a {
	background: #0C4865;
}
#main-menu #mm-play2 a:hover {
	background: #1E96D2;
}
body.play2 h2.module-header {
	background: #1E96D2;
	color: #FFF;
}