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

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

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

	The beach image is a heavily-modified version of a royalty-free image, so the license is not mine to transfer.
*/




html, body, form {
	margin: 0px;
	padding: 0px;
}
html > body {
	font-size: 16px;
}
body {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
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;
}
.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: #FDFF35;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
a img {
	border: none;
}

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



#pageBackground {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: url(images/beachBg.jpg) fixed transparent no-repeat center top;	
}
#pageBackgroundBlackout {
	position: fixed;
	width: 940px;
	height: 100%;
	top: 0px;
	left: 50%;
	margin-left: -470px;
	background: #003399;
}



#centreContainer {
	width: 900px;
	margin: 0px auto;
	padding: 20px 20px 40px 20px;
	position: relative;
}



#header {
}

	#header h1 {
		font-size: 1.9em;
		margin: 0px;
		padding: 0px 10px;
		font-weight: normal;
	}
	#header p {
		font-size: 0.8em;
		margin: 0px;
		padding: 2px 10px 5px 10px;
		line-height: 1.5em;
	}
	#header .h1Pod {
	}


#main {
	position: relative;	/* Needed for the collapsed sidebar to anchor from */
	z-index: 10;		/* Needed so the footer icons go under the content */
}


#contentAndNavContainer {
	width: 680px;
	float: left;
	overflow: hidden;
	margin-bottom: 10px;
}

#content {
	margin: 20px 5px 0px 15px;
}

	#content h2 {
		font-size: 1.3em;
		margin: 0px;
		padding: 0px 0px 0px 5px;
		font-weight: bold;
	}
	#content .h2Pod {
		margin: 40px 0px 5px 0px;
		background: url(images/h2Flash.png) transparent no-repeat top right;
	}

	#content h3 {
		font-size: 0.9em;
		margin: 0px;
		padding: 0px 0px 0px 5px;
		line-height: 0.9em;
	}
	#content .h3Pod {
		margin-top: 20px;
	}

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

/* Is this still needed?
	#content .normalContainer,
*/
	#content .imagePodContainer {
		margin-bottom: 10px;
	}
/* Is this still needed?
	#content .normalContainer p,
*/
	#content .imagePodContainer p {
		margin: 10px 10px 10px 0px;
	}

	#content ul,
	#content ol {
		margin: 10px 0px 10px 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.4em;
	}
	#content li p,
	#content li li {
		font-size: 1em;
	}



	#content .markupPod {
		margin: 10px 10px 10px 10px;
	}
	#content .adminPod {
		margin: 10px 0px 10px 0px;	/* Some adminPods are also markupPods, so put this rule later */
	}

	#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 10px;
		padding: 0px;
	}
	#content ul#archiveList li,
	#content ul#searchResultsList li {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
	#content ul#archiveList .markupPod,
	#content ul#searchResultsList .markupPod {
		margin: 20px 0px 0px 0px;
	}
	#content ul#archiveList .markupPod .seeThroughContent,
	#content ul#searchResultsList .markupPod .seeThroughContent {
		padding-left: 5px;
	}



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

	#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;
		padding: 0px 5px;
		background: url(images/whiteAlpha50.png) transparent repeat 0px 0px;
		color: #444444;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
	}
	#paginationButtons ul.buttonBar a {
		background: none;
	}
	#content ul.buttonBar a:hover {
		background-color: #FFFFFF;
	}


#content form {
}

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

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

	#content form.searchForm {
		margin: 10px;
	}
	#content form.searchForm input.textInput {
		padding: 1px 2px;
		width: 250px;
	}


	#content div.formErrors {
		font-weight: bold;
		border: 5px solid #FF0000;
		margin: 40px 10px;
	}
	#content div.formSuccess {
		font-weight: bold;
		border: 5px solid #00FF00;
		margin: 40px 10px;
	}

	#content .formError {
	}
		#content .formError input.textInput,
		#content .formError textarea {
			border-color: #FF0000;
		}


	input.textInput,
	textarea {
		background: url(images/whiteAlpha50.png) transparent repeat 0px 0px;
		border: 1px solid #FFFFFF;
	}
	input.textInput:focus,
	input.textInput:active,
	input.focused,
	textarea:focus,
	textarea:active,
	textarea.focused {
		background: url(images/whiteAlpha65.png) transparent repeat 0px 0px;
	}



	#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 height as the sidebar content */
#sidebarPlaceholder {
	width: 1px;
	height: 100px;
	float: right;
	overflow: hidden;
}
#sidebar {
	width: 199px;
	float: right;
	overflow: hidden;
	margin-right: 10px;
}

	#sidebar .seeThroughContent {
	}
	.jsEnabled #sidebar .seeThroughContent {
		min-height: 14px;
	}

	#sidebarContent {
		position: relative;
		z-index: 1;
		margin: 8px 9px 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: 17px;
		height: 17px;
		top: 0px;
		right: 0px;
		overflow: hidden;
		background: url(images/buttonUpArrowBlue.png) transparent no-repeat 0px 0px;
		cursor: pointer;
		z-index: 2;
	}
	#sidebarToggleButton:hover {
		background-image: url(images/buttonUpArrowHoverBlue.png);
	}
	#sidebar.collapsed #sidebarToggleButton {
		background: url(images/buttonDownArrowBlue.png) transparent no-repeat 0px 0px;
	}
	#sidebar.collapsed #sidebarToggleButton:hover {
		background-image: url(images/buttonDownArrowHoverBlue.png);
	}

	#sidebar form.searchForm div {
		text-align: right;
	}
	#sidebar form.searchForm input.textInput {
		padding: 1px 2px;
		text-align: left;
		width: 154px;
	}
	#sidebar form.searchForm input.searchButton {
	}



#footer {
	position: relative;
	margin-top: 50px;
	z-index: 5;
}

	#footer p {
		font-size: 0.8em;
		margin: 0px 10px;
		padding: 0px;
		line-height: 1.5em;
		text-align: center;
		float: left;
	}
	
	#footer p.last {
		margin-right: 0px;
	}
	
#footerIcons {
	position: absolute;
	background: url(images/footerIcons.png) transparent no-repeat 0px 0px;
	left: -20px;
	bottom: -30px;
	width: 940px;
	height: 95px;
}



/* Image Pod CSS */

.imagePodContainer {
	padding-top: 1px;	/* Used to stop the margins of h1/h2/p etc pushing floated content down in Fx, Safari */
	padding-left: 10px;
}
/* Is this still needed?
.normalContainer {
	padding: 0px 10px;
}
*/
.imagePodContainer .seeThroughMiddle {
	height: 102px;
	display: block;
}
.imagePodContainer .seeThrough {
	float: right;
	width: 195px;
	overflow: hidden;
	margin: 0px 10px 5px 10px;
	position: relative;	/* Used to counteract the -1px top padding */
	top: -1px;			/* Used to counteract the -1px top padding */
}



/* Post Metadata CSS */
#content blockquote,
#content .preBlock,
#content div.postmetadata {
	margin: 20px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
#content blockquote p,
#content .preBlock p,
#content div.postmetadata p {
	margin-left: 0px;
	margin-right: 0px;
}
#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;
	text-align: right; 
}
#content ul#archiveList div.postmetadata.noBorder p,
#content ul#searchResultsList div.postmetadata.noBorder p {
	margin: 0px 10px 10px 10px;
}



/* Comment Form CSS */
#commentForm {
}

.commentlist cite {
	font-style: normal;
}



/* Misc CSS */
.darkerBackgroundPod .m {
	background: url(images/whiteAlpha40.png) transparent repeat 0px 0px !important;
}