/*
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 (WP2.6.2)
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

/*
 idea:
 sidebar: 253px
 content: 595px
 header: 865px
 page-wrap: 865px
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body {
  margin: 0; padding: 0;
  border:8px solid #464A50;
  background:#8C94A1;
}

h1, h2, h3, h4, h5 {
  margin: 0; padding: 0;
}

ul {
  margin: 0; padding: 0;
}

.clear {
  width: 100%;
  height: 1px;
  margin: 0 0 -1px;
  clear: both;
}

#page-wrap {
/*   width:960px; */
  width:865px;
  margin:0 auto;
}

#header {
  background:#464A50;
/*   position:relative; */
  color:white;
/*   margin:0 0 10px 0; */
/*   width:960px; */
  width:865px;
  overflow:hidden;
  
  }
  #header a {
    text-decoration: none;
  }
  #header a:hover {
    text-decoration: underline;
  }
  #header h1 {
    font-family: Rockwell, "Bank Gothic", "Blairmditc TT", Lucida Sans, Lucida Grande, Helvetica, Helvetica Neue, Arial, sans-serif;
    font-size:24pt;
    padding:0 0 5px 10px;
    height:27px;
    width:170px;
    float:left;
    background:url(/wp-content/themes/starkers/images/title.png) no-repeat;
    text-indent:-9999px;
    margin:7px 0 5px 10px;
    cursor: pointer;
    overflow:hidden;
    }
    #header h1:hover {
/*       background-position-y:33px; */
      background:url(/wp-content/themes/starkers/images/title.png) no-repeat 0 -33px; 
    }
    #header h1 a {
      text-decoration: none;
      display:block;
      width:100%;
    }
  #header ul {
    font-family: Rockwell, "Bank Gothic", "Blairmditc TT", Lucida Sans, Lucida Grande, Helvetica, Helvetica Neue, Arial, sans-serif;
    float:right;
    margin:7px 10px 0 0;
    }
    #header ul li {
      float:left;
      margin:0 0 0 10px;
      list-style-type: none;
    }
  #header a, #header a:visited, #header a:active {
    color:white;
  }
  #header a:hover {
    color:#8C94A1;
  }
    
#content {
  float:left;
/*   width:62%; */
  width:595px;
  line-height:1.2em;
  }
  #content  a, #content a:visited {
    color:black;
  }
  #content a:hover {
    text-decoration: none;
  }
  #content .post {
    margin:10px 0 10px 0;
    background:white;
    font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
    border:4px solid #464A50;
    font-size:10pt;
    }
    #content .post .post-header {
      background:#D8E3E4;
      padding:5px 0 5px 10px;
/*       height:32px; */
      height:2.5em;
      overflow:hidden;
    }
    #content .post .post-header:hover {
      background:#A9B1B3;
      }
      #content .post .post-header .post-title {
        font-family:Rockwell, "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size:1.6em;        
        float:left;
        margin-top:4px;
        }
        #content .post .post-header .post-title a {
          display:block;
          color:black;
          text-decoration: none;
        }
      #content .post .post-header .post-date {
        font-family:Rockwell, "Helvetica Neue", Arial, Helvetica, sans-serif;
        float:right;
        margin:0 5px 0 0;
