/* Colors
teal: #0c6673
blue: #1d577b
magenta: #aa0b59
text: #413737
header dark brown: #655949
header tan: #947d61
light tan: #bfaa91 
bg tan: #efece7
*/

/* Mezze Bistro */

@import url(style.css);

/* 
____________________


HEADER 

____________________

*/

#header-wrapper { width: 100%; margin: 10px 0 0 0; }
#header { width: 100%; margin: 0 3%; }

#meta { display: none; }

#nav { width: 90%; padding: 20px 0 10px 0; border-bottom: 1px solid #bfaa91;}
#nav h1 a { float: none; display: block; background: transparent url(img/logo.png) top left no-repeat; width: 194px; height: 80px; text-indent: -9999px; }
#nav h1 + p { float: none; margin: 25px 0 0 0; }
#nav ul li { float: none; padding: 0 15px 15px 0; }

/*
____________________


CONTENT 

____________________

*/

#content-wrapper { width: 100%; background: transparent url(img/bg-gradient.png) bottom repeat-x; }
#content { width: 100%; margin: 0 3%; }
#content .entry-content { width: 100%; margin: 0; padding: 0; }
#content p { width: 95%; }
#content .entry-content img { max-width: 420px; }
#content .entry-content blockquote { float: none; }

.columns { width: 100%; margin: 20px 0 0 0; padding: 0 0 20px 0; }
.columns .column { float: none; margin: 0; }
.columns .column-a { width: 100%; }
.columns .column-b { width: 100%; }
.columns .column-c { width: 100%; margin: 0; }

/* home */
.home #content h2 { width: 50%; }
.home #content #splash { display: none; }
#splash img { display: none }
#splash img.first { display: block }


/* the restaurant */
#post-4 .entry-content { float: none; width: 100%; }
#post-4 #sidebar { display: none; }

/* farm partners */
.pageid-38 .entry-content { float: none; width: 100%; }
.pageid-38 #sidebar { width: 100%; }

/* the team */
.pageid-5 #sidebar { display: none; }
.pageid-5 #content .entry-content { float: none; width: 100%; }
.pageid-5 #content .entry-content .person { width: 100%; }
.pageid-5 #content .entry-content .photo { float: none; }
.pageid-5 #content .entry-content .bio { float: none; width: 100%; }

/* menus */
#post-6 .entry-content,
.parent-pageid-6 .entry-content { float: none; width: 100%; }
.parent-pageid-6 .entry-content h4 { text-decoration: underline; }

/* directions */
.page-template-page-directions-php .entry-content { float: none; width: 100%; }
.page-template-page-directions-php #sidebar { float: none; width: 100%; }
.page-template-page-directions-php #sidebar .map { background: transparent; padding: 0;}

/* press */
#post-10 .entry-content { float: none; width: 100%; }

/* reservations */
.pageid-7 .entry-content { float: none; width: 100%; }
.pageid-7 #sidebar { float: none; width: 100%; }
#post-7 #sidebar p { text-align: inherit; }

/* 
____________________


SIDEBAR

____________________

*/

#sidebar { float: none; width: 100%; margin: 0; }
#sidebar img { max-width: 420px; }

/* 
____________________


FOOTER

____________________

*/

#footer-wrapper { clear: both; width: 100%; }
#footer { position: relative; width: 100%; margin: 0 3%; padding: 10px 0 40px 0; }
#footer ul, #footer p { width: 95%; }

#footer .column { margin: 0; }
#footer .column:first-child { width: 100%; }
#footer .affiliations li { display: none; }
#footer .affiliations li:first-child { float: none; }

#footer .copyright ul li { float: none; padding: 0 10px 0 0; }

/* about column */
#footer h5 + p { width: 100%; }

/* contact column */
#footer .column:last-child { margin: 20px 0 0 0; }
#footer .column:last-child ul + ul { padding: 10px 0 0 0; } 
#footer .column:last-child ul + ul li { float: none; display: inline; }

#footer .motto { position: static; }
#footer .motto p { width: 100%; }