/*
Description: verdesmexican.com layout
Author: Patrick Lewis
Date: May 2009
Version: 1
*/

/* RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:160%;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* BASIC TYPOGRAPHY */
html { font-size: 85%; font-family: Helvetica, Arial, sans-serif; color:#fff; }
strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; }
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size: 92%; font-family: monaco, "Lucida Console", courier, monospace; }
del { text-decoration: line-through; color: #666; }
small, sup, sub { font-size: 85%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
p {margin:7px 0; text-align:left;}

/* BASE SIZES */
h1 {color:#EFDC8F; font-size:180%; margin:5px 0 10px 0; text-transform:lowercase;}
h2 {color:#E70823; font-size:150%; margin:15px 0 10px 0; text-transform:uppercase;}
h3 {color:#EBD245; font-size:120%; margin:15px 0 3px 0; text-transform:uppercase;}

h1.header-home {
background:url(/images/text-infusing-the-flavors.png) no-repeat;
height:21px;
text-indent:-9999em;
}
h2.subheader-home {
background: url(/images/text-verdes-mexican.png) no-repeat;
height:22px;
text-indent:-9999em;
margin:10px 0 15px 0;
}

a:link, a:visited {
border-bottom:1px dotted #5F4D06;
color:#EFDC8F;
text-decoration:none;
padding:0 0 2px 0;
}
a:hover {
border:0;
color:#FFF9DF;
}

/* LAYOUT */
.accessibility {text-indent:-9999px; float: left; height:1px;}
html {
background:#0F0704 url(/images/tile-verdes.jpg) repeat-y center;
height:100%;
}
body {
background: url(/images/top-verdes.jpg) top center no-repeat;
height:100%;
text-align:center;
}

#container {
width:960px;
margin:0 auto;
text-align:left;
}

#header {
height:293px;
width:960px;
position:relative;
} 

.logo {display:block; text-indent:-9999em;}
.logo a {
border:0;
display:block;
height:190px;
position:absolute;
top:50px;
left:50px;
width:320px;
}

#top-location-hours {
background:url(/images/top-box-bg.jpg) top no-repeat;
height:144px;
width:424px;
position:absolute;
top:0;
right:0;
}
p.top-location em, p.top-hours em {text-indent:-9999em; position:absolute;}
p.top-location {
float:left;
margin:55px 0 0 10px;
position:relative;
width:200px;
}
p.top-hours {
float:left;
margin:55px 0 0 8px;
width:200px;
}
.top-hours-daysopen {
float:left;
width:80px;
}
.top-hours-timeopen {float:left;}

.star-btn {
position:absolute;
left:162px;
top:2px;
text-indent:-9999em;
}
.star-btn a {
background:url(../images/star-btn.png) top no-repeat;
border:0;
display:block;
height:16px;
width:15px;
padding:0;

}
.star-btn a:hover {
background:url(../images/star-btn.png) 0 -16px;
}


ul#nav {
position:absolute;
right:0;
top:151px;
width:424px;
}
ul#nav li {
display:inline;
float:left;
list-style:none;
width:106px;
}
ul#nav li a, ul#nav li a:visited {
border:0;
color:#F2ECEC;
display: block;
font-size:130%;
height:112px;
padding:8px 0 0 10px;
text-decoration:none;
width:96px;
}
.nav-menu a {background: url(/images/nav.jpg) 0 0;}
.nav-location a {background: url(/images/nav.jpg) 318px 0;}
.nav-news a {background: url(/images/nav.jpg) 212px 0;}
.nav-about a {background: url(/images/nav.jpg) 106px 0;}

.nav-menu a:hover {background: url(/images/nav.jpg) 0 120px;}
.nav-location a:hover {background: url(/images/nav.jpg) 318px 120px;}
.nav-news a:hover {background: url(/images/nav.jpg) 212px 120px;}
.nav-about a:hover {background: url(/images/nav.jpg) 106px 120px;}

.nav-menu a.active {background: url(/images/nav.jpg) 0 120px !important;}
.nav-location a.active {background: url(/images/nav.jpg) 318px 120px !important;}
.nav-news a.active {background: url(/images/nav.jpg) 212px 120px !important;}
.nav-about a.active {background: url(/images/nav.jpg) 106px 120px !important;}


#col-1 {
float:left;
width:513px;
}

#col-2 {
float:right;
width:424px;
}

#footer {
background: url(../images/footer.png) top no-repeat;
color:#877C74;
text-align:center;
margin:50px auto 10px auto;
width:657px;
height:178px;
}
#footer ul {
padding:30px 0 15px 0;
}
#footer li {
display:inline;
list-style:none;
padding:0 15px;
}
#footer li a:link, #footer li a:visited {
border:0;
color:#A19793;
font-size:120%;
padding:2px;
text-decoration:none;
}
#footer li a:hover {
color:#fff;
}