/*         width:55px; */
        }
        #content .post .post-header .post-date span {
          display:block;
          text-align:center;
          line-height:15px;
        }
        #content .post .post-header .post-date .month {
          float:right;
          font-size:11pt;
          padding-top:2px;
        }
        #content .post .post-header .post-date .day {
          float:right;
          font-size:18pt;
        }
        #content .post .post-header .post-date .year {
          clear:both;
          float:right;
          letter-spacing: 2px;
        }
    #content .post .post-hdr-image {
      margin:10px 10px 0 10px;
      overflow:hidden;
      width:567px;
    }
    #content .post .post-body {
      padding:10px;
      }
      #content .post .post-body p {
        font-family:'Helvetica Neue', Arial, Helvetica, sans-serif;
        margin-bottom:1.3em;
      }
      #content .post .post-body img {
        margin:5px 5px 0 5px;
        padding:5px;
        border:1px solid #888888;
      }
      #content .post .post-body img.full {  /* 557px wide */
        margin:5px 0 5px 0;
      }
      #content .post .post-body  a, #content .post .post-body a:visited {
        color:black;
      }
      #content .post .post-body a:hover {
        color:#8C94A1;
      }
    #content .post .post-footer {
      padding:0 0 0 10px;
      background:#A9B1B3;
      }
      #content .post .post-footer a {
        color:black;
      }
    
#sidebar {
  font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
/*   width:36%; */
  width:253px;
  margin-top:10px;
  float:right;
  font-size:10pt;
  }
  #sidebar a {
    color: #464A50;
    text-decoration: none;
  }
  #sidebar a:hover {
    text-decoration: underline;
  }
  #sidebar .sidebar-box {
    background:white;
    margin:10px 0 10px 0;
    border:4px solid #464A50;
    }
    #sidebar .sidebar-box .sidebar-header {
      padding:0 0 0 5px;
      background:#D8E3E4;
      padding:5px 0 5px 10px;
    }
    #sidebar .sidebar-box .sidebar-content {
      padding:0 0 10px 10px;
    }
    
#archive-header {
  font-family: Rockwell,"Helvetica Neue",Arial,Helvetica,sans-serif;
  font-size:1.6em;
  font-weight: bold;
  padding:10px 0 0 10px;
}

#post-comments li {
  border:3px solid #464A50;
  margin-bottom:5px;
  padding:5px;
}
.comment-author {
  float:left;
/*   font-size:1.2em; */
}
.comment-date {
  font-family:Rockwell, "Helvetica Neue", Arial, Helvetica, sans-serif;
  float:right;
}
.comment-date span {
  display:block;
  text-align:center;
  line-height: .9em;
}
.comment-date .month {
  float:left;
  font-size:11pt;
  padding-top:8px;
}
.comment-date .day {
  float:right;
  font-size:18pt;
}
.comment-date .year {
  letter-spacing: 2px;
}
.comment-time {
  float:right;
  margin-top:18px;
  padding-right:5px;
  font-style:italic;
  font-size:9pt;
}
.comment-body {
  color:#555555;
}

.imgteaser {
	margin: 5px;
	overflow: hidden;
	float: left;
}
.imgteaser a {
	text-decoration: none;
	float: left;
	position: relative;
}
.imgteaser a:hover {
	cursor: pointer;
}
.imgteaser a img {
	float: left;
	margin: 0;
	border: none;
	padding: 10px;
	background: #fff;
	border: 1px solid #ddd;
}
.imgteaser a .more {
	position: absolute;
	right: 20px;
	bottom: 20px;
	font-size: 1.2em;
	color: #fff;
	background: #000;
	padding: 5px 10px;
	filter:alpha(opacity=65);
	opacity:.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*--IE 8 Transparency--*/
}
.imgteaser a:hover .desc{
	display: block;
	font-size: 1.2em;
	padding: 10px 0;
	background: #111;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
	color: #fff;
	position: absolute;
	bottom: 11px;
	left: 11px;
	padding: 10px;
	margin: 0;
/* 	width: 566px; */
	border-top: 1px solid #999;
}
.imgteaser a:hover .desc strong {
	display: block;
	margin-bottom: 5px;
	font-size:1.5em;
}
.imgteaser a .desc {	display: none; }
.imgteaser a:hover .more { visibility: hidden;}

#classic-info {
  margin:0 0 10px 0;
}
.classic-label {
  width:45px;
  display:block;
  float:left;
  clear:both;
}
.classic-data {
  font-weight:bold;
}

blockquote {
  font-style: italic;
  margin-left: 20px
}