/*
Theme Name: Ryan Block
Theme URI: http://ryanblock.com/
Description: Personal blog for Ryan Block
Author: Brolly
Author URI: http://brolly.ca
Tags: blogs n' such

/***  reset via http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again  ***/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/***  typography  ***/
body {
  font-family: "arial", sans-serif;
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  background: #ffffff;
}

h1 { font-size: 32px; line-height: 32px; padding: 12px 0; }
h2 { font-size: 28px; line-height: 26px; padding: 0 0 16px; }
h3 { font-size: 20px; line-height: 20px; padding: 10px 0; }

a:link, a:visited,
a:active { color: #e42813; text-decoration: none; padding: 1px; }
a:hover { color: #ffffff; background: #e42813; text-decoration: none; padding: 1px; }

p { margin: 0 0 16px 0; }
em { font-style: italic; }
strong { font-weight: bold; }
small { font-size: 10px; }
pre { font-weight: normal; margin: 0 0 16px 0; }

ul { list-style-type: circle; }
ol { list-style-type: decimal; }
ul, ol {
  list-style-position: outside;
  margin: 16px 0;
  padding: 0 0 0 16px;
}

blockquote {
  font-style: italic;
  padding: 0 0 0 16px;
  margin: 0 0 16px 0;
}

/***  structure  ***/
#container {
  width: 980px;
  margin: 0 auto;
  overflow: hidden;
}

#content {
  float: left;
  width: 565px;
  display: inline;
  overflow: hidden;
  margin: 0 35px 0 0;
}

#sidebar {
  float: left;
  width: 380px;
  display: inline;
  overflow: hidden;
}

/***  header  ***/
#header {
  width: 980px;
  border-bottom: 5px solid #000000;
  overflow: hidden;
  margin: 0 0 16px 0;
  padding: 10px 0;
  position: relative;
}

#header h1 {
  display: block;
  float: left;
  width: 191px;
  height: 41px;
  text-indent: -9999px;
  background: transparent url("/img/logo.png") no-repeat 0 0;
  margin: 20px 0 5px 85px;
  padding: 0;
}

#header h1 {
  *margin: 20px 0 5px 45px;
  _margin: 20px 0 5px 45px;
}

#header h1 a {
  background: transparent none repeat scroll 0 0;
  display: block;
  width: 100%;
  height: 100%;
  outline: none;
  margin: 0;
  padding: 0;
}

/***  navigation  ***/
#header ul {
  position: absolute;
  top: 25px;
  left: 336px;
  width: 308px;
  height: 20px;
  background: url("/img/navigation.gif") no-repeat;
}

#header ul li  {
  position: absolute;
  list-style: none;
  display: inline;
}

#header ul li a {
  display: block;
  height: 20px;
  line-height: 20px;
  padding: 0;
}

#header ul li a span {
  left: -9999em;
  position: absolute;
}

li.content { left: 0px; width: 84px; }
li.about { left: 123px; width: 64px; }
li.contact { left: 225px; width: 83px; }

li.content a:hover { background: url("/img/navigation.gif") -0px -21px no-repeat; }
li.about a:hover { background: url("/img/navigation.gif") -123px -42px no-repeat; }
li.contact a:hover { background: url("/img/navigation.gif") -225px -63px no-repeat; }

li.content.selected { background: url("/img/navigation.gif") -0px -21px no-repeat; }
li.about.selected { background: url("/img/navigation.gif") -123px -42px no-repeat; }
li.contact.selected { background: url("/img/navigation.gif") -225px -63px no-repeat; }

/***  c holder divs  ***/
div.c1 {
  float: left;
  width: 70px;
  display: inline;
  margin: 0 15px 0 0;
  padding: 18px 0 0 0;
  font-size: 10px;
  line-height: 16px;
  overflow: hidden;
}

div.c2 {
  float: left;
  width: 480px;
  display: inline;
  overflow: hidden;
  border-bottom: 1px solid #cccccc;
}

div.c2.latest {
  border-bottom: none;
}

div.c3 {
  float: left;
  width: 60px;
  background: #e42813;
  position: absolute;
  left: 0;
  text-align: center;
  padding: 2px;
  font-size: 14px;
  color: #ffffff;
}

div.c3 {
  *left: -80px;
  _left: -80px;
}

div.c4 {
  padding: 0 0 0 85px;
}

/***  content & sidebar  ***/
#content h1 {
  color: #333333;
  font-size: 18px;
  font-weight: normal;
  border-bottom: 2px solid #000000;
  padding: 0;
  margin: 0 0 16px;
}

#content h1.title {
  margin: 0 0 16px 0 !important;
}

/* #sidebar div.widget img {
  float: right;
  margin: 16px 0;
} */

#sidebar div.widget img.aboutimg {
  float: left;
  margin: 0 10px 10px 0;
}

/***  widgets  ***/
div.widget {
  position: relative;
  padding: 0 0 0 80px;
  margin: 0 0 20px 0;
}

div.widget ul, ol {
  list-style-type: circle;
  list-style-position: outside;
  margin: 0 0 16px;
  padding: 0 0 0 16px;
}

div.widget-twitter {
  position: relative;
  padding: 0 0 8px 80px;
  margin: 0 0 30px 0;
  border-bottom: 1px solid #000000;
}

