/*
Theme Name: Code Couch Cork Board
Theme URI: http://codecouch.com/PUT A REAL URL IN HERE - SO NEED A WORDPRESS THEME CATEGORY...
Description: Cork board theme for http://www.codecouch.com/
Version: 1.0
Author: Dan Nye, Jeff Home - Coedit Limited
Author URI: http://coedit.co.uk/

	Code Couch Cork Board theme v1.0
	http://www.codecouch.com/

	The CSS, XHTML and design is released under the MIT licence:
	http://www.codecouch.com/terms/

	The cork board background is by AndriyG81, downloaded from http://www.cadyou.com/downloads/view/183. The license of this image is not mine to transfer.
*/



html, body {
	height: 100%;
}
html, body, form {
	margin: 0px;
	padding: 0px;
}
html > body {
	font-size: 16px;
}
body {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	min-width: 980px;
	min-height: 600px;
	position: relative;
}
h1, h2, h3 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}



.hidden,
.jsVisible,
.jsEnabled .jsHidden {
	/* width: 1px;
	height: 1px;
	overflow: hidden;
	position: absolute;
	top: -9999px;
	left: -9999px; */
	display: none !important;
}
.jsEnabled .jsVisible {
	/* width: auto;
	height: auto;
	overflow: visible;
	position: static;
	top: auto;
	left: auto; */
	display: block;
}



/* clearfix styles */
/* Have removed all the "display: inline-block;" code as this was only for IE/Mac and IE 7, and caused validation errors. */
/* The IE 7 part has been moved to an IE 7-only style sheet */
.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0px;
	visibility: hidden;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
li.clearfix {
	display: list-item;
}



a {
	color: #08089C;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
a img {
	border: none;
}

strong {
	font-weight: bold;
}
em {
	font-style: italic;
}



/* Height to be given on this outer div in the markup */
div.verticalCentreOuter {
	display: table;
	overflow: hidden;
}
div.verticalCentreMiddle {
	display: table-cell;
	vertical-align: middle;
}
div.verticalCentreInner {
	/* This contained only IE rules, so they've been moved to the IE 6 and 7 style sheets */
}
 


div.backToTopLink {
	width: 200px;
	font-size: 0.8em;
	line-height: 1.7em;
	margin: 50px 0px 0px 10px;
}
div.backToTopLink a {
	float: left;
	min-height: 18px;
	padding-left: 22px;
	margin-left: 2px;
	background: url(images/buttonUpArrowYellow.png) transparent no-repeat 0px 0px;
}
div.backToTopLink a:hover {
	background-position: 0px -18px;
}
.jsEnabled div.backToTopLink {
	min-height: 19px;
}




#pageBackground {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 1;
	background: url(images/corkBoardBg.jpg) transparent repeat left top;
}


/*html, body {
	width: 100%;
	height: 100%;
	min-width: 788px;
	min-height: 590px;
}*/
	
div.pageFrameHolder {
	position: fixed;
	z-index: 3;
	overflow: hidden;
}
div.pageFrameHolder div {
	position: absolute;
}


#pageFrameTop {
	left: 0px;
	top: 0px;
	width: 100%;
	height: 45px;
	min-width: 788px;
}
#pageFrameLeft {
	width: 38px;
	left: 0px;
	top: 45px;
	bottom: 34px;
	min-height: 511px;
}
#pageFrameRight {
	width: 28px;
	right: 0px;
	top: 45px;
	bottom: 34px;
	min-height: 511px;
}
#pageFrameBottom {
	width: 100%;
	height: 34px;
	left: 0px;
	bottom: 0px;
	min-width: 788px;
}
body.admin-bar #pageFrameTop {
	top: 28px;
}
body.admin-bar #pageFrameLeft,
body.admin-bar #pageFrameRight {
	top: 73px;
}



