@charset "utf-8";

/* ----------------------------------------------------------------------------------------------------------------------------------------------
	
	Rogerwest Creative & Code
	Name: WWC
	Coders: Michael Westafer, Alex Swanson 
	Last update: 8/8/08 @ 7:00pm by Alex Swanson
	
 ---------------------------------------------------------------------------------------------------------------------------------------------- */
/* Bugs / Issues ( Search number to find code )
 ----------------------------------------------------------------------------------------------------------------------------------------------
		
		Fixed 	#000 / #000 - Position problem on side navigation 
		Fixed 	#000 - Footer needs to be positioned properly
		Fixed 	#000 - Firefox does not render the background images correctly for "Ourmenu" on homepage. IE Does.
		Fixed  	#000 - Sidebar needs bottom piece
		Fixed  	#000 - PNG workaround for main PNG 
		Fixed 	#000 - Secondary right subcolumn is positioned absoulute, so if content is taller then left, overlap problem.
		Fixed	#000 - When secondary content does not exceeed sidebar, BG collapases.
		Fixed	#000 - secondary BG corners to make graphic smaller in height/size.
		Fixed   #000 - Home Page "what happening" red bar.
		Fixed 	#000 - Style problem with sidenav bar in IE 6.0
		Fixed   #000 - Style Consistantcy for all pages
			  
 ---------------------------------------------------------------------------------------------------------------------------------------------- */
/* Documentation / Notes
 ----------------------------------------------------------------------------------------------------------------------------------------------
	
	MAIN SECONDARY STRUCTURE
	------------------------
	Single column - #page-content-onecol
	Left column -   #page-content
	Right column -  #page-content2
	Side Nav -      #sidenav-wrap
	
	IMAGES
	------
	All Images are tagged in ' ' (green) - Source for Images can be found in folder: '\theVAULT\CLIENTS\Wild Wing Cafe\website\Working'
	
 ---------------------------------------------------------------------------------------------------------------------------------------------- */
