/*
----------------------------------- Stylish ------------------------------------
Abstracted
Ed van Beinum 2010

*/

/**
look at doing this more browser independently
*/
@font-face {
  font-family: 'Calluna Regular';
  src: url('../../../fonts/calluna-regular-webfont.eot');
  src: local('☺'), url('../../../fonts/calluna-regular-webfont.woff') format('woff'), url('../../../fonts/calluna-regular-webfont.ttf') format('truetype'), url('../../../fonts/calluna-regular-webfont.svg#webfontDaDcpXGL') format('svg');
  font-weight: lighter;

}

body {
  background: #fff;
  color: #3C3A2E;
}

/**
------------------------------------ FONTS -------------------------------------
Font sizes are in % to improve rendering on user controlled zoom in/out
see the px to % table at http://developer.yahoo.com/yui/3/cssfonts/#chart
*/
a {
  color: #0E0F09;
  text-decoration: none;
  
}
a:hover, #footer a:hover {
  color: #7B7B73;
}

#header p {
  font-family:"Calluna Regular", Georgia, 'Times New Roman', serif;  
  margin-left: 24px;  
  font-size: 153.9%; /* 20px */
}
#header p a {
  color: #3C3A2E;
}

h1, h2, h3, h4 {
  font-family:"Calluna Regular", Georgia, 'Times New Roman', serif;  
}

h1 {
  font-size: 276.9%; /* 36px */
}
h2 {
  font-size: 197%; /* 26px */
}
h3 {
  font-size: 123.1%; /* 16px */

}
#sidebar .block h3 {

}
h4 {
  color: #57574D;
}
p, ul {
  font-size: 123.1%; /* 16px */
  line-height:160%;
  margin-bottom: 12px;
}
li  {
  list-style:square inside none;
}

#sidebar p, #sidebar ul {
  font-size: 100%; /* 13px */
  color: #57574D;
}

code {
  border-left: 5px solid #0E0F09;
  background-color: #7B7B73;
  font-family: "Courier New", courier, monospace;
  color: #CCCDC8;
  display: block;
  margin: 24px;
  padding: 6px;
}

/**
--------------------------------- DIVS n that ----------------------------------
*/

#container {
  width: 1066px;
  margin: 0 auto;
}

#header {
  margin: 0 auto;
  margin-top: 24px;
  border-bottom: 5px solid #7B7B73;
  height: 44px;

}

#content {  
  margin: 24px;
}

#top-post {
  border-bottom:1px solid #CCCCCC;
  margin-bottom:24px;
}

#main {
  float: left;
  width: 690px;
  margin-bottom: 24px;
}
#main img {
  border: 1px solid #ccc;
  padding: 1px;
  float: left;
  margin: 0 15px 5px 0;
}
#top-post .story {
  padding-top: 24px;
  padding-bottom: 24px;
  overflow: auto;
}


#top-post #strapline {
  
  padding: 6px;
  overflow: auto;
  margin-bottom: 24px;
}

 #strapline h4.strap-left {
  float: left;
}
 #strapline h4.strap-right {
  float: right;
}


p.tags{
  display: inline;
}
#sidebar {
  position: relative;
  float: right;
  width: 285px;
  margin-bottom: 24px;
}

#footer {
  clear: both;
  width: 1066px;
  padding-top: 24px;
  border-top: 5px solid #7B7B73;
}

#footer p {
  margin-left: 24px;
}
#footer ul {
  margin-right: 24px;
}

/**
------------------------------------ Images ------------------------------------
*/
#sidebar img {
  float: right;
  margin: 0 0 0 6px ;

}

/**
------------------------------------ Lists -------------------------------------
*/

#sidebar .block ul, ul {
  padding: 0;
  margin: 0 0 8px 0;
}

#sidebar .tags ul {
  float: left;
  width: 130px;
}
#sidebar div.block {
  clear: left;
  margin-bottom: 24px;
}
#sidebar div.block ul li span {
  color: #ccc;
}
#sidebar .block ul li {
  list-style-type: none;
  margin-left: 0;
  background: #FFFFFF url(images/menuarrow.jpg) no-repeat scroll 0 9px;
  padding:0 0 0 12px;
}

#sidebar .block .content {
  margin-bottom: 8px;
}


#sidebar .info {
  border: 1px solid #e0e0e0;
  background: #f4f4f4;
  padding: 8px;

}

#footer a, #footer p {
  color: #808080;
  font-weight: normal;
  font-size: 100%;
  text-transform: uppercase;
}
.right{
  float: right;
}

ul.links li {
  display: inline;
}

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