#pageFrameTL {
	top: 0px;
	left: 0px;
	width: 368px;
	height: 45px;
	background: url(images/corkBoardFrameTL.png) transparent no-repeat left top;
}
#pageFrameTM {
	top: 0px;
	left: 368px;
	right: 420px;
	height: 45px;
	background: url(images/corkBoardFrameTM.png) transparent repeat-x left top;
}
#pageFrameTR {
	top: 0px;
	right: 0px;
	width: 420px;
	height: 45px;
	background: url(images/corkBoardFrameTR.png) transparent no-repeat left top;
}
#pageFrameLT {
	top: 0px;
	left: 0px;
	width: 38px;
	height: 208px;
	background: url(images/corkBoardFrameLT.png) transparent no-repeat left top;
}
#pageFrameLM {
	top: 208px;
	left: 0px;
	width: 38px;
	bottom: 303px;
	background: url(images/corkBoardFrameLM.png) transparent repeat-y left top;
}
#pageFrameLB {
	bottom: 0px;
	left: 0px;
	width: 38px;
	height: 303px;
	background: url(images/corkBoardFrameLB.png) transparent no-repeat left top;
}
#pageFrameRT {
	top: 0px;
	right: 0px;
	width: 28px;
	height: 208px;
	background: url(images/corkBoardFrameRT.png) transparent no-repeat left top;
}
#pageFrameRM {
	top: 208px;
	right: 0px;
	width: 28px;
	bottom: 303px;
	background: url(images/corkBoardFrameRM.png) transparent repeat-y left top;
}
#pageFrameRB {
	bottom: 0px;
	right: 0px;
	width: 28px;
	height: 303px;
	background: url(images/corkBoardFrameRB.png) transparent no-repeat left top;
}
#pageFrameBL {
	bottom: 0px;
	left: 0px;
	width: 368px;
	height: 34px;
	background: url(images/corkBoardFrameBL.png) transparent no-repeat left top;
}
#pageFrameBM {
	bottom: 0px;
	left: 368px;
	right: 420px;
	height: 34px;
	background: url(images/corkBoardFrameBM.png) transparent repeat-x left top;
}
#pageFrameBR {
	bottom: 0px;
	right: 0px;
	width: 420px;
	height: 34px;
	background: url(images/corkBoardFrameBR.png) transparent no-repeat left top;
}



#logoContainer {
	width: 100%;
	height: 99px;
	left: 0px;
	top: 0px;
	position: absolute;
	z-index: 4;
}
#logo {
	width: 514px;
	height: 99px;
	margin: 4px auto 0px auto;
	background: url(images/codeCouchLogo.png) transparent no-repeat left top;
}
#logoContainer p {
	position: absolute;
	left: -10000px;
	font-size: 1px;
	color: transparent;
}



#centreContainer {
	width: 920px;
	margin: 0px auto;
	padding: 100px 0px 40px 0px;
	position: relative;
	z-index: 2;
}

#leftColumn {
	width: 691px;
	float: left;
}

#rightColumn {
	width: 207px;
	float: right;
}


div.headingPod {
	position: relative;
}
div.headingLevel1 {
	height: 97px;
	margin: 15px 0px 0px 10px;
	position: absolute;
}
div.headingLevel2 {
	height: 77px;
	margin: 25px 0px 0px -45px;
}
div.headingPod div.img {
	position: absolute;
	top: 0px;
	left: 0px;
	background: transparent no-repeat left top;
}
div.headingLevel1 div.img {
	width: 606px;
	height: 97px;
	padding: 0px 50px 0px 45px;
}
div.headingLevel2 div.img {
	width: 581px;
	height: 77px;
	padding: 0px 50px 0px 45px;
}
div.headingLevel1Yellow div.img {
	background-image: url(images/heading1PostItYellow.png);
}
div.headingLevel1Orange div.img {
	background-image: url(images/heading1PostItOrange.png);
}
div.headingLevel1Green div.img {
	background-image: url(images/heading1PostItGreen.png);
}
div.headingLevel1Pink div.img {
	background-image: url(images/heading1PostItPink.png);
}
div.headingLevel1Blue div.img {
	background-image: url(images/heading1PostItBlue.png);
}
div.headingLevel2Yellow div.img {
	background-image: url(images/heading2PostItYellow.png);
}
div.headingLevel2Orange div.img {
	background-image: url(images/heading2PostItOrange.png);
}
div.headingLevel2Green div.img {
	background-image: url(images/heading2PostItGreen.png);
}
div.headingLevel2Pink div.img {
	background-image: url(images/heading2PostItPink.png);
}
div.headingLevel2Blue div.img {
	background-image: url(images/heading2PostItBlue.png);
}
div.headingLevel1 div.verticalCentreOuter {
	height: 75px;
}
div.headingLevel2 div.verticalCentreOuter {
	height: 62px;
}
div.headingLevel1 h1 {
	margin: 0px;
	line-height: 1.1em;
	font-size: 1.6em;
	-webkit-transform: rotate(-0.5deg);
	-moz-transform: rotate(-0.5deg);
	-o-transform: rotate(-0.5deg);
	transform: rotate(-0.5deg);
}