div.widget-twitter p {
  margin: 0;
}

div.twitter-logo {
  border-bottom: 2px solid #000000;
  padding: 7px 0 2px;
}

div.twitter-logo a {
  background-color: transparent;
}

.twitter-timestamp {
  float: left;
  width: 65px;
  position: absolute;
  left: 0;
  text-align: right;
  padding: 5px 15px 0 0;
  font-size: 10px;
}

.twitter-message {
  padding: 6px 0;
  border-bottom: 1px solid #cccccc;
}

.twitter-message:last-child {
  border-bottom: none;
}

/***  footer  ***/
#footer {
  width: 980px;
  padding: 16px 0;
  float: left;
  display: inline;
  overflow: hidden;
}

#footer div.content {
  padding: 16px 0 0;
  border-top: 5px solid #000000;
}

#footer div.content p {
  margin: 0 0 4px 0;
}

#footer div.column {
  float: left;
  display: inline;
  width: 243px;
  padding-left: 2px
}

/***  featured post  ***/
#featured-post {
  border-bottom: 1px solid #000000;
  margin: 0 0 30px 0;
  overflow: hidden;
}

#featured-post div.c1 {
  padding: 50px 0 0 0 !important;
}

#featured-post div.c1.single {
  padding: 0 !important;
}

/***  previous posts  ***/
#previous-posts {
  margin: 0 0 30px 0;
  overflow: hidden;
}

#previous-posts div.c1.first {
  padding: 50px 0 0 0 !important;
}

#previous-posts div.c2.more {
  padding: 16px 0 0 !important;
}

/***  posts from other places  ***/
#other-places-posts {
  margin: 0 0 32px 0;
  overflow: hidden;
}

#other-places-posts div.c1.first {
  padding: 50px 0 0 0;
}

/***  blog posts  ***/
div.post h2 {
  color: #000000;
  font-size: 22px;
  font-weight: normal;
}

div.post h2 a {
  font-size: 22px;
  font-weight: normal;
}

div.post h2.title {
  line-height: 0px;
  margin: 5px 0;
}

div.post h3 {
  padding: 0;
  margin: 8px 0;
}

div.post h3 a {
  font-size: 14px;
  font-weight: normal;
}

#post-footer {
  font-size: 10px;
  width: 480px;
}

.categories {
  width: 230px;
  padding: 0 10px 5px 0;
  float: left;
}

.tags {
  width: 240px;
  padding-bottom: 5px;
  float: left;
}

/***  images  ***/
.imgtop {
  border: 0 none;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4px;
  }

.imgright {
  border: 0 none;
  float: right;
  margin: 4px 0 4px 4px;
  }

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4px;
}

.alignleft {
  border: 0 none;
  float: left;
  margin: 4px 4px 4px 0;
}

.alignright {
  border: 0 none;
  float: right;
  margin: 4px 0 4px 4px;
}

/***  see more posts  ***/
div.see-more-posts {
  clear: left;
  border-bottom: 1px solid #000000;
  padding: 1px 0 1px 85px;
}

div.see-more-posts a {
  color: #e42813;
  text-decoration: none;
  display: block;
  text-align: center;
  padding: 2px;
}

div.see-more-posts a:hover {
  color: #ffffff !important;
  background: #e42813 !important;
}

/***  comments  ***/
div.comments h1 {
  margin: 0 0 16px 85px !important;
}

div.comments p {
  margin: 0 0 14px 0;
}

div#respond h1 {
  margin: 0 0 16px 0;
}

div.comment-content {
  padding: 0;
  margin: 0 !important;
  float: left;
  display: inline;
  overflow: hidden;
  width: 474px;
}

form#commentform label {
  display: block;
  float: left;
  width: 85px;
}

form#commentform input {
  padding: 4px;
  margin: 0;
}

form#commentform input#author,
form#commentform input#email,
form#commentform input#url {
  border: 1px solid #cccccc;
  font-family: "arial", sans-serif;
  font-size: 12px;
  width: 220px;
}

form#commentform textarea {
  border: 1px solid #cccccc;
  padding: 4px;
  width: 470px;
  font-family: "arial", sans-serif;
  font-size: 12px;
}

form#commentform input#submit {
  margin: 0 0 16px 85px;
}

form#commentform p.loggedin {
  margin: 0 0 16px 85px;
}

form#commentform p {
  margin: 0 0 8px 0;
}

ol.commentlist {
  overflow: hidden;
  margin: 0;
  padding: 0 0 14px;
}

ol.commentlist li {
  list-style: none;
  list-style-type: none;
  margin: 0 0 14px;
  overflow: hidden;
  border-bottom: 1px solid #cccccc;
  float: left;
  display: inline;
  width: 564px;
}

div.comment-meta {
  float: left;
  display: inline;
  width: 75px;
  margin: 0 10px 0 0;
  font-size: 10px;
  overflow: hidden;
}

/***  etc  ***/
#caption {
color:#999999;
font-size: 11px;
text-align:right;
margin-left:auto;
margin-bottom: 10px;
}

hr {
background-color: #000000;
height: 1px;
border: 0px;
}

img#wpstats { width:0px;height:0px;padding:0px;border:none; }