/*

Theme Name:		Mangos

Theme URI: 		http://goagency.com/

Description: 	For Mangos

Author: 		ajw

Author URI:		http://goagency.com/
*/

@import "menu.css";

/* GLOBAL LAYOUT */
* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	background: #000;
	color: #fff;
	line-height: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center;
}

	input, button, textarea { border: 1px solid black }

#page {
	width: 890px;
	margin: 0 auto;
	min-height: 100%;
	text-align: left;

}


/* TEXT */
a:link,a:visited,a:hover,a:active { color: #ff6699; }
a:hover { text-decoration: none; }

/* GLOBAL HEADER */
#header {text-align: center; margin-bottom: 15px }

#nav { height: 22px; }
	#nav li a { height: 20px;  margin-left: 45px}
	#nav li a:hover { background-position: 0 -22px }
		#nav li a#navMenu { width: 53px; margin-left: 25px; background: transparent url(images/nav_menu.gif) no-repeat; }
		    #nav li a#navMenu:hover { background-position: 0 -22px }
		#navDrinks { width: 73px; background: transparent url(images/nav_drinks.gif) no-repeat; }
		#navEvents { width: 70px; background: transparent url(images/nav_events.gif) no-repeat; }
			#nav li a#navEvents:hover { background-position: 0 -23px }
		#navGallery { width: 83px;  background: transparent url(images/nav_gallery.gif) no-repeat; }
		#nav li a#navGallery:hover { background-position: 0 -23px }
		#navDirections { width: 118px;  background: transparent url(images/nav_directions.gif) no-repeat; }
		
				#nav li a#navDirections:hover { background-position: 0 -23px }
		#navNews { width: 52px; background: transparent url(images/nav_news.gif) no-repeat; }
		#navContact { width:  87px; background: transparent url(images/nav_contact.gif) no-repeat; }
			
		
/* FOOTER */
#footer {
color: #ffff00;
    text-align: center;
	font-size: 11px;
	line-height: 1.5em;
	clear: both;
	padding: 15px;
}
.pink { color: #ff6699; }
#social { text-align: center; margin-top: 15px }

/* FRONT PAGE */
 
 

/* SUB PAGES */
  #content { width: 100%; padding-bottom: 10px }
    
  #copy { padding: 15px 0 0 5px; width: 580px; float: left; overflow; hidden }
#copy img { max-width: 600px }

  #copy  h1 { font-size: 18px; color: #ff6699; padding-bottom: 10px; text-transform: uppercase }
   #copy p, #copy h2, #copy ul { padding-bottom: 10px }
   #copy  h2 { font-size: 15px; font-weight: bold;   }
   #copy ul { margin-left: 20px }
	#copy li { padding-bottom: 5px }

.subheader { margin-bottom: 15px }
    
	#sidebar  { width: 250px; float: right; padding: 10px 0 0 20px}
		#sidebar ul { list-style-type: none; margin: 5px 0 5px 0 }
		#sidebar ul a { text-decoration: none; color: #fff }
                #sidebar li { margin-bottom: 3px; }


#copy #news ul { margin-left: 0 }

#news, #news li { list-style-type: none; padding-left: 0; margin: 0 0 10px 0;  }
#news li a { display: block; font-size: 0.8em; text-decoration: underline; color: #fff }
#news li h2 a { display: block; clear: both; font-size: 16px; color: #fff; text-decoration: none; padding-bottom: 0 }
#news li h2 { padding-bottom: 0 }

.ngg-navigation a { border: 0 !important }

#viatag { font-size: 10px; font-family: Verdana, sans-serif; line-height: 0.7em; margin-bottom: 35px; text-align: center; clear: both }
#viatag img { margin: 0px 2px -1px 2px; border: 0 }
#viatag a { color: #0165b2; text-decoration: none }