/* J. Kelly 
"Party and Bullshit"

This is the general style sheet. Index links to the 960 grid framework, the nav, and a reset sheet.
*/

/* General */

body { background:#0A0A0A url(../img/bg1.jpg) no-repeat center top; color: #efefef; margin:0; padding:0;}
#wrapper { font-family: Arial, Helvetica, sans-serif; font-weight: 300; position: relative; }
#wrapper-menu { font-family: Arial, Helvetica, sans-serif; font-weight: 300; position: relative; background: url(../img/wrapper-bottom-bg.png) no-repeat bottom; }
a { text-decoration: none; color: #ae5e35; }
a:hover { text-decoration: underline }
h4 { margin-bottom: 8px }
p.lead {	font-size: 22px; line-height: 28px }
strong { font-weight: bold }
em { font-style: italic }
img.wborder { margin: 0 1em 1em 0; padding: 10px; background: #fff; border: 1px solid #bfbfbf; }
img.wborder-right { margin: 0 0 1em 1em; float: right; display: inline; padding: 10px; background: #fff; border: 1px solid #bfbfbf; }
img.pdf { float: right; display: inline; margin-left: 10px; }

/* Header */

#logo2 { margin-left:auto; margin-right:auto; }
#logo2 h1, #logo2 h2, #logo2 a { text-indent: -9999px; }
#logo2 h1, #logo2 h2 { position: absolute; left: -9999px; }
#logo2 a { display: block; height: 174px; width: 200px; position: relative; background: url(../img/logo.png) no-repeat; }
#logo2 a:hover { }

#header { margin-left:auto; margin-right:auto; }

/* Structure and misc */

#highlight-about { background: url(../img/highlightbar.png) repeat; height: 385px; width: 100%; position: absolute; top: 520px; left: 0; z-index: -1; }

#about-wrap{ margin-top: 20px; }
#about h2 { font-size: 28px; line-height: 36px; letter-spacing: -0.75px; margin-bottom: 25px; }
#about p { font-size: 18px; line-height: 26px; letter-spacing: -0.5px; margin-bottom: 20px; color: #d8d2ad; }
#about p strong { font-weight: bold; }
#about p span { color: #d8d2ad; font-weight: bold; }
#about-space { height:50px;}

#cycler h3, #cycler h4 { text-indent: -9999px; position: absolute; }
#cycler { float: left; margin: 5px 0 0 0;; padding: 0; background: url(../img/cycler-bg.png) no-repeat; height: 345px; width: 940px; }
#cycler .mkt-item { margin-top: 14px; }

#featured { width: 425px; float: right; padding: 0 0 10px 0; position: relative; }
#featured h3, #featured h4 { padding: 0; }
#featured h3 { font-size: 18px; font-weight: bold; letter-spacing: -0.75px; line-height: 28px; margin: 8px 0 4px 0; }
#featured h3 a { color: #d8d2ad; }
#featured h4 { font-family: Georgia, serif; color: #fff; font-size: 14px; font-weight: 300; line-height: 1.4em; }
#featured a#view-all { position: absolute; right: 20px; bottom: 0; font-weight: 500; }


/* Menu style */

#menu-wrap{ margin-top: 20px; }

.menu-column, .menu-column-bottom { font-family: Georgia, serif; font-size: 14px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1.6em; text-align:center; width:420px; }
.menu-top-description { color: #FFE8C5; } 
.menu-item-title { font-family: Verdana; letter-spacing: -1px; font-size: 18px; font-weight: bold; }
.menu-item-cost { font-size:18px; color: #FFE8C5; }
.menu-item-sidecost { font-size:14px; font-weight: bold; color: #FFE8C5; }
.menu-item-description { font-size: 16px; line-height:1.0em; }
.menu-column-bottom { margin: 0 auto 30px auto; }

#menu-button {width: 138px; height:34px; margin:20px auto 40px auto;}

/* Footer columns */

#hours-wrap{ margin-top: 40px; }
.hours-column { font-family: Georgia, serif; font-size: 14px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1.6em; }
.hours-column-left { margin:0; text-align:right; font-family: Verdana; letter-spacing: -1px; font-size: 14px; font-weight: bold; color:#999; }
.hours-right { font-family: Georgia, serif; font-style:normal; font-weight:normal; font-size:14px; color: #666; }
.contactus { font-family:Verdana,sans-serif; letter-spacing:-1px; font-size:14px; font-weight:bold; color:#666; text-align:right;}

/* Footer */

#footer { background: #000 url(../img/footer-bg.jpg) no-repeat top center; color: #515151; width:100%; min-height:180px;}
#footer-wrap { width:960px; padding: 30px 0 0 0; margin: 0 auto 0 auto; }
#footer a { color: #ccc; }
#footer span { padding: 0; }
#footer img { float: right; display: inline; margin: 0; }