/*
Theme Name: Symphony Corp
Theme URI: http://www.coedit.co.uk/
Description: Custom branding for Symphony Corp from <a href="http://www.coedit.co.uk/">Coedit Limited</a>.
Version: 1.0
Author: Dan Nye & Jeff Home
Author URI: http://www.coedit.co.uk/

	Symphony Corp v1.0
	http://www.coedit.co.uk/

	This theme was designed and built by Coedit Limited.
	Please visit us at http://www.coedit.co.uk/ to view our portfolio.

	The CSS, XHTML and design are copyright 2007 Coedit Limited
	Please visit us at http://www.coedit.co.uk/ get in touch.
*/



/* Generic CSS */
		html>body {
			font-size: 16px;
		}

		.clearfix:after {
			clear: both;
			display: block;
			content: ".";
			height: 0px;
			visibility: hidden;
		}
		.clearfix {
			display: inline-block;
		}
		/* Hides from IE-mac \*/
		* html .clearfix{
			height: 1%;
		}
		.clearfix {
			display: block;
		}
		li.clearfix {
			display: list-item;
		}
		/* End hide from IE-mac */

		.invisible {
			position: absolute;
			width: 1px;
			height: 1px;
			overflow: hidden;
			left: -5000px;
		}
		.bold {
			font-weight: bold;
		}

/* Symphony CSS */
		html {
			font-family: "Arial MT", Arial, Helvetica, Verdana, sans-serif;
			background: url(images/backgroundTile.gif) repeat 0px 0px;
			text-align: center;
			color: #000000;
		}

		html, body {
			margin: 0px;
			padding: 0px;
		}

		body {
			margin-bottom: 20px;
		}

/*
	TO DO
		the visited rule below might not be appropriate for linked blog articles... maybe override there?
*/
		a, a:visited {
			text-decoration: none;
			color: #002D73;
		}
		a:hover, a:active, a:focus {
			text-decoration: underline;
		}
		a.lowerLink {
			text-transform: lowercase;
		}

		h1, h2, h3, h4, p, li {
			word-wrap: break-word;
		}

		h1, h2, h3, h4 {
			font-family: Verdana, "Arial MT", Arial, Helvetica, sans-serif;
			font-weight: bold;
			color: #002D73;
		}


/* Common Page CSS */
		#centredContainer {
			text-align: left;
			margin: 0px auto;
			width: 880px;
			border: 2px solid #FFFFFF;
			border-top: none;
		}

		#logo {
			float: left;
			width: 365px;
			border-right: 2px solid #FFFFFF;
			background-color: #3E4147;
			height: 128px;
		}
		#logo img {
			margin-left: 53px;
			margin-top: 20px;
			border: none;
		}

		#banner {
			float: right;
			background-color: #999CA3;
			width: 513px;
			height: 128px;
			background: url(images/webBanner.gif) no-repeat 0px 0px;
		}
		#blogPageType #banner {
			background: url(images/blogBanner.jpg) no-repeat 0px 0px;
		}

		#banner a {
			width: 513px;
			height: 128px;
			display: block;
		}
		#banner a span {
			display: none;
		}
		#blogPageType #banner a {
			display: none;
		}


