/*
Author: Zimmer Interactive
Author URI: http://www.ZimmerInteractive.com/

Color Palette:
#00A843 - light green (logo green)
#011901 - dark green
#CCCCCC - light gray
#4F4D4E - dark gray
#8A8A8A - text gray

#AFAFAF - light gray
#009E47 - text green
*/

@import "reset.css";
@import "base.css";

.clear { clear: both; }
.alignleft { float: left; margin: 0 10px 5px 0; }
.alignright { float: right; margin: 0 0 5px 10px; }
.noBorder { border: none !important; }
.dispnone { display: none !important; }

body { background: #000 url(../images/background.jpg) repeat-x left top; color: #9d9d9d; font-family: Arial, Helvetica, Verdana, sans-serif; }

#container { background: url('../images/glow-bkgrnd.png') repeat-y top center; /*background: #011901; border: 1px solid #000;*/ margin: auto; padding-top: 15px; width: 854px; }

#content { background: url('../images/content-bkgrnd.jpg') repeat-y top center; margin: auto; width: 774px; } /* usable content area width: 725px; */

/* Header */
#header { background: url('../images/header.jpg') no-repeat top center; padding: 0 20px 0 20px; } /*height: 157px;*/
	#logo { float: left; height: 133px; margin: 13px 0 0 10px; width: 193px; }
		#logo h1 { background: url('../images/the-deuce-logo.jpg') no-repeat; height: 133px; width: 193px; }
			#logo h1 span { display: none; color: #00A843; }
		#logo a {} /* a {} tag is outside h1 so logo image can be a link... remember -mos hack for firefox border issue */
	#contact-hours { line-height: 1em; padding-top: 15px; text-align: right; }
		#contact-hours h6 { color: #00A843; margin: 0; }
		#contact-hours p { color: #CCCCCC; font-size: .7em; margin: 0; }

	/* Navigation */
	#nav { font-size: .8em; background: url(../images/nav.jpg) no-repeat center; margin: auto; overflow: hidden; width: 724px; }
		#nav ul { height: 31px; text-transform: uppercase; overflow: hidden; }
			#nav li { float: left; height: 31px; list-style: none; margin-left: 7px; padding: 0 5px 0 5px; }
				#nav li:hover,
				#nav .active { background: url('../images/nav-active.jpg') no-repeat top center; color: #CCCCCC; }
				#nav .first { margin: 0; }
		#nav a { color: #000; line-height: 31px; text-decoration: none; }

/* Main - largest content block, left side */
#main { border-right: 1px solid #00a843; float: left; /*margin-top: 10px;*/ padding: 0 15px 0 25px; width: 430px; }
	#main h2 { color: #00A843; margin-bottom: .25em; }
	#main p { font-size: .8em; line-height: 1.5em; }
	#main a { color: #00A843; }
		#main a:hover { color: #CCCCCC; text-decoration: none; }
	#main img  { border: 1px solid #00A843; }
	#main .mainImg { border: 1px solid #00A843; } /* or #slider depending on page */
	#main .pageBanner { border: none; }

	/* Easy Slider */
	#slider { border: 1px solid #00A843; height: 230px; margin-bottom: 1em; width: 413px; }
		#slider ul, #slider li{ list-style:none; margin:0; padding:0; }
		#slider li {
			/*
				define width and height of list item (slide)
				entire slider area will adjust according to the parameters provided here
			*/
			display: none;
			height: 230px;
			width: 413px;
			overflow: hidden;
		}
		#slider li.first { display: block; }
		#slider img { border: none; }