/* Global Reset
 ----------------------------------------------------------------------------------------------------------------------------------------------*/

	* {margin: 0; padding: 0;}
	a img { border: none; }
	body { font-family:Helvetica, Verdana, Arial, sans-serif; font-size:12px;}
	
 /* Global Classes
 ----------------------------------------------------------------------------------------------------------------------------------------------*/
	
	.clearer {clear: both; font-size: 0;}
	.left { float: left; }
	.left-img {float:left; padding:0px 5px 0px 5px;} 
	.left-img2 {float:left; padding:0px 5px 0px 5px; margin: 5px 0 5px 0;} 
	.right { float: right; }
	.right-img {float:right; padding:0px 5px 0px 5px;}
	.small-18px {font-size: 18px} 
	.small-12px {font-size: 12px}
	.small-10px {font-size: 10px}
	.small-08px {font-size: 8px}
	.uppercase-off {text-transform:none;}
	li .no-bg {background:none;}
	.red {color:#FF6600;}
	.darkred {color:#b41515;}
	td.padding-5px {padding:10px; margin:5px;}
	.keybox { background-color:#fff8ca;  width:15px; border:1px solid #e7b969; padding:2px; margin:0;}
	.white {color:#FFFFFF; font-size:11px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}


/* Structure 
 ---------------------------------------------------------------------------------------------------------------------------------------------- */

	body { background:#040f1d url('../images/bg-brick-repeat.jpg') repeat-x left top; margin: 0px; padding: 0px;}
	#homeCTA{
	position: relative;
	background-position: left top;
	width: 969px;
	background-image: url(../images/bg-home-main.jpg);
	background-repeat: no-repeat;
}
	#homeCTA-nolights { position: relative; background: url('../images/bg-translighting2-nolights.jpg') no-repeat; background-position: left top; width: 969px; }
	#left { background: #040f1d url('../images/bg-left.jpg') no-repeat right top; }
	#right { background:#040f1d url('../images/bg-right.jpg') no-repeat left top; }
	#wrapper { }
	#maintable {position: relative;}

/* Main navigation
 ---------------------------------------------------------------------------------------------------------------------------------------------- */
 
	#navigation { background-color: transparent; width:825px; margin:0 0 0 0; padding:40px 0 0 140px; height:29px; }
	#navigation ul { padding: 0; margin:0; text-align:right;}
	#navigation li, #navigation li a { display:inline; color:#ffd41f; font-family: Impact, Arial, Helvetica, sans-serif; font-size:17px; margin:0 7px; text-decoration:none;}
	#navigation li a:hover{ color:#ffffff;}
	
	#navigation li a.selected:link, #navigation li a.selected:visited    {color:#FFFFFF;}

/*  ---------------- Logo ---------------- */
	#logo{ width:158px; position:absolute; top:-50px; left:0px; z-index: 5;}

/*  ---------------- Flash Elements --- */
	#events { width:415px;  position:absolute; top:35px; left:146px; background-image:none; z-index: 2;  }
	#giftcards { width:302px; position:absolute; top:338px; left:10px; background-image: none; padding:0px;}
	#livemusic {  width:302px; position:absolute; top:528px; left:10px; background-image: none; padding:0px;} 
	#viewbands {
	width:299px;
	height:50px;
	position:absolute;
	top:736px;
	left:8px;
	background-image:none;
	padding:0px;
}

/*  ---------------- Home Page AreaFinder --- */
	#main-AreaFinder {
	position: relative;
	width:409px;
	background: url('../images/bg-Areafinder.gif') no-repeat;
	background-color: transparent;
	margin: 0 0 0 560px;
	top: 110px;}
	
	#main-AreaFinder .finder { height: 300px; }
	#main-AreaFinder .finder span { visibility:hidden;}
	#main-AreaFinder .finder-input{ padding:78px 15px 0 80px; }
	#main-AreaFinder form #go {vertical-align: middle; padding:2px 0 0 10px; background-color:#4c1103;}
	#main-AreaFinder form { background-color:#4c1103; width:265px; padding:8px 0 8px 0;}

/*  ----------------Home Page Home Menu --- */
	
	/*#004*/
	table#homemenu {margin:40px 0 20px 335px; } 
	table#homemenu td {margin:0px; padding:0px; } 
	table#homemenu td#menu-top { background-color: transparent; background: url('../images/bg-homemenu-top.gif') no-repeat; height:66px;} 
	table#homemenu td#menu-repeat { background-color: transparent; background: url('../images/bg-homemenu-repeat.gif') repeat-y;}
					 #menu-bottommiddle { background-color: transparent; background:url('../images/bg-homemenu-middlebottom.gif') no-repeat center bottom;} 
	table#homemenu td#menu-bottom { background-color: transparent; background: url('../images/bg-homemenu-bottom.gif') no-repeat; height:27px;} 
	
	table#homemenu #menu-content { background-color: transparent; width:600px; margin: 0 0 0 15px; padding-top:0px;} 
	table#homemenu .menuItem { background-color: transparent; float:left; width:195px;} 
    table#homemenu .menuItem h2,table#homemenu .menuItem p {padding: 0 17px 0 17px; } 


	.menubutton a:hover { color:#322212; background: url('../images/g-bg-findoutmore-on.gif') no-repeat;}
	.menubutton a {
					text-transform:uppercase;
					background:url('../images/g-bg-findoutmore-off.gif') no-repeat; width:129px; display:block;  height:30px; line-height:30px;
					color:#322212; text-decoration:none; font-weight:normal; font-family:Impact, Arial,Helvetica, sans-serif; font-size:13px; 
					text-align:center; padding:0 0 0 0; margin:10px 0 5px 0px; cursor:pointer; letter-spacing:.0em;
				  }
	
	#bottom-right-photo {
	position:absolute;
	top:572px;
	left:700px;
	background-image:none;
	padding:0px;} 
	  
/*  ---------------- 3-Home-page Images ---------------- */
	
	.photo{ position:relative; float:left; margin: 0 0 15px 0;}
	.photo span {
		width: 181px;
		height: 134px;
		display: block;
		position: absolute;
		top: -3px;
		left: -2px;
		background:url('../images/img-brush-border.gif') no-repeat;
		margin:0 0 0 20px;
		z-index: 1;}
	
	.photo img { border: none; padding: 0; margin:0 0 0 20px; z-index: 0;}

	#menutext {
	width:360px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
} 
	#menutext h2 {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#d8b95a; font-weight:bold; }
	#menutext p {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:13px; margin:5px 0 0 0; padding: 2px 20px 5px 0; color:#ffffff; line-height:1.4em }
	
	#locator {
	position:relative;
	left: 7px;
	top: 64px;
	width:150px;} 
				  
