/*Remember image paths relative to the external css file, not the document. */

body
{width: 100%;
margin: 0px;
padding: 0px;
font-family:  Verdana, Arial, Helvetica, geneva, sans-serif;
background-image: url(http://www.losgallosmexicanrestaurant.com/website/wp-content/themes/atahualpa/images/custom/bg/RasaEC8_750.gif);
background-attachment:fixed;
background-color: #EECC88;
background-repeat: repeat;}

/*Normally background-image: url(../img/stuccobg.jpg);*/
/*Not background-image: url(../img/stucco.gif);*/
/*WAS background-image: url(../img/roosterstucco.gif);*/
/*WAS Xmas background-image: url(../img/stucco_wflakes.gif);*/
/*adjusted tone. used in WP. dont think uploaded with reg img yet*/
/*http://www.losgallosmexicanrestaurant.com/website/wp-content/themes/atahualpa/images/custom/bg/RasaEC8_750.gif*/


.center, span.center
{text-align: center;
 }
 
#maincontainer
{width: 100%;
margin: 0px;
padding: 0px;}

/*WAS background-image: url(../img/.jpg);*/



div.header {
text-align:center;
width:100%;
margin-left: auto;
margin-right: auto;
padding: 0px;
background-image: url(../img/stuccobg.jpg);
background-attachment:fixed;
background-color: #FFCC99;
background-repeat: repeat;
}

div.header2 {
text-align:center;
width:100%;
margin-left: auto;
margin-right: auto;
padding: 0px;
background-image: url(../img/Rasasmls500_361.jpeg);
background-attachment:fixed;
background-color: #BB9955;
background-repeat: repeat;
}




P
{font-family:  Arial, Helvetica, Verdana, geneva, sans-serif;
text-indent: 0em;
font-size: 14px;
color: #663300;
line-height: 1.3;}


.center
{TEXT-ALIGN: center;}

a:link,
a:visited,
a:active
{color: #222222;
text-decoration: underline;
}

.small
{font-size: 80%;}



a:hover
{text-decoration: underline;
color: #772222;}


H1
{font-family: Verdana, Helvetica, Arial, geneva, sans-serif;
font-size: 20px;
color: #EE2222;
font-weight: bold;
font-style: italic;
line-height: 1.3;
}

H2
{font-family: Arial,verdana,tahoma,sans-serif;
text-align:center;
font-size: 20px;
color: #770000;
font-weight: normal;
font-style: normal;
line-height: 1.2em;
letter-spacing: px;
border-bottom: 0px solid #006633;
text-decoration:underline;
}

	
H3
{font-family: Verdana, Helvetica, Arial, geneva, sans-serif;
font-size: 13px;
font-weight: normal;
font-style: normal;
line-height: 1.3;
text-align:center;
}

h3.hbox
{font-family: Trebuchet MS, Trebuchet, Arial,  Helvetica, Verdana, geneva, sans-serif;
font-size: 16px;
font-weight: bold;
font-style: normal;
line-height: 1;
}


h3.hbox#mariachi
{margin-top: 33px;
}


/*border-bottom: 1px solid #EEDDDD;
border-top: 1px solid #EEDDDD;
padding: 2px 0px 2px 0px;*/

h3#gallos
{color: #AA2222;}

h3#food, h3#cinco
{color: #CC2222;}

h3#guest
{color: #FFFFFF;}

h3#compass
{color: #770000;}

h3#mariachi
{color: #990000;}


/**/

p#gallos, ul#gallos
{color: #113311;}

p#food, ul#food, p#cinco, ul#cinco, ul#cinco li
{color: #113311;}

#black
{color: #000000;}

p#guest, ul#guest
{color: #FFFFFF;
font-weight: bold;}

p#compass, ul#compass
{color: #222222;}

p#mariachi, ul#mariachi
{color: #112211;}



p.box, ul.box
{font-family: Arial, Helvetica, Verdana, geneva, sans-serif;
text-align:left;
text-indent: 0em;
font-size: 13px;
line-height: 1.5;}

p.box a:link, p.box a:visited, p.box a:active, p.box a:hover
{color: inherit;
text-decoration: underline;
}


p.box a:hover
{text-decoration: none;
font-style: normal;
}

#dividerbar1, #dividerbar2
{display: block;
width: 100%;
border-top: 2px solid #336633;
border-bottom: 2px solid #006633;
height:25px;
background-image: url(../img/lg_tri_brdr_smls25.gif);
background-color: ;
background-repeat: repeat-x;}


/*dividerbars normal 
border-top: 2px solid #336633;
border-bottom: 2px solid #006633;
height:25px;
background-image: url(../img/lg_tri_brdr_smls25.gif);
 */
 
/*dividerbars Xmas
border-top: 1px solid #663333;
border-bottom: 0px solid #006633;
height:49px;
background-image: url(../img/xmas/tri_brdr_xmas.png);
*/



/*removed background-attachment:fixed;  */

#dividerbar1
{margin: 0px;
margin-top: -20px;
margin-bottom: 20px;
padding: 0px;
}

#dividerbar2
{margin: 0px;
margin-top:  0px;
margin-bottom: 0px;
padding: 0px;}
  
#map
{margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 60px;
width: 425px;
height: 350px;
border: 3px solid #339933;
}

/*  */
/*  */
/* comments */
/* comments */



#footerdiv
{font-size: 10px;
COLOR: #274f77;
background-color: #FFFFFF;
font-family:  Verdana, Arial, Helvetica, geneva, sans-serif;
TEXT-ALIGN: center;
margin-top: 3px;
padding-top: 3px;
border-top: 3px ridge #DDDDDD;
}
 
.footerdiv
{font-size: 8px;
COLOR: #274f77;
background-color: #FFFFFF;
font-family:  Verdana, trebuchet MS, trebuchet, Arial, Helvetica, geneva, sans-serif;
TEXT-ALIGN: center;
border-top: 3px ridge #DDDDDD;
}


/*not yet done-modify and apply this to footer */
.footer-link {
FONT-SIZE: 10px;
COLOR: #222222;
FONT-FAMILY: verdana, arial, helvetica, sans-serif;
TEXT-ALIGN: center;
TEXT-DECORATION: none
}

#Layer1
{position:relative;
visibility: hidden;
z-index:1;
}

#Layer2
{position:relative;
visibility: hidden;
z-index:1;
}

#w440
{width: 440px; 
margin-top: 20px;
padding-left: 20px;
padding-right: 20px;
text-align: left;
border: 1px inset #F8EDD0;}

#w440_simple
{width: 440px; 
margin-top: 0px;
padding-left: 0px;
padding-right: 0px;
text-align: left;
border: 0px inset #F8EDD0;}


div.w400 
{width: 400px; 
background: ; 
border-bottom: 0px groove  #997722; 
padding:15px;
margin-bottom: 20px; }

#banquet
{ }


/* div inside div w  background-image */



.mother
{width:500px;
background-image: url('../img/MothersDay.gif');
background-repeat: no-repeat;
margin-top:40px;
}

div.mothertext {
text-align:left;
width:250px;
position:relative;
left: 130px;
top: 130px;
padding: 0px;
}

/* min-height doesnt work with ie so prop open hack used */
.prop 
{height:330px;
float:right;
width:1px;
  }
  
.clear 
{clear:both;
height:1px;
overflow:hidden;}
  

.father
{width:500px;
background-image: url('../img/FathersDay.gif');
background-repeat: no-repeat;
margin-top:40px;}

div.fathertext {
text-align:left;
width:250px;
position:relative;
left: 130px;
top: 130px;
padding: 0px;}





/* next 2 all relate to bike night*/ 
.bikenite
{width:500px;
background-image: url('../img/bikenite3.gif');
background-repeat: no-repeat;
margin-top:40px;
}

.biketextwrapper {
width:400px;
position:relative;
top: 100px;
padding: 0px;
margin-left: 10px;}

p.biketext, ul.biketext
{font-family: Arial, Helvetica, Verdana, geneva, sans-serif;
text-align:left;
text-indent: 0em;
color: #AA0099;
font-size: 15px;
line-height: 1.5;}



/* next 5 all relate to karaoke box*/ 
.karaoke_box
{width:510px;  /*img 508px*/
background-color: ;
background-image: url('../img/karaoke_mic_bg.gif');   
background-repeat: repeat;
background-attachment: scroll;
background-position:top left;
margin-top:0px;
border: 0px groove #FF0000;
}

/* min-height doesnt work with ie so prop open hack used */
.karaokeprop 
{height:288px;  /*img 288px*/
float:right;
width:1px;
}

.karaoke_textwrapper {
position:relative;
float:right;
right: 0px;
top: 30px;
width:385px;
padding: 0px;
border: 0px groove #FF0000;
}

h3.display
{font-family: Verdana, Arial, Helvetica, Verdana, geneva, sans-serif;
text-transform:uppercase; 
font-size: 20px;
color: #AA1111;
line-height: 1.3;}

.karaoke_textwrapper p
{font-family: Verdana, Arial, Helvetica, Verdana, geneva, sans-serif;
font-size:14px;
text-align:left;
color: #992222;
line-height: 1.3;}





.hide
{display: none}

.cancelbox
{border: 3px groove #FF0000;
padding: 4px 11px 4px 11px;}


.canceltext
{color: #BB0000; 
font-size: 12px; 
font-weight:bold; 
letter-spacing: 6px;}

/*text-align:center; */

/*places mp3 player in bottom corner div*/
#rtbtm_player
{position:fixed;
bottom:5px;
right: 5px;
 }

/*mp3 player song title except color on individual page*/
.player_title
{font-family: Trebuchet, Trebuchet ms, Arial, Helvetica, Verdana, geneva,  sans-serif;
 background-color: inherit;
font-size:12px;
text-align:center;
 font-weight: normal;
 font-style: normal;
 line-height: 1.4;
 margin-bottom: 0px;
 position:relative;
 display:inline;}
 
 
 
/*stick something at top left corners*/
/*Holly image at Xmas*/
#topleft
{position:fixed;
 top:-1px;
left: -1px;
 }



/* begin desc top, mid, bottom div.innews */
div.innews_top { 
background: transparent url(../img/innews/innews_top.gif); 
display: block;
height: 152px;
margin-top: 30px;   /*space before this section*/
padding: 0;
width: 500px;
} 

div.innews_top_prop        /* min-height doesnt work with ie so prop open hack used */
{height:152px;                    /*should be same as background img height*/
float:right;
width:1px;}

div.innews_mid {
background: transparent url(../img/innews/innews_mid.gif);
background-repeat: repeat-y;
display: block;
padding-top: 20px;       /*space after top image before content */
width: 500px;
}

/*Not sure. This may be unnecessary */
div.innews_mid_prop        /* min-height doesnt work with ie so prop open hack used */
{height:16px;                    /*should be same as background img height*/
float:right;
width:1px;}

/* comment */
 div.innews_content            /* content area positioning */
{position: relative;
width:90%;
border: solid #222222 0px;
}
/* padding: 1px 10px 1px 25px;  padding-left: 10px; top: 10px;*/
/* margin: 10px 10px 10px 25px;  */

 /* content area  text etc */
div.innews_content,    div.innews_content p        
{font-family:  Verdana, Arial, Helvetica,  geneva, sans-serif;
text-indent: 0em;
text-align: left;
font-size: 13.5px;
color: #331111;
line-height: 1.3;
}

div.innews_bot {
background: transparent  url(../img/innews/innews_bot.gif); 
display: block;
height: 43px;
width: 500px;
}

div.innews_bot_prop			/* min-height doesnt work with ie so prop open hack used */
{height:43px;                    /*should be same as background img height*/
float:right;
width:1px;}

.clear 
{clear:both;
height:1px;
overflow:hidden;}

/* End desc top, mid, bottom div.innews */




/* border-top: 1px solid #DDDDDD; */


/*mariachi listings
next time changed check if margin solves repeated adjustments,  which works better */

div.mariachis {
position: relative;
background: transparent url('../img/mariachis_norm3.gif');
background-position: bottom center;
background-repeat: no-repeat;
display: block;
margin-top: 60px; /*  mariachi listings--  adjust for more less listings */
margin-bottom: 0px; /* distance to the next  */
padding: 0;
height: 500px; /*750px --mariachi listings--  adjust for more less listings */
width: 390px;
border: 0px solid #006633;
}

/*background: transparent url('http://www.losgallosmexicanrestaurant.com/website/wp-content/themes/atahualpa/images/custom/bg/mariachis_norm2.gif');*/   
/*position:relative;*/   




div.mariachis_content /*the content area*/   
{position: absolute;
bottom: 0px;
left: 20px;
margin-right: 20px;
padding: 0px 0px 0px 0px;/* margin: 10px 10px 10px 25px;  */
text-align: left;
border: 0px solid #006633;
} 

div.mariachis_content, div.mariachis_content p, div.mariachis_content a /*the text of the content in content area*/   
{font-family: Verdana, Arial, Helvetica,  geneva, sans-serif;
text-indent: 0em;
font-size: 13.5px;
color: #330000;
line-height: 1.4;
} 



/*for non-anim Cinco div*/   
.cinco2010prop 
{height:508px;
float:right;
width:1px;
  }

.cinco2010
{width:424px;
background-image: url('../img/cincodemayo/cinco2010trans.gif');
background-repeat: no-repeat;
margin-top:40px;}

div.cinco2010text {
text-align:left;
width: 424px;
position: relative;
top: -10px;
margin-left:auto;
margin-right:auto;
padding: 0px;
border: 0px inset #F8EDD0;
}

div.cinco2010text p , div.cinco2010text a {
text-align:left;
color: #000066;
font-family: Tahoma, Verdana, Arial, Helvetica, geneva, sans-serif;
font-size: 16px;
}

p.cinco2010text_smaller, div.cinco2010text ul ,div.cinco2010text ul li a  {
text-align:left;
color: #000066;
font-family: Verdana, Arial, Helvetica, geneva, sans-serif;
font-size: 13px;
}

.grandopening, p.grandopening, ul.grandopening
{font-family: Tahoma, Arial, Helvetica, Verdana, geneva, sans-serif;
text-indent: 0em;
font-size: medium;
line-height: 1.5;}







/*Note to me*/   
/*ids classe can contain only the characters a-z A-Z 0-9 and ISO 10646 characters but cannot START with a digit, or a hyphen followed by a digit*/