/* 	chirrup.angryamoeba.co.uk SITE-SPECIFIC CSS
	
	This stylesheet overrides base, grid and elements.css
	and provides specific styling information for
	chirrup.angryamoeba.co.uk.
	
	-----------------------------------
	ANGRYAMOEBA Colour defs (copy and paste is fun)	
	CYAN: 						#1793C2;
	MAGENTA: 					#EC008C;
	GREEN: 						#5AC000;
	BROWN:						#BAAF86;
	-----------------------------------	
	
	-----------------------------------	
	CHIRRUP Colour defs
	SIGNPOST YELLOW:			#ffed09;
	BACKDROP GREEN:				#539925;
	CHIRRUP BLUE:				#64758b;
	-----------------------------------	
*/

/* Load backgrounds slightly differently */
body {
	background-position: center top;
	background-color: #539925;
}
#root {
	background: none;
}

#amoeba_logo {
	margin-top: 23px;
	margin-left: 92px;
	padding: 0;
}
#amoeba_header {
	padding-top: 0;
}
#amoeba_header .strapline {
	margin-top: 19px;
	margin-left: 3px;
}

/* Adjust grid to cope with being in an OL */
ol#steps {
	list-style-type: none;
}
	ol#steps li {
		margin: 0;
		padding: 0;
	}

/* Adjust content blocks */
h3 {
	font-size: 18px;
	color: white;
}
.boxed h3 {
	color: black;
}
.hidden_box p {
	color: white;
}
div.block {
	margin-bottom: 10px;
}

/* Adjust markers */
.marker {
	font-size: 28px;
	padding-left: 13px;
	width: 45px;
	margin-left: 60px;
	color: black;
}

/* yellow box style */
.yellow_box {
	background: url('../images/postbox_background_yellow_top.png') no-repeat top left;
}
	.yellow_box .box {
		padding: 20px;
		padding-right: 25px;
		background: url('../images/postbox_background_yellow_bottom.png') no-repeat bottom left;
	}
	.yellow_box * {
		color: black;
	}
	.yellow_box h3, .yellow_box a {
		font-weight: bold;
	}

/* Sidebar styles */
#bloginfo {
	padding-top: 346px;
}
#bloginfo div {
	line-height: 21px;
}
#bloginfo, #bloginfo a {
	font-size: 18px;
	color: white;
}
#download {
	background: url('../images/download_icon.png') no-repeat top left;
	margin-bottom: 25px;
}
#download a {
	font-weight: bold;
	font-size: 22px;
}
#readme {
	background: url('../images/chirrup_icon_sidebar.png') no-repeat 0px 5px;
	padding-top: 4px;
}
#howto {
	background: url('../images/php_icon.png') no-repeat 0px 3px;
	padding-bottom: 8px !important;
}
#license {
	padding: 0; margin: 0;
	padding-top: 12px;
	padding-bottom: 18px !important;
	background: url('../images/creative_commons_icon.png') no-repeat 0px 7px;
}
#bugs {
	background: url('../images/tails_icon.png') no-repeat 0px 3px;
	padding-bottom: 10px !important;
}
#developer_blog {
	padding-top: 8px;
	background: url('../images/singlecell_icon.png') no-repeat 1px 3px;
}

/* Markdown! */
.markdown {
	color: #333;
	line-height: 16px;
}
.markdown h1 {
	font-size: 22px;
	line-height: 24px;
	padding: 5px;
	font-weight: normal;
	background: #EFEFEF;
	color: #539925;
	margin-right: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #CCC;
}
.markdown h2, .markdown h3 {
	font-size: 18px;
	font-weight: normal;
	line-height: 22px;
	padding: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	background: #EFEFEF;
	color: #64758b;
	border-bottom: 1px solid #CCC;
}
.markdown p {
	margin: 15px;
	margin-right: 25px;
}
.markdown ol, .markdown ul {
	padding: 10px 0px 20px 0px;
	margin: 5px 20px;
	margin-left: 25px;
}
.markdown li {
	padding-bottom: 10px;
}
.markdown pre {
	width: 90%;
	overflow: scroll;
	margin-right: 20px;
	padding: 15px;
	background: #333;
	color: #EEE;
}

/* Chirrup style overrides */
.chirrup_root {
	color: white !important;
}
.chirrup_navigation li.chirrup_active {
	background-color: #346316;
	color: white;
}
	.chirrup_navigation li {
		padding: 0.5em 0 !important;
	}
	.chirrup_navigation li.chirrup_active a {
		color: white;
	}
.chirrup_navigation li.chirrup_inactive {
	background-color: transparent;
}
	.chirrup_navigation li.chirrup_inactive a {
		color: white;
	}
ol.chirrup_comments, form.chirrup_form fieldset {
	background-color: #346316 !important;
}
ol.chirrup_comments {
	padding-bottom: 2em;
}
ol.chirrup_comments li a {
	color: white;
	font-weight: bold;
}
ol.chirrup_comments blockquote p {
	font-style: italic;
}
ol.chirrup_comments blockquote p cite {
	font-style: normal;
}
dd.chirrup_post_explanation_def p.chirrup_security_note {
	color: white;
}
.chirrup_preview_body {
	color: #dcf5cc;
}
p.chirrup_charcounter {
	font-size: 0.9em;
}
p.chirrup_charcounter span {
	color: #dcf5cc;
}
p.chirrup_charcounter span.chirrup_no_chars_remain {
	color: black;
}
.chirrup_form dd.chirrup_comment_field_wrapper {
	min-width: 200px;
}
ol.chirrup_comments li.chirrup_notification_success, ol.chirrup_comments li.chirrup_no_comments {
	padding: 1em !important;
	color: black !important;
	background-color: white !important;
}
.chirrup_validation_error {
	color: yellow;
	background: black;
}
.chirrup_form dl input.chirrup_errors, .chirrup_form dl textarea.chirrup_errors {
	border-color: yellow;
	background: black;
	color: white;
}
ol.chirrup_comments li {
	clear: both;
	padding-bottom: 1.5em !important;
	margin: 0 1em !important;
	margin-bottom: 1em !important;
}
.chirrup_attribution {
	display: none;
}
/* CSSedit dev overrides */

/* @override http://lamp.dev/css/chirrup.angryamoeba.co.uk.css */