/*
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";
/* Generic tags */
a:link, a:visited { color: #766a62; text-decoration: none; cursor: pointer; border: none; }
a:hover { color: #bed600; border: none; }
/* Structural markup */
/* universal */
body { background-color: #fff; color: #766a62; font-family: 'Arial', 'Helvetica', sans-serif; font-size: 11px; line-height: 14px; font-weight: normal; }
#wrapper { margin: 12px; padding-left: 18px; width: 1012px; font-family: 'Arial', 'Helvetica', sans-serif; font-size: 11px; line-height: 14px; font-weight: normal; }
/* header.php template */
#header { margin-bottom: 12px; width: 1012px; height: 32px; font-family: 'Arial', 'Helvetica', sans-serif; font-size: 11px; line-height: 14px; font-weight: normal; }
.tabSize { width: 200px; height: 32px; }
#navBlock { display: inline; margin: 0 0 0 12px; vertical-align: bottom; color: #aea79f; font-family: 'Arial', 'Helvetica', sans-serif; font-size: 11px; line-height: 14px; font-weight: normal; }
.greenBg { background: #bed600 url(style/images/green_bg.gif) repeat; }
#page { width: 1012px; font-family: 'Arial', 'Helvetica', sans-serif; font-size: 11px; line-height: 14px; font-weight: normal; }
#leftCol { float: left; width: 244px; }
.joinDebate { font-family: 'Arial', 'Helvetica', sans-serif; font-size: 13px; line-height: 16px font-weight: normal; color: #fff; margin-bottom: 6px; }
.searchBox input { color: #766a62; background-color: #fff; border: none; font-family: 'Arial', 'Helvetica', sans-serif; font-size: 11px; line-height: 12px; font-weight: normal; width: 220px; height: 24px; }
/* page-bios.php template */
table, tr, td { border-collapse: collapse; border-spacing: 0; margin: 0; padding: 0; vertical-align: top; }
tr { border-bottom: 1px dotted #c7c2ba; }
td { margin-bottom: 16px; padding-bottom: 16px; }
td img { width: 120px; height: 150px; margin-top: 16px; }
.photoCol { width: 120px; padding-right: 12px; }
.bioCol { width: 122px; padding-right: 12px; }
/* (left) sidebar.php template */
#currentPosts { padding: 12px; font-family: 'Arial', 'Helvetica', sans-serif; font-size: 11px; line-height: 14px; font-weight: normal; }
#currentPosts h2 { padding-bottom: 8px; font-size: 16px; line-height: 14px; font-family: 'Arial Black'; text-transform: uppercase; color: #bed600; border-bottom: 1px dotted #c7c2ba; }
#currentPosts ul li { padding: 8px 0 8px 0; list-style-type: square; border-bottom: 1px dotted #c7c2ba; margin-left: 16px; text-transform: uppercase; }
.orange { list-style-image: url(style/images/orange_bullet.gif); }
.green { list-style-image: url(style/images/green_bullet.gif); }
.cyan { list-style-image: url(style/images/cyan_bullet.gif); }
.red { list-style-image: url(style/images/red_bullet.gif); }
.blue { list-style-image: url(style/images/blue_bullet.gif); }
.pink { list-style-image: url(style/images/pink_bullet.gif); }
/* sidebar-right.php template */
#rightCol { float: right; width: 164px; padding-top: 12px; padding-bottom: 8px; border-bottom: 1px dotted #c7c2ba; font-family: 'Arial', 'Helvetica', sans-serif; font-size: 11px; line-height: 14px; font-weight: normal; }
#rightCol.wmpEnv, .wmpEnv a:link, .wmpEnv a:visited { color: #bed600; }
#rightCol.orangeEnv, .orangeEnv a:link, .orangeEnv a:visited, li.orange a:hover, .orangeEnv #respond h3, .orangeEnv p.note, #postMain.orangeEnv h1.wdys { color: #f90; }
#rightCol.greenEnv, .greenEnv a:link, .greenEnv a:visited, li.green a:hover, .greenEnv #respond h3, .greenEnv p.note, #postMain.greenEnv h1.wdys { color: #00af3f; }
#rightCol.cyanEnv, .cyanEnv a:link, .cyanEnv a:visited, li.cyan a:hover, .cyanEnv #respond h3, .cyanEnv p.note, #postMain.cyanEnv h1.wdys { color: #009fda; }
#rightCol.redEnv, .redEnv a:link, .redEnv a:visited, li.red a:hover, .redEnv #respond h3, .redEnv p.note, .redEnv #postMainh1.wdys { color: #c60c30; }
#rightCol.blueEnv, .blueEnv a:link, .blueEnv a:visited, li.blue a:hover, .blueEnv #respond h3, .blueEnv p.note, #postMain.blueEnv h1.wdys { color: #002395; }
#rightCol.pinkEnv, .pinkEnv a:link, .pinkEnv a:visited, li.pink a:hover, .pinkEnv #respond h3, .pinkEnv p.note, #postMain.pinkEnv h1.wdys { color: #da487e; }
#rightCol h2 { margin: 12px 0 8px 0; padding: 8px 0; border-top: 1px dotted #c7c2ba; border-bottom: 1px dotted #c7c2ba; font-size: 14px; font-weight: normal; }
#rightCol h2.firstListHead { margin-top: 0; border-top: none; padding-top: 0; }
#rightCol ul li { margin-left: 8px; }
#rightCol a:hover, #postMain a:hover { color: #766a62; }
.dividerLine { margin-top: 7px; padding-top: 7px; border-top: 1px dotted #cecfcb; }
#twitter { margin: 12px 0 0 0; padding: 8px 0 0 0; border-top: 1px dotted #c7c2ba; }
/* home.php & single.php templates */
#contentContainer { margin-left: 244px; font-family: 'Arial', 'Helvetica', sans-serif; font-size: 11px; line-height: 14px; font-weight: normal; }
/* homepage styles */
#promoBox { background-color: #CCC; width: 244px; height: 200px; margin-top: 12px; margin-bottom: 0px; }
.postContainer { float: left; width: 244px; height: 200px; margin: 0 0 12px 12px; }
.postTitle a:link, .postTitle a:visited { display: block; width: 220px; height: 165px; padding: 8px 12px 0 12px; font-family: 'Arial Black'; font-size: 16px; line-height: 19px; text-transform: uppercase; color: #fff; text-decoration: none; cursor: pointer; }
.postTitle a:hover { color: #fff; border: none; }
.author { font-family: 'Arial Black'; font-size: 16px; line-height: 21px; text-transform: uppercase; color: #fff; }
.postDetails { width: 220px; height: 25px; padding: 0 12px; }
.dateComment { font-family: 'Georgia', 'Cambria', serif; font-size: 11px; line-height: 14px; font-weight: normal; color: #fff; }
.dateComment a:link, .dateComment a:visited { color: #fff; text-decoration: none; cursor: pointer; }
.dateComment a:hover { color: #fff; border-bottom: 1px dotted #fff; }
/* single article styles */
#contentContainer h1.postBanner { height: 180px; color: #fff; font-size: 32px; line-height: 32px; font-family: 'Arial Black'; text-transform: uppercase; padding: 8px 12px 12px 12px; letter-spacing: -1px; }
#postMain { margin-right: 176px; padding-top: 12px; font-family: 'Arial', 'Helvetica', sans-serif; font-size: 12px; line-height: 16px; font-weight: normal; }
#postMain h1 { margin: 20px 0 12px 0; font-size: 20px; line-height: 22px; font-weight: normal; }
#postMain h2 { margin: 16px 0 8px 0; font-size: 16px; line-height: 18px; font-weight: normal; }
#postMain h3 { margin: 16px 0 4px 0; font-size: 14px; line-height: 16px; font-weight: bold; }
#postMain h3.archiveList { margin-top: 8px; margin-bottom: 0; font-size: 14px; line-height: 16px; font-weight: normal; text-transform: uppercase; }
#postMain h4 { margin: 8px 0 4px 0; font-size: 14px; line-height: 16px; font-weight: normal; font-style: italic; }
#postMain h5 { margin: 0px 0 2px 0; font-size: 12px; font-weight: bold; }
#postMain h6 { margin: 0px 0 2px 0; font-size: 12px; font-weight: normal; font-style: italic; }
#postMain.archiveOvr a:hover { color: #bed600; }
#postMain p { margin-bottom: 10px; }
#postMain ul, #postMain ol { margin: 0 0 4px 16px; }
#postMain ul li { list-style-type: square; padding-bottom: 4px; }
#postMain ol li { list-style-type: decimal; padding-bottom: 4px; }
#postMain ul li { list-style-type: square; padding-bottom: 4px; }
#postMain p strong.leadPara { font-size: 14px; line-height: 16px; }
blockquote { margin: 16px 24px; font-style: italic; font-size: 12px; line-height: 16px; }
address { font-style: italic; font-size: 9px; line-height: 11px; }
pre, code { font-family: 'Monaco', 'Courier', 'Courier New', sans-serif; color: #000; }
/* comment box styles */
#respond h3 { font-size: 14px; font-weight: normal; }
#commentEnter p { padding: 0; margin: 0 0 8px 0; }
.orangeEnv #commentContainer { background-color: #fff0d9; }
.greenEnv #commentContainer { background-color: #d9f3e2; }
.cyanEnv #commentContainer { background-color: #d9f1f9; }
.redEnv #commentContainer { background-color: #f7dbe0; }
.blueEnv #commentContainer { background-color: #d9deef; }
.pinkEnv #commentContainer { background-color: #f9e4ec; }
ul.commentlist { margin: 0 0 16px 0; padding: 0; }
ul.commentlist li { margin: 0; padding: 8px 8px 8px 16px; background-color: #e6e7e5; border-bottom: 1px solid #fff; font-size: 9px; line-height: 11px; }
ul.commentlist li p { margin: 0; padding: 8px 0 8px 100px; font-style: italic; }
#commentform { margin: 0; padding: 0; }
#commentform p { margin: 0; padding: 0; }
input.pppEnter { color: #766a62; border: none; font: 10px/11px 'Arial', 'Helvetica', sans-serif; width: 148px; height: 16px; margin: 0 0 4px 0; padding: 0; }
textarea.addComm { width: 408px; height: 100px; color: #766a62; border: none; font: 11px/14px 'Arial', 'Helvetica', sans-serif; margin: 0 0 8px 0; padding: 0; }
input.submitBtn { display: block; width: 80px; height: 20px; padding: 0; background-color: #fff; font-size: 9px; line-height: 12px; text-align: center; }
.orangeEnv input.submitBtn { border: 1px solid #f90; color: #f90; }
.greenEnv input.submitBtn { border: 1px solid #00af3f; color: #00af3f; }
.cyanEnv input.submitBtn { border: 1px solid #009fda; color: #009fda; }
.redEnv input.submitBtn { border: 1px solid #c60c30; color: #c60c30; }
.blueEnv input.submitBtn { border: 1px solid #002395; color: #002395; }
.pinkEnv input.submitBtn { border: 1px solid #da487e; color: #da487e; }
.orangeEnv input.submitBtn:hover { color: #fff; background-color: #f90; cursor: pointer; }
.greenEnv input.submitBtn:hover { color: #fff; background-color: #00af3f; cursor: pointer; }
.cyanEnv input.submitBtn:hover { color: #fff; background-color: #009fda; cursor: pointer; }
.redEnv input.submitBtn:hover { color: #fff; background-color: #c60c30; cursor: pointer; }
.blueEnv input.submitBtn:hover { color: #fff; background-color: #002395; cursor: pointer; }
.pinkEnv input.submitBtn:hover { color: #fff; background-color: #da487e; cursor: pointer; }
/* footer.php template */
#footer { margin-left: 256px; width: 756px; font-size: 10px; font-family: 'Arial', 'Helvetica', sans-serif; font-size: 11px; line-height: 14px; font-weight: normal; }