/*  ---------------- Secondary Page --- */
	/*#005*/
	#sidenav-top { 
	
	background-image: url(../images/bg-sidenav-bottom.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	width:198px; } 
	
	#sidenav-wrap {
	/* #001 - To avoid neagative px use #002 */   /*  position:relative; top:-380px; */
					/* #002 - No negative px, but bg problem */   	  position:absolute;
	top:171px;
	left:-14px;
	width:199px;
	background-color: #c64500;
	background: #c64500 url('../images/bg-sidenav-repeat.gif') repeat-y;
}



	#sidenav-content{
	background-image: url(../images/bg-sidenav-top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
	
	#side-content { position:relative; padding: 0px 10px 35px 15px; margin-top:85px; width:174px; }
	#cta-giftcard {
	text-align:center;
	margin: 20px 0 10px 0;
}
	#cta-giftcard img, #cta-giftcard img a { border:none; }
	
	#secondarypage-wrap { background:#ffffff; position:relative; top:100px; left:185px; width:800px; margin-bottom:100px;}
	#yellowpanel-wrap {  width:800px; background:#ffffff url('../images/bg-secondary-bottom.gif') no-repeat center bottom;} 
	#yellowpanel-top {  width:800px; background: url('../images/bg-secondary-top3.jpg') no-repeat center top;}
	 
	#blackpanel-wrap {  width:800px; background:#000000 url('../images/bg-secondary-bottom5.gif') no-repeat center bottom;} 
	#blackpanel-top {  width:800px; background: url('../images/bg-secondary-top5.jpg') no-repeat center top;}
	
	#holidayXmas-wrap {  width:800px; background:#FFFFFF url('../images/bg-holidayXmas-bottom.gif') no-repeat center bottom;} 
	#holidayXmas-top {  width:800px; background: url('../images/bg-holidayXmas-top.jpg') no-repeat center top;}  
	#giftcardpanel-wrap {  width:800px; background:#ffffff url('../images/bg-giftcard.jpg') no-repeat center top;} 
	
	#page-content { width:355px; padding: 24px 0px 20px 34px; position:relative; float: left; min-height:700px; }
	#page-content-Holiday { width:355px; padding: 210px 0px 20px 34px; position:relative; float: left; min-height:700px; }
	
	#page-content-right {
	width:340px;
	position:relative;
	float: right;
	margin-top: 60px;
	margin-right: 25px;} 
	
	#page-content-right2 {
	width:340px;
	position:relative;
	float: right;
	padding-top: 0;
	padding-right: 30px;
	padding-bottom: 0;} 
	
	#page-content-right4 {
	width:340px;
	position:relative;
	float: right;
	padding-top: 255px;
	padding-right: 21px;
	padding-bottom: 0;} 
	
	#location-info { width:340px; margin: 15px 0 10px 0; border-top: 1px solid #d5c5a1; padding:10px 5px 0 0;}
	#address { /*float:left; width:185px;*/  padding: 0 0 0 0;  } 
	#number { /*float:left; width:200px; */ padding: 10px 0 0 0; }
	
	#large_image { border:6px solid #c96c3a; width: 312px; height: 162px; padding:5px; }
		.thumbs img { border: solid 3px #b9aa88; width: 46px; height: 35px; padding: 0px; margin: 8px 11px 5px 0px;}
		.thumbs img:hover { border-color: #006bb6; }
	
	#map {margin-top:25px; border:6px solid #c96c3a; padding:5px;}
	/*#map img, #map iframe, #specials img, #page-content-right2 .ad { border:6px solid #c96c3a; padding:5px; }*/
	
	#specials { margin:15px 0 15px 0; }
	
	/*band list*/
	dl.bandlist dt {  } 
	dl.bandlist dd {  } 
	
	#paystatus { margin:20px 0;}
	#paystatus tr { border:1px solid #c0c0c0;} 
	.checkoutBarCurrent {background-color:#006bb6; color:#ffffff; padding:10px 0; font-weight:bold;} 
	.checkoutBarFrom {background-color:#fff8ca;  border:1px solid #c0c0c0; font-weight:bold;} 
	.checkoutBarFrom a {color:#ffffff; border:none; font-weight:bold;}
	.checkoutBarTo { background-color:#fff8ca; padding:10px 0;  border:1px solid #c0c0c0; font-weight:bold;}
	
	/*  ---------------- Secondary Forms ---------------- */
	
	table#giftcardform { background-color: transparent; margin: 0 0 15px 0; } 	
	table#giftcardform tr { margin:5px 0 5px 0px;}
	table#giftcardform td { color: #666; background-color: transparent; padding: 3px 0 3px 6px; margin: 5px 0 5px 0px; }	
	
	/* Genaric WW Form Label
	   
	   table#giftcardform .label{ 
	
		text-align:left;
		font-weight:bold;
		font-size:12px;
		background-color:#fff8ca;
		padding:4px 5px 4px 5px;
		margin: 0 0px 0 0;
		color:#BE1A1B;
		border:1px solid #e7b969;} 	
			
	form#giftcardform{ margin:0px; padding:0px; }
	form#giftcardform label{ display:block; margin:6px 0 6px 0px; padding:0px; }
	form#giftcardform label span{
		display:block;
		float:left;
		width:125px;
		text-align:left;
		font-weight:bold;
		font-size:12px;
		background-color:#fff8ca;
		padding:4px 5px 4px 5px;
		margin: 0 6px 0 0;
		color:#BE1A1B;
		border:1px solid #e7b969;
		clear: both; 
	}*/
		
	#giftcardform select{
		color: #666;
		background-color:#fff;
		padding: 2px 0 2px 0;
		margin-right: 0px;
		margin-bottom: 0px;
	}
	
	#shoppingcart .productListing-heading {background-color:#ffcc66; color:#BE1A1B; padding:5px 2px 0px 2px; margin: 0 0 0px 0; border-bottom:1px solid #e7b969;}
	#shoppingcart .productListing-even {background-color:#fff8ca;}
	#shoppingcart .productListing-odd {background-color:#ffffff;}

	
	/*  ---------------- Page type styles ---------------- */
	
	#side-content a { color:#ffcc33; }
	#side-content a:hover {color:#ffffff; } 
	#page-content a, #page-content-right2 a, #page-content-onecol a, #page-content-onecol-nh a  { color:#006bb6; text-decoration:none; }
	#page-content a:hover, #page-content-right2 a:hover, #page-content-onecol a:hover, #page-content-onecol-nh a:hover { color:#FF6600; }
	#page-content h1, #page-content-right2 h1, #page-content-onecol h1, #page-content-onecol-nh h1, .bigorange { font-size:37px; color:#cc6600; font-family:Impact, Arial, Helvetica, sans-serif; font-weight:bold; } 
	
	#side-content ul { margin-bottom: 20px; }
	
	
	#page-content h2, #page-content-right2 h2, #page-content-onecol h2, #page-content-onecol-nh h2, .bigblue, .affiliations h2 { font-size:20px; color:#006bb6; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; margin-top:10px; } 
	#page-content h3, #page-content-right2 h3, #page-content-onecol h3, #page-content-onecol-nh h3, .mediumblue { font-size:14px; color:#006bb6; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; } 
	#page-content h4, #page-content-right2 h4, #page-content-onecol h4, #page-content-onecol-nh h4, .mediumred { font-size:18px; color:#b41515; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; } 
	#page-content h5, #page-content-right2 h5, #page-content-onecol h5, #page-content-onecol-nh h5 , .mediumgreen{font-size:14px; color:#257023; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight:bold;} 
	#page-content h6, #page-content-right2 h6, #page-content-onecol h6, #page-content-onecol-nh h6, .mediumredcaps{ font-size:14px; color:#b41515; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase;} 
	#page-content h7, #page-content-right2 h7, #page-content-onecol h7, #page-content-onecol-nh h7 { font-size:11px; color:#257023; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight:bold;} 
	#page-content p, #page-content-right2 p, #page-content-onecol p, #page-content-onecol-nh p { font-size:12px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; } 
	
	#page-content h6, #page-content-right2 h6, #page-content-onecol h6, #page-content-onecol-nh h6  { margin:12px 0 0px 0; line-height:1.4em;} 
	#page-content h4 { margin:15px 0 10px 0; } 
	#page-content p, #page-content-right2 p, #page-content-onecol p, #page-content-onecol-nh p { margin:5px 0 5px 0; line-height:1.4em;} 

	/*#page-content li,*/ #page-content-onecol li, #page-content-onecol-nh li { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:13px; margin:0 0 0 0; padding: 2px 0 0px 20px; color:#333333; line-height:1.4em; list-style:none; text-decoration:none; }
	#page-content li a, #page-content-onecol li a , #page-content-onecol-nh li a{ color:#333333; list-style:none; text-decoration:none;  }
	#page-content li a:hover, #page-content-onecol li a:hover, #page-content-onecol-nh li a:hover { color:#006bb6; text-decoration:underline; }
	
	
	#page-content li{ font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:13px; margin:0 0 0 0; padding: 2px 0 0px 0px; color:#333333; line-height:1.4em; list-style:none; text-decoration:none; }
	
	
	#sidenav-wrap { padding:0px; }
	#side-content ul { padding: 5px 0px 5px 0px;/*-- style menu to bring more attention --*/} 
	#sidenav-wrap ul h3 { font-size:16px; color:#ffcc33; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; padding: 5px 0 5px 0; } 
	#sidenav-wrap h3 { font-size:16px; color:#ffcc33; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; padding: 10px 0 5px 10px; text-align:left; } 
	#side-content ul li { position:relative;}
	#side-content li { position:relative;}
	#side-content li, #side-content li a {list-style:none; font-size:12px;  font-weight:bold; color:#ffffff;  text-decoration:none;   margin:0; display:block; text-align:left; 
										/* border-top:1px solid #d34f08;*/ /*background-color:#cc6600;*/}  	
	
	/*#side-content li a {padding: 2px 0 10px 15px; background: url('../images/bg-underline.gif') no-repeat left bottom;  background:#ab3c00;  }*/	/*-- Underline Menu -- */
	#side-content li a {padding: 11px 0 10px 30px; background:url('../images/btn-redtexture.gif') no-repeat left center; display:	block;  }						 																   
    #side-content li a.selected:link, #sidenav-wrap li a.selected:visited    {color:#FFFF33; background: url('../images/btn-redtexture-on.gif') no-repeat left center; }
		
									  
	#side-content li a:hover { color:#FFFF33; text-decoration:none; background: url('../images/btn-redtexture-on.gif') no-repeat left center;     } 
	
	#side-content p { padding: 10px 20px 10px 5px; font-size:12px; color:#ffffff; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;  line-height:1.5em; }
	


	#page-content-onecol {
	min-height:700px;
	float:left;
	width:730px;
	padding-top: 24px;
	padding-right: 34px;
	padding-bottom: 0px;
	padding-left: 34px;
}
	#page-content-onecol-nh {
	min-height:0px;
	float:left;
	width:730px;
	padding-top: 24px;
	padding-right: 34px;
	padding-bottom: 0px;
	padding-left: 34px;}
	
	#flashcontent { margin: 0px 0px 0px 0px; width: 750px;	height: 600px;}
			
	#happening-info { margin-top:25px; background-color:#ffffcc; border:2px solid #660000; width:312px; padding:10px; text-align:center; font-size:12px; color:#333333;}
	#happening-info h3{font-size:18px; color:#cc6600; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
	#happening-info h4{font-size:14px; color:#006bb6; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;} 
		
	table#image-event h5 {font-size:15px; color:#006bb6;}
	table#image-event h4 {font-size:24px; } 
	table#image-event h3 {font-size:18px; color:#333333;} 
	table#image-event td {padding:10px 0; } 
	
	#things2know {font-size:12px; color:#333333; margin-top:25px; background-color:#ffffcc; border:2px solid #660000; padding:10px;}
	#things2know ul { margin:10px;}
	#things2know li {
	margin-left:25px;
	padding:5px;
	list-style-type: none;
}
    #things2know h3{font-size:18px; color:#cc6600; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
    #things2know h5{font-size:14px; color:#006bb6; margin-top:10px;}
	
	
	#backtotop {
	text-align:right;
	border-top: 1px solid #d5c5a1;
	clear: both;
	padding-top: 10px;
	padding-right: 50px;
	padding-bottom: 20px;
	padding-left: 0;
}
	#backtotop a { color:#cc6600; }
	#backtotop a:hover{ color:#006bb6; }


