@charset "UTF-8";
/* 
Creation Date: November 2008
Updated: June 2010
Authors: John Molina - johnba.molina@gmail.com
Email: info@imagixstudio.com
Web: www.imagixstudio.com
*/

* { margin:0; padding:0; }
body, html { background: #001b5b url(../images/BluesDiner-bg.jpg) no-repeat left top; font-family: Arial, Helvetica, sans-serif; margin-bottom: 40px; }

div#header h1 a span { height:270px; width:285px; position:absolute; text-indent: -9999px; }
div#header h1 a, div#header h1 a:link, div#header h1 a span { height:270px; width:285px; color:Black; cursor:pointer; display:block; float:left; position:relative; overflow:hidden; z-index:10; }

div#right-header { margin-left:285px; }
div#section-title { height: 182px; display:block; }
div#container { width:530px; margin-left: 305px; margin-top:0px; }
div#content a:link, div#content a:visited { color: #FFFF00; text-decoration: none; font-size: 12px; }
div#content a:hover, div#content a:focus { color: #fff; text-decoration: underline; }
div#footer { width:530px; margin-left: 305px; margin-top:0px; }

/*mainmenu styles*/
div#mainmenu-container { width:560px; height:103px; }
ul#mainmenu { margin-left:10px; padding:0px; display:block; }
ul#mainmenu li { list-style:none; float:left; display:inline; }
ul#mainmenu li a { outline:none; display:block; height: 103px; text-indent: -9999px; overflow: hidden; }

li#mnu-01 a { background: url(../images/BluesDiner-mainmenu.png) no-repeat 0px 0px; width:100px;}
li#mnu-02 a { background: url(../images/BluesDiner-mainmenu.png) no-repeat -100px 0px; width:80px; }
li#mnu-03 a { background: url(../images/BluesDiner-mainmenu.png) no-repeat -180px 0px; width:108px; }
li#mnu-04 a { background: url(../images/BluesDiner-mainmenu.png) no-repeat -288px 0px; width:120px; }
li#mnu-05 a { background: url(../images/BluesDiner-mainmenu.png) no-repeat -408px 0px; width:140px; }

li#mnu-01 a:hover, li#mnu-01-active a { background: url(../images/BluesDiner-mainmenu.png) no-repeat 0px -103px; width:100px; }
li#mnu-02 a:hover, li#mnu-02-active a { background: url(../images/BluesDiner-mainmenu.png) no-repeat -100px -103px; width:80px; }
li#mnu-03 a:hover, li#mnu-03-active a { background: url(../images/BluesDiner-mainmenu.png) no-repeat -180px -103px; width:108px; }
li#mnu-04 a:hover, li#mnu-04-active a { background: url(../images/BluesDiner-mainmenu.png) no-repeat -288px -103px; width:120px; }
li#mnu-05 a:hover, li#mnu-05-active a { background: url(../images/BluesDiner-mainmenu.png) no-repeat -408px -103px; width:140px; }
/*end mainmenu*/


/*box styles*/
div.box-top { background: url(../images/BluesDiner-box-top.png) no-repeat left top; height:25px; display:block; clear:both; }
div.box-bottom { background: url(../images/BluesDiner-box-bottom.png) no-repeat left bottom; height:25px; display:block; }
div.box-content { background: #006699 url(../images/Web-box-content.gif) repeat-y; display:block; padding: 20px 25px 10px; }
/*end box*/

/*home columns*/
div#home-col-1 { float: left; width: 230px; }
div#home-col-2 { float: left; width: 230px; margin-left: 20px; }
/*end home columns*/

div#content p { font-size: 12px; color: #99ccff; margin-bottom:8px; line-height: 10pt; }
/*subtitles*/
div#content h3 { height: 31px; text-indent: -9999px; overflow:hidden; margin-bottom:10px; margin-top:10px; color: #FFFFFF; }
	h3#subtil-welcome { background: url(../images/subtil-welcome.png) no-repeat; }
	h3#subtil-breakfast-specials { background: url(../images/subtil-breakfast-specials.png) no-repeat;}
	h3#subtil-have-your-eggs-your-way{background: url(../images/subtil-breakfast-specials.png) no-repeat;}
	h3#subtil-omeletes{background: url(../images/subtil-omeletes.png) no-repeat;}
	h3#subtil-breakfast-sandwiches{background: url(../images/subtil-breakfast-sandwiches.png) no-repeat;}
	h3#subtil-blues-original-pancakes{background: url(../images/subtil-blues-original-pancakes.png) no-repeat;}
	h3#subtil-lunch-menu{background: url(../images/subtil-lunch-menu.png) no-repeat;}
	h3#subtil-lunch-specials{background: url(../images/subtil-lunch-specials.png) no-repeat;}
	h3#subtil-soups{background: url(../images/subtil-soups.png) no-repeat;}
	h3#subtil-from-the-sea{background: url(../images/subtil-from-the-sea.png) no-repeat;}
	h3#subtil-side-orders{background: url(../images/subtil-side-orders.png) no-repeat;}
	h3#subtil-coffee-and-tea-choices{background: url(../images/subtil-coffee-and-tea-choices.png) no-repeat;}
	h3#subtil-juices-and-sodas{background: url(../images/subtil-juices-and-sodas.png) no-repeat;}
div#content h4 { color: #FFFFFF; }
/*end subtitles*/

/*menu styles*/
div.menu-section h4 { margin-bottom:3px; margin-top:10px; font-size: 17px; font-weight: bold; color: #FC3 !important; padding-left: 65px; }
div.menu-section h4 small, div.menu-section p small { color:#FF9; font: normal 14px Georgia, "Times New Roman", Times, serif; margin-left: 20px; }
div.menu-section p { padding-left: 65px; margin-bottom:1px !important; }
div.menu-section p.subtil-note{ font: italic bold 20px Georgia, "Times New Roman", Times, serif !important; color: #FFF !important;  }
div.menu-section { margin-bottom:40px; }
a.image-popup { display:block; padding:2px; }
a.image-popup:link, a.image-popup:visited { background: transparent; text-decoration: none !important; }
a.image-popup:hover, a.image-popup:focus { background:#000066; text-decoration: none !important; }
img.image-thumb { margin-top:15px; float:left; border: 1px solid #000033; }
.border_b { border: 4px solid #000033; }
.float { visibility: hidden; position: absolute; left: -3000px; z-index: 10; }
ul#menu-notes { font: oblique 11px Arial, Helvetica, sans-serif; color: #FFFF99; margin-left: 5px; margin-bottom:25px; padding-left: 10px; }
/*end menu styles*/

/*footer styles*/
div#footer-content { background: url(../images/The-Blues-Diner-logo-footer.gif) no-repeat; padding-left: 130px; height:75px; }
div#footer-content p { font: 11px Arial, Helvetica, sans-serif; color: #6699cc; }
div#footer-col-1 { float: left; width: 145px; }
div#footer-col-2 { float: left; width: 145px; margin-left:20px; }
/*end footer styles*/

div.spacer-bar { background: url(../images/BluesDiner-space-bar-bg.gif) repeat-x; display: block; height: 4px; margin-top: 20px; margin-bottom: 20px; clear:both; }
div.clearer { clear:both; }
/*copy styles*/
div#copy-content { padding-bottom: 20px; }
p#copy-text { float:left; width:280px; font-size: 11px; color: #336699; }
p#copy-imagix-studio { float:left; width:180px; }
p#copy-imagix-studio a { background: url(../images/logo-imagix-studio.gif) no-repeat; display: block; height: 18px; width: 170px; float:right; text-indent: -9999px; overflow:hidden; }
/*end copy styles*/


/*gallery styles*/
div.gallery-thubms { width: 136px; float:left; margin-right: 22px; margin-bottom: 12px; text-align: left; display:block; }
div.gallery-thubms img { border: 0px; }
/*end gallery styles*/


/*Contact Form Styles*/
div#contact-form { text-align: left; width: 400px; margin: 30px auto 0px; }
div#contact-form label { display:block; font-size: 14px; color: #6699CC; }
input.form-field, div#contact-form textarea { color: #000033; background: #6699CC; margin: 0px 0px 10px; padding: 4px; font-size: 16px; width:400px; border: 1px solid #6699CC; }
input.form-buttom { clear: both; padding: 5px 10px; background: #003366; border: 2px solid #6699CC; font-size: 16px; color: #6699CC; }
div#contact-map { font-size: 13px; color: #FFFFFF; text-align: left; padding-top: 70px; }
div#contact-map a:link, div#contact-map a:visited { color:#FFFFFF; }
div#contact-map p { margin-bottom: 8px; }
p.msg_ok { font-size: 16px; font-weight: bold; color: #FFFFFF !important; margin: 0px 0px 8px; padding: 4px; text-align: left; width:404px; background: #009933; }
p.msg_error { font-size: 16px; font-weight: bold; color: #FFFFFF !important; margin: 0px 0px 8px; padding: 4px; text-align: left; width:404px; background: #990000; }
/*end contact forms*/


div#try-camino-real { text-align:center; }