div.napkin, #lipstick, div.goodtime, img, a { behavior: url('http://cheapsidebarandgrill.com/templates/cheapside/scripts/iepngfix.htc') }
* { margin: 0px; padding: 0px; }

/* layout */
html { height: 100%; }
body {  background: #1e0000 url('../images/bg.png') repeat-y top center; height: 100%; font: 95% trebuchet ms, helvetica, sans; text-align: center; }
a { color: #cada81; cursor: pointer; }
a:hover { color: #ddf667; }
img { border: none; }
#page { position: relative; height: 100%; width: 800px; margin: 1.5em auto; text-align: left; }
#header { margin-left: 4em; }
#header h1 a { display: block; width: 374px; height: 150px; background: url('../images/header.png') no-repeat; }
#nav { font-size: .8em; font-weight: bold;}
#nav ul { list-style-type: none; }
#nav ul li { color: #81d4e7; float: left; margin: 0px .2em; }
#nav ul li.active  { color: #d33888;}
#content { height: 600px; padding-bottom: 3em; }


/* yikes (front page) */
#content { background: url('../images/corner.png') no-repeat bottom left; }
#content .right { position: absolute; z-index: 0; top: 100px; left: 490px; height: 348px; width: 277px; background: url('../images/left.png') no-repeat 10px; }
#content .center #drinks { position: absolute; top: 190px; left: 50px; width: 383px; height: 115px; background-image: url('../images/drinks.gif');}
#content .center .blurb { position: absolute; z-index: 1; top: 330px; left: 290px; width: 216px; height: 165px; background: url('../images/blurb.png') no-repeat; }
#content .center .pics { position: absolute; z-index: 1; left: 250px; top: 490px;}

#content .center .pics .slide { position: absolute; }
#content .center .pics .slide_0 a { display: block; width: 300px; height: 337px; background: url('../images/slides/0.png') no-repeat; }
#content .center .pics .slide_1 a { display: block; width: 300px; height: 337px; background: url('../images/slides/1.png') no-repeat; }
#content .center .pics .slide_2 a { display: block; width: 300px; height: 337px; background: url('../images/slides/2.png') no-repeat; }
#content .center .pics .slide_3 a { display: block; width: 300px; height: 337px; background: url('../images/slides/3.png') no-repeat; }
#content .center .pics .slide_4 a { display: block; width: 300px; height: 337px; background: url('../images/slides/4.png') no-repeat; }
#content .center .pics .slide_5 a { display: block; width: 300px; height: 337px; background: url('../images/slides/5.png') no-repeat; }
#content .center .pics .slide_6 a { display: block; width: 300px; height: 337px; background: url('../images/slides/6.png') no-repeat; }
#content .center .pics .slide_7 a { display: block; width: 300px; height: 337px; background: url('../images/slides/7.png') no-repeat; }
#content .center .pics .slide_8 a { display: block; width: 300px; height: 337px; background: url('../images/slides/8.png') no-repeat; }
#content .center .pics .slide_9 a { display: block; width: 300px; height: 337px; background: url('../images/slides/9.png') no-repeat; }
#content .center .pics .slide_10 a { display: block; width: 300px; height: 337px; background: url('../images/slides/10.png') no-repeat; }

#content .left .napkin { position: absolute; z-index: 4; left: 0px; top: 300px; width: 302px; height: 269px; background: url('../images/napkin.png') no-repeat; }
#content .left .nav .menus { position: absolute; z-index: 5; left: 70px; top: 370px; }
#content .left .nav .menus a { display: block; width: 95px; height: 19px; background: url('../images/napkin_menus.png') no-repeat; }
#content .left .nav .calendar { position: absolute; z-index: 6; left: 85px; top: 385px; }
#content .left .nav .calendar a { display: block; width: 131px; height: 26px; background: url('../images/napkin_calendar.png') no-repeat; }
#content .left .nav .pics { position: absolute; z-index: 7; left: 100px; top: 405px; }
#content .left .nav .pics a { display: block; width: 75px; height: 26px; background: url('../images/napkin_pics.png') no-repeat; }
#content .left .nav .events { position: absolute; z-index: 8; left: 115px; top: 420px; }
#content .left .nav .events a { display: block; width: 103px; height: 25px; background: url('../images/napkin_events.png') no-repeat; }
#content .left .nav .about_us { position: absolute; z-index: 9; left: 130px; top: 435px; }
#content .left .nav .about_us a { display: block; width: 133px; height: 29px; background: url('../images/napkin_about_us.png') no-repeat; }
#content .left .lipstick { position: absolute; z-index: 5; left: 30px; top: 425px; width: 128px; height: 97px; background: url('../images/lipstick.png') no-repeat; }
#content .left .goodtime { position: absolute; z-index: 5; left: 90px; top: 465px; width: 186px; height: 90px; background: url('../images/goodtime.png') no-repeat; }
#content .left .newsletter { position: absolute; z-index: 2; left: 530px; top: 490px; }
#content .left .newsletter a { display: block; width: 242px; height: 189px; background: url('../images/newsletter.png') no-repeat; }
#content .left .newsletter-signup { position: absolute; z-index: 3; left: 530px; top: 680px; }
#content .left .newsletter-signup input { padding: 5px; font-size: medium; margin: 5px 0; }
#content .left .newsletter-signup p { font-weight:bold; }
#content .left .newsletter-signup .submit { padding: 0; font-size: small;}
#signup .error { color:red; }

/* subpage content style */
#content.subpage { overflow: hidden; height: auto; background: url('../images/corner.png') no-repeat bottom left; min-height: 275px; padding: 1em 0em 120px 4em; }
#content.subpage .left { background: none; float: left; }
#content.subpage .left p { text-align: left; }
#content.subpage .left .intro { width: 200px; line-height: 1em; margin-bottom: 15px; }
#content.subpage .right { position: static; top: 0px; height: auto; background: none; float: left; }
#content.subpage .newsletter { float: left; }
#content.subpage .newsletter a { display: block; width: 242px; height: 189px; background: url('../images/newsletter.png') no-repeat; }

#content .contact { clear: both; overflow: hidden;}
#content .contact .contact_form { width: 247px; height: 263px; font-weight: bold; font-size: .8em; color: #000; padding: 4em 0px 0px 3em; background: url('../images/post-it.png') no-repeat; }
#content .contact .contact_form input, textarea { background: #f6ec95; border: 1px solid #bfb459; }
#contact .contact .contact_form button { position: absolute; bottom: 0px; right: 0px; background: #f6ec95; border: 1px solid #bfb459; }

#content.subpage .map { float: left; }
#content.subpage .map a { display: block; background: url('../images/maplink.png') no-repeat; width: 137px; height: 165px;  }
#content.subpage .map a:hover { background: url('../images/maplink_hover.png') no-repeat; }

#content h3 { color: #d33888; }
#footer { text-align: center; background: url('../images/footer.png') no-repeat bottom center; margin: 0 auto; }
#footer p { text-align: center; visibility: hidden; }

/* calendar style (because i don't want*/
fieldset { border: none; }
.cal_table td { padding: .5em !important; }
.cal_table td a.cal_daylink { color: #b2f1ff; }
.cal_table td a.cal_daylink:hover { color: #ffffff; }
.ev_navigation { text-align: center; }
.ev_navigation table { margin: 0px auto; }
.cal_td_daysnames { background: #00262e; color:#5cbdd2; }
.cal_td_daysnames span.saturday, .cal_td_daysnames span.sunday { color: #92e6f8; }
.cal_td_daysoutofmonth { background: #024a5a; }
.cal_td_daysnoevents { background: #1d8ea6; }
.cal_td_today { background: #3db0c9; }

/* menu style */
#content.subpage .menu h1 { margin-bottom: -1.5em; clear: both; }
#content.subpage .menu h2 { color: #ddf667; clear: both; margin: 2em 0em 0em; }
#content.subpage .menu .item { width: 500px; }
#content.subpage .menu .item h3 { margin: .8em 0em 0em; }
#content.subpage .menu .options { margin-top: 1em; font-weight: bold; }
#content.subpage .menu .notice { margin-top: .5em; color: #ecfba7; font-weight: bold; }
#content.subpage .sides .item { clear: both; }
#content.subpage .sides .item h3 { margin: 0em .2em 0em 0em; padding: 0em; float: left; }
#content.subpage .sides .item p { padding-top: .1em; }
#content.subpage .menu .hide { display: none; }
#content.subpage .buttonheading { margin: .5em 0px; }
#content.subpage .menu h1 a  { font-size: .4em; }

/* typography */
body { color: #81d4e7; }
.pink { color: #d33888; }
.blue { color: #81d4e7; }
.big { font-size: 1.4em; }
.bigger { font-size: 1.6em; }
.biggest { font-size: 2em; }
.bold { font-weight: bold; }
#content .napkin .nav { font-size: 2em; }

/* form styles */

/* actions */
.hidden { display: none; }

/* clear floats */
.clear:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

#movie_nav { float: left; margin: 15px; }
#player { float: left; border: 4px solid #2f2f2f; margin: 15px; }
#webisodes { clear: both; overflow: hidden; }