.penLine01 {
	background: url(images/penLine01.png) transparent no-repeat bottom center;
	padding-bottom: 10px !important;
}
.penLine02 {
	background: url(images/penLine02.png) transparent no-repeat bottom center;
	padding-bottom: 10px !important;
}
.penLine03 {
	background: url(images/penLine03.png) transparent no-repeat bottom center;
	padding-bottom: 10px !important;
}
.penLine04 {
	background: url(images/penLine04.png) transparent no-repeat bottom center;
	padding-bottom: 10px !important;
}
.penLine05 {
	background: url(images/penLine05.png) transparent no-repeat bottom center;
	padding-bottom: 10px !important;
}
.penLine06 {
	background: url(images/penLine06.png) transparent no-repeat bottom center;
	padding-bottom: 10px !important;
}
.penLine07 {
	background: url(images/penLine07.png) transparent no-repeat bottom center;
	padding-bottom: 10px !important;
}
.penLine08 {
	background: url(images/penLine08.png) transparent no-repeat bottom center;
	padding-bottom: 10px !important;
}
.penLine09 {
	background: url(images/penLine09.png) transparent no-repeat bottom center;
	padding-bottom: 10px !important;
}
.penLine10 {
	background: url(images/penLine10.png) transparent no-repeat bottom center;
	padding-bottom: 10px !important;
}



#content {
	padding-top: 46px;
	width: 596px;
	margin: 0px 10px;
}
#contentTop {
	height: 58px;
	overflow: hidden;
	background: url(images/contentPaperTop.png) transparent no-repeat top left;
}
#contentMiddle {
	background: url(images/contentPaperMiddle.png) transparent repeat-y top left;
	padding: 1px 30px 20px 45px;
	color: #000000;
}
#contentBottom {
	height: 34px;
	overflow: hidden;
	background: url(images/contentPaperBottom.png) transparent no-repeat top left;
}

	#content h2 {
		font-size: 1.3em;
		margin: 0px;
		padding: 0px;
	}

	#content h3 {
		font-size: 1em;
		margin: 0px;
		padding: 0px;
	}
	#content .h3Pod {
		margin-top: 20px;
	}

	

	#content p {
		font-size: 0.8em;
		margin: 15px 0px;
		padding: 0px;
		line-height: 1.7em;
	}

	#content ul,
	#content ol {
		margin: 15px 0px 15px 3em;
		padding: 0px;
	}
	#content ul ul,
	#content ol ol,
	#content ul ol,
	#content ol ul {
		margin: 3px 0px 7px 2em;	/* Was 0px 0px 5px 2em */
	}
	#content li {
		font-size: 0.8em;
		margin: 0px 0px 3px 0px;
		padding: 0px;
		line-height: 1.7em;
	}
	#content li p,
	#content li li {
		font-size: 1em;
	}



	#content div.formErrors,
	#content .redBorder {
		border: 1px solid #EE0000;
		border: 2px solid rgba(255, 0, 0, 0.35);
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		-o-border-radius: 15px;
		border-radius: 15px;
		margin: 20px 5px;
		padding: 1px 10px 2px 10px;
	}

	#content div.formSuccess,
	#content .greenBorder {
		border: 1px solid #00EE00;
		border: 2px solid rgba(0, 255, 0, 0.35);
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		-o-border-radius: 15px;
		border-radius: 15px;
		margin: 20px 5px;
		padding: 1px 10px 2px 10px;
	}

#content div.formErrors {
		margin: 25px 0px 30px 0px;
		background-color: rgba(255, 0, 0, 0.1);
	}
	#content div.formSuccess {
		margin: 25px 0px 30px 0px;
		background-color: rgba(0, 255, 0, 0.1);
	}

		#content .formError select,
		#content .formError input[type=text],
		#content .formError textarea {
			background-color: rgba(255, 0, 0, 0.1);
			border: 1px solid rgba(255, 0, 0, 0.5);
		}



	#content .markupPod,
	#content .adminPod {
		margin: 10px 0px;
	}

	#content ol.commentlist li {
		margin-bottom: 20px;
	} 
	#content ol.commentlist li .markupPod {
		margin-bottom: 0px;
	} 


	#content .wp-caption {
		margin: 10px;
	}
	#content .wp-caption .markupPod {
		margin: 0px;
		font-size: 0.7em;
	} 


