/* No longer compressed */

/*
THEME NAME: CIHA
THEME URI: http://www.fluffdesign.com/contact/
DESCRIPTION: Canadian - International Heilkunst Association
VERSION: 0.2
AUTHOR: fluffDESIGN Inc. / Alan Bristow
AUTHOR Uri: http://www.fluffdesign.com/
TEMPLATE: sandbox
*/

/*------------------------------------------------------------------------------------------------------------
NOTES
	Text colour??
	Link colour?
	Form formatting?
	
	Take a butchers at typography.css
	*/

/*------------------------------------------------------------------------------------------------------------
Sound off / Listen up / */
@import url('reset.css'); /* Richard Rutter inspired vertical rhythm */
@import url('typography.css'); /* Richard Rutter inspired vertical rhythm */

/*------------------------------------------------------------------------------------------------------------
TODOs
	Search for '= TODO' to find all todos (but with no spaces)
	=TODO: remove all XXX's
	=TODO ensure long page titles do not cause SB nav to break visually
	=TODO in typography.css, do H1, etc need font weight normal or does reset.css handle?
	=TODO doc / tidy commenting that implies vertical rhythm given its been thrown in the toilet as far as SB goes...
	=TODO IE6 nav PNG
	=TODO section imgs for search and 404
	=TODO list all blogs (or a cal or something) in SB so when reading one, all others are visible - maybe a sb txt widget of all blog titles?
	=TODO tidy the way I have added jQ - change to functions.php
	=TODO make the logo img a link to home?
	=TODO make no CSS view of logo look good
	=TODO tidy print style sheet
	=TODO check comments - some about SB are likely wrong now
	=TODO lessen section img shadow
	=TODO main nav for blog fails to be lit when category view (or archive?) or a blog post itself is the current view.
	=TOOD visited link colour style
	=TODO add branding to top of admin like I did for he SVN ver
	=TODO have a default img for the section img for pages not made to be special (should be none, but hey...) OR...
	=TODO only have section img for pages with one, otherwise shuffle up sbs?
	
MAINTENANCE
	page-item-15 and other install-specific IDs need editing if re-installation changes them
	*/

/*------------------------------------------------------------------------------------------------------------

LAYOUT

*/
body {
	width: 960px;
	margin: 0 auto;
	background: url(images/bg_body.jpg) repeat 0 0;
}
#wrapper {
	float: left;
	background: url(images/bg-wrapper.jpg) repeat-y 0 0;
}
#header {
	background: url(images/bg_header.jpg) no-repeat 0 0;
	height: 164px;
	position: relative;
	width: 960px;
}/* It usually takes this space naturally, when there is a SB, but if SBs are hidden then we need to puff it out to full width */
#container {
	width: 615px;
	float: left;
	margin-left: 30px;
	margin-right: 45px;
	margin-bottom: 21px;
	padding-bottom: 42px;
}/* Also see ie6.css */
.home #container {
	margin-bottom: 0;
	padding-bottom: 0;
}
#content {
	margin-left: 40px;
	margin-right: 40px;
}
img.printOnly {
	position: absolute;
	left: -9000px;
}

/* ------------------------------------------Sidebars */
div#primary.sidebar, div#secondary.sidebar {
	width: 270px;
}
div#primary.sidebar {
	float: left;
	margin-top: 117px;
	background: #CCF8FE url(images/bg_sb2.jpg) no-repeat 0 0;
}
div#secondary.sidebar {
	margin-top: 21px;
	float: right;
	background: #CCF8FE url(images/bg_sb2.jpg) no-repeat 0 0;
}/* Also see ie6.css */
div#primary.sidebar ul.xoxo {
	background: url(images/bg_sb2_bottom.jpg) no-repeat 0 100%;
	padding-top: 20px;
	padding-bottom: 21px;
}
div#primary.sidebar {
	padding-top: 25px;
}
div#secondary.sidebar ul.xoxo {
	background: url(images/bg_sb2_bottom.jpg) no-repeat 0 100%;
	padding: 42px 10px 21px 15px;
}
div#secondary.sidebar ul.xoxo li {
	border-bottom: 3px solid #B9E0E6;
	padding-bottom: 3px;
	padding-top: 4px;
}
div#secondary.sidebar ul.xoxo li ul li, div#secondary.sidebar ul.xoxo li#rss_links {
	border-bottom: none;
	padding-bottom: 0;
}

/* ------------------------------------------Blog components */
div.entry-meta {
	padding: 11px;
	background: url(images/bg_body.jpg) repeat 0 0;
	margin-top: -1em!Important;
	margin-bottom: 42px!Important;
}

