/** ================================================== El Norteņo stylesheet ==========================================
coffee:  #4C292E; cream: #EEDB73;
================================================================================================================= **/
H1       { font: bold 15px Arial, sans-serif; text-align: center; }
H2       { color: #4C292E; font: bold 17px Arial, sans-serif; line-height: 15px; margin-bottom: 5px; }
H3       { color: #4C292E; font: bold 15px Arial, sans-serif; line-height: 14px; margin-bottom: 5px; }


.sectionhead   { color: #4C292E; font: 15px Verdana, Arial, sans-serif; } 
.text-big            {color: #4C292E; font: 14px Verdana, Arial, sans-serif; }
.text-reg           {color: #4C292E; font: 11px Verdana, Arial, sans-serif; }
.text-sm             {color: #4C292E; font: 10px Verdana, Arial, sans-serif; }
.tiny                    {color: #000; font: 8px Arial, sans-serif; }

.border-brown  {border: 2px solid #4C292E; }
.line                      {background-color: #FF000A}

.menu-subject { font: bold 15px Arial, sans-serif; text-align: center;	 }
.price                  { font-size: 11px; margin-top: -15px; *margin-top: -13px; padding-left: 10px; padding-right: 5px; text-align: right;  }  /** for some reason this only works with a div, so added margin up **/
.price-line         { line-height: 15px; *line-height: 13px;}  /** this is used when the price needs to go on the next line, handles the discrepancies in the different browsers **/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.price {margin-top: -12px; }
.price-line         { line-height: 13px; *line-height: 11px;}
/**#myId {color: #0000FF;}
p, a, li {text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4); **/ }


body { background-image: url("albuquerque-mexican-food-images/EN-bg5.gif"); background-repeat: repeat-x repeat-y; margin: 0; padding: 0; width: 100%;} 

/** ======================================= spacing & alignment ====================================**/	
.space               {line-height: 4px;}
.graph               {line-height: 7px;}
.subject-space  {line-height: 10px; }

.align-left     {text-align: left;}
.align-right  {text-align: right;}


/** ======================================= page component styles ====================================**/	
#page	 { font: 11px Verdana, sans-serif; height: auto; *height: 100%; margin: 0 auto; 	padding: 0; 	position: absolute; text-align: center; width: 100%; }

#btm-nav { background-color: #4C292E; 	color:  #EEDB73; line-height: 20px; padding-bottom: 10px; position: relative; width: 100%; } 


/** ======================================= menu list & link styles ====================================**/	
ul#menu-links { margin: 0;  padding: 0; text-align: center; }

/** this determines the look of list elts; creates box around each list elt;  **/
ul#menu-links li {  display: inline;   list-style: none;   padding: 5px 10px;}

/** what each link in the boxes will look like **/
ul#menu-links li a { color:  #4C292E; font:  14px bold Verdana, Arial, sans-serif; font-variant: small-caps;  text-decoration: none;   } 
ul#menu-links li a:hover { text-decoration: underline; }


/** ======================================= GRID FRAMEWORK =============================================**/

/** width of content page is 800px; **/
.grid-1   { width:   50px; }
.grid-2   { width: 115px; }
.grid-3   { width: 180px; }
.grid-4   { width: 235px; }
.grid-5   { width: 310px; text-align: left;}
.grid-6   { width: 370px; }
.grid-7   { width: 420px; } html>body .grid-7 {width: 450px; }
.grid-8   { width: 565px; }  
.grid-9   { width: 620px; }
.grid-10 { width: 685px; }
.grid-11  { width: 750px; }
.grid-12 { width: 800px; } 

.column  { float: left; 	height: 100%;  margin: 0 15px;  overflow: hidden;  display: inline; }
.row          { margin: 0 auto;   overflow: hidden; 	text-align: left;   width: 800px; }

/** ======================================= end:  GRID FRAMEWORK =============================================**/

a                         { color: #EEDB73; font: 12px Verdana; text-decoration: none; }
a:hover             { color: #EEDB73; font: 12px Verdana; text-decoration: underline; }

a.arrow              {color: #EEDB73; font-size: 8pt; text-decoration: none;}
a:link.arrow       {color: #EEDB73; font-size: 8pt; text-decoration: none;}
a:hover.arrow  {color: #00FFFF;  text-decoration: underline;} 
a:visited.arrow {color: #232323; text-decoration: none;} 

a.coffee                { color: #4C292E; font: 10px Verdana; text-decoration: none; }
a:hover.coffee   { color: #4C292E; font: 10px Verdana; text-decoration: underline; }