/* -------------------------------------------------------------- 
reset.css
* Resets default browser CSS.
Based on work by Eric Meyer:* meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
-------------------------------------------------------------- */
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:1.5;background:#fff;margin:1.5em 0;}
/* Tables still need 'cellspacing="0"' in the markup. */
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:400;}
/* Remove possible quote marks (") from <q>,<blockquote>. */
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
a img{border:none;}
/* -------------------------------------------------------------- 
typography.css
* Sets up some sensible default typography.
Based on work by:* Nathan Borror [playgroundblues.com]
* Jeff Croft [jeffcroft.com]
* Christian Metts [mintchaos.com]
* Wilson Miner [wilsonminer.com]
* Richard Rutter [clagnut.com]
Read more about using a baseline here:* alistapart.com/articles/settingtypeontheweb
-------------------------------------------------------------- */
/* This is where you set your desired font size. The line-heights 
and vertical margins are automatically calculated from this. 
The percentage is of 16px (0.75 * 16px = 12px). */
body{font-size:75%;}
/* Default fonts and colors. 
If you prefer serif fonts,remove the font-family 
on the headings,and apply this one to the body:font:1em Georgia,"lucida bright","times new roman",serif;*/
body{color:#222;font-family:"Lucida Grande",Verdana,sans-serif;}
h1,h2,h3,h4,h5,h6{color:#111;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6{font-weight:normal;}
h1{font-size:3em;line-height:1;margin-bottom:0.5em;}
h2{font-size:2em;margin-bottom:0.75em;}
h3{font-size:1.5em;line-height:1;margin-bottom:1em;}
h4{font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5{font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6{font-size:1em;font-weight:bold;}
/* Text elements
-------------------------------------------------------------- */
p{margin:0 0 1.5em;}
p.last{margin-bottom:0;}
p img{float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.top{margin-top:0;}
/* Use this if the image is at the top of the <p>. */
img{margin:0 0 1.5em;}
ul,ol{margin:0 1.5em 1.5em 1.5em;}
ul{list-style-type:circle;}
ol{list-style-type:decimal;}
dl{margin:0 0 1.5em 0;}
dl dt{font-weight:bold;}
dd{margin-left:1.5em;}
abbr,
acronym{border-bottom:1px dotted #666;}
address{margin-top:1.5em;font-style:italic;}
del{color:#666;}
a:focus,
a:hover{color:#000;}
a{color:#009;text-decoration:underline;}
blockquote{margin:1.5em;color:#666;font-style:italic;}
strong{font-weight:bold;}
em,dfn{font-style:italic;background:#ffc;}
dfn{font-weight:bold;}
pre,code{margin:1.5em 0;white-space:pre;}
pre,code,tt{font:1em 'andale mono','monotype.com','lucida console',monospace;line-height:1.5;}
tt{display:block;margin:1.5em 0;line-height:1.5;}
/* Tables
-------------------------------------------------------------- */
table{margin-bottom:1.4em;}
th{border-bottom:2px solid #ccc;font-weight:bold;}
td{border-bottom:1px solid #ddd;}
th,td{padding:4px 10px 4px 0;}
tfoot{font-style:italic;}
caption{background:#ffc;}
/* Use this if you use span-x classes on th/td. */
table .last{padding-right:0;}
/* Some default classes
-------------------------------------------------------------- */
.small{font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large{font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.quiet{color:#666;}
.hide{display:none;}
.highlight{background:#ff0;}
.added{color:#060;}
.removed{color:#900;}
.top{margin-top:0;padding-top:0;}
.bottom{margin-bottom:0;padding-bottom:0;}
/* -------------------------------------------------------------- 
forms.css
* Sets up some default styling for forms
* Gives you classes to enhance your forms
Usage:* For text fields,use class .title or .text
-------------------------------------------------------------- */
label{font-weight:bold;}
/* Fieldsets */
fieldset{padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend{font-weight:bold;font-size:1.2em;}
/* Text fields */
input.text,input.title{width:300px;margin:0.5em 0.5em 0.5em 0;}
input.text,input.title{border:1px solid #bbb;background:#f6f6f6;padding:5px;}
input.text:focus,
input.title:focus{border:1px solid #999;background:#fff;}
input.title{font-size:1.5em;}
/* Textareas */
textarea{width:400px;height:250px;margin:0.5em 0.5em 0.5em 0;}
textarea{border:1px solid #bbb;background:#eee;padding:5px;}
textarea:focus{border:1px solid #999;background:#fff;}
/* Select fields */
select{border:1px solid #ccc;background:#f6f6f6;width:200px;}
select:focus{border:1px solid #999;background:#fff;}
/* Success,error & notice boxes for messages and errors. */
.error,
.notice,
.success{padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error{background:#FBE3E4;color:#D12F19;border-color:#FBC2C4;}
.error p{ color: #d12f19;}
.notice{background:#FFF6BF;color:#817134;border-color:#FFD324;}
.notice p{ color: #817134;}
.success{background:#E6EFC2;color:#529214;border-color:#C6D880;}
.success p{ color: #529214;}
.error a{color:#D12F19;}
.notice a{color:#817134;}
.success a{color:#529214;}
/* -------------------------------------------------------------- 
buttons.css
* Gives you some great CSS-only buttons.
Created by Kevin Hale [particletree.com]
* particletree.com/features/rediscovering-the-button-element
See Readme.txt in this folder for instructions.
-------------------------------------------------------------- */
a.button,button{display:block;float:left;margin:0 0.583em 0.667em 0;padding:5px 10px 5px 7px;/* Links */
border:1px solid #dedede;border-top:1px solid #eee;border-left:1px solid #eee;background-color:#f5f5f5;font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;font-size:100%;line-height:130%;text-decoration:none;font-weight:bold;color:#565656;cursor:pointer;}
button{width:auto;overflow:visible;padding:4px 10px 3px 7px;/* IE6 */}
button[type]{padding:4px 10px 4px 7px;/* Firefox */
line-height:17px;/* Safari */}
*:first-child+html button[type]{padding:4px 10px 3px 7px;/* IE7 */}
button img,a.button img{margin:0 3px -3px 0 !important;padding:0;border:none;width:16px;height:16px;float:none;}
/* Button colors
-------------------------------------------------------------- */
/* Standard */
button:hover,a.button:hover{background-color:#dff4ff;border:1px solid #c2e1ef;color:#336699;}
a.button:active{background-color:#6299c5;border:1px solid #6299c5;color:#fff;}
/* Positive */
body .positive{color:#529214;}
a.positive:hover,button.positive:hover{background-color:#E6EFC2;border:1px solid #C6D880;color:#529214;}
a.positive:active{background-color:#529214;border:1px solid #529214;color:#fff;}
/* Negative */
body .negative{color:#d12f19;}
a.negative:hover,button.negative:hover{background:#fbe3e4;border:1px solid #fbc2c4;color:#d12f19;}
a.negative:active{background-color:#d12f19;border:1px solid #d12f19;color:#fff;}
/* -------------------------------------------------------------- 
Blueprint CSS Framework Screen Styles
* Version:0.6 (21.9.2007)
* Website:http://code.google.com/p/blueprintcss/
See Readme file in this directory for further instructions.
-------------------------------------------------------------- */
html{/* background:#000 url('../images/twofat_black_grey_bg.gif') no-repeat right bottom;*/
background:#252525 url('../images/twofat_alt_bg.jpg') no-repeat fixed right bottom;height:100%;}
body{margin-top:0;background:transparent;}
.wrapper{background:#fff;border:10px solid #fff;width:590px;margin:20px auto 150px auto;}
#secondary{float:left;margin-right:10px;width:190px;}
#maincontent{float:left;margin-right:0;width:390px;}
.venue{margin-top:18px;}
.venueinfo{background:#fff;float:left;margin-right:0px;width:310px;}
.venueinfo p,.venueinfo h2{margin:10px;}
.venuelink{text-align:right;}
.venuelink a{text-decoration:none;}
#openings{margin:0 40px 0 0;padding:0;width:150px;}
ul#nav{list-style:none;margin:0 40px 0 0;padding:0;width:150px;}
ul#nav li{margin:0 0 1.5em 1.5em;}
ul#nav li#one{margin-left:0;}
ul#nav li a{border-bottom:1px solid #ddd;color:#342a69;display:block;font-size:12px;line-height:1.25;margin-bottom:1.25em;text-decoration:none;}
ul#nav li a:hover{color:#999;}
p{color:#657477;font-size:12px;line-height:1.6;margin-bottom:1.25em;}
#main_content a{font-size:12px;line-height:1.6;padding-bottom:1px;text-decoration:none;}
#main_content a:hover{border-bottom:1px solid #342a69;color:#342a69;}
div.vcard div{color:#657477;font-size:12px;line-height:1.6;margin-bottom:0;}
h1,h2,h3{color:#342a69;font-family:Helvetica;font-size:25px;font-weight:normal;letter-spacing:1px;margin-bottom:0.75em;text-transform:lowercase;}
h1{font-size:25px;}
h2{border-bottom:1px solid #342a69;font-size:20px;}
#openings{margin-top:5em;margin-left:1.5em;}
h3{border-bottom:1px solid #ddd;color:#999;font-size:14px;}
p#pull-quote{font-size:20px;font-style:italic;float:left;margin-right:10px;width:190px;}
p#pull-quote span{color:#342a69;display:block;font-style:normal;}
img.map{float:left;width:190px
margin-right:0;}
#footer{border-top:1px solid #ddd;margin-top:1.5em;background:#fff url('../images/TwoFatLadies_tiny.gif') no-repeat right bottom;float:left;margin-right:0px;width:390px;padding-left:200px;}
#footer p{color:#999;font-size:10px;margin:0 0 0 0;}
#footer p#copyright{margin-top:1.5em;}
#footer p a{color:#999;}
#headbar{background:#555;}
#headbar ul{margin:0;padding:3px 0;text-align:center;}
#headbar ul li{display:inline;color:#fff;font-size:10px;}
#headbar ul li a{color:#fff;text-decoration:none;}
#headbar ul li a:hover{border-bottom:1px solid #fff;}
#show_reel{border:10px solid #eee;margin:0 0 1.5em; background: #eee;}
#show_reel img{ padding:0; margin: 0;}
p.date{color:#342a69;font-size:11px;text-align:right;}
#gallery{margin:30px 0;}
/*menu related*/
#menu_options{float:right;list-style:none;margin-bottom:15px;text-align:right;}
#retaurant_menu p{margin-left:15px;}
/*forms*/
form div{margin:18px;}
.text label,.textarea label,.select label{display:block;}
div.submit button{margin-left:350px;}
/* Clearing floats without extra markup
Based on How To Clear Floats Without Structural Markup by PiE
[http://www.positioniseverything.net/easyclearing.html] */
.clear{display:inline-block;}
.clear:after,.wrapper:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
* html .clear{height:1%;}
.clear{display:block;}

#splash{float:left;margin-right:0px;width:510px;padding-right:40px;padding-left:40px;}
.splashimg{padding-right:0px;width:150px;float:left;margin-right:40px; border: 5px solid #ddd;}
#homeimg{margin: 0 auto; display: block;}
body#admin div.wrapper{ padding-bottom: 50px; background: #fff url(../images/TwoFatLadies_tiny.gif) no-repeat right bottom;}
body#admin h1{font-size:1.6em;line-height:1;margin-bottom:0.5em;}