/* ------------------------------------------Footer */
div#fdFooter {
	clear: both;
	position: relative;
	background: #001a2d url(images/bg_footer_corner_3.jpg) no-repeat 100% 100%;
	margin-bottom: 21px!Important;
}
div#fdFooter p {
	margin-bottom: 1em;
	}
div#fdFooterInner {
	padding: 21px;
	border-top: 21px solid #EBFDFF;
}
div#footerColumns {
	float: left;
	width: 100%;
	border-bottom: 5px dotted #0b1f35;
	padding-bottom: 0.4em;
	margin-bottom: 1.0em;
}
div#footerColumns div {
	float: left;
}
div#footerColumns div#fcolOne {
	width: 15%;
}
div#footerColumns div#fcolTwo {
	width: 28%;
	padding-right: 2%;
}
div#footerColumns div#fcolThree {
	width: 55%;
}
div#fdMeta ul {
	position: absolute;
	bottom: 21px;
	clear: left;
}
div#fdMeta li {
	float: left;
	margin-right: 1em;
}


/*------------------------------------------------------------------------------------------------------------

HEADER / detail

*/
#logo img, #logo span {
	position: absolute;
	left: -9000px;
}/* =TODO put correct sized IMG in header.php so viewed w/o CSS looks good (and good for print) */
#logo a {
	position: absolute;
	top: 5px;
	right: 72px;
	background: url(images/bg_logo.jpg) no-repeat 0 0;
	width: 132px;
	height: 132px;
}
#logo a:hover {
	background-position: -250px 0;
}


/*------------------------------------------------------------------------------------------------------------

NAVIGATION

*/
div#menu {
	position: relative;
}
div#menu ul {
	position: absolute;
	top: -150px;
	left: 25px;
}/* vertical position offsets from the height of #header */
div#menu li {
	float: left;
	margin-right: 10px;
}/* Styling? Typography.css */


/*------------------------------------------------------------------------------------------------------------

Section image
	Each main section has its own 'theme' image top right

a	b	c	d	e	f	g	h
8,	9,	10,	11,	12,	13,	14,	15
and
a	Welcome
b	Medical
c	Veterinary
d	Documents
e	FAQ
f	Calendar
g	CIHA
h	Blog

*/
div#fdSectionImage {
	position: absolute;
	top: 0;
}
div#fdSectionImage span {
	width: 270px;
	height: 115px;
	position: absolute;
	top: 147px;
	right: -960px;
	background: url(images/section_image_ciha.jpg) no-repeat 100% 0;
}

.patriarcID531 div#fdSectionImage span {
	background: url(images/section_image_welcome.jpg) no-repeat 100% 0;
}
.patriarcID532 div#fdSectionImage span {
	background: url(images/section_image_medical.jpg) no-repeat 100% 0;
}
/*
.patriarcID10 div#fdSectionImage span {
	background: url(images/section_image_veterinary.jpg) no-repeat 100% 0;
}
*/
.patriarcID533 div#fdSectionImage span {
	background: url(images/section_image_documents.jpg) no-repeat 100% 0;
}
.patriarcID534 div#fdSectionImage span {
	background: url(images/section_image_faq.jpg) no-repeat 100% 0;
}
.patriarcID535 div#fdSectionImage span {
	background: url(images/section_image_calendar.jpg) no-repeat 100% 0;
}
.patriarcID536 div#fdSectionImage span {
	background: url(images/section_image_ciha.jpg) no-repeat 100% 0;
}
/*
.patriarcID15 div#fdSectionImage span {
	background: url(images/section_image_calendar.jpg) no-repeat 100% 0;
}
*/
.patriarcID538 div#fdSectionImage span {
	background: url(images/section_image_sitemap.jpg) no-repeat 100% 0;
}
.blog div#fdSectionImage span, .single div#fdSectionImage span, .archive div#fdSectionImage span {
	background: url(images/section_image_blog.jpg) no-repeat 100% 0;
}
.search div#fdSectionImage span {
	background: url(images/section_image_search.jpg) no-repeat 100% 0;
}
.four04 div#fdSectionImage span {
	background: url(images/section_image_404.jpg) no-repeat 100% 0;
}
.patriarcID588 div#fdSectionImage span {
	background: url(images/section_image_member.jpg) no-repeat 100% 0!Important;
}


/*------------------------------------------------------------------------------------------------------------

ACCEESSIBILITY

*/
div.skip-link {
	position: absolute;
	left: -9000px;
}


/*------------------------------------------------------------------------------------------------------------

JAVASCRIPT specific styles

*/


