/*-----------------------------------------------------------------------
Burstoid Style Sheet (http://www.burstoid.com)

version:	1.0
date:		14th October 2008
author:		Sam Brown
email:		sam@massiveblue.com
website:	http://www.massiveblue.com
/*-------------------------------------------------------------------- */

/* !Global Reset */
/*-------------------------------------------------------------------- */
* {font-size: 100.01%; margin: 0; padding: 0;}
html {font-size: 62.5%;}
h1, h2, h3, h4, h5, h6, p, blockquote, form, fieldset, table, ul, ol {
	margin: 0 0 1em;
}

/* !Fixers */
/*-------------------------------------------------------------------- */
* a {position: relative;} /* Gets links displaying over a PNG background */
a {outline: none;} /* Gets rid of Firefox's dotted borders */
a img {border: none;} /* Gets rid of IE's blue borders */
table {border-collapse: collapse; border-spacing: 0;}
fieldset, img {border: 0;}
q:before, q:after {content: '';}

/* !Base Elements */
/*-------------------------------------------------------------------- */
a, a:link, a:visited, a:active {color: #0e6ad3; text-decoration: none;}
a:hover {color: #333; text-decoration: underline;}
abbr, acronym {font-style: normal; border-bottom: dotted 1px #666; cursor: help;}
blockquote {border-left: 2px solid #ededed; margin-left: 1.5em; padding-left: 1.5em;}
body {
	background: #f5f5f5 url('/img/bg.gif') top left repeat-y;
	color: #333;
	font: 1.1em/1.75em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
code {font: 1.1em monaco, courier, monospace;}
hr {border: none; height: 1px; background: #f1f1f1; margin: 2.25em 0;}
ol, ul {margin-left: 2em;}

/* !Structure */
/*-------------------------------------------------------------------- */
#wrap 		{padding-top: 30px; width: 920px;}
#content 	{float: left; margin: 0 0 30px 60px; width: 475px;}
#sidebar 	{float: right; margin: 0 30px 30px 0; width: 295px;}
#footer		{clear: both;}

/* !Wrap */
/*-------------------------------------------------------------------- */
#wrap {}

/* !Content */
/*-------------------------------------------------------------------- */
#content {
	font-size: 13px;
	line-height: 25px;
}

#content h2 {
	font-size: 24px;
	font-weight: normal;
	letter-spacing: -1px;
	margin-top: 5px;
	margin-bottom: 20px;
}
h3 {font-size: 1.2em;}

/* !Entry Styles */
.entry {
	border-bottom: 1px solid #f1f1f1;
	margin-bottom: 30px;
	padding-bottom: 20px;
}
.entry a {
	background: #f5f5f5;
	padding: 3px 6px;
	-webkit-border-radius: 10px; -moz-border-radius: 10px;
}
.entry a:hover {
	background: #0e6ad3;
	color: #fff;
	text-decoration: none;
	text-shadow: #0b51a1 1px 1px 1px;
}
.entry h3 {
	font-size: 17px;
	font-weight: normal;
}
.entry h3 a {
	background: #f5f5f5;
	border: 2px solid #ededed;
	color: #009246;
	padding: 5px 10px;
	-webkit-border-radius: 17px; -moz-border-radius: 17px;

}
.entry h3 a:hover {
	background: #009246;
	border: 2px solid #00783a;
	color: #fff;
	text-decoration: none;
	text-shadow: #005e2e 1px 1px 1px;
}
.entry img {margin-bottom: 1em;}
.entry span.source {
	color: #ccc;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
}
.entry span.source {
	margin-bottom: -5px;
}
.entry span.source a {
	color: #aaa;
	padding: 4px 8px 5px;
	text-shadow: #fff 1px 1px 1px;
	-webkit-border-radius: 10px; -moz-border-radius: 10px;
}
.entry span.source a:hover {
	background: #333;
	text-shadow: #111 1px 1px 1px;
}

/* !PrevNext Styles */
#prevnext a {
	border: 2px solid #ededed;
	color: #bc1e47;
	font-size: 13px;
	font-weight: bold;
	padding: 3px 6px;
	-webkit-border-radius: 13px !important; -moz-border-radius: 13px !important;
}
#prevnext a:hover {
	background: #bc1e47 !important;
	border: 2px solid #8a1635 !important;
	color: #fff;
	text-decoration: none;
	text-shadow: #8a1635 1px 1px 1px !important;
}
#prevnext p#next {float: left;}
#prevnext p#prev {float: right;}

a#top {background: #f5f5f5 url('/img/arr-top.png') 8px 5px no-repeat !important; padding-left: 25px !important; padding-right: 15px !important;}
a:hover#top {background: #bc1e47 url('/img/arr-top.png') 8px 5px no-repeat !important; padding-left: 25px !important;}

a#leftlink {background: #f5f5f5 url('/img/arr-left.png') 8px 5px no-repeat !important; padding-left: 25px !important; padding-right: 15px !important;}
a#rightlink {background: #f5f5f5 url('/img/arr-right.png') 50px 5px no-repeat !important; padding-left: 15px !important; padding-right: 25px !important;}

a:hover#leftlink {background: #bc1e47 url('/img/arr-left.png') 8px 5px no-repeat !important; padding-left: 25px !important; padding-right: 15px !important;}
a:hover#rightlink {background: #bc1e47 url('/img/arr-right.png') 50px 5px no-repeat !important; padding-left: 15px !important; padding-right: 25px !important;}

/* !Forms */
#content form {margin-top: 2em;}
#content form label {font-weight: bold;}
#content form a#whyask {
	background: none;
	font-size: 11px;
	font-weight: bold;
	padding-left: 1.5em;
}
#content form a:hover#whyask {
	background: none;
	color: #333;
	font-size: 11px;
	font-weight: bold;
	text-shadow: none;
	text-decoration: underline;
}

