/*
Site: Developing in the Dark
Author: Ben Pearson
Created: 15th June 2009
*/

body {
	color: #AAAAAA;
	font: 62.5%/165% "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,Arial,sans-serif;
	background: #121212;
}

a, a:active, a:link, a:visited {
	text-decoration: none;
}

a, a:active, a:link {
	color: #439bef;
}

a:visited {
	color: #439bef;
}

a:hover {
	color: #59a6f0;
	text-decoration: underline;
}

ol,ul {
	margin-bottom: 1em;
}

ol {
	list-style-type: decimal;
}

pre, code {
	font-smooth: 12px !important;
}

em {
	background-color: #181818;
	padding: 3px 4px;
}

/* Change selection colours */
/* Safari and Opera */
::selection {
	background: #ccc;
	color: #000;
}

/* Firefox */
::-moz-selection {
	background: #ccc;
	color: #000;
}


/* FORMS ------------------------------------------- */
form {
	width: 100%;
}

textarea {
	resize: none;
}

form label,
form input,
form textarea {
	color: white;
	font: 120%/180% "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,Arial,sans-serif;
	float: left;
}

form label {
	line-height: 150%;
	width: 80px;
	height: 3em;
}

form label span {
	font-size: 80%;
	color: #999999;
	clear: both;
	float: left;
	width: 100%;
}

form .remember {
	height: 35px;
	width: 125px !important;
}

form .remember label {
	height: 35px;
	line-height: 35px;
	width: 90px;
}

form .remember input {
	margin-top: 10px;
	float: right;
	width: 20px;
}


form input,
form textarea {
	border: none;
	padding: 10px;
	background-color: #282828;
	width: 165px;
}

form .input {
	float: left;
	width: 300px;
	margin-bottom: 1em;
}

form .input.textarea {
	width: 600px;
}

form .input.textarea textarea {
	height: 100px;
	width: 493px;
}

form .left {
	float: left;
}

form .right {
	float: right;
}

form .submit {
	float: right;
}

#comments #add-comment {
	margin-top: 1em;
}

#comments #add-comment h2 {
	float: left;
	width: 250px;
	margin-top: 0;
}

#add-comment form .right,
#add-comment form .submit {
	margin-right: 7px;
}

#add-comment form .submit {
	margin-bottom: 1em;
}

#add-comment form .submit input {
	background: url('../img/button-add-comment.png');
	padding: 0;
	text-indent: -9999px;
	height: 30px;
	width: 120px;
}

#add-comment .text input {
	background: url('../img/form-text.png') no-repeat 0 0;
}

#add-comment textarea {
	background: url('../img/form-textarea.png') no-repeat 0 0;
}

#add-comment .error label {
	color: #f96a6a;
}

#add-comment .error-message {
	display: none;
}

/* HEADER ------------------------------------------- */

#status-bar {
	height: 30px;
	width: 100%;
}

#header {
	height: 285px;
	width: 100%;
	z-index: -300;
}

.header-panel {
	position: absolute;
	height: 285px;
	width: 100%;
}

#header-back-panel {
	/*background: url('../img/header-repeat.jpg') repeat-x center center;*/
	background-color: #0067d4;
	z-index: -300;
}

#header-left-panel {
	background: url('../img/header-left.jpg') no-repeat top left;
	z-index: -200;
}

#header-right-panel {
	background: url('../img/header-right.jpg') no-repeat top right;
	z-index: -100;
}

#header-logo {
	background: url('../img/header-logo.png') no-repeat top right;
	display: block;
	margin: auto;
	height: 205px;
	width: 600px;
}

#header-logo a {
	display: block;
	margin: auto;
	height: 205px;
	width: 600px;
}

#header-links {
	margin: auto;
	height: 80px;
	width: 600px;
}

#header-links li a {
	font-size: 170%;
	color: white;
	background-color: #0c75e4;
	float: left;
	margin: 20px 20px 20px 0;
	text-align: center;
	line-height: 40px;
	height: 40px;
	padding: 0 15px;
}

#header-links li a:hover {
	background-color: #2a8bf1;
	text-decoration: none;
}

#header-links li.active a {
	background-color: #2486ee;
}

#header-bottom-shadow {
	height: 15px;
	width: 100%;
}

/* CONTENT ------------------------------------------- */

#content {
	color: #CCC;
	margin: auto;
	width: 600px;
}

.post {

}

h1 {
	color: #439bef;
	font-size: 280%;
	font-weight: 600;
	line-height: 150%;
}

h2 {
	color: #70abe3;
	font-size: 140%;
	font-weight: 600;
	margin-top: 1em;
}

h3 {
	color: #70abe3;
	font-size: 130%;
	font-weight: 500;
	margin-top: 1em;
}


h4 {
	color: #70abe3;
	font-weight: 500;
}

blockquote {
	background: #181818 url('../img/quote.png') top left no-repeat;
	padding: 10px 10px 10px 70px;
	font-size: 0.95em;
	margin-bottom: 1em;
}

blockquote cite.source {
	text-align: right;
	font-size: 0.95em;
	display: block;
}

#content ul {
	list-style-type: circle;
	padding-left: 30px;
}

span.post-description,
span.post-created,
span.comment-name,
span.comment-created {
	color: #a7a7a7;
	float: left;
	margin-bottom: 1em;
	font-size: 110%;
	line-height: 220%;
}

span.page-description,
span.post-description,
span.comment-name {
	font-style: italic;
	padding-right: 60px;
	width: 420px;
}

span.post-created,
span.comment-created {
	text-align: right;
	width: 120px;
}

span.comment-name {
	width: 330px;
}

span.comment-created {
	width: 230px;
}

span.comment-name,
span.comment-created  {
	background-color: #282828;
	padding: 0 10px;
}

