/**
  Theme Name: Naked
  Theme URI: http://www.siftware.co.uk/wordpress-naked
  Version: 1.1
  Author: Siftware
  Author URI: http://www.siftware.co.uk
  Tags: simple, clean, fixed width, widget-ready, widgets, right sidebar, two columns, valid XHTML, valid CSS, blank-slate
  Licence: GPL
  
  Description: A theme created with developers in mind which should enable rapid WP reskinning. The CSS is minimal but consistent cross-browser, there are a couple of SEO tweaks and the page navigation works sensibly but can modified easily.

  The CSS that follows is what I feel is the bare minimum of styling for a two column, fixed width and centred layout that should be
  consistent in 'modern browsers'
*/

body { 
	background-color:#181818;
	color:#FFFFFF;
	font-family: "Lucida Grande", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;	
	font-size:12px;
	line-height:16px;
	padding-top:50px;
}

a {
	color:#999999;
}

a:hover {
	color:#FFFFFF;
}

.headshot {
	padding:10px;
	background-color:#FFFFFF;
	margin-bottom:15px;
}

.pagetitle {
	font-size: 34px;
    font-weight: bold;
    text-transform: uppercase;
    color:#FFFFFF;
}

.kerning {
	letter-spacing: -10px;
	display: inline;
}

.pagetitle a {
	color:#FFFFFF;
}

.description {
    display: block;
    text-transform: lowercase;
    font-size: 14px;
    margin-bottom: 10px;
    font-style: italic;
    color:#999999;
    padding-top:10px;
}

.sidebar_stuff {
	font-size:10px;
}

.padding {
	padding-top:25px;
}

.sidebar_column {
	width:50%;
	height:auto;
	position:relative;
	float:left;
	padding-top:25px;
}

.sidebar_titles {
	font-size:18px;
	font-style:italic;
	color:#FFFFFF;
	padding-bottom:10px;
}

h2.postTitle {
	font-weight: normal;
	font-style:italic;
	position:relative;
	float:left;
	width:420px;
	line-height:28px;
}

h1.postTitle {
	font-weight: normal;
	font-style:italic;
	position:relative;
	float:left;
	width:490px;
	line-height:28px;
	font-size:26px;
}

.postTitle a {
	color:#FFFFFF;
	text-decoration:none;
}

.postTitle a:hover {
	color:#999999;
}

p {
	padding-bottom:15px;
}

.date_wrap {
	width:47px;
	height:47px;
	background-color:#333333;
	position:relative;
	float:left;
	margin-right:15px;
	text-align:center;
}

.date {
	text-align:center;
	display:block;
	text-transform:uppercase;
	color:#999999;
	padding-top:6px;
	font-weight:bold;
}

.time {
	text-align:center;
	display:block;
	font-size:28px;
	font-weight:bold;
	padding-top:2px;
}

.title_wrap {
	width:420px;
	position:relative;
	float:left;
}

.post {
	clear:both;
	position:relative;
	padding-top:25px;
}

.postWrapper {
	padding-bottom:40px;
}

.twitter_wrapper {
	width:320px;
	height:auto;
	padding-top:25px;
}

.speech_top {
	width:320px;
	height:22px;
	background-image:url('http://blog.kylehemingway.com/wp-content/themes/naked/speech_top.gif');
	background-repeat:no-repeat;
	background-position:center bottom;
	position:relative;
	float:left;
}

.speech_bottom {
	width:320px;
	height:22px;
	background-image:url('http://blog.kylehemingway.com/wp-content/themes/naked/speech_bottom.gif');
	background-repeat:no-repeat;
	background-position:center top;
	position:relative;
	float:left;
}

#twitter_div {
	width:300px;
	height:auto;
	padding:10px;
	background-color:#FFFFFF;
	color:#333333;
	font-family:"Lucida Grande", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;	
	font-size:12px;
	line-height:14px;
	position:relative;
	float:left;
	margin-top:-2px;
	margin-bottom:-2px;
}

#twitter_div a:hover {
	color:#666666;
}

.twitter_subtitle {
	margin-top:10px;
	font-size:10px;
	display:block;
	margin-bottom:0;
	padding-bottom:0;
}

.postCredits {
	display:block;
	clear:both;
	padding-top:15px;
	padding-bottom:15px;
	border-bottom:solid 1px #FFFFFF;
}

/** style for photo at top */
#canvas {
  width: 900px;
  margin: 0 auto;
}