/* Navigation CSS */
		#navigation {
			background-color: #3E4147;
			font-size: 0.8em;
		}
		#navigation ul, #navigation li {
			padding: 0px;
			margin: 0px;
			list-style-type: none;
		}

		#navigationUpper {
			float: right;
			border-left: 2px solid #FFFFFF;
			background-color: #999CA3;
		}
		#blogPageType #navigationUpper {
			width: 725px;
			padding-right: 15px;
			background-color: #E2E2E3;
		}
		#blogPageType #navigationUpper div.level1 {
			border-top: 2px solid #FFFFFF;
			padding: 5px 0px 5px 15px;
			line-height: 1.4em;
			white-space: nowrap;
			width: 710px;	/* Needed for IE 6 to behave */
			overflow: hidden;
		}
		#blogPageType #navigationUpper ul,
		#blogPageType #navigationUpper li,
		#blogPageType #navigationUpper a {
			border: none !important;
			background: none !important;
			display: inline !important;
			padding: 0px !important;
			margin: 0px !important;
			float: none !important;
		}
		#blogPageType #navigationUpper li {
			font-size: 0.9em;
		}
		#blogPageType #navigationUpper li.bold {
			margin-right: 5px !important;
		}
		#blogPageType #navigationUpper a {
			color: #002D73;
		}


		#navigationUpper ul.level1 {
			border-top: 2px solid #FFFFFF;
		}
		#navigationUpper li {
			float: left;
		}
		#navigationUpper li.lastItem {
			border-right: 2px solid #FFFFFF;
			margin-right: 35px;
		}

		#navigationUpper li a {
			float: left;
			padding: 5px 15px 5px 15px;
			font-weight: normal;
			color: #000000;
			background: url(images/navItemBackground.gif) #C8CBD0 repeat-y top right;
			text-align: center;
			line-height: 1.4em;
		}
		#navigationUpper li a span.rcoTL {
			cursor: pointer;
		}
		#navigationUpper li.selected a {
			color: #000000;
			font-family: Verdana, "Arial MT", Arial, Helvetica, sans-serif;

			font-weight: bold;
			background: url(images/navItemBackgroundSelected.gif) #E5D9B1 repeat-y top right;
		}

		#navigationLowerOuter {
			background-color: #D2B252;
		}
		#navigationLowerOuter div.level2 {
			height: 2.2em;
		}
		#navigationLower {
			float: right;
		}
		#blogPageType #navigationLower {
			margin-left: 139px;
			float: none;
		}
		#navigationLower li {
			border-left: 1px dashed #887339;
			float: left;
		}
		#navigationLower li.lastItem {
			border-right: 1px dashed #887339;
			margin-right: 35px;
		}
		#navigationLower li a {
			float: left;
			padding: 5px 15px 5px 15px;
			font-weight: normal;
			color: #887339;
			text-align: center;
			line-height: 1.4em;
		}
		#navigationLower li.selected a {
			color: #2F2F32;
			font-family: Verdana, "Arial MT", Arial, Helvetica, sans-serif;
			font-weight: bold;
		}



/* Content CSS */
		#content {
			border-top: 2px solid #FFFFFF;
			border-bottom: 2px solid #FFFFFF;
			background: url(images/contentBGSlice.png) transparent repeat-y 0px 0px;
		}

		#mainBody {
			float: left;
			width: 500px;
			padding: 20px 64px;
			min-height: 360px;
			border-right: 1px solid #FFFFFF;
			background-color: #F4F2E5;
		}

		.mainBodyPromoContainer {
			margin: 15px 0px;
		}

		#mainBody .promo {
			width: 126px;
			padding: 11px 15px;
			margin-right: 14px;
			background-color: #E6DBB5;
			float: left;
			min-height: 150px;
			text-align: center;	/* Centre any image under 170px wide */
		}
		#mainBody .lastPod {
			margin-right: 0px;
		}
		#mainBody .promoInner {
			margin: 5px 0px;
		}
		#mainBody .promoImage {
			margin: 10px 6px 10px 6px;
			width: 114px;
			height: 119px;
			overflow: hidden;
		}
		#mainBody .promoImage br {
			display: none;	/* Gets around issues with BRs put in by the RTE content conversion routine */
		}
		#mainBody .promoImage img {
			width: 114px;
			height: 119px;
		}
		#mainBody .promo h2 {
			font-size: 0.8em;
			padding: 0px;
			margin: 0px;
			border-bottom: none;
			color: #000000;
		}


		#mainBody h1,
		#mainBody h2 {
			font-size: 0.9em;
			padding: 0px 0px 10px 0px;
			margin: 0px 0px 10px 0px;
			border-bottom: 1px dashed #8B773F;
			color: #887339;
		}
		#mainBody h2.blogTitle {
			color: #887339;
			border-bottom: none;
			padding-bottom: 0px;
			margin-bottom: 0px;
		}
		#mainBody h2.blogTitle a {
			color: #887339;
		}
		#mainBody h3 {
			font-size: 0.8em;
			padding: 0px;
			margin: 15px 0px 5px 0px;
		}
		#mainBody p {
			font-size: 0.75em;
			padding: 0px;
			margin: 0px 0px 0.7em 0px;
			line-height: 1.35em;
		}
		#mainBody p.postTimeAndAuthor {
			margin: 0px 0px 0.7em 0px;
			color: #887339;
		}
		#mainBody p.postTimeAndAuthor span.authorName {
			color: #002D73;
		}

		#mainBody li {
			font-size: 0.75em;
			padding: 0px;
			margin: 0px 0px 0.7em 0px;
			line-height: 1.35em;
		}
		#mainBody li ul,
		#mainBody li ol {
			margin-top: 0.35em;
		}
		#mainBody li li {
			font-size: 1em;
		}
		#mainBody ol.cf-ol li,
		#mainBody ol.cf-ol li li {
			font-size: 1em;
			margin: 5px 0px;
			line-height: normal;
		}
		#mainBody ol.cf-ol li.textonly,
		#mainBody ol.cf-ol li li.textonly {
			font-size: 0.7em;
		}


