/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
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";

@font-face {
    font-family: 'Tertre';
    src: url('tertre-xbol-webfont.eot');
    src: local('tertre-xbol-webfont'), 
         url('tertre-xbol-webfont.ttf') format('truetype'),
         url('tertre-xbol-webfont.svg#font') format('svg'); 
}

html { background: url(images/background.png); color: #555; font-family: georgia, times, serif; font-size: 14px; }
body { padding: 60px 0; margin: 0 auto; }
#container, #navigation, #banner, #summary, #footer { width: 1000px; margin: 0 auto; }
h1, h2, h3, h4 { font-family: 'Tertre', 'Lucida Grande', sans-serif; }
h1 a, h2 a, h3 a, h4 a { color: #555; }
h1 { font-size: 24px; margin-bottom: 12px; }
h2 { font-size: 20px; margin-bottom: 9px; }
h3 { font-size: 17px; }
a { text-decoration: none; color: #1da3d1; }
br { display: none; }
.clear { clear: both; height: 30px; }

/* ------- Forms -------- */
textarea { width: 90%; }

/* ---------- Decorative Stripes ---------- */
#stripes { position: absolute; top: 300px; left: 0; height: 300px; width: 100%; background: url(images/lines.png); z-index: -1; }
#double_line { position: absolute; top: 600px; left: 0; height: 2px; width: 100%; background: url(images/double_line.png); z-index: -1; }

/* ---------- Header ----------- */
#header { display: block; }
#logo { float: left; position: relative; bottom: 14px; }
#navigation { padding-top: 4px; text-align: right; position: relative; }
#navigation li { display: inline; margin: 0 0 0 30px; }
#navigation a { font-size: 18px; color: #555; font-family: Tertre, 'Lucida Grande', sans-serif; }
#navigation a:hover, #navigation a:active { color: #1da3d1; }
#like_67ideas { position: absolute; bottom: 60px; left: 0; }
#like_67ideas a { text-decoration: none; }
#banner { margin-top: 50px; }
#banner h2 { font-size: 21px; }
#banner .textwidget { height: 323px; margin-bottom: 20px; }
#banner .textwidget img { border: 1px solid #bbb; }
#summary p { text-shadow: white 0 1px 0; font-size: 24px; font-family: Tertre, 'Lucida Grande', sans-serif; margin-bottom: 50px; }
.archive #header, .page-template-default #header { height: 85px; }

/* ---------- Home ---------- */
#summary h2 { font-size: 25px; }
#summary h3 { font-size: 25px; }
.widgets { width: 640px; float: left; }
.column { float: left; padding: 20px 10px; width: 300px; height: 200px; text-shadow: #fff 0 1px 0; }
.column.first { width: 320px; float: right; height: auto; }
.column.first img { margin-bottom: 20px; }
.column .entry-meta { display: block; font-size: 12px; }
.column .entry-meta a { color: #bbb; }
.column .from-meta { display: none; }
.column a:hover, .column a:active { background: url(images/lines.png); }

/* -------- Page ------------- */
.page h1 { font-size: 36px; margin-bottom: 36px; }
.page .post h2 { margin-bottom: 2px; }

/* -------- Post ------------ */
.post { clear: left; font-size: 16px; background: white; border: 1px solid #c2c4ba; border-right: 1px solid #a29d97; padding: 40px; width: 654px; float: left; margin-bottom: 50px; }
.post p { margin: 0 0 24px 0; line-height: 24px; }
.post h3 { font-size: 18px; }
.post h1.title, .post h2.title { width: 500px; font-size: 21px; margin-bottom: 30px; }
.sharing { float: right; position: relative; left: 24px; }
.sharing a[name=fb_share] { position: relative; bottom: 8px; }

/* --------- Comments ---------- */
.comments { float: left; width: 300px; }

/* -------- Sidebar --------- */
#side { float: right; clear: right; border-left: 3px solid #a29d97; margin-bottom: 50px; }
#side .widget { background: url(images/lines.png); border: 1px solid #c2c4ba; border-left: none; width: 220px; padding: 20px; }
#side .widget_search .widgettitle, #side .widget_search #searchform { display: inline; }
#side a:hover, #side a:active { background-color: white; }

/* ---------- Search Form ----------- */
#s { padding: 5px 2px; border: 1px solid #bec7ba; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }

/* ------- Widgets ------- */
.widget { margin-top: 7px; }
.widget_categories li { margin: 7px 0; }
.widget_twitter li, .widget_rss li, .blogroll li, .column li { margin: 7px 0; }
.delicious li { margin: 7px 0; }
.widget_twitter li a, .widget_rss li a, .blogroll li a, .column li a, .delicious li a { padding: 3px 0; }
.widget_twitter .entry-meta { display: none; }

/* ------- Facebook Box -------- */
#text-5 { padding: 12px 28px 12px 12px !important; }
#text-5 iframe { background: white !important; }

/* ---------- 67 Tidbits -----------
#side #text-3, #side #text-7 { background: none; border: none; padding-left: 0; margin-bottom: 0; }
#side #text-3 .widgettitle, #side #text-7 .widgettitle { color: #1da3d1; font-size: 64px; padding-left: 20px; }
#side #text-3 div, #side #text-7 div { font-family: Tertre, 'Lucida Grande', sans-serif; font-size: 21px; background: url(images/lines.png); border: 1px solid #c2c4ba; border-left: none; width: 220px; padding: 20px; margin-bottom: 40px; }
#side #text-7 p { font-size: 18px; margin-bottom: 15px; } 
*/

/* --------- Portfolio -------------- */
#text-5 img { margin-bottom: 20px; }
#text-5 img.last { margin-bottom: 0; }

/* ---------- Footer --------------- */
#footer { clear: both; }

/* ---------- Social Links --------- */
a.twitter, a.facebook, a.vimeo, a.linkedin, a.flickr, a.tumblr, a.delicious { margin: 2px 0; font-size: 12px; padding: 4px 0; text-transform: uppercase; color: #555; display: block; padding-left: 22px; background-repeat: no-repeat; background-position: 0 3px; text-shadow: white 0 1px 0; }

a.twitter { background-image: url(images/twitter_16.png); }
a.facebook { background-image: url(images/facebook_16.png); }
a.vimeo { background-image: url(images/vimeo_16.png); }
a.linkedin { background-image: url(images/linkedin_16.png); }
a.flickr { background-image: url(images/flickr_16.png); }
a.delicious { background-image: url(images/delicious_16.png); }
a.tumblr { background-image: url(images/tumblr_16.png); }


/* --------- Footer --------- */
#footer { background: url(images/horizontal_line_light.png) repeat-x; padding-top: 10px; }
#footer .socialize { float: left; width: 50%; }
#footer .socialize a { position: relative; bottom: 3px; }
#footer .contact { float: right; }
#footer .contact .column { float: right; width: auto; padding-left: 10px; padding-top: 0; height: auto; }
#footer .contact div { margin-bottom: 10px; }
#footer h3, #footer h4 { text-shadow: white 0 1px 0; }
#footer h3 { font-size: 24px; display: inline; position: relative; bottom: 16px; padding-right: 10px; }
#footer a.twitter, #footer a.facebook, #footer a.vimeo, #footer a.linkedin, #footer a.flickr, #footer a.tumblr, #footer a.delicious, #footer a.grooveshark, #footer a.ember {display: inline-block; height: 32px; width: 32px; padding-left: 2px; }

#footer a.twitter { background-image: url(images/twitter_32.png); }
#footer a.facebook { background-image: url(images/facebook_32.png); }
#footer a.vimeo { background-image: url(images/vimeo_32.png); }
#footer a.linkedin { background-image: url(images/linkedin_32.png); }
#footer a.flickr { background-image: url(images/flickr_32.png); }
#footer a.delicious { background-image: url(images/delicious_32.png); }
#footer a.tumblr { background-image: url(images/tumblr_32.png); }
#footer a.ember { background-image: url(images/ember_32.png); }
#footer a.grooveshark { background-image: url(images/grooveshark_32.png); }

/* -------- Portfolio Page ---------- */
.post h1 { padding-bottom: 36px; margin-bottom: 20px; border-bottom: 1px solid #ccc; }
.page-id-8 .post div { margin-bottom: 20px; clear: both; height: 147px; border-bottom: 1px dashed #ccc; }
.page-id-8 .post div a.nivoZoom { float: left; margin-right: 20px; }
.page-id-8 .post div h2 { font-size: 24px; margin-bottom: 0; position: relative; bottom: 6px; }
.page-id-8 .post div p { font-size: 14px; }

/* ------- Contact Form --------- */
#wphc { font: inherit !important; margin-right: 0 !important; }
#wphc button { background: url(images/send_button.png) no-repeat !important; border: none !important; text-indent: -9999px !important; height: 35px; width: 75px; } 
.wphc-message { border: 1px solid #ccc !important; color: #555 !important; }