@import "reset.css";

/*** =general ***/
body {
  background: #140503 url('../images/body_bg.jpg') no-repeat scroll center top;
  color: #ceb0a2;
  font: 62.5%/1.8em Helvetica, Arial, sans-serif;
  min-width: 960px;
}
#wrapper { margin: 0 auto; width: 960px; }
#content-wrapper { position: relative; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix { display: inline-block; }

/*** =header ***/
#header { height: 234px; position: relative; }
#logo a { background: url('../images/logo.jpg') no-repeat 0 0; display: block; height: 134px; left: 70px; overflow: hidden; position: absolute; text-indent: -9999px; top: 50px; width: 160px; }
#header li.opening_hours_monday_thursday { background: url('../images/header_details.jpg') no-repeat -25px 0; display: block; height: 22px; left: 445px; position: absolute; text-indent: -9999px; top: 133px; width: 287px; }
#header li.opening_hours_friday { background: url('../images/header_details.jpg') no-repeat right 0; display: block; height: 22px; left: 768px; position: absolute; text-indent: -9999px; top: 133px; width: 182px; }
#header li.opening_hours_summer { background: url('../images/header_details_summer.jpg') no-repeat right 0; display: block; height: 22px; left: 680px; position: absolute; text-indent: -9999px; top: 133px; width: 270px; }
#header li.address a { background: url('../images/header_details.jpg') no-repeat 0 -29px; display: block; height: 22px; left: 420px; position: absolute; text-indent: -9999px; top: 162px; width: 312px; z-index: 100; }
#header li.phone { background: url('../images/header_details.jpg') no-repeat right -29px; display: block; height: 22px; left: 785px; position: absolute; text-indent: -9999px; top: 162px; width: 165px; }
#header #map { display: none; }

/*** =main menu ***/
#content-wrapper { border-top: 1px solid #6a1f0d; margin-top: 1px; width: 350px; }
#content-wrapper .wrap { border-bottom: 1px solid #6a1f0d;  }
#content-wrapper .wrap h2 a { background: url('../images/spur.png') no-repeat 20px 0; color: #d18416; display: block; font-size: 1.8em; font-weight: normal; padding: 20px 70px; text-decoration: none; }
#content-wrapper .active h2 a, #content-wrapper .wrap h2 a:hover { background: url('../images/spur.png') no-repeat 20px -60px !important; }
#content-wrapper .content { display: inline-block; padding: 0 0 20px; width: 960px; }
#content-wrapper .content:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/*** =main image slideshow ***/
#content-wrapper #slideshow { border: 5px solid #6a1f0d; height: 287px; position: absolute; left: 370px; top: -1px; width: 580px; }
#content-wrapper #slideshow .hidden { display: none; }

/*** =main menu section image ***/
#content-wrapper .wrap .wrap_image {
  background: red;
  display: none;
  height: 100px;
  left: 375px;
  position: absolute;
  top: 4px;
  width: 100px;
  z-index: 5000;
}

/*** =content section styling ***/
#content-wrapper .content { font-size: 1.2em; line-height: 1.6em; margin-bottom: 20px; }
#content-wrapper .content a { color: #9D5100; text-decoration: underline; }
#content-wrapper .content a:hover { color: #d18416; }
#content-wrapper .content p { margin-bottom: 1em; }
#content-wrapper .content h3 { color: #d18416; font-size: 1.5em; font-weight: normal; margin-bottom: 1em; }
#content-wrapper .content h4 { color: #fff; }
#content-wrapper .content ul, #content-wrapper .section ol, #content-wrapper .section dl { margin-bottom: 1em; }
#content-wrapper .content dl dt { color: #fff; font-weight: bold; }

/*** =section columns ***/
#content-wrapper .section .columns { display: inline-block; }
#content-wrapper .section .columns:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
#content-wrapper .section .columns .column { float: left; }

/*** =content menu ***/
#content-wrapper .content .menu { border-top: 1px solid #6a1f0d; float: left; margin-right: 20px; margin-top: 1px; width: 230px; }
#content-wrapper .content .menu li { border-bottom: 1px solid #6a1f0d; }
#content-wrapper .content .menu li a { color: #9D5100; display: block; height: 1%; padding: 5px 10px; text-decoration: none; }
#content-wrapper .content .menu li a:hover { color: #d18416; }

/*** =epic barita school ***/
#epic_barista_school .sections { float: left; width: 710px; }
#epic_barista_school .column { width: 340px; }
#epic_barista_school .one { margin-right: 20px; }

/*** =menu ***/
#menu .column { float: left; width: 307px; }
#menu .one, #menu .two { margin-right: 20px; }
#menu .three { width: 306px; }

/*** =about epic espresso ***/
#about_epic_espresso .sections { float: left; width: 710px; }
#about_epic_espresso .column { width: 340px; }
#about_epic_espresso .one { margin-right: 20px; }