/*
	#content ul#archiveList p,
	#content ul#searchResultsList p {
				margin: 2px 10px 10px 10px;
	}
*/
	#content ul#archiveList,
	#content ul#searchResultsList {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
	#content ul#archiveList li,
	#content ul#searchResultsList li {
		list-style-type: none;
		margin: 10px 0px 20px 0px;
		padding: 0px;
	}
	#content ul#archiveList .markupPod,
	#content ul#searchResultsList .markupPod {
		margin: 20px 0px 0px 0px;
	}



	#topButtons {
		margin-top: 20px;
	}
	#bottomButtons,
	#paginationButtons {
		margin-top: 30px;
	}

	#content ul.buttonBar,
	#content ul.buttonBar li {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}
	#content ul.buttonBar li {
		float: left;
		margin: 0px 5px;
	}
	#content #paginationButtons ul.buttonBar li {
		margin: 0px;
	}
	#content ul.buttonBar li.rightButton {
		float: right;
	}
	#content ul.buttonBar a {
		float: left;
		color: #EE0000;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
	}
	#paginationButtons ul.buttonBar a {
		background: none;
	}
	#content ul.buttonBar a:hover {
		background-color: #FFFFFF;
		text-decoration: underline;
	}


#content form {
}

	#content .formRow,
	#content .formButtonRow {
		margin: 10px 0px;
	}

		#content .formRow label,
		#content .formButtonRow label {
			float: left;
			width: 25%;
			font-size: 0.8em;
			line-height: 1.7em;
		}
		#content .formRow input,
		#content .formRow textarea,
		#content .formButtonRow div {
			float: right;
			width: 73%;
			margin: 0px !important;
		}
		#content .formButtonRow div {
			width: 74%;
		}

	#searchBoxOuter {
		width: 188px;
		height: 136px;
		-webkit-transform: rotate(6deg);
		-moz-transform: rotate(6deg);
		-o-transform: rotate(6deg);
		transform: rotate(6deg);
		margin: -50px 0px 20px 0px;
	}
	#searchBoxInner {
		width: 188px;
		height: 136px;
		background: url(images/searchPaper.png) transparent no-repeat left top;
	}
	#searchBox {
		width: 160px;
		padding: 45px 18px 0px 10px;
	}

	#searchBox h2 {
		margin: 0px;
	}
	#searchBox form {
		text-align: center;
		width: 140px;
		margin: 0px 10px;
	}
	#searchBox input#s {
		width: 124px;
		border: 1px solid #01336E;
		text-align: left;
		margin: 0px auto 5px auto;
		background: transparent;
		padding: 0px 5px 3px 5px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		-o-border-radius: 15px;
		border-radius: 15px;
	}



	#content ul#latestPosts,
	#content ul#latestComments {
		margin: 10px 1px 10px 3em;
		/*list-style-type: none; - Only IE forces us to render floated LIs without the bullet... */
	}

		#latestPosts li,
		#latestComments li {
/*
	latestPosts is no longer use, and latestComments is only on the homepage where we want full-width anyway
			float: left;
			width: 45%;
			padding-right: 5%;
			margin: 0px;
			list-style-type: none;
*/
		}


/* Used to allow the sidebar to shrink when the page content isn't as high as the sidebar content */
#sidebar {
	width:207px;
	float: right;
	position: relative;
}
#sidebarAnchor1, 
#sidebarAnchor2 {
	position: absolute;
	height: 61px;
	overflow: hidden;
	background: transparent no-repeat top left;
}
#sidebarAnchor1 {
	width: 50px;
	left: 13px;
	top: -14px;
	background-image: url(images/indicatorPinGreen.png);
}
#sidebarAnchor2 {
	width: 64px;
	left: 156px;
	top: -11px;
	background-image: url(images/indicatorPinRed.png);
}

#sidebarTop {
	height: 18px;
	overflow: hidden;
	background: url(images/sidebarPaperTop.png) transparent no-repeat top left;
}
#sidebarMiddle {
	background: url(images/sidebarPaperMiddle.png) transparent repeat-y top left;
	padding: 1px 20px 1px 0px;
	color: #000000;
}
#sidebarBottom {
	height: 35px;
	overflow: hidden;
	background: url(images/sidebarPaperBottom.png) transparent no-repeat top left;
}



	#sidebarContent {
		position: relative;
		z-index: 1;
		margin: 8px 10px;
	}

	#sidebar .sidebarIndent {
		padding-left: 15px;
	}

	#sidebar h2 {
		font-size: 1.2em;
		margin: 15px 0px 0px 0px;
		padding: 0px;
		font-weight: normal;
	}

	#sidebar h3 {
		font-size: 1em;
		margin: 0px;
		padding: 0px;
	}

	#sidebar p {
		font-size: 0.75em;
		margin: 10px 0px;
		padding: 0px;
		line-height: 1.3em;
	}

	#sidebar ul,
	#sidebar ol,
	#sidebar li {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}
	#sidebar ul ul,
	#sidebar ol ol,
	#sidebar ul ol,
	#sidebar ol ul {
		margin: 0px 0px 0px 25px;
	}
	#sidebar li {
		font-size: 0.75em;
		margin: 0px 0px 3px 0px;
		padding: 0px;
		line-height: 1.25em;
	}
	#sidebar li p,
	#sidebar li li {
		font-size: 1em;
	}


	#latestComments,
	#sidebar #sidebarCategories {
		font-family: Arial, Helvetica, Verdana, sans-serif;		/* Font for the non-linked text in these modules */
	}
		#sidebar #sidebarCategories ul.children {
			margin-left: 0px;
			margin-top: 3px;
			padding-left: 15px;
			background: url(images/childNodeCorner.gif) transparent no-repeat 4px 1px;
		}


	#sidebarToggleButton {
		position: absolute;
		width: 18px;
		height: 18px;
		top: 1px;
		right: 2px;
		overflow: hidden;
		background: url(images/buttonUpArrowYellow.png) transparent no-repeat 0px 0px;
		cursor: pointer;
		z-index: 2;
	}
	#sidebarToggleButton:hover {
		background-position: 0px -18px;
	}
	#sidebar.collapsed #sidebarToggleButton {
		background-image: url(images/buttonDownArrowYellow.png);
	}



