/*
Theme Name: HemingwayEx
Theme URI: http://nalinmakar.com/hemingwayex
Original Theme URI: http://warpspire.com/hemingway
Description: HemingwayEx is a simple weblog theme by Nalin Makar created by modifing the very popular Hemingway by Kyle Neath. If you'd like to learn more about HemingwayEx, head on over to my site.
This theme requires WordPress 2.0+.
Version: 0.95 beta
Author: Nalin Makar
Author URI: http://nalinmakar.com
*/
/*-----------------------------------------------------------------------------------------------
Global Styles
-----------------------------------------------------------------------------------------------*/
* {
padding:0;
margin:0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:1em; }
fieldset { padding: .5em; }
select option{ padding:0 0.3125em; }
.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; height:0.0625em; font-size:0.0625em; line-height:0.0625em; }
a img{ border:none; }
/*-----------------------------------------------------------------------------------------------
Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/
body{
/*original background color: 272727*/
background:#000;
color: #e5e5e5;
font-size:0.7500em;
font-family:"Lucida Sans Unicode", "Lucida Sans", "Helvetica",
Arial, sans-serif;
}
/* This class sets the width and position for all rows */
.inside{
width:95%;
min-width:85%;
max-width:100%;
margin:0 auto 0 auto;
display: inline;
}
/* My Comment */
a{
color: #a13eb4;
text-decoration:none;
}
a:hover{
color:#FFF;
text-decoration:underline;
}
h1{
color:#CCC;
font-size:1.5em;
font-weight:normal;
margin:1.5em 0;
}
h2, h3{
font-size:0.9375em;
color: #8000ff;
font-weight:normal;
}
#primary h2{
color:#CCC;
}
p{
line-height:1.0000em;
}
ul li{
list-style-type:square;
margin:0 0 0 0;
}
blockquote{
margin-left:1em;
padding-left:1em;
border-left:1px solid #CCC;
color: #978999;
}
pre{
width:100%;
padding:1em 0;
overflow:auto;
border-top:1px dotted #333;
border-bottom:1px dotted #333;
}
table{
width:100%;
border-spacing:0.2500em;
margin:1.5em 0;
}
table th, table td{ padding:0.3em 0.75em }
table th{
background:#CCC;
color:#000;
text-align:left;
}
table td{
background:#333;
color:#FFF;
}
table caption{
text-align:left;
color:#FFF;
margin-bottom:-1em;
margin-top:1em;
}
.rule{
border-top:1px solid #CCC;
height:0.0625em;
font-size:0.0625em;
line-height:0.0625em;
margin:1.5em 0;
}
/*-----------------------------------------------------------------------------------------------
Header
-----------------------------------------------------------------------------------------------*/
#header{
background: #333;
}
#header .inside{
padding:0;
}
#header h2{
font-size:2.45em;
margin:0 0.5em 0 0;
padding:.25em .25em .25auto;
border-right:1px solid #000000;
float:left;
}
#header h2 a{ text-decoration:none; }
#header p{
padding:1em 0;
margin:0;
line-height:1em;
}
/*-----------------------------------------------------------------------------------------------
Navigation
-----------------------------------------------------------------------------------------------*/
#navigation {
background:#000 url(images/navigation.png) top repeat-x;
display:block;
height:25px;
}
#navigation ul{
list-style:none;
margin:0;
padding-left:30px;
text-transform:uppercase;
font-size:1em;
font-weight:normal;
font-family: Helvetica, Arial, Verdana;
}
#navigation ul li {
float:left;
margin:0;
padding:0;
list-style:none;
white-space:nowrap;
font-weight:bold;
}
#navigation ul li a {
display:block;
padding:5px 10px 5px;
letter-spacing:1px;
border:0;
text-decoration:none;
color:#000;
}
#navigation ul li a:hover,#navigation ul li a:active, #navigation li.current_page_item a
{
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:.50;
background-color:black;
color:#FFFFFF;
text-decoration:none;
}
#sildeButton{
height:20px;
}
a.nav{
display:block;
margin:0 auto 0 auto;
padding:5px 7px 7px 8px;
text-decoration:none;
background: #333;
color:#fff;
border-top: 1px solid #333;
border-left: 1px solid #333;
border-right:1px solid #333;
text-decoration:none;
opacity: 0.75;
text-transform: uppercase;
white-space: nowrap;
font: bold 10px Helvetica, Arial, sans-serif;
}
*html a.nav {
width:80px;
}
a.nav:hover{
background:#000;
color:#fff;
border-top: 1px solid #333;
border-left: 1px solid #333;
border-right:1px solid #333;
}
/*-----------------------------------------------------------------------------------------------
Primary Items
-----------------------------------------------------------------------------------------------*/
#primary{
background:#0C0C0C;
padding:3em 0 2em 0;
color:#808080;
}
#primary.onecol-stories .primary{
float:left;
width:85%;
height: 190px;
display: inline;
padding:2em 0 2em 0;
}
#primary.onecol-stories .secondary{
float:right;
width:44%;
height: 190px;
display: inline;
padding:2em 0 2em 0;
}
#primary.twocol-stories .story{
float:left;
width:44%;
height: 150px;
margin:20px 0 0 4%;
padding: 4px;
display:inline;
overflow: none;
border: 0px dotted #4d4e50;
vertical-align: middle;
text-indent: 1%;
white-space: nowrap;
background: #191919 url(http://www.mrblacknyc.com/content/images/box-bg.jpg) repeat-x;
}
* html #primary.twocol-stories .story{
margin-left:0 0 0 %;
}
#primary.twocol-stories .first, * html #primary.twocol-stories .first{
margin:0 0 0 %;
}
#primary.twocol-stories .first img, * html #primary.twocol-stories .first img, #primary.twocol-stories .story img, * html #primary.twocol-stories .story img{
max-width: 80%;
}
#container {
}
#center-box {
position:absolute;
width:auto;
height:auto;
z-index:1;
left: 25%;
right: 25%;
top: 20%;
background-position: center center;
text-align: center;
vertical-align: middle;
display: block;
}
.story h3{
font-size:1.245em;
margin:0 0 .5em 0;
color:#FFFFF;
line-height: 1.0em;
}
.story h3 a{
color: #cdb866;
text-decoration:none;
line-height: 100%;
border-bottom-style: dotted;
border-bottom-width: .09em;
}
.story h3 a:hover{
color: #fff;
text-decoration:none;
line-height: 100%;
border-bottom-style: solid;
border-bottom-width: .09em;
}
.story .details{
display: none;
margin:0 0;
text-align:right;
border-top:1px solid #333;
padding:0;
font-size:0.85em;
color:#666;
}
.read-on{
/*background:url(images/readon_black.gif) 100% 60% no-repeat;*/
padding-right:.25em;
padding-bottom:0;
text-align:right;
display:block;
margin: -35px 0 0 0;
}
.read-on a {
color: #6b6b6b;
font-size: 70%;
font-style: italic;
}
.story .details a{
color:#666;
text-decoration:none;
}
.story .details a:hover{ color:#FFF; }
/* Single Post Styles */
#primary .primary{
float:right;
width:65%;
}
#primary .secondary{
float:right;
width:30%;
margin-right:5%;
padding-top:0.65em;
display:inline;
}
* html #primary .secondary{ margin-right:3%; }
.secondary .featured p{
border-bottom:1px solid #333333;
border-top: 1px solid #333333;
padding:0.5em 0 0.6em 0;
line-height:1.5em;
margin:1em 0 0 0;
}
#primary.twocol-stories .story img, .single-post img {
padding: 0;
border: 1px solid #646061;
}
#primary.twocol-stories .story a img:hover, .single-post a img:hover {
padding: 0;
border: 1px solid #bf0f6f;
}
.secondary .featured dl{
margin:0 0;
padding:0.5em 0 0.6em 0;
}
.secondary dt{
display:inline;
margin:0;
padding:0;
color:#FFFFFF;
}
.secondary dd{
display:inline;
margin:0;
padding:0;
}
.secondary dd a{ color:#808080; }
.secondary dd a:hover{ color:#FFF; }
.single-post h1, .single-post h2{ margin-top:0; }
#primary code {
display:inline;
border:1px solid #333;
background:#272727;
color:#ffffff;
padding:0.2em 0.2em 0.2em 1em;
margin:1em 5% 0 5%;
}s
/*-----------------------------------------------------------------------------------------------
Secondary Items
-----------------------------------------------------------------------------------------------*/
#secondary{
background:#272727;
padding:1px 2em;
border-top:1px solid #1C1C1C;
}
.comment-head{
border-bottom:1px solid #1C1C1C;
padding:0.8em 2em 1.0em 2em;
}
.comment-head h2{
font-size:1.5em;
margin:0;
}
.comment-head a{
text-decoration:none;
color:#868686;
}
.comment-head .details{
font-size:0.95em;
}
ol#comments{
list-style-type:none;
margin:2em 0;
}
ol#comments li{
list-style-type:none;
margin:2em 0;
}
#comments cite{
float:left;
width:31%;
font-style:normal;
text-align:right;
}
* html #comments cite{ width:30.6%; }
#comments cite span{
display:block;
}
#comments cite .author{ font-size:1.2em; }
#comments cite .author a{
text-decoration:none;
}
#comments cite .admin-tools{
margin:5px 0;
}
#comments cite .admin-tools a{
float:right;
margin:0 5px;
padding:0px 3px 3px;
background:#666;
border:1px solid #999;
text-decoration:none;
}
#primary .secondary .admin-tools{ margin:1em 0; }
#preview{
margin:1em 0;
padding:0.5em;
border:1px solid #333;
}
#preview p{ margin:1em 0 0 0; }
#errors{ color:#FF0000; font-weight:bold; }
#comments .pingback cite .author{
display:block;
padding-top:68px;
background:url(images/trackback_pingback.gif) 100% 0 no-repeat;
}
#comments .content{
display: none;
float:left;
width:60%;
margin-left:1.9%;
border-left:1px solid #868686;
padding: 0 0 0 2%;
}
#comments .mycontent{
float:left;
width:60%;
margin-left:1.9%;
border-left:1px solid #868686;
background-color: #939393;
color: #000000;
padding: 0 0 0 2%;
}
#comments .content p{
margin:0 0 1em 0;
}
#comments .content h3{
margin:0;
font-size:1em;
}
#comments .counter {
display:none;
font: normal 2.5em 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif;
color: #0c0c0c;
text-align: left;
padding:0;
}
#comment-form{
margin:5em 0 5em 35.4%;
width:36em;
}
input.textfield{
width: 15em;
margin:5px 0;
}
textarea.commentbox{
width:28em;
height:10em;
padding:0.25em;
margin:5px 0;
font-size:1.2em;
font-family:Arial, Helvetica, sans-serif;
}
label.text{
position:relative;
left:0.5em;
top:-0.5em;
}
.formactions input.submit{
float:right;
margin:-1em 0 0 0;
padding:0 0.5em;
}
.formactions .spinner{
float:right;
margin:-8px -20px 0 0;
}
/*-----------------------------------------------------------------------------------------------
Ancillary Items
-----------------------------------------------------------------------------------------------*/
.ancillary{
/*background:#000 url(images/bg_ancillary.jpg) top repeat-x;
padding:2em 0 2em 0;*/
}
.ancillary .block{
float:left;
padding: 1%;
width: 28%;
margin:0 0 0 2.5%;
/*background: transparent url(images/transparent_bg.png) repeat left top;*/
}
* html .ancillary .block{
background:none;
}
.ancillary .twice-length{ width:65%; }
.ancillary .thrice-length{ width:100%; }
.ancillary .first {
clear:both;
margin:0 0 0 2.4%;
}
* html .ancillary .first {
clear:both;
margin:0;
}
.ancillary .block-separator{
clear:both;
height:2.5em;
}
.ancillary .block h2, #ancillary .block h3{
margin:0 0 2em 0;
color: #FF9900;
}
.divider {
border-bottom:1px solid #3D3D3D;
}
ul.dates, ul.counts, ul.blogroll ul, ul.pages{
list-style-type:none;
margin:1.5em 0 2em 0;
border-top:1px solid #3D3D3D;
}
ul.dates li, ul.counts li, ul.blogroll ul li, ul.pages li{
list-style-type:none;
margin:0;
padding:0.5em 0;
border-bottom:1px solid #3D3D3D;
}
ul.dates .date{
color:#858585;
padding:0 1.5em 0 0;
}
ul.counts .count{
float:right;
color:#858585;
}
ul.dates a, ul.counts a, ul.blogroll a, ul.pages a{
color:#BFBFBF;
text-decoration:none;
}
ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count, ul.blogroll a:hover, ul.pages a:hover{
color:#FFF;
}
ul.blogroll{ margin-top:0; }
ul.blogroll li{
list-style-type:none;
margin:0;
}
ul.pages ul{
margin:0;
}
ul.pages ul li{
border:none;
margin-left:2em;
list-style-type:square;
}
/*block items*/
.aside-content p a, ul.recent-comments li a{
color: #FF9900;
}
/*-----------------------------------------------------------------------------------------------
Foooter
-----------------------------------------------------------------------------------------------*/
#footer{
clear:both;
color:#939393;
margin:0 0 3em 0;
}
#footer .inside{
background:url(images/footer_black.gif) 50% 0 repeat-x;
padding:1em 0;
}
#footer p{
margin:0;
font-size:0.95em;
}
#footer p.copyright{ display: none; }
#footer p.attributes{ display: none; }
#footer p.attributes a{
padding:0 0 0 1em;
text-decoration:none;
color:#525252;
}
#footer p.attributes a:hover{
color:#FFF;
}
/*-----------------------------------------------------------------------------------------------
Search
-----------------------------------------------------------------------------------------------*/
#search{
display: none;
float:right;
width:200px;
margin:1em 0 0 0;
filter:alpha(opacity=40);
-moz-opacity:0.4;
opacity:.40;
text-align:right;
}
#search:hover{
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.00;
}
#search .searchimg{
float:left;
width:14px;
height:13px;
background:url(images/search.gif) 0 0 no-repeat;
position:relative;
top:4px;
}
#search input{
width:175px;
font-size: 0.85em;
background:#CCC;
margin-top:2px;
}
#search input:focus{
background:#FFF;
}
#searchform{
margin:1em 0;
}
#searchform #s{
background:#222;
border:none;
border-bottom:1px solid #333;
width:30em;
color:#666666;
padding:0.25em;
}
#searchform #searchsubmit{
background:#000;
color:#666;
border:none;
font-size:0.9em;
text-transform:uppercase;
letter-spacing:0.25em;
}
/* Legacy Typo CSS */
#search-results{
width:30%;
background:#333;
padding:0 0 0 0;
float:right;
-moz-opacity:0.9;
filter:alpha(opacity=90);
opacity:.90;
border-top:1em solid #000;
}
#search-results h3{
font-weight:bold;
text-align:left;
margin:0;
padding:0 0 1em 0;
background:#000;
}
#search-results small{
display:block;
text-align:left;
font-size:0.9em;
padding:0.5em 1em 0.7em 1em;
border-top:1px solid #666;
border-bottom:1px solid #555;
}
#search-results small a{
color:#CCC;
}
#search-results ul li{
list-style-type:none;
padding:0 1em 0.5em 1em;
margin:0.5em 0;
}
#search-results ul li:hover{
background:#202020;
}
#search-result ul{ margin:0; }
#search-results ul li a{
text-decoration:none;
border-bottom:1px dotted #CCC;
}
#search img.archives-icon{
margin:0 7px 0 0;
top:1px;
}