/*
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 (WP2.6.2)
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/
/* from original theme:
@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
*/
/* RESET */
/* ----------------------------------------- */
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, th, td { margin:0; padding:0 }
body { font-family: Verdana, Arial, Helvetica, sans-serif;
overflow-y: scroll;}
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-weight: normal }
q:before, q:after { content:''}
/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */
/* text */
p { font-size: .9em; vertical-align: top; margin: 1em 0em;}
p.center { text-align: center; }
h2 { font-size: 1.2em; font-weight: normal; margin: 0em;}
h3 { font-size: 1em; }
.text { margin: 0em; }
.smalltext { font-size: .8em; margin: 0em; }
.tinytext { font-size: .6em; }
li.indent { margin-left: 1.5em; }
.center { text-align: center; }
/* pseudoclasses */
a { text-decoration: none; }
a:link { color:#000 } /* unvisited link */
a:visited { color:#000 } /* visited link */
a:hover { background: #BCBCBC; color: black; } /* mouse over link */
a:active { background: #BCBCBC; color: black; } /* selected link */
/* stuff */
.page_item { color: red; }
.page_item { color: red; }
.logo { padding-top: 1em; }
.button { background-color:#ceb498; border:solid; border:1px; display: block;
width: 50px; height: 50px; }
/* utilities, from Chris Coyier's website */
.floatleft { float: left; }
.floatright { float: right; }
.button { border: 1px solid #272727; background: white; padding: 3px 8px; }
.button:hover { color: white; }
.clear { clear: both; }
/* structure */
#page-wrap { width: 800px; margin: 0px auto; }
#main_col { width: 598px; float: left; }
.post { width: 800px; padding: .5em 0em; float: left; }
.inlineblock { display: inline; border: solid; position: absolute; width: 33%; height: auto;
margin: 0; padding: 0; }
/* menu-bar */
#menu-bar { padding-top: 1em; padding-bottom: 1em; }
#menu-item { width: 800px; text-align: center; }
ul#menu-item li { display: inline; }
ul#menu-item li a { padding: 0 12px; font-size: .9em; }
ul#menu-item li a:hover { background: #BCBCBC; color: black; }
/* sidebar */
#sidebar { width: 192px; float: right;}
#sidebox { background: #bcbcbc; padding: .4em; margin: .6em 0em;
-moz-border-radius: 5px; -webkit-border-radius: 5px; }
/* boxes */
.musicbox { background: white; padding: .7em; margin: .3em 0em;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
border-color: #BCBCBC; border-style: solid; width: auto;
margin: .8em 0em; }
.outlinebox { background: white; padding: .7em; margin: .3em 0em;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
border-color: #BCBCBC; border-style: solid; width: auto;
margin: .8em 0em; }
.biobox { background: white; padding: .5em; margin: 0em 0em;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
border-color: #BCBCBC; border-style: solid;
width: auto; height: 200px;}
/* images */
.bio_thumb { margin-right: .4em; float: left;}
.bio_thumb_right { margin-left: .4em; float: right;}
img.biopic { float: left; margin-right: 10px; margin-bottom: 10px; }
/* footer */
.footer { font-size: .6em; text-align: center; margin: 2em 0em; }
/* searchform */
#s { border: 2px solid #BCBCBC; width: 192px;}
#searchsubmit { background: #BCBCBC; border: 0px solid #000; }
/* comments */
h3.respond { margin-top: 1em; }
/* splash gaze (special splash page for BOOK OF GAZES promotion) */
#splashbox { background-image: url(style/images/shoes.jpg);
background-repeat: no-repeat;
width: 800px;
height: 624px;
display: block;}
#splashtext { text-align: right;
padding-top: 50px;
padding-right: 50px;}
#splashcredit { font-size: .5em; position: absolute; bottom: 0px; right: 50px; }
/* things that i can use later?
*/
/* TYPOGRAPHY */
/* ----------------------------------------- */
/* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
h1, h2, h3, h5, h5, h6 { font-weight:bold }
/* Font stack options
The following represents a list of font stacks, as recommended by Nathan Ford in
http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/
I've added inverted commas around the relevant family names to ensure compatibility.
p = balanced for paragraphs or body copy
t = balanced for headlines or titles
- - - -
Arial, 'Helvetica Neue', Helvetica, sans-serif - p, t
Baskerville, 'Times New Roman', Times, serif - p
Baskerville, 'Times, Times New Roman', serif - t
Cambria, Georgia, Times, 'Times New Roman', serif - p, t
'Century Gothic', 'Apple Gothic', sans-serif - p, t
Consolas, 'Lucida Console', Monaco, monospace - p, t
'Copperplate Light', 'Copperplate Gothic Light', serif - p, t
'Courier New', Courier, monospace - p, t
'Franklin Gothic Medium', 'Arial Narrow Bold', Arial, sans-serif - p, t
Futura, 'Century Gothic', 'Apple Gothic', sans-serif - p, t
Garamond, 'Hoefler Text', 'Times New Roman', Times, serif - p
Garamond, 'Hoefler Text', Palatino, 'Palatino Linotype', serif - t
Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif - p
Geneva, Verdana, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif - t
Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif - p
Georgia, Times, 'Times New Roman', serif - t
GillSans, Calibri, Trebuchet, sans-serif - p
GillSans, Trebuchet, Calibri, sans-serif - t
'Helvetica Neue', Arial, Helvetica, sans-serif - p
Helvetica, 'Helvetica Neue', Arial, sans-serif - t
Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif - p, t
'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif - p, t
Palatino, 'Palatino Linotype', Georgia, Times, 'Times New Roman', serif - p
Palatino, 'Palatino Linotype', 'Hoefler Text', Times, 'Times New Roman', serif - t
Tahoma, Geneva, Verdana - p
Tahoma, Verdana, Geneva - t
Times, 'Times New Roman', Georgia, serif - p, t
Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif - p
Trebuchet, Tahoma, Arial, sans-serif - t
Verdana, Geneva, Tahoma, sans-serif - p
Verdana, Tahoma, Geneva, sans-serif - t
*/
/* 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 }
/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
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 */