#content form input.required {
	background: #f9f9f9;
	border: 2px solid #ededed;
	font-family: Helvetica;
	padding: 3px;
	width: 300px;
}
#content form textarea {
	background: #f9f9f9;
	border: 2px solid #ededed;
	font-family: Helvetica;
	height: 125px;
	width: 465px;
}
#content form em {
	color: #bbb;
	font-size: 11px;
	font-weight: bold;
	padding-left: 1.5em;
}

/* !Comments */
#comment {margin-bottom: 2em;}
#comment p {
	color: #777;
	font-size: 12px;
	line-height: 20px;
	text-shadow: none;
}
#comment label {
	color: #555;
	font-size: 11px;
	text-transform: uppercase;
}
#comment label em {text-transform: none;}

h6 {
	color: #555;
	font-size: 11px;
	margin-top: -10px;
	padding-bottom: 3px;
	text-transform: uppercase;
}

p.cominfo {
	border-bottom: 1px dotted #ddd;
	color: #aaa !important;
	font-weight: bold;
	margin-bottom: 5px !important;
	padding-bottom: 5px;
}
p.cominfo em {
	font-weight: normal;
	font-style: normal;
	float: right;
}
p.cominfo a {
	background: none !important;
	padding: 0 !important;
	color: #bc1e47;
	text-decoration: underline;
	text-decoration: none;
}
p.cominfo a:hover {
	color: #333;
	text-decoration: underline;
}

div.odd p, div.even p {margin-bottom: 0;}
div.odd {
	background: #f7f7f7;
	border: 1px dotted #ddd;
}
div.even {margin: 1em 0;}
div.odd, div.even {padding: 1em;}
div.owner {background: #f0f5f9;}
div.owner a {color: #0e6ad3;}

/* !Archives */
ul#archives {
	list-style: none;
	margin: 0;
}
ul#archives li {
	font-size: 13px;
	line-height: 25px;
	margin: 2px 0;
}
ul#archives li a {
	background: #f5f5f5;
	display: block;
	padding-left: 10px;
	-webkit-border-radius: 12px; -moz-border-radius: 12px;
}
ul#archives li a:hover {
	background: #eee;
	color: #009246;
	text-decoration: none;
}
ul#archives li a strong {
	color: #999;
	font-size: 11px;
	float: right;
	margin-right: 10px;

}
ul#archives li a:hover strong {color: #009246;}
ul.inline {overflow: auto;}
ul.inline li {
	float: left;
	margin-right: 2px !important;
}
ul.inline li a {
	display: inline !important;
	padding: 5px 0 5px 10px;
}
ul.inline li a strong {float: none !important;}
.off {display: none;} /* Used for hiding the inactive months */


/* !Sidebar */
/*-------------------------------------------------------------------- */
#sidebar {
	color: #777;
	font-size: 13px;
}

/* !Logo */
h1 a {
	background: url('/img/logo.gif') top left no-repeat;
	display: block;
	height: 35px;
	text-indent: -9999px;
	width: 295px;
}

/* !About */
p#about {
	margin-top: 30px;
	padding: 0 10px;
}

.team {
	border-top: 1px solid #e6dfce;
	margin: 0 0 4em;
	float: left;
}

.team .teamentry h3 a {
	color: #000;
	font: normal 16px/1.2 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
	text-decoration: none;
	margin: 0;
}

.team .teamentry h3 a:hover, .reference .teamentry h3 a:focus {
	color: #000;
	text-decoration: underline;
}

.team .teamentry {
	border-bottom: 1px solid #f1f1f1;
	float: left;
	padding: 1em 0 0.5em;
	width: 475px;
}

.team .teamentry p {
	margin: 0.25em 0 0 105px;
}

.team .teamentry h3 {
	margin-bottom: 0;
}

.team .teamentry h4 {
	margin: 0 0 0 105px;
	font-style: italic;
	font-size: 13px;
	font-weight: normal;
	color: #000;
	padding: 0;
}