/* COMMENTS STYLE */

.comments_top {
	width:497px;
	height:22px;
	background-image:url('http://blog.kylehemingway.com/wp-content/themes/naked/comments_top.gif');
	background-repeat:no-repeat;
	background-position:center bottom;
	position:relative;
	float:left;
}

.comments_bottom {
	width:497px;
	height:22px;
	background-image:url('http://blog.kylehemingway.com/wp-content/themes/naked/comments_bottom.gif');
	background-repeat:no-repeat;
	background-position:center top;
	position:relative;
	float:left;
}

.comments_middle {
	width:477px;
	height:auto;
	padding:10px;
	background-color:#FFFFFF;
	color:#333333;
	font-family:"Lucida Grande", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;	
	font-size:12px;
	line-height:14px;
	position:relative;
	float:left;
	margin-top:-2px;
	margin-bottom:-2px;
}

.comments_middle a:hover {
	color:#666666;
}

#commentlist {
	list-style:none;
	padding-left:10%;
	padding-right:10%;
}

.comment_citation {
	display:block;
	clear:both;
	text-align:right;
	font-size:10px;
}

ol#commentlist li {
	padding-bottom:12px;
	margin-bottom:12px;
	border-bottom:1px solid #666666;
}

.input_field {
	padding:3px;
	font-family:"Lucida Grande", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;	
	font-size:12px;
	border:solid 1px #666666;
}

#header {
  margin: 0 0 10px 0;
}
  /** the heading and tagline are h1 on homepage and h4 on internal */
  #header h1,
  #header h4 {
    font-size: 30px;
    margin: 0;
    padding: 10px 0 10px 0;
  }
    /** the tagline is a span within the h1 or h4 */
    #header h1 span,
    #header h4 span { }

  /**
    Nav and Subnav
    Split these out if you want the two levels to look different
  */
  #nav,
  #subNav {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  #subNav {
    margin-top: 10px;
  }
    #nav li,
    #subNav li {
      display: inline;
      padding: 0 10px 0 0;
    }
    /* Currently selected page nav item (and parent) if applicable */
    .current_page_item a,
    .current_page_parent a {
      text-decoration: none;
    }
      .current_page_item a:hover,
      .current_page_parent a:hover {
        text-decoration: underline;
      }

/**      main content     */
#primaryContent {
  width: 497px;
  float: right;
  padding: 0;
  padding-left:40px;
  margin: 0;
}
  #primaryContent h1 {
    padding: 0;
    margin: 10px 0 0 0;
  }

  #primaryContent h2 {
    padding: 0;
    margin: 0;
    padding-bottom:12px;
  }

  /* titles are h2 on homepage and h1 for internal */
  #primaryContent h1.postTitle,
  #primaryContent h2.postTitle {
    font-size:26px;
    padding:0;
  }

  #primaryContent h3 {
    padding: 0;
    margin: 10px 0 0 0;
  }

  ol#posts {
    list-style: none;
    margin: 0;
    padding: 0;
  }

    li.postWrapper,
    div.postWrapper { }

      .postWrapper img { }

      div.post { }

      p.postMeta { 
      	margin-top:15px;
      	background-color:#333333;
      	padding:5px;
      }

  #pagination {
    list-style: none;
    margin: 0px;
    padding: 0px;
  }
    #pagination li {
      display: inline;
    }
    #pagination .previous {
      text-align: left;
      float: left;
    }
    #pagination .future {
      text-align: right;
      float: right;
    }

/**       sidebar          */
#secondaryContent {
  width: 320px;
  float: left;
}
  #secondaryContent h3 {
    padding: 0;
    margin: 10px 0 0 0;
  }

  /**
    Remove bullets from the first level sidebar UL and give each item some bottom margin.
    IE 6 doesn't like the selectors, I can live with that but if you can't then
    you'll need to extend this further.
  */
  #secondaryContent > ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
    #secondaryContent > ul > li {
      margin: 0 0 10px 0;
    }

  /** the HTML is a bit dodgy for the tag cloud, need to add some padding
      between the title and the first href */
  .widget_tag_cloud a {
    padding-left: 5px;
  }

#comment {
  width: 468px;
}

#footer {
  clear: both;
  height:200px;
}

/** normally hidden but will appear when css disabled */
.skip,
.noCss {
  position: absolute;
  left: -9999px;
}

/**
  theme requirements as per 
  http://codex.wordpress.org/CSS
*/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}