#bottom-location-hours {
height:auto;
margin:0 auto 0 140px;
overflow:hidden;
width:420px;
}
p.bottom-location em, p.bottom-hours em {
color:#817248;
font-style:normal;
}
p.bottom-location {
float:left;
margin:0 0 0 10px;
width:200px;
}
p.bottom-hours {
float:left;
margin:0 0 0 8px;
width:200px;
}
.bottom-hours-daysopen {
float:left;
width:80px;
}
.bottom-hours-timeopen {float:left;}


/* home page */
#cross-slide {
background:#6B5138;
width:425px;
height:285px;
}
#cross-slide img {
margin:2px 0 0 2px;
}

.view-gallery-link {
display:block;
text-align:right;
}
.view-gallery-link a, .view-gallery-link a:visited {
color:#AD8663;
font-size:90%;
text-decoration:none;
}
.view-gallery-link a:hover {color:#D3BFAD;}

.list-featuring {list-style:none;}
.list-featuring li {margin:4px 0;}

#news-widget {
background:#6B5138 url(../images/readmore-btn.png) 295px 113px no-repeat;
height:auto;
overflow:hidden;
width:424px;
margin:22px 0 0 0;
position:relative;
}
.excerpt {
display:block;
float:left;
width:424px;
margin:2px;
position:relative;
}
.excerpt a.excerpt-link {
/*background:url(../images/readmore-btn.png) 295px 113px no-repeat;*/
border:0;
display:block;
height:133px;
width:424px;
text-decoration:none;
color:#fff;
font-size:90%;
padding:0 10px 0 0;
}

.excerpt a img {
float:left;
margin:0 5px 0 0;
}
/* menu */
.menu, .menu p {
text-align:center;
}
.menu-antojitos, .menu-platos, .menu-sopas, .menu-parrilla, .menu-sides, .menu-specials {
height:61px;
margin:15px auto 0 auto;
text-indent:-9999em;
}
.menu-specials {
background:url(../images/menu-specials.png) no-repeat;
width:282px;
}
.menu-antojitos {
background:url(../images/menu-antojitos.png) no-repeat;
width:170px;
}
.menu-platos {
background:url(../images/menu-platos.png) no-repeat;
width:244px;
}
.menu-sopas {
background:url(../images/menu-sopas.png) no-repeat;
width:350px;
}
.menu-parrilla {
background:url(../images/menu-parrilla.png) no-repeat;
width:198px;
}
.menu-sides {
background:url(../images/menu-sides.png) no-repeat;
width:116px;
}

/*.menu-download a:link, .menu-download a:visited {
background:url(../images/download-menu.png) no-repeat;
border:0;
display:block;
width:193px;
height:33px;
padding:0;
text-indent:-9999em;
}
.menu-download a:hover {
background:url(../images/download-menu.png) 0 -33px;
}
*/
/* news */
.article-excerpt, .news-article {
/*background:pink;*/
border-bottom:#26180E 1px solid;
height:auto;
padding:0 0 20px 0;
overflow:hidden;
}

h2.article-title {}
.date-posted {
color:#AD8663;
display:block;
font-size:90%;
margin:0 0 10px 0;
}
h1.news-detail-title {
text-transform:uppercase;
}
h1.news-detail-title a {
text-transform:lowercase;
}
p.link-to-next-prev {}

ul.rssMenu {
list-style:none;
}
.more-link {
display:block;
margin:5px 0 0 0;
}
.zemContactForm input {display:block; margin:3px 0;}
.zemContactForm legend {
color:#EBD245;
font-size:120%;
padding:10px 0 0 0;
}
.zemError {
color:#FF0000;
list-style:none;
}
/* gallery */
#gallery-container {
background:#26180E url(../images/gallery-bg.png) top repeat-x;
margin:10px 0 0 0;
padding:40px 20px 20px 20px;
text-align:center;
}
#gallery-container a:link, #gallery-container a:visited {}

#gallery-container a img {
border:2px solid #6B5138;
margin:0 10px 20px 10px;
}

/* common classes */
.clear {clear:both;}
.img-right { border:2px solid #26180E; float:right; margin:3px 6px 3px 5px;}
.img-left {float:left; margin:3px 6px 3px 0;}
.img-center {display:block; margin:3px auto;}
.intro-p {
font-size:120%;
font-weight:normal;
line-height:150%;
margin:0 0 15px 0;
}