/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6
AUTHOR: Andy Skelton & Scott Allan Wallick
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/
/* Styling for WP E-Commerce plugin can be found in plugin files titled "default.css" */
/* BROWSER RESET */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
html, body { height: 100%; }
body { font-size: 62.5%; font-family: Georgia, sans-serif; color: #373f34; background: white; }
ul { list-style: none; }
ol { list-style: decimal inside; }
a { outline: none; text-decoration: none; color: #9c3d27; }
a:hover { color: #3e98ca; }
a img { border: none; }
img { vertical-align: middle; }
table { border-collapse: collapse; text-align: top left; }
/* UTILITY */
.floatLeft { float: left; }
.floatRight { float: right; }
.clear { clear: both; }
/* STRUCTURE */
#page-wrap { width: 1010px; margin: 0px auto; position: relative; background: url(../images/body-bg.png) repeat-y; }
#push { height: 250px; }
#header { width: 1010px; height: 182px; background: url('../images/header-bg.jpg') top center no-repeat; margin: 0px auto; }
#nav-bar { width: 1010px; margin: 0px auto; }
/* HEADER */
h1#blog-title a { width: 214px; height: 75px; margin-left:60px; margin-top: 106px;
background: url('../images/logo.jpg') left no-repeat; float: left; text-indent: -9999px; }
#blog-description { font-family: Copperplate Gothic Light, Georgia, serif; font-size: 1.3em; color: #9398a0;
text-transform: uppercase; margin-left: 8px; margin-top: 135px; float: left; }
/* MAIN NAVIGATION */
ul#main-menu li { display:inline; }
ul#main-menu li a {
display: block;
height: 64px;
text-indent: -9999px;
float: left;
}
ul#main-menu li.ourcoffeebut a {
width: 168px;
background: url('../images/ourcoffee.jpg') bottom center no-repeat;
}
ul#main-menu li.menusbut a {
width: 73px;
background: url('../images/menus.jpg') bottom center no-repeat;
}
ul#main-menu li.newsbut a {
width: 133px;
background: url('../images/news.jpg') bottom center no-repeat;
}
ul#main-menu li.hoursdirbut a {
width: 168px;
background: url(../images/hoursdir.jpg) bottom center no-repeat;
}
ul#main-menu li.aboutbut a {
width: 118px;
background: url(../images/about.jpg) bottom center no-repeat;
}
ul#main-menu li.sidebartop a {
width: 350px;
background: url('../images/homegraphics/sidebar-top-blank.jpg') no-repeat;
}
ul#main-menu li a:hover {
background-position: top center;
}
/********************************* HOME PAGE CONTENT STYLES *******************************************************/
#home-page-content { width: 716px; padding-top: 50px; padding-bottom: 30px; margin: 0 auto; background: white; }
ul#homenav li { display: inline;}
ul#homenav li a {
display: block;
height: 346px;
text-indent: -9999px;
float: left;
}
ul#homenav li.buycoffeehome a {
width: 248px;
background: url(../images/homegraphics/homecoffee/rotator.php) center no-repeat;
}
ul#homenav li.latestnews a {
width: 219px;
background: url(../images/homegraphics/homenews/rotator.php) center no-repeat;
}
ul#homenav li.checkoutmenus a {
width: 249px;
background: url(../images/homegraphics/homemenu/rotator.php) center no-repeat;
}
/******************************************************* TYPOGRAPHY ******************************************/
h2.entry-title { font-size: 2.2em; color: #9c3d27; padding-bottom: 15px; text-transform: uppercase; }
h2.entry-title a { color: #9c3d27; }
h2.entry-title a:hover,active { color: #3e98ca; }
h2.blog-entry-title { padding-bottom: 5px }
h3.widgettitle { font-size: 1.4em; font-family: Verdana, sans serif; }
#content h3 { font-size: 1.5em; padding-bottom: 10px; }
#content h4 { font-family: Verdana, sans-serif; font-size: 1.4em; font-weight: bold; color: #9c3d27; line-height: 1.6em; }
#content p { padding-bottom: 1.2em; font-size: 1.3em; line-height: 1.6em; }
#content ul li { font-size: 1.4em; line-height: 1.6em; list-style: disc outside; margin-left: 32px; padding-bottom: 8px; }
h5 { font-size: 1.2em; }
/***************************************** POST CONTENT **********************************************************/
.alignleft { display: inline; float: left; }
.alignright { float: right; }
.wp-caption-text { font-size: 0.8em; }
.entry-meta { padding-bottom: 50px; }
/***************************************** MAIN CONTENT AREA ******************************************************/
#content { padding-bottom: 50px; }
#container { width: 550px; height; margin: 40px 40px 40px 90px; float: left; }
.entry-date { padding-bottom: 25px; }
table#pagecontent {
margin-top: 25px;
}
table#pagecontent td {
padding: 10px;
}
table#pagecontent tr {
text-align: left;
vertical-align; top;
}
/******************************************** SIDEBAR AREAS ****************************************************/
#primary { width: 268px; height: 80px; background: url(../images/sidebar/search-bg.jpg) center no-repeat;
margin-right: 42px; margin-top: 15px; float: right; }
#secondary {
width: 234px;
border: 5px solid;
border-bottom-color: #7E7D83;
border-top-color: #D1D0C8;
border-left-color: #D1D0C8;
border-right-color: #7E7D83;
margin-top: 25px;
margin-bottom: 25px;
margin-right: 56px;
float: right;
background-color: #ABA9AB;
}
ul#sidebarnav {
width: 204px;
border-top: 8px solid #7E7D83;
border-bottom: 8px solid #D1D0C8;
border-left: 6px solid #8B9093;
border-right: 6px solid #99A0A5;
margin: 8px;
float: right;
background-color: #E8E4E4;
}
ul#sidebarnav.xoxo ul.xoxo {
border-style: hidden;
}
#secondary ul li {
list-style: none;
padding: 8px 15px;
}
#secondary a {
font-size: 1.4em;
font-weight: regular;
font-family: Georgia, serif;
}
#secondary a:hover { color: #3e98ca; }
h2#secondary { padding-bottom: 10px; }
/* MENU SUB-NAV */
#menu-sidebar {
width: 268px;
position: absolute;
top: 95px;
left: 700px;
z-index: 1
}
#menuhead {
width: 268px;
height: 124px;
background: url(../images/sidebar/menu-sidebar-top.jpg) center top no-repeat;
text-indent: -9999px;
}
ul#menunav {
width: 268px;
background: url(../images/sidebar/menu-sidebar-bg.png) center repeat-y;
}
ul#menunav li a {
display: block;
margin-left: 45px;
text-indent: -9999px;
width: 171px;
}
ul#menunav li.espressopg a {
height: 34px;
background: url(../images/sidebar/espresso-but.png) bottom center no-repeat;
}
ul#menunav li.cold-drinkspg a {
height: 40px;
background: url(../images/sidebar/cold-drinks-but.png) bottom center no-repeat;
}
ul#menunav li.sandwichespg a {
height: 27px;
background: url(../images/sidebar/sandwiches-but.png) bottom center no-repeat;
}
ul#menunav li.paninispg a {
height: 25px;
background: url(../images/sidebar/paninis-but.png) bottom center no-repeat;
}
ul#menunav li.bakerypg a {
height: 36px;
background: url(../images/sidebar/bakery-but.png) bottom center no-repeat;
}
ul#menunav li a:hover {
background-position: top center;
}
h2#menufoot { width: 268px; height: 43px; background: url(../images/sidebar/menu-sidebar-bottom.jpg) center no-repeat;
text-indent: -9999px; }
/* SEARCH FORM */
#searchform { padding-left: 55px;}
#s { vertical-align: top; margin-top: 15px; }
#search h3.widgettitle { text-indent: -9999px }
#searchform input.button { width: 54px; height: 50px; border: none; background: url(../images/sidebar/searchbutton-off.png) top right no-repeat; text-indent: -9999px; }
#searchform input.button:hover { background: url(../images/sidebar/searchbutton-hover.png) top right no-repeat; }
/********************************************** FOOTER ********************************************************/
#footer-info { margin: 0px auto; text-align: center; }
#footer { width: 1010px; height: 159px; margin: 0px auto; background: url(../images/footer-bg.jpg) center bottom no-repeat; }
#footer-menu { width: 700px; height: 25px; margin: 0px auto; padding-top: 25px; padding-bottom: 12px; text-align: center;
border-top: 4px solid #e6ded4; }
#footer-menu li { display: inline; }
#footer-menu li a { font-family: Georgia, serif; font-size: 1.2em; color: #696c70; padding: 7px; }
#footer-menu li a:hover,active { color: black; text-decoration: underline; }