/* Side Bar CSS */
		#sideBar {
			float: right;
			width: 212px;
			min-height: 362px;
			padding: 19px;
			background-color: #EDE6C5;
			border-left: 1px solid #FFFFFF;
		}

		#sideBar .promo {
			width: 174px;
			padding: 10px 19px;
			margin-bottom: 15px;
			background-color: #D2B252;
		}
		#sideBar .promoInner {
			margin: 5px 0px;
		}

		#sideBar .promoImage {
			margin: 10px 3px 5px 3px;
			width: 168px;
			height: 73px;
			overflow: hidden;
		}
		#sideBar .promoImage br {
			display: none;	/* Gets around issues with BRs put in by the RTE content conversion routine */
		}
		#sideBar .promo img {
			width: 168px;
			height: 73px;
		}

		#sideBar .promo h2 {
			margin: 5px 0px;
			padding: 0px;
			font-size: 0.8em;
			font-weight: normal;
			text-transform: lowercase;
			color: #000000;
			font-family: "Arial MT", Arial, Helvetica, Verdana, sans-serif;
			text-align: center;
		}

		#sideBar .promo a, #sideBar .promo a:visited {
			color: #FFFFFF;
		}

		#sideBar .promo p {
			margin: 5px 0px;
			padding: 0px;
			font-size: 0.8em;
			text-transform: lowercase;
			color: #FFFFFF;
			text-align: center;
		}

		#sideBar h2 {
			font-size: 0.8em;
			margin: 0px;
			padding: 0px;
		}

		#sideBar p {
			font-size: 0.7em;
			padding: 0px;
			margin: 0px 0px 0.7em 0px;
			line-height: 1.35em;
		}

		#sideBar .compactSnippet {
			border-bottom: 1px dashed #8B773F;
			margin-bottom: 0.7em;
		}

		#sideBar .compactSnippet h3 {
			border-top: 1px dashed #8B773F;
			margin: 0.7em 0px 0px 0px;
			padding: 0.7em 0px 0px 0px;

			font-size: 0.7em;
			color: #000000;
		}
		#sideBar .compactSnippet a {
			white-space: nowrap;
		}
		#sideBar .compactSnippet .promo a {
			white-space: normal;
		}


/* Footer CSS */
		#footer {
			background-color: #3E4147;
			color: #FFFFFF;
		}
		#footer a, #footer a:visited {
			color: #FFFFFF;
		}
		#footer li, #footer p {
			list-style-type: none;
			padding: 0px;
			margin: 0px;
			float: left;
			font-size: 0.8em;
			padding: 3px 5px 4px 5px;
		}
		#footer ul {
			padding: 0px;
			margin: 0px;
		}
		#footer p {
			width: 561px;
			padding-left: 64px;
		}
		#footerDisclaimer {
			width: 105px;
			text-align: center;
			background-color: #BFA152;
		}
		#footerPrivacy {
			width: 124px;
			text-align: center;
			background-color: #BFA152;
			border-left: 1px dashed #FFFFFF;
		}


/* Wordpress Post CSS */
		#mainBody .blogListEntry {
			border-top: 1px dashed #8B773F;
			margin-bottom: 10px;
			padding-top: 10px;
		}

		#mainBody p.postmetadata {
			margin: 5px 0px 10px 0px;
			color: #002D73;
		}

		#mainBody p.postmetadata a {
			color: #002D73;
		}

/* Wordpress Comments CSS */
		.postComments ol.commentlist {
			font-size: 0.75em;
		}

		#mainBody .postComments ol.commentlist p {
			font-size: 1em;
		}

		#commentform #comment {
			width: 98%;
		}

		#mainBody p.nocomments {
			margin-top: 1.2em;
		}

		em.awaitingModeration {
			font-weight: bold;
			color: #FF0000;
		}

		#mainBody a.standOutAdminLink,
		#mainBody p.standOutAdminLink a,
		#mainBody span.standOutAdminLink a {
			font-weight: bold;
			color: #FF0000;
		}