/*
Theme Name: Mercury Espresso
Theme URI: http://www.mercuryespresso.com
Description: mmm coffee... (based on starks)
Version: 1.0
Author: Chris Lopes
Author URI: http://gocactus.com
Tags: coffee, starkers
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";




/*			BASIC PAGE SETUP & RESET			*/

*										{ margin: 0; padding: 0; }
html									{ overflow-y: scroll; }
body									{ font: 62.5% Georgia, Times, "Times New Roman", serif; background: url(images/bg-body.gif) repeat-x top white; }

ul										{ list-style: none inside; }
p										{ font: 1.3em/1.5em Georgia, Times, "Times New Roman", serif; margin-bottom: 1.3em; }
a										{ outline: none; }
img, a img								{ border: none; }

h1										{ font-size: 18px; color: #504135; padding-bottom: 8px; }
h2										{ font-size: 16px; color: #504135; padding: 10px 0 8px 0; }
h3										{ font-size: 16px; color: #504135; padding-bottom: 8px; }


h1 a, h2 a, h3 a, p a, #sidebar li a, a.twitter-link					{ color: #a15914; font-weight: bold; }
a:visited								{ color: #bd8148; }





/*			TOOLBOX								*/

.floatleft								{ float: left; }
.floatright								{ float: right; }
.clear									{ clear: both; }

.column2								{ float: left; width: 290px; padding: 0 25px 0 0; }
.column3								{ float: left; width: 375px; padding: 0 25px 0 0; }
.column5								{ float: left; width: 665px; padding: 0 25px 0 0; }

.nopad									{ padding-right: 0; }





/*			MAIN STRUCTURE						*/

#page-wrap								{ margin: 0 auto; width: 1008px; padding: 10px 0 50px 0; }

#header									{ background: url(images/bg-main.gif) center no-repeat; height: 502px; margin: 0 auto; }

img#logo								{ z-index: 999; position: absolute; top: 20px; }

#sidebar								{ width: 300px; float: right; }

#sidebar h2								{ -moz-border-radius: 10px;
										  -webkit-border-radius: 10px;
										  border-radius: 10px; /* future proofing */
										  -khtml-border-radius: 10px; /* for old Konqueror browsers */
										  background: #504136;
										  padding: 10px 10px;
										  color: #f4eecb;
										  margin: 10px 0;}
										  
#sidebar ul li							{ font-size: 12px; padding-bottom: 5px; }




/*			NAVIGATION							*/

#nav-box								{ width: 1010px; margin: 0 auto; }
ul.nav li								{ float: left; display: block; }
ul.nav li a								{ font-size: 14px; display: block; float: left; color: #000; text-decoration: none; text-transform:uppercase; padding-right: 65px; height: 40px; }
ul.nav li a:hover						{ position: relative; top: -10px; }
ul.nav li.last a						{ padding-right: 0; }
ul.left									{ float: left; padding: 40px 0 0 0 }
ul.right								{ float: right; padding: 40px 0 0 0; }
ul.right li a							{ padding-right: 70px; }





/*			FOOTER 								*/

#footer									{ background: url(images/bg-footer.gif) repeat-x #504136; color: #f4eecb; }
#footer-wrap							{ margin: 0 auto; height: 250px; width: 1000px; padding-top: 25px; }

#footer h2								{ color: #f4eecb; }

#footer a:link, #footer a:visited		{ color: #f4eecb; font-weight: bold; }
#footer a:hover							{ color: #ffda7d; }

#contact								{ float: left; width: 300px; padding-left: 50px; }
#hours									{ float: right; width: 300px; }

#hours td								{ font-size:16px; }