/*------------------------------------------------------------------------------------------------------------

IMGs -- general, for Gallery see below

*/
#content img {
	border: 1px solid #fff;
	border-bottom-color: #aacccc;
	border-right-color: #aacccc;
	padding: 5px;
	background: #eeffff;
	margin: 1em;
}
#content img.tl {
	margin-top: 0;
	margin-left: 0;
	float: left;
}
#content img.tr {
	margin-top: 0;
	margin-right: 0;
	float: right;
}
#content img.l, #content img.alignleft {
	margin-left: 0;
	float: left;
}/* alignleft and alignright are the classes WP+Sbox auto apply, so let's support both our .l and .r and these too */
#content img.r, #content img.alignright {
	margin-right: 0;
	float: right;
}


/*------------------------------------------------------------------------------------------------------------

IMGs Gallery -- the new 'Gallery' feature

*/
div.gallery, div.gallery div, div.gallery p {
	display: inline;
	width: 195px;
}
div.gallery p {
	position: absolute;
	left: -9000px;
}
.galeria #content {
	margin-right: 0!Important;
	margin-left: 0!Important;
}

.galeria #content p, 
.galeria #content h2 {
	margin-right: 20px;
	margin-left: 20px;
}
.galeria #content h1 {
	margin-right: 40px;
	margin-left: 0px;
}
.parent-pageid-605 div.navigation div.nav-previous, 
.parent-pageid-605 div.navigation div.nav-next,
.parent-pageid-738 div.navigation div.nav-previous, 
.parent-pageid-738 div.navigation div.nav-next {
	display: inline;
	width: 195px;
	float: right;
}
.parent-pageid-605 div.navigation div.nav-previous,
.parent-pageid-738 div.navigation div.nav-previous {
	float: left;
}
.parent-pageid-605 div.entry-attachment,
.parent-pageid-738 div.entry-attachment {
	text-align: center;
}
.parent-pageid-605 div.entry-caption p,
.parent-pageid-738 div.entry-caption p {
	text-align: center;
}
.parent-pageid-605 div,
.parent-pageid-738 div {
	margin-bottom: 0!Important;
}
.parent-pageid-605 div.entry-meta,
.parent-pageid-738 div.entry-meta {
	clear: both;
}
.galeria span.edit-link {
	float: left;
	clear: left;
}


/*------------------------------------------------------------------------------------------------------------

SPECIAL PAGES

*/

/* PAGE Resource Centre */
span.cat-heading {
	position: relative;
	}

span.cat-heading a.top {
	position: absolute;
	top: 0;
	left: -2.62em;
	font-weight: normal;
	font-size: 85%;
	line-height: 1;
	}

ul#in-page-menu {
	clear: both;
	}

ul#in-page-menu li {
	list-style: none;
	margin: 0;
	line-height: 1;
	}

ul#in-page-menu li a,
ul#in-page-menu li a:visited {
	display: inline-block;
	background: url(images/generic-button.png) no-repeat 50% 50%;
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	text-decoration: none;
	font-size: 85%;
	padding: 0.62em 0.62em 0.38em 0.62em;
	color: #223366;
	margin-right: 1em;
	margin-top: 0.38em;
	font-weight: bold;
	}

ul#in-page-menu li a:hover {
	background: #5caeb7 url(images/generic-button-hover.png) no-repeat 50% 50%;
	border-bottom: none;
	margin-bottom: 1px;
	color: #000;
	}

ul#in-page-menu {
	border-bottom: 3px solid #73afb7;
	padding-bottom: 16px;
	margin-bottom: 32px;
/*
	background: #ebfdff;
	padding: 18px;
	margin-bottom: 30px;
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
*/
	}

span#pre-load-in-page-menu {
	background: url(images/generic-button-hover.png) no-repeat 50% 50%;
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	left: -9000px;
	top: -9000px;
	}



/* Clear fix */
.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}














/*------------------------------------------------------------------------------------------------------------

CLASSES - re-usable general classes

*/
.fdLeft {
	float: left;
}
.fdRight {
	float: right;
}
.fdClearBoth {
	clear: both;
}
.textRight {
	text-align: right;
}
div.ddsg-wrapper p {
	position: absolute;
	left: -9000px;
}/* Right now the sitemapp is generated by a plugin, soon replace this with some code - for now, loose from view the P in the DIV */
.clear {
	clear: both;
}
.clearLeft {
	clear: left;
}
a.pdf span {
	background: url(images/icon-adobe-pdf.jpg) no-repeat 100% 50%;
	padding: 10px 0;
	padding-right: 20px;
}
.alert {
	background-color: #BBFF66;
	padding: 2px;
}
.classy {
	font-family: "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-style: italic;
}

.extraVcard div {
	margin: 0!Important
}

div.shout2 {
	text-align: right;
	font-size: 75%!Important;
	}
div.shout2 span {
	background: #ebfdff; /* eae89a */
	}