#footer {
	width: 835px;
	height: 147px;
	z-index: 15;
	margin: -30px 0px 10px 0px;
	padding: 0px 40px 0px 45px;
	background: url(images/footerBackground.png) transparent no-repeat 0px 0px;
}

	#footerTop {
		padding-top: 52px;
	}
	#footerBottom {
		margin-top: 20px;
	}
	#footer p {
		font-size: 0.8em;
		margin: 0px 50px 0px 0px;
		padding: 0px;
		line-height: 1.5em;
		text-align: left;
		float: left;
	}
	#footerTop p {
		font-size: 0.85em;
	}
	#footerBottom p {
		width: 48%;
		margin: 0px;
		text-align: left;
	}
	#footerBottom p.right {
		float: right;
		text-align: right;
	}


/* Snippet & Image Pod CSS - START */
#content .snippetContainer h3 {
	border-bottom: 1px solid #0000FF;
	margin: 20px -2px 0px -2px;
	padding: 0px 2px;
}
#content .snippetContainer h3 span {
	margin-bottom: -0.21em;
}
#content .snippetContainer h3 span.snippetName {
	float: left;
	color: #EE0000;
}		
#content .snippetContainer h3 span.snippetDate {
	float: right;
}		

.snippetImage a,
.snippetImage img {
	display: block;
	width: 175px;
	height: 100px;
}
.snippetImage a {
	text-decoration: none;
	font-weight: normal;
	height: 121px;
}

.snippetImage {
	float: right;
	margin: 0px 0px 0px 10px;
	position: relative;
	width: 185px;
	height: 142px;
}

.snippetImageInner {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 194px;
	height: 136px;
	padding: 6px 0px 0px 5px;
	background: url(images/snippetPreviewFrame.png) transparent no-repeat top left;
}

p.runLink a {
	float: left;
	min-height: 18px;
	padding-left: 22px;
	background: url(images/buttonPlayYellow.png) transparent no-repeat 0px 0px;
}
p.runLink a:hover {
	background-position: 0px -18px;
}
/* Snippet & Image Pod CSS - END */



/* Post Metadata CSS */
#content blockquote,
#content .preBlock,
#content div.postmetadata {
	margin: 20px;
}
#content .preBlock p {
	font-family: "Andale Mono", Consolas, Monaco, Pragmata, "Bitstream Vera Sans Mono", Anonymous, ProFontWindows, "Lucida Console", ProggySquareTTSZ, ProggySquareTT, ProggyCleanTTSZ, ProggyCleanTT, "Courier New", Courier, monospace;  
	/* font-family: "Andale Mono", "Lucida Console", "Monaco", "Courier New", Courier, monospace; */
}
#content div.postmetadata.noBorder {
	margin: 10px 10px 20px 10px;
	border-top: none;
	border-bottom: none;
}
#content ul#archiveList div.postmetadata.noBorder,
#content ul#searchResultsList div.postmetadata.noBorder {
	margin: 0px 0px 2px 0px;
	font-size: 0.85em;
	font-style: italic;
}
#content ul#archiveList p,
#content ul#searchResultsList p {
	margin: 10px 0px;
}
#content ul#archiveList div.postmetadata p,
#content ul#searchResultsList div.postmetadata p {
	margin: 2px 0px;
}



/* Comment Form CSS */
#commentForm {
}

.commentlist cite {
	font-style: normal;
}