/*** =gallery ***/
#gallery .content { margin-bottom: 0; }
#gallery_wrapper { margin: 0 auto; padding-bottom: 60px; padding-top: 50px; position: relative; width: 960px; }
body.javascript-enabled #gallery_wrapper { height: 228px; overflow: hidden; }
body.javascript-enabled #gallery_images { left: 0; position: absolute; top: 49px; }
#gallery_images li { float: left; padding: 10px 10px 0 0; }
#gallery_images li a { display: block; padding: 0 0 10px 10px; }
#gallery_images li a img { border: 1px solid #5D1609; }

#gallery_wrapper .slider { bottom: 15px; left: 50%; position: absolute; }
#gallery_wrapper .top_slider { bottom: auto; top: 25px; }
#gallery_wrapper .slider li { float: left; }
#gallery_wrapper .slider li a { background: transparent url('../images/slider.png') no-repeat 0 0; display: block; height: 16px; margin-right: 4px; text-indent: -9999px; width: 16px; }
#gallery_wrapper .slider li a:hover { background-position: 0 -16px; }
#gallery_wrapper .slider li a.activeSlider { background-position: 0 -32px; }


/*** =team ***/
#the_epic_espresso_team .content { margin-bottom: 0; }
#team_wrapper { margin: 0 auto; padding-bottom: 60px; padding-top: 50px; position: relative; width: 960px; }
body.javascript-enabled #team_wrapper { overflow: hidden; }
body.javascript-enabled #team_members { left: 0; position: absolute; top: 49px; }
#team_members li { float: left; padding: 10px 20px 0 0; width: 220px; }
#team_members li a { display: block; padding: 0 0 10px 10px; }
#team_members li a img { border: 1px solid #5D1609; }
#team_members li .team_photo { border: 1px solid #5D1609; width: 218px; height: 218px; position: relative; overflow: hidden; }
#team_members li .team_photo img { position: absolute; top: -1px; left: -1px; }

#team_wrapper .slider { bottom: 15px; left: 50%; position: absolute; }
#team_wrapper .top_slider { bottom: auto; top: 25px; }
#team_wrapper .slider li { float: left; }
#team_wrapper .slider li a { background: transparent url('../images/slider.png') no-repeat 0 0; display: block; height: 16px; margin-right: 4px; text-indent: -9999px; width: 16px; }
#team_wrapper .slider li a:hover { background-position: 0 -16px; }
#team_wrapper .slider li a.activeSlider { background-position: 0 -32px; }

/*** =footer ***/
#footer { color: #6c2b11; font-size: 1.1em; height: 70px; line-height: 1.6em; padding: 20px 10px; position: relative; }
#footer a { color: #b96441; text-decoration: none; }
#footer a:hover { color: #CE7753; }
#footer #contact_copyright {
  position: absolute;
  right: 0;
  text-align: right;
  top: 20px;
  width: 275px;
}
#footer #twitter, #footer #facebook { background: url('../images/twitter.gif') no-repeat 0% 50%; color: #8E3F1D; height: 40px; padding-left: 60px; width: 280px; }
#footer #twitter .tweet strong, #footer #facebook strong { color: #d18416; font-weight: normal; }
#footer #twitter .tweet strong a, #footer #facebook strong a { color: #d18416; }
#footer #twitter .tweet strong a:hover, #footer #facebook strong a:hover { color: #fff; }
#footer #twitter .tweet ul, #footer #twitter .tweet ul li { display: inline; }
#footer #twitter .tweet small { color: #6C3900; }
#footer #facebook { background: url('../images/facebook.gif') no-repeat 0 20%; position: absolute; left: 370px; padding-left: 40px; top: 20px; }

/*** =temp ***/
.image { height: 360px; background: red; }

/*** =javascript enabled features ***/
body.javascript-enabled .sections_wrap { float: left; overflow: hidden; position: relative; width: 710px; }
body.javascript-enabled .sections_wrap .sections { float: none; position: absolute; top: 0; left: 0; }
/*body.javascript-enabled .sections_wrap .section { float: left; padding-left: 0 !important; }*/
body.javascript-enabled .sections_wrap .section { float: left; margin: 0 !important; padding: 0 !important; width: 710px; }
body.javascript-enabled .landing { display: none; }

/*** =coffee cup ***/
body.javascript-enabled #coffee_cup {
  background: url('../images/menucoffeecup.png') no-repeat scroll top left;
  height: 431px;
  left: 50%;
  position: absolute;
  margin-left: 60px;
  top: 130px;
  width: 436px;
}

/*** =status for pages ***/
.status { bottom: 0; color: #6C3900; left: 0; position: absolute; text-align: center; width: 960px; }
.top_status { bottom: auto; top: 0; }