/* reset */
* {margin:0;padding:0;}
html {height:100%;text-align:center;}
body {font-size:100%;height:100%;}
img {display:block;border:0;}
a img {border:0;text-align:left;}
a{-moz-outline:none;}
fieldset{border:none;}
ul,ol {list-style:none;position:relative;}

/* Fix Mobile Safari Increasing Text Size */
body  { -webkit-text-size-adjust: none; }

/* global */
body {
	color: #333;
	font: normal 12px/16px 'Helvetica Neue', arial, sans-serif;
}

a {
	color: #0ab6ea;
	text-decoration: underline;
}

a:hover {
	color: #0ab6ea;
	text-decoration: none;
}

/* button */
a.button {
	background: transparent url(../images/site/sprites.gif?v=1.1) no-repeat 0 0;
	display: block;
	height:19px;
	font-weight: bold;
	color:#333;
	line-height: 19px;
	text-decoration: none;
}

a:hover.button {
	color: #333;
}

/* flash */
#flash-wrapper {
	
}

/* blog */
body#blog {
	background: #e8e8e8 url(../images/site/bg.gif) repeat-y 0 0;
	text-align: left;
}

#blog-wrapper {
	text-align: left;
	width: 881px;
	overflow: auto; /* Stops div collapsing */
}

#blog-sidebar-wrapper {
	float:left;
	height:100%;
	margin-left: 40px;
	padding: 20px 0 20px 0;
	width:220px;
	/* IE 6 */
}

.logo a {
	display: block;
	background: transparent url(../images/site/sprites.gif?v=1.1) no-repeat 0 0;
	margin-bottom: 78px;
	text-indent: -9999px;
	height:105px;
	width: 104px;
	overflow: hidden;
}

p.introduction {
	display: block;
	background: transparent url(../images/site/sprites.gif?v=1.1) no-repeat 0 -124px;
	margin-bottom: 53px;
	text-indent: -9999px;
	height:59px;
	width: 184px;
	overflow: hidden;
}

h2.categories {
	display: block;
	background: transparent url(../images/site/sprites.gif?v=1.1) no-repeat 0 -202px;
	margin-bottom: 10px;
	text-indent: -9999px;
	height: 18px;
	width: 87px;
	overflow: hidden;
}

#categories-list {
	border-top: 1px solid #c2c2c2;
	margin-bottom: 50px;
}

#categories-list li {
	border-bottom: 1px solid #c2c2c2;
	line-height: 29px;
	position: relative;
	height:29px;
	width: 220px;
}

#categories-list a {
	color:#333;
	height:28px;
	padding-right: 15px;
	text-decoration: none;
}

#categories-list span {
	color:#ababab;
	position: absolute;
	right:20px;
	top:0px;
}

#categories-list a:hover {
	color:#0ab6ea;
}

ul#categories-list li a.selected {
	color:#0ab6ea;
	background: transparent url(../images/site/sprites.gif?v=1.1) no-repeat right -266px;
}

#blog-content-wrapper {
	float:right;
	padding: 200px 20px 0 20px;
	width: 580px;
}

.post {
	margin-bottom: 60px;
}

.post h1 {
	margin-bottom: 20px;
}

.post h1 a {
	color: #333;
	text-decoration: none;
}

.post h2 {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 8px;
}

.post h3 {
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 8px;
}

.post p {
	margin-bottom: 16px;
}

.post ul {
	margin: 0 0 16px 20px;
}

.post ul li {
	background: transparent url(../images/site/sprites.gif?v=1.1) no-repeat left -579px;
	margin-bottom: 8px;
	padding-left: 12px;
}

.post img{
	margin-bottom: 5px;
}

.post p.caption {
	font-size: 11px;
	color: #999;
	margin:3px 0 15px 0;
}

img.no-caption {
	margin-bottom: 15px;
}

.video-container.no-caption {
	margin-bottom: 15px;
}

.post-meta {
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	color: #999;
	margin-top: 30px;
	padding: 10px 0px;
}

/* Share */
.post-share {
	float:right;
}

a.share-facebook, a.share-twitter {
	background: transparent url(../images/site/sprites.gif?v=1.1) no-repeat 0 0;
	color: #999;
	text-decoration: none;
}

a.share-facebook {
	background-position: 0 -640px;
	margin: 0 10px 0 5px;
	padding-left: 20px;
	
}

a.share-twitter {
	background-position: 0px -687px;
	padding-left: 15px;
}

a:hover.share-facebook, a:hover.share-twitter {
	color:#0ab6ea;
	text-decoration: underline;
}

a:hover.share-facebook {
	background-position: 0 -664px;
}

a:hover.share-twitter {
	background-position: 0px -711px;
}

/* Links */
.sidebar-links {
	padding-bottom: 50px;
	border-bottom: 1px solid #ccc;
}

a.link {
	background: transparent url(../images/site/sprites.gif?v=1.1) no-repeat 0 0;
	display: block;
	text-indent: -9999px;
	margin-bottom: 14px;
	overflow: hidden;
}

a.link.futureburo { background-position: 0 -296px; }
a:hover.link.futureburo {background-position: 0 -320px; }
a.link.twitter{background-position: 0 -344px;}
a:hover.link.twitter {background-position: 0 -368px;}
a.link.flickr {background-position: 0 -392px;}
a:hover.link.flickr {background-position: 0 -416px;}
a.link.feed {background-position: 0 -440px;}
a:hover.link.feed {background-position: 0 -464px;}

/* pagination */
.pagination {
	padding-bottom: 20px;
	height:40px;
	width:580px;
}

/* buttons */
a.next {
	background-position: right -513px;
	padding-right: 30px;
	float:right;
}

a:hover.next {
	background-position: right -542px;
	color:#333;
}


a.prev,
	a.back {
	background-position: left -513px;
	padding-left: 30px;
	float:left;
}

a:hover.prev,
	a:hover.back {
	background-position: left -542px;
}

/* sifr v3 */
.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-replaced div.sIFR-fixfocus { margin: 0pt;  padding: 0pt;  overflow: auto;  letter-spacing: 0px;  float: none; }

@media print {
  .sIFR-flash { display:none !important; height: 0; width: 0; position: absolute; overflow: hidden;}
  .sIFR-alternate { visibility: visible !important; display: block !important; position: static !important;left: auto !important;top: auto !important;width: auto !important;height: auto !important;}
}

/* sifr v3 - CSS rules for to-be-replaced elements */
.sIFR-active h1.title {
	font-size: 26px;
	margin-bottom: 8px;
	visibility: hidden;
}