/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous Kubrick by Michael Heilemann)
Version: 2.8
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/
/*@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
*/
/* RESET */
/* ----------------------------------------- */
* {
margin: 0; padding: 0;
}
html {
overflow=y:scroll;
}
html, body {
height; 100%;
}
body {
background: url(images/background.gif) repeat 0 0 ;
font:83% Verdana, Helvetica, Arial, sans-serif;
color: #803b12;
margin:0;
padding:0;
}
p {
font=size: 14px;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: 16px;
margin: 12px;
}
ul {
list-style: square: inside;
}
ol {
list-style: decimal: inside;
}
a {
outline: none; text-decoration: none;
}
a img {
border: none;
}
img {
vertical-align: middle;
}
table {
border-collapse: collapse;
}
/*UTILITIES*/
.float-left {float:left;
}
.float-right {float:right;
}
.clear {clear:both
}
/*STRUCTURE*/
#page-wrap {
width: 800px;
margin: 0px auto -250px;
min-height: 100%;
height:auto !important;
height: 100%;
}
.push {
height: 250px;
}
/*HEADER*/
h1#guse-logo {
background: url(images/banner-logo.png) center 10px no-repeat;
text-indent: -9999px;
/* margin: 0px 30px 8px 0;
padding-top: 10px*/
height: 145px;
}
#header {
background: url(images/banner_bead-slice.gif) repeat-x 0 0;
}
form#searchform {
margin: 0 0 10px 0;
float: right;
display: none;
}
#menu-bar {
margin-top: 15px;
margin-bottom: 5px;
}
ul#main-nav, #main-nav li {
list-style: none;
display: block;
}
#main-nav li {
float: left;
}
ul#main-nav li a {
margin: 10px 25px;
text-indent: -9999px;
display: block;
height: 17px;
}
li.home a {
background: url(images/nav-list_01.png) no-repeat center -17px;
width: 55px;
}
li.about a {
background: url(images/nav-list_02.png) no-repeat center -17px;
width: 55px;
}
li.news a {
background: url(images/nav-list_03.png) no-repeat center -17px;
width: 130px;
}
li.specials a {
background: url(images/nav-list_04.png) no-repeat center -17px;
width: 145px;
}
li.recipes a {
background: url(images/nav-list_05.png) no-repeat center -17px;
width: 70px;
}
li.blog a {
background: url(images/nav-list_06.png) no-repeat center -17px;
width: 45px;
}
#main-nav li a:hover {
background-position: center top;
}
/* CONTENT */
#content-body {
background: #f2eac6;
border: 1px solid #666;
margin:25px 0 15px;
padding: 10px;
/* do not add height or width values to this element. we avoid using margin/padding and width/height on same elements because it causes problems for browsers. */
}
#content-body ul{
list-style: square inside;
margin-left: 20px;
}
#content-body li {
margin: 16px;
}
.box-social ul {
list-style:none;
margin-top:10px;
}
.box-social li {
margin-top:10px;
margin-bottom:10px;
}
.box-social li img {
margin-right: 0px;
}
/*
.content-right-img {
height: 300px;
width: 300px:
background: url(images/fresh-food.jpg) right no-repeat top;
float:right;
}
.content-top-left {
height:194px;
width: 396px;
background: url(images/content-top-left.png) left no-repeat top;
}
.our-story-1 {
height:256px;
width:577px;
background:url(os-1.png) no-repeat scroll left top;
margin-left:-10px;
.our-story-3 {
height:380px;
width:260px;
background:url(os-3.png) no-repeat scroll right top;
float:right;
margin-right:-40px;
*/
#content-top {
width: 100%;
height: 320px;
}
#content-top p{
font-size:18px;
font-family: ‘Lucida Grande’, ‘Lucida Sans Unicode’, ‘DejaVu Sans’, ‘Bitstream Vera Sans’, ‘Liberation Sans’, Verdana, ‘Verdana Ref’, sans-serif;
line-height: 20px;
margin-left: 10px;
}
#content-top h1{
font=size: 24px;
font-family: Verdana, Helvetica, Arial, sans-serif;
padding-top:40px;
margin-left: 10px;
}
#content-top img{
margin-left:20px;
padding-right: 10px;
}
#content-bottom {
width: 100%;
color: #fff;
}
#content-bottom p {
font-size: 14px;
}
#content-bottom h4 {
font-size: 24px;
}
#content-bottom ul {
liststyle:none;
}
.box-location { width: 233px; min-height: 220px; height:auto !important; height:233px; background: #c98849; border: 1px solid #c98849; position: relative; margin: 10px 9px; float:left;}
.box-location .tl { position: absolute; width: 26px; height: 26px; background: url(images/tl-location.png); top: -2px; left: -2px; }
.box-location .tr { width: 26px; height: 26px; background: url(images/tr-location.png); position: absolute; top: -2px; right: -2px; }
.box-location .bl { width: 26px; height: 26px; background: url(images/bl-location.png); position: absolute; bottom: -2px; left: -2px; }
.box-location .br { width: 26px; height: 26px; background: url(images/br-location.png); position: absolute; bottom: -2px; right: -2px; }
.box-location .inside { padding: 20px; }
.box-specials { width: 233px; min-height: 220px; height:auto !important; height:233px; background: #6d2210; border: 1px solid #6d2210; position: relative; margin: 10px 12px; float: left;}
.box-specials .tl { position: absolute; width: 26px; height: 26px; background: url(images/tl-specials.png); top: -2px; left: -2px; }
.box-specials .tr { width: 26px; height: 26px; background: url(images/tr-specials.png); position: absolute; top: -2px; right: -2px; }
.box-specials .bl { width: 26px; height: 26px; background: url(images/bl-specials.png); position: absolute; bottom: -2px; left: -2px; }
.box-specials .br { width: 26px; height: 26px; background: url(images/br-specials.png); position: absolute; bottom: -2px; right: -2px; }
.box-specials .inside { padding: 20px; }
.box-social { width: 233px; min-height: 220px; height:auto !important; height:233px; background: #5c8e50; border: 1px solid #5c8e50; position: relative; margin: 10px 10px; float:right;}
.box-social .tl { position: absolute; width: 26px; height: 26px; background: url(images/tl-social.png); top: -2px; left: -2px; }
.box-social .tr { width: 26px; height: 26px; background: url(images/tr-social.png); position: absolute; top: -2px; right: -2px; }
.box-social .bl { width: 26px; height: 26px; background: url(images/bl-social.png); position: absolute; bottom: -2px; left: -2px; }
.box-social .br { width: 26px; height: 26px; background: url(images/br-social.png); position: absolute; bottom: -2px; right: -2px; }
.box-social .inside { padding: 20px; }
.box-social .inside ul { margin-left:10px; list-style: none;}
.box-social .inside li { margin:0px; list-style: none;}
.box-social .inside img { margin:0px;}
/*SIDEBAR*/
#sidebar{
width:"200px";
float: "right";
}
/* LAYOUT */
/* ----------------------------------------- */
/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */