/*
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
*/
@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
/* Structure Styles */
#navigation {
height: 52px;
list-style: none;
padding: 0px 0px 0px 0px;
text-align:center;
}
#navigation li {
color:#5a6b00;
float:left;
font-family:Verdana,Arial,Sans-Serif;
font-size:13px;
font-weight:bold;
line-height:52px;
padding:0 4px;
}
#navigation li a {
color:#5a6b00;
padding:0 8px 0 6px;
text-decoration:none;
}
#navigation li a:hover {
color:#303135;
}
#wrapper {
margin: 0px auto;
padding: 0px;
width: 100%;
min-height: 347px;
}
html { background:url(style/images/main-bg.gif) top left repeat-x #fff ;
}
body { background:url(style/images/header-image.jpg) top no-repeat;
}
p,ul li, ol li { font: normal 14px Arial, Helvetica, sans-serif;
color:#000;
}
h1, h2, h3, h5, h5, h6 { font: bold 18px Arial, Helvetica, sans-serif;
color:#000;
}
.paging {
margin:20px 0 0 0;
}
.paging li a {
color:#ec3d00;
font: normal 20px Georgia, "Times New Roman", Times, serif;
}
.prev { float:left;
}
.next { float:right;
}
.clear-float { clear:both; display:block;
}
a { text-decoration:none; color:#016aa6;
}
a.more-link{ text-decoration:none;
}
a.more-link p { padding-top:0px; margin-top:10px; color:#016aa6;
font:italic 18px "Times New Roman", Times, serif;
}
.article-path { font: normal 14px Georgia, "Times New Roman", Times, serif;
color:#016aa6;
}
.post { background:url(style/images/divider-img.gif) bottom center no-repeat;
padding-bottom:50px;
}
.post p { line-height:22px;
}
.post ul { padding: 3px 0 3px 30px;
}
.post ul li { padding-left:2px; list-style: disc outside ;
}
#header-block { margin:0 auto; width:960px; height:206px;
}
#header-block h1 { background:url(style/images/logo-image.png) top no-repeat;
margin-left:24px;
width:293px;
height:125px;
float:left;
clear:left;
text-indent:-7777px;
}
#header-block h1 a { width:293px;
height:125px;
display:block;
cursor:pointer;
}
#header-block p {
font: normal 22px Arial, Helvetica, sans-serif;
color:#000;
margin-left:28px;
margin-top: 14px;
width:310px;
height:48px;
float:left;
clear:left;
}
#top-bar { margin:0px auto;
width:960px;
}
#nav-block { margin:0px auto;
height:39px;
padding-top:0px;
padding-left:28px;
float:left;
}
#nav-block ul { height:39px;
}
#nav-block ul li { height:39px;
position:relative;
float:left;
text-align:center;
margin:0 1px 0 1px;
}
#nav-block ul li a { background:url(style/images/nav-images.png);
height:39px;
text-decoration:none;
display:block;
text-indent:-7777px;
}
#nav-block ul li a.item1 { background-position:0px 0px;
height:39px;
width:93px;
}
#nav-block ul li a.item1:hover { background-position:0px -40px;
}
#nav-block ul li a.item2 { background-position:0px -80px;
height:39px;
width:116px;
}
#nav-block ul li a.item2:hover { background-position:0px -120px;
}
#nav-block ul li a.item3 { background-position:0px -160px;
height:39px;
width:131px;
}
#nav-block ul li a.item3:hover { background-position:0px -200px;
}
#nav-block ul li a.item4 { background-position:0px -240px;
height:39px;
width:116px;
}
#nav-block ul li a.item4:hover { background-position:0px -280px;
}
#nav-block ul li a.item5 { background-position:0px -320px;
height:39px;
width:50px;
margin-left:25px;
}
#nav-block ul li a.item6 { background-position:0px -360px;
height:39px;
width:50px;
margin-left:0px;
}
#newsletter-top { float:right;
width:310px;
}
#newsletter-top .newsletterTF { border:none;
margin:16px 0 0 20px;
font: italic 16px Georgia, "Times New Roman", Times, serif;
float:left;
background:none;
width:200px;
}
#newsletter-top .newsletterBTN { background:url(style/images/btn-subscribe.gif) no-repeat;
width:74px;
height:28px;
border:none;
margin:11px 12px 0 0;
float:right;
cursor:pointer;
}
#newsletter-side { background:url(style/images/newsletter-bg.gif) no-repeat;
width:310px;
height:211px;
}
#newsletter-side .newsletterTF { border:none;
margin:76px 0 0 30px;
font: italic 16px Georgia, "Times New Roman", Times, serif;
background:none;
width:250px;
}
#newsletter-side .newsletterBTN { background:url(style/images/btn-subscribe2.gif) no-repeat;
width:144px;
height:39px;
border:none;
margin:14px 0px 0 80px;
cursor:pointer;
}
#content-wrapper { background:url(style/images/content-wrapper-bg.jpg) top center no-repeat;
margin:0px auto -283px ;
min-height:100%;
height:auto;
}
#push { height:283px;
}
#content-container { background:url(style/images/content-container-bg.jpg) top right repeat-y;
margin:0 auto ;
width:960px;
}
#main-content { background: url(style/images/main-content-bg.gif) top repeat-x #fff;
float:left;
width:564px;
border-top:1px solid #e9ebb4;
border-left:1px solid #e9ebb4;
border-right:1px solid #e9ebb4;
padding:10px 28px 30px 28px;
margin-left:28px;
}
#main-content h2 { font: normal 28px "Myriad Pro" Arial, Helvetica, sans-serif;
color:#ec5402;
text-decoration:none;
margin-top:36px;
}
#main-content h2 a { font: normal 28px "Myriad Pro" Arial, Helvetica, sans-serif;
color:#ec5402;
text-decoration:none;
}
#main-content h3 { font: normal 24px "Myriad Pro" Arial, Helvetica, sans-serif;
color:#000;
text-decoration:none;
margin-top:12px;
margin-bottom:0px;
padding:0px;
}
#main-content h3 a {
color:#016aa6;;
text-decoration:none;
}
#main-content h3 a:hover { color:#10558a;
}
p { font: normal 14px Arial, Helvetica, sans-serif;
color:#000;
margin:5px 0 5px 0;
}
.date-posted { background:url(style/images/ico-clock.gif) no-repeat;
font: normal 12px Georgia, "Times New Roman", Times, serif;
padding-left:18px;
margin:0 0 10px 0;
color:#61643e;
}
/* Sidebar Styles */
#sidebar { background:#f8f8e4;
float:right;
width:310px;
}
#search-box { background:url(style/images/search-box-bg.jpg);
width:310px;
height:70px;
}
.search-field { border:0px solid #000;
font: italic 16px Georgia, "Times New Roman", Times, serif;
height:24px;
width:208px;
margin:31px 0 0 23px;
padding:7px 3px 0 3px;
}
.search-button { background:url(style/images/search-button.gif) bottom no-repeat;
border:none;
width:34px;
height:36px;
padding:0px 0 0 0;
margin:25px 34px 0 0px;
cursor:pointer;
display: block;
float:right;
}
#cse-search-results iframe { width:564px;}
h2.widgettitle { background:url(style/images/sidebar-titlebar.jpg) top no-repeat;
font: normal 24px "Myriad Pro", Arial, Helvetica, sans-serif;
color:#61643e;
height:54px;
padding:22px 0 0 20px;
margin:0px;
}
li.widget { clear:both;}
li.widget ul { background:url(style/images/sidebar-list-bottom.jpg) bottom no-repeat;
padding:0 20px 10px 20px;
}
li.widget ul li { margin:5px 0 5px 0;
}
li.widget ul li a { border-bottom:1px dotted #f6f7dd;
}
li.widget ul li a:hover { border-bottom:1px dotted #858a4c;
}
li.widget ul.wp-tag-cloud { margin:0 0px 20px 0px; background:none; }
.wp-tag-cloud li { background:#f8f8e4; float:left; height:auto; }
.wp-tag-cloud li a { margin-right:10px; }
/* Footer Styles */
#footer { background: #303135;
height:283px;
}
#footer-block { margin:0 auto; width:960px;
}
#footer-block a { color: #8cc63e;
border-bottom:1px dotted #303135;
}
#footer-block a:hover { color: #8cc63e;
border-bottom:1px dotted #8cc63e;
}
.wp-footer { text-align:center;
font: normal 12px Arial, Helvetica, sans-serif;
color:#acacac;
}
#left-col { float:left;
width:123px;
margin-left:55px;
margin-top:26px;
padding-right:30px;
padding-bottom:10px;
border-right:1px solid #7b7b7e;
min-height:200px;
}
#left-col h4 { font:normal 22px Georgia, "Times New Roman", Times, serif;
color: #acacac;
border-bottom:1px dotted #acacac;
}
#left-col ul { margin-top: 10px;
}
#left-col ul li { line-height:18px;
}
#right-col { float:right;
width:696px;
margin-top:20px;
margin-right:28px;
background:url(style/images/apple-image.png) top left no-repeat;
}
#right-col p { padding:50px 0 0 0;
color:#fff;
text-align:left;
}
.footer-image { margin:0 0 0 0;
}
/* Comment Styles */
#comment-block { padding:0 0 0 0;
}
#comment-form {background-color: #f5f6c4;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #d8d975;
padding: 10px 20px 20px 20px;
box-shadow: 10px 10px 5px #888;
margin-top:10px;
}
#comment-form ol li { list-style-type:none
}
#comment-form h3 { padding:0 0 10px 0px;
margin:0px;
}
#comment-form label { padding:0px;
margin:0px;
font:normal 14px Arial, Helvetica, sans-serif;
color:#61643e;
width:70px;
float:left;
line-height:36px;
}
.commentTF { height:28px;
border: 1px solid #f4f5be;
width:250px;
background-color: #fff;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
margin-bottom:10px;
padding:5px 5px 0px 10px;
font: italic 16px Georgia, "Times New Roman", Times, serif;
color:#898b65;
line-height:28px;
}
.commentTA { height:200px;
border: 1px solid #f4f5be;
width:250px;
background-color: #fff;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
margin-bottom:10px;
padding:5px 5px 0px 10px;
font: italic 16px Georgia, "Times New Roman", Times, serif;
color:#898b65;
line-height:28px;
overflow-y: auto;
}
.commentBTN { background-color: #d8d975;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #a4aa62;
padding:8px;
width: 150px;
margin:0 auto;
box-shadow: 10px 10px 5px #888;
text-align:center; float:right;
margin-right:14px;
cursor:pointer;
}
.commentBTN:hover { background-color: #dadb97;
}
ol.comment-list { list-style:none;
}
ol.comment-list li { list-style:none; list-style-type:none;
}
.comment-list li { background:#f6f7d1;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #f6f7d1;
padding:20px;
margin-bottom:10px;
list-style:none;
list-style-type:none;
}
li.commentlist-odd { background:#f6f6da;
moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #f6f6da;
padding:10px;
margin-bottom:10px;
list-style:none;
list-style-type:none;
}
#comment-inside { width:350px;
margin:0 auto;
}
.widget_tag_cloud div { padding: 0 20px 0 20px;}
x