.post-content {
	clear: both;
	font-size: 130%;
	line-height: 180%;
}

body.page #content p,
.post-content p, .post-content pre {
	margin-bottom: 1em;
}

.post-content .update {
	display: block;
	background-color: #212121;
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #343434;
}


.post-content pre {
	background-color: #181616;
	padding: 10px;
}

.post-content pre code {
	font: 110%/140% "Monaco","Courier";
}

.post-footer {
	float: left;
	font-size: 120%;
	margin-bottom: 20px;
	line-height: 200%;
	width: 600px;
}

.post-footer ul {
	float: left;
}

.post-tags {
	background: url('../img/icon-tag.png') no-repeat left center;
	padding-left: 22px;
	width: 278px;
}

.post-tags li {
	display: inline;
}

.post-actions {
	float: right;
	text-align: right;
}

.post-actions a {
	float: left;
	margin-right: 10px;
	line-height: 25px;
	height: 25px;
}

.post-actions a.social-link {
	width: 16px;
	text-align: left;
	text-indent: -9999px;
}

.post-actions a.last {
	margin: 0;
}

.action-comments {
	background: url('../img/icon-speech-bubble.png') no-repeat left center;
	padding-left: 22px;
}

.action-add-comment {
	background: url('../img/icon-add-comment.png') no-repeat left center;
	padding-left: 22px;
}

.post-actions .twitter {
	background: url('../img/social-bookmarks/twitter.png') no-repeat left center;
}

.post-actions .delicious {
	background: url('../img/social-bookmarks/delicious.png') no-repeat left center;
}

.post-actions .digg {
	background: url('../img/social-bookmarks/digg.png') no-repeat left center;
}

.post-actions .feed {
	background: url('../img/social-bookmarks/feed.png') no-repeat left center;
}


hr {
	clear: both;
	border: 0;
	border-top: 1px solid #AAAAAA;
	width: 100%;
}

/* COMMENTS ------------------------------------------- */

#comments {
	clear: both;
}

#comments h2 {
	color: #439bef;
	font-size: 200%;
	font-weight: 600;
	line-height: 40px;
	margin-bottom: 10px;
}


.comment img.avatar {
	margin: 4px 5px 0 5px;
	float: right;
}

.comment a.avatar.default {
	background: url('../img/gravatar.png') top left no-repeat;
	width: 65px;
	height: 65px;
	margin: 4px 5px 0 5px;
	float: right;
}

.comment a.avatar.default:hover {
	background-position: 0 -65px;
}

.comment .com-message {
	padding: 0 5px;
	font-size: 115%;
	line-height: 200%;
  min-height: 110px;
  height: auto !important;
  height: 110px;
	width: 510px;
	margin-bottom: 2em;
}

.comment .com-message .syntaxhighlighter {
  min-height: 0px !important;
	width: 485px !important;
}

.comment .com-message p {
	margin-bottom: 1em;
}

div.comment.author span.comment-name,
div.comment.author span.comment-created,
div.comment.author span.comment-web-url a {
	color: #F8F8F8;
	background-color: #264766;
}

#new-comment.comment span.comment-name,
#new-comment.comment span.comment-created {
	color: black;
	background-color: #6dcf3d;
}

#CommentAddForm fieldset {
	float: left;
}

/* FOOTER ------------------------------------------- */

#footer {
	clear: both;
	border-top: 1px solid #AAAAAA;
	font-size: 120%;
	line-height: 200%;
	text-align: center;
	margin: auto;
	padding: 10px 0px;
	width: 600px;
}

/* FLASH MESSAGES ----------------------------------- */


#flashMessage {
	display: block;
	position: fixed;
	background-color: white;
	color: black;
	font-size: 200%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	width: 100%;
	z-index: 500;
}

#errorMessage {
	background-color: white;
	color: black;
	font-size: 200%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	width: 100%;
}

#add-comment .validation {
	font-size: 140%;
	float: right;
	line-height: 35px;
	height: 35px;
	margin-right: 7px;
	padding-top: 5px;
}

#add-comment .validation #addCommentSuccessMessage {
	color: #99f96a;
	background: url('../img/tick.png') no-repeat 0 1em;
	padding: 5px 0 0 25px;
}

#add-comment .validation #addCommentErrorMessage {
	color: #f96a6a;
	background: url('../img/cross.png') no-repeat 0 15px;
	padding: 5px 0 0 25px;
}

/* MODULES ----------------------------------------- */
.snippet-list span.datetime {
	width: 60px;
	display: block;
	float: left;
}

.snippet-list {
	list-style-type: none;
}

#notice {
	width: 580px;
	text-align: center;
	margin: 0 auto 15px auto;
	background-color: #212121;
	padding: 10px;
	border: 1px solid #343434;
	font-size: 110%;
}

/* DOWNLOAD BOX ----------------------------------------- */
.download-box {
	width: 600px;
	height: 125px;
	padding-top: 25px;
	background: url('../img/download-box/background.png') no-repeat 0 0;
	margin: 1em 0;
}

.download-box a {
	width: 125px;
	height: 125px;
	float: left;
	margin: 0 16px;
	text-indent: -9999px;
}

.download-box a.last {
	margin: 0;
}

.download-box a.git {
	background: url('../img/download-box/git.png') no-repeat 0 0;
}

.download-box a.zip {
	background: url('../img/download-box/zip.png') no-repeat 0 0;
}

.download-box a.rar {
	background: url('../img/download-box/rar.png') no-repeat 0 0;
}

.download-box a.tar {
	background: url('../img/download-box/tar.png') no-repeat 0 0;
}


/* UTILS ------------------------------------------- */

.honey-is-hidden {
	display: none;
}

.image-replaced {
	text-indent: -9999px;
}