/*
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
*/
/* --- RESET --- */
html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p { margin: 0; padding: 0; }
ul,li { list-style-type: none; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-style: normal; }
em { font-style:italic; }
strong {font-weight:bold; }
img { border: none; }
a { text-decoration: none; }
/* COLORS
Light Blue: #D9F4F3
Blue/Gray Text: #2E353A
Yellow: #FBE474
Orange: #EFAE50
*/
body { background: #BCB196 url(/img/bkg.jpg) fixed repeat; font-family: Georgia, Times New Roman, Times, serif; z-index: -5; }
#top_bar { width: 100%; height: 25px; background: #3D2A05 url(/img/top-bar.jpg) repeat-x; position: fixed; z-index: -10; border-bottom: 2px #D9F4F3 solid;}
#container { width: 700px; margin: 0 auto; padding: 60px 0 0 0; z-index: 100; position: relative; }
p { font-size: 16px; color: #2E353A; line-height: 1.5em; margin-bottom: 20px; }
p a { color: #2E353A; border-bottom: 1px #EFAE50 solid; }
p a:hover { color: #2E353A; background: #D9F4F3; border-bottom: 1px #EFAE50 solid; }
img { border-bottom: 0px; }
#nav_area { position:fixed; top: 100px; height: 250px; width: 700px; z-index: -1; background: url(/img/nav-bkg.png) center no-repeat; }
#masthead { float: left; width: 245px; height: 249px; margin: 50px 0 0 -205px; position: fixed; z-index: -1; }
#masthead a:link, #masthead a:active, #masthead a:visited { filter:alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; }
#masthead a:hover { filter:alpha(opacity=90); -moz-opacity: 0.90; -khtml-opacity: 0.90; opacity: 0.90; }
#navigation { float: right; z-index: 10; position: fixed; z-index: -1; margin: 50px 0 0 700px; }
#nav { list-style: none; padding: 0; margin: 0; width: 210px; height: 240px; background: url(/img/nav2.png) no-repeat; }
#nav li { float: left; width: 100%; }
#nav a { display: block; background: transparent url(/img/nav2.png) 0 0 no-repeat; }
#blog a { height: 65px; background-position: 0 0; }
#tumblr a { height: 50px; background-position: 0 -65px; }
#proofing a { height: 50px; background-position: 0 -115px; }
#contact a { height: 50px; background-position: 0 -165px; }
#blog a:hover {background-position: 0 -240px;}
#tumblr a:hover {background-position: 0 -305px;}
#proofing a:hover {background-position: 0 -355px;}
#contact a:hover {background-position: 0 -405px;}
#pagination { width: 500px; height: 70px; margin: -90px auto 60px auto; text-align: center; }
#pagination a:link, #pagination a:active, #pagination a:visited { filter:alpha(opacity=85); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85; }
#pagination a:hover { filter:alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; }
p.comments_link { font-size: 14px; text-align: right; padding: 5px 0 0 0; }
.blog_post { width: 586px; margin: 0 auto; padding: 0 50px 30px 50px; position: relative; z-index: 100; background: #fff; border-left: 7px #D9F4F3 solid; border-right: 7px #D9F4F3 solid; }
h1 { width: 586px; font-family: "swingdancer-1","swingdancer-2"; font-size: 60px; text-align: center; padding: 25px 0 0 0; }
h1 a { color: #2E353A; }
h1 a:hover { background: #D9F4F3; }
h2 { font-size: 30px; color: #2E353A; }
h3 { font-family: "swingdancer-1","swingdancer-2"; font-size: 30px; padding: 25px 0 25px 0; }
h4 { font-size: 22px; color: #2E353A; }
h5 { font-size: 24px; font-family: "swingdancer-1","swingdancer-2"; padding: 25px 0 0 0;}
.date { width: 586px; height: 40px; background: #fff url(/img/date.png) no-repeat; margin: 10px 0 30px 0; }
.date p { font-size: 16px; color: #fff; font-style: italic; text-align: center; padding-top: 7px; }
.post_top { width: 700px; height: 18px; background: url(/img/post-top.png) no-repeat; z-index: 200; }
.post_shadow { width: 700px; height: 30px; margin-bottom: 125px; background: url(/img/post-shadow.png) no-repeat; z-index: 200; }
#footer_container { width: 100%; height: 620px; background: #3D2A05 url(/img/footer-bkg.jpg) repeat; z-index: 100; border-top: 2px #D9F4F3 solid; position: relative; }
#footer { width: 700px; margin: 0 auto; padding: 40px 0 25px 0; }
#footer p { font-size: 12px; font-family: Lucida Grande, Lucida, Lucida Console, Verdana, sans-serif; color: #fff; line-height: 1.4em; }
#footer_left { float: left; padding-top: 40px; }
#footer_right { float: right; padding-top: 40px; }
#footer ul { font-size: 12px; font-family: Lucida Grande, Lucida, Lucida Console, Verdana, sans-serif; color: #fff; line-height: 1.4em; }
#footer li { margin-bottom: 15px; }
#footer li a { color: #D9F4F3; text-decoration: underline; }
#caley_pic { width: 111px; height: 86px; background: #BCB196; padding: 2px; margin-right: 15px; float: left; }
#caley_bio { width: 210px; height: 90px; margin-right: 20px; float: left; }
#caley_social { width: 90px; height: 90px; float: left; }
#caley_social a:link, #caley_social a:active, #caley_social a:visited { filter:alpha(opacity=90); -moz-opacity: 0.90; -khtml-opacity: 0.90; opacity: 0.90; }
#caley_social a:hover { filter:alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; }
#todays_photo { width: 460px; height: 335px; margin-top: 25px; margin-right: 15px; float: left; }
#photo { width: 456px; height: 306px; padding: 2px; background: #BCB196;}
#twitter { width: 215px; height: 410px; float: right; margin-bottom: 30px; overflow: hidden;}
#copyright { width: 215px; height: 40px; float; right; }
input#author, input#email, input#url { width: 175px; height: 20px; margin: 0 10px 0 0; }
textarea { width: 580px; margin-bottom: 10px; }
input#submit { margin-bottom: 30px; }
#submit_button:link, #submit_button:active, #submit_button:visited { filter:alpha(opacity=85); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85; }
#submit_button:hover { filter:alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; }