/* Footer 
----------------------------------------------------------------------- */
	
	/*#003*/
	#footer-nav {
	width:100%;
	margin:0 0 0 0;
	padding: 0px 0 0 0;
	height:69px;
	margin: 30px 0 0 0;
	background-color: #040f1d;
	background-image: url(../images/bg-footer.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
	#footer-nav ul { padding: 20px 0 0 0; margin:0; text-align:center;}
	#footer-nav li, #footer-nav li a{ display:inline; color:#ffd41f; font-weight:bold; font-family:Tahoma,Arial, Helvetica, sans-serif; font-size:14px; margin:0 10px; text-decoration:none;}
	#footer-nav li a:hover{ color:#ffffff;}


/* END OF STYLE SHEET
----------------------------------------------------------------------- */
#wingspic {
	width: 270px;
	position: absolute;
	z-index: 100;
	left: 733px;
	top: 582px;
	
}	

#wingspic img	{behavior: url(/css/iepngfix.htc);}		

#page-content-right3 {
	width:340px;
	position:relative;
	float: right;
	padding-top: 40px;
	padding-right: 30px;
	padding-bottom: 0;
}


/* ------ 5/6/09 updates to homepage ----- */

#new-home {margin:30px 0 0 315px; }
#double-main-AreaFinder {
	position: relative;
	width:409px;
	background-color: transparent;
	margin: 0 0 0 560px;
	top: 110px;
	height: 300px;
	}
	
	#double-main-AreaFinder .finder { height:300px; }
	#double-main-AreaFinder .finder-input{ padding:20px 0px 0 90px; }
	#double-main-AreaFinder form #go {vertical-align: middle; padding:2px 0 0 10px; }
	#double-main-AreaFinder form { width:275px; padding:0px 0 0px 0;}

#cta-1 {  background: url('../images/bg-areafinder-small.jpg') no-repeat; padding:25px 0 25px 0;} 
#cta-2 {  /*background: url('../images/bg-Areafinder.gif') no-repeat;*/ margin-top:10px;} 

/* ------ 9/1/09 menu price disclaimer for different locations ----- */

.menu_disclaimer {
	text-align:center;
	margin-bottom:10px;
	font-style:italic;
	}