/* BEGIN Page Specific Code - based on class="$activePage" */

	/* Menu Page */
	.menu {}
		.menu h3 { color: #00A843; }
		.menu p { margin: 0; padding: 0; position: relative; }
		.menu ul { margin-left: 1em; }
			.menu li {}

		.menu .note { border: 1px dashed #CCCCCC; font-size: .75em; margin: 1em 0 1em 0; padding: .5em; }
			.menu .note p { font-style: italic; }
			.menu .note .bold { font-style: normal; font-weight: bold; }

		.menu .title { font-weight: bold; margin: 1em 0 .5em 0; }
		.menu .price { position: absolute; right: 0; }
		.menu .price2 { margin-left: 2em; } /* for pizza topping 2 prices */
		.menu .desc { font-style: italic; margin-left: 1em; }
		.menu .underline { border-bottom: 1px dotted #CCCCCC; margin-bottom: 1em; } /* pizza toppings */

		#menuList { font-size: .8em; }
			#menuList ul {}
				#menuList li {}
				#menuList a { color: #CCCCCC; text-decoration: none; }
					#menuList a:hover { color: #00A843; text-decoration: underline; }

	/* Specials Page */
	.specials {}
		.specials h3 { color: #00A843; border-bottom: 1px dashed #4F4D4E; padding-bottom: 3px; }
			.specials .dayBanner { border: none !important; margin-top: 1em; }
			.specials .day { display: none; }
		.specials p { margin: 0; }
		.specials .specialsMenu { margin-top: 1em; }
		.specials .textSpecials { display: none; }
			.specials .price { color: #00A843; }
			.specials .desc { color: #666; font-size: .9em; font-style: italic; margin-left: 1em; }

	/* Promotions Page */
	.promotions {}

	/* Contact Us Page */
	.contact {}
		#contactForm { border: 1px dashed #00A843; margin-bottom: 10px; padding: 5px 0 0 1px; }
			#contactForm input,
			#contactForm textarea { background: #00A843; border: 1px solid #4F4D4E; }
			#contactForm td { padding-top: 1px; }
			#contactForm .required { color: #00A843; }
			#contactForm .message { color: #00A843; padding: 5px 0 0 9px; }

		/* Google Maps API on Contact page */
		.googleMap { display: none; border: 1px solid #00A843; height: 350px; width: 425px; }
		.largerMap { display: none; }
			.largerMap a { color: #00A843; text-decoration: none; }
				.largerMap a:hover { color: #CCCCCC; text-decoration: underline; }

	/* Volleyball Page */
	.volleyball {}
		.volleyball h2 { display: none; }
		.volleyball ul { color: #00A843; margin: 0 0 1em 1em; }
			.volleyball li { font-size: 1.1em; }
				.volleyball li span { color: #CCCCCC; }
		.volleyball .signup { font-size: 1.5em; }
			.volleyball .signup a { /*border-bottom: 3px solid #00A843; padding-bottom: .1em;*/ text-decoration: none; }
				.volleyball .signup a:hover { /*border-bottom: 3px solid #AFAFAF; padding-bottom: .1em;*/ }
			.volleyball .signup span { color: #AFAFAF; font-size: .5em; margin-left: .2em; }
		.volleyball .lbDwnld { color: #000; text-decoration: none; } /* lightbox download, the link inside the lightbox popup */
			.volleyball .lbDwnld:hover { text-decoration: underline; }

	/* Volleyball Rules Page */
	.volleyball-rules {}
		.volleyball-rules ol { color: #00A843; margin: 0 0 0 1em; }
			.volleyball-rules li { margin: 0 0 1em 0; }
				.volleyball-rules li span { color: #CCCCCC; }
				
	/* Cardinal's Ticket Page */
	.cardinaltickets {}
		.cardinaltickets a { text-decoration: none; }
		.cardinaltickets strong { color: #00A843; }
		
	/* Put Your Boss Behind The Bar Page */
	.boss-behind-bar {}
		.boss-behind-bar strong { color: #00A843; }

	/* Site Admin Update Page */
	.update {}
		#updateForm { display: none; }


/* END Page Specific Code - based on class="$activePage" */

/* Sidebar - smallest content block, right side */
#sidebar { float: left; padding-left: 15px; width: 280px; }
	.sideBanner {}
		.sideBanner a { border: none; }
		.sideBanner img { border: 1px solid #00A843; }
			.sideBanner img:hover { border: 1px solid #CCCCCC; }

	#upcomingEvents {}
		#upcomingEvents h3 { color: #00A843; }
			#upcomingEvents h3 a { color: #00A843; text-decoration: none; }
		#upcomingEvents ul { font-size: .8em; margin: 0; padding: 0; }
			#upcomingEvents li { list-style: none; line-height: 1.5em; margin: 0; padding: 0; }
				#upcomingEvents .title { font-weight: bold; }
					#upcomingEvents .title a { color: #00A843; text-decoration: none; }
						#upcomingEvents .title a:hover { color: #AFAFAF; }
				#upcomingEvents .desc { color: #8A8A8A; margin: 0 0 10px 15px; }

		#upcomingEvents a { color: #00A843; }
			#upcomingEvents a:hover { color: #AFAFAF; }


	/* The calendar is currently turned off */
	#calendar { display: none; overflow: hidden; }
		#calendar h5 { text-align: center; text-transform: uppercase; }
		#calendar a { color: #000; text-decoration: none; }
			#calendar a:hover { text-decoration: underline; }
			#calendar .textButton { background: url('../images/green-button.gif') no-repeat top center; height: 20px; padding-top: 2px; width: 172px; }

#bottom-round { background: url('../images/footer.jpg') no-repeat bottom center; clear: both; height: 25px; }

/* Footer */
#footer { color: #00A843; font-size: .75em; padding-bottom: 25px; text-align: center; }
	#footer ul { text-transform: uppercase; }
		#footer li { border-right: 1px solid #00A843; display: inline !important;  list-style: none; padding: 0 5px 0 5px; }
	#footer a { color: #00A843; text-decoration: none; }
		#footer a:hover { color: #4F4D4E; text-decoration: underline; }
	#footer .last { border: none; }

	#footer .copyright { clear: both; display: inline; margin-right: .5em; }
	#footer .designedby { display: inline; margin-right: .5em; }
	#footer .admin { display: inline; }