h2 + .team {
	border: none;
	margin-top: -15px;
}

.team img {
	float: left;
	margin: 0 14px 10px 0;
}

/* !Nav */
#nav {
	margin-top: 30px;
	overflow: auto;
}
#nav ul {
	border-top: 1px solid #eaeaea;
	list-style: none;
	margin: 0;
}
#nav ul li a {
	border-bottom: 1px solid #eaeaea;
	color: #686868;
	display: block;
	float: left;
	font-weight: bold;
	text-align: center;
	line-height: 25px;
	width: 147px;
}
#nav ul li a:hover {
	border-color: #c7c7c7;
	border-top: 1px solid #c7c7c7;
	margin-top: -1px;
	color: #333;
	text-decoration: none;
}
#nav ul li a#feed span {
	background: url('/img/feedicon-12bw.gif') left no-repeat;
	padding-left: 15px;
}
#nav ul li a:hover#feed span {
	color: #e16e34;
	background: url('/img/feedicon-12.gif') left no-repeat;
}

/* !Box */
.box {
	background: url('/img/box-mid.gif') top repeat-y;
	margin-top: 30px;
}
.box a {color: #444;}
.box a:hover {color: #000;}
.box h2 {
	color: #686868;
	font-size: 11px;
	margin-bottom: 5px;
	padding: 0 20px;
	text-transform: uppercase;
}
.box p {
	margin: 0;
	padding: 0 20px;
}
.box ul {
	list-style: none;
	margin: -5px 20px 0 15px;
}
.box ul li {
	background: url('/img/arr-right.png') 5px 5px no-repeat;
	color: #dcdcdc;
	font-size: 12px;
	text-indent: 23px;
	line-height: 22px;
}

.box ul li.twitter {
	background: url('/img/icons-twitter.gif') 5px -17px no-repeat;
	padding-left: 3px;
}

.box ul li.flickr {
	background: url('/img/icons-flickr.gif') 5px -17px no-repeat;
	padding-left: 3px;
}

.box ul li.facebook {
	background: url('/img/icons-facebook.gif') 5px -17px no-repeat;
	padding-left: 3px;
}

.box ul li.tumblr {
	background: url('/img/icons-tumblr.gif') 5px -16px no-repeat;
	padding-left: 3px;
}

.box ul li a {display: block;}
.box ul li span {color: #898989;}
.box ul li:hover {
	background: #f3f3f3 url('/img/arr-right.png') 5px 5px no-repeat;
	-webkit-border-radius: 11px; -moz-border-radius: 11px;
}

.box ul li.twitter:hover {
	background: #f3f3f3 url('/img/icons-twitter.gif') 5px 2px no-repeat;
}

.box ul li.flickr:hover {
	background: #f3f3f3 url('/img/icons-flickr.gif') 5px 2px no-repeat;
}

.box ul li.facebook:hover {
	background: #f3f3f3 url('/img/icons-facebook.gif') 5px 2px no-repeat;
}

.box ul li.tumblr:hover {
	background: #f3f3f3 url('/img/icons-tumblr.gif') 5px 3px no-repeat;
}

.featuredimg {margin: 0 0 8px 3px;}

/* !Buttons */
#buttons {overflow: auto;}
.button {
	background: url('/img/bg-button.png');
	float: left;
	font-size: 10px;
	line-height: 1.2em;
	margin-top: 30px;
	padding: 10px 5px 10px 10px;
	width: 125px;
	-webkit-border-radius: 11px; -moz-border-radius: 11px;
}
.button:last-child {margin-left: 15px;}
.button a {
	color: #666 !important;
	padding-left: 20px;
	display: block;
	font-weight: bold;
}
.button a:hover {
	color: #111 !important;
	text-decoration: none !important;
}
.button a strong {color: #0e6ad3;}
.button a:hover strong {color: #f00;}
.button a#but-car {background: url('/img/logo-carbonmade.gif') left no-repeat;}


/* !Footer */
/*-------------------------------------------------------------------- */
#footer {}
#footer-wrap {
	border-top: 1px solid #f1f1f1;
	font-weight: bold;
	overflow: auto;
	margin-left: 60px;
	padding-top: 15px;
	width: 475px;
}
#footer p {float: left;}
#footer ul {
	float: right;
	list-style: none;
	margin: 0;
}
#footer ul li {
	display: inline;
	border-right: 1px solid #ddd;
	padding: 0 5px 0 3px;
}
#footer ul li:last-child {
	border-right: none;
	padding-right: 0;
}
#footer ul li:last-child a {
	background: url('/img/feedicon-12.gif') left no-repeat;
	padding-left: 15px;
	padding-bottom: 1px;
}

/* !Other */
/*-------------------------------------------------------------------- */
.clear {clear:both;}

/* !RSS */

#rss {
overflow: hidden;
height: 70px;
float: left;
}

#rss a {
display: block;
}

#rss a:hover {
	margin-top: -70px;
}