/*
peterhebert.com
common tags and classes
last updated: 2008-05-17
*/

/* html elements */
	body {
		font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
		margin:0 auto;
		height:100%;
		font-size:1em;
	}
	
	h1,h2,h3,h4,h5,h6,p {
		margin:0 0 1ex 0;
		padding:0;
	}
	div { margin:0; padding:0; }
	
	h1 { font-size:140% }
	
	h2 { font-size:130% }
	
	h3 { font-size:115% }
	
	h4 { font-size:105% }
	
	h5 { font-size:100% }
	
	h6 { font-size:90% }
	
	p { font-size:100% }
	
	img {
		border:none 0px;
	}
	pre {
		font-family:"Courier New", Courier, mono;
		font-size:90%;
		color:#090;
		margin:1em 0;
	}

	/* lists */
	ul, ol {
		padding:0;
		margin: 0 0 0 1.375em;
		list-style-position: outside;
	}
	ul ul, ul ol, ol ol, ol ul {
		margin: 1ex 0 0 1.375em;
	}
	ul {
		list-style-type: disc;
	}
	ol {
		list-style-type: decimal;
	}
	li {
		font-size:100%;
		margin: 0 0 1ex 0;
		text-indent: 0;
	}


	/*	forms	*/
	form fieldset {
		margin-bottom:1em;
		padding: 1ex 0;
	}
	form fieldset legend {
		margin:0 0 0 1ex;
		padding: 1ex;
	}
	form fieldset p label:first-child {
		width: 11.75em;
	}
	form label {
		margin-right:1ex;
	}
	
	form p label:first-child {
		float: left;
		display:block;
		width: 12em;
		margin-right:1em;
		text-align:right;
	}
	form p.required label:after {
		content:" (required)";
	}
	form input[type=text] {
		width: 30em;
	}
	form input[type=checkbox] {
		vertical-align:top;
	}
	form input[type=radio] {
	}
	form input[type=file] {
	}
	form input[type=submit] {
		font-size:100%;
		padding:.25ex 1ex;
	}
	form p.buttons {
		padding-left:13em;
	}
	
	form textarea {
		width: 30em;
		height:8em;
	}
	form textarea.large {
		height:15em;
	}
	fieldset.radiogroup {
		border-style: none;
		padding:0 0 0 13em;
		line-height:1.5em;
	}
	.radiogroup legend {
		padding:0;
		margin:0;
		display:inline;
	}
	.radiogroup legend .label {
		float:left;
		width:12em;
		margin-left:-13em;
		text-align:right;
	}
	
	/* TABLES */
	
	table {
		border-top: 1px solid;
		border-left: 1px solid;
		margin:1ex auto;
		border-collapse:collapse;
	}
	
	table caption {
		font-weight:bold;
		padding:1ex;
		text-align:center;
	}
	
	td, th {
		font-size: 100%;
		margin:0;
		padding:.5ex;
		border-bottom: 1px solid;
		border-right: 1px solid;
		vertical-align:top;
	}
	
	table tr {
		margin:0;
		padding:0;
	}
	
	table td {
	}
	table th {
		font-weight: bold;
	}
	.totals td, .totals th {
		border-top: 1px solid;
		font-weight:bold;
	}

/* page stucture */
#page {
	height:100%;
	position:relative;
	padding:1em;
	width:80%;
	margin:0 auto;
}
#page #masthead {
	padding:1ex;
	margin:0;
	text-align:center;
}
#page #masthead p { font-size:90%; font-style:italic; }

#page #breadcrumb {
	margin:0 0 1em 0;
	font-size:80%;
	border-top: 1px solid;
	border-bottom:1px solid;
	padding:.75ex 0 .5ex 0;
}
#page #content {
	margin:0 0 1ex 0;
}
#page #footer {
	clear:both;
	font-size:85%;
	margin-top:1em;
	padding-top:1ex;
	border-top:1px solid;
	text-align:center;
}
#page .noborder {
	border:none 0px;
}

/* style classes */
.leftfloat {
	float:left;
	text-align:left;
	margin-right:1ex;
	margin-bottom:1ex;
}

.msg {
	font-size:.8em;
	font-weight:bold;
	margin-bottom:1em;
}

.small { font-size:80% }
.moddate { font-size:80%; margin:1em 0; }
.section {
	padding: 1ex;
	border: 1px solid;
	margin: 1em 0;
}

.centerlinks {
	text-align:center;
	font-size:85%;
}
.floatLeft {
	float: left;
	margin-right: 1em;
}
.floatRight {
	float: right;
	margin-left: 1em;
}
.break {
	margin: 0;
	font-size:2pt;
	clear:both;
}
.post {
	margin-bottom: 1em;
}

/* photo gallery styles */

.thumbnails {
	list-style:none inside;
	margin:0;
	padding:1ex 0;
	clear:both;
	display:table;
	font-size:70%;
}
.thumbnails li {
	float: left;
	margin: 1ex;
	padding:0;
	text-align:center;
	min-height:198px;
	width:126px;
}
.thumbnails .thumb {
	height:114px;
	width:114px;
	margin:0 0 1em 0;
	padding:0;
	overflow: visible;
	position: relative;
	display: table;
}
.thumbnails .thumb a {
	display:table-cell;
	vertical-align:middle;
	position: static;
}

* html .thumbnails .thumb a {
	position: absolute;
	top: 50%;
	left: 50%;
}

* html .thumbnails .thumb a img {
	position: relative;
	top:-49%;
	left:-50%;
}

.thumbnails a img {
	border:3px solid;
}
.thumbnails p {
	margin: 0 0 1ex 0;
	text-align:center;
}

.photo {
	width: 642px;
	margin: 0 auto 1em auto;
	text-align:center;
}
.caption {
	width: 642px;
	text-align:left;
	margin: 0 auto;
	font-size:85%;
}
.photo img {
	border:1px solid;
}

/* class to hide nested objects in IE */
/* hides the second object from all versions of IE */
* html object.hiddenObjectForIE { display: none; }

/* display the second object only for IE5 Mac */
/* IE Mac \*//*/
* html object.hiddenObjectForIE { display: inline; }
/**/


/* XML FEED CSS BEGINS | DEBUT DU CSS DIFFUSION XML */
.xml-icon { 
	padding: 0px 3px 1px 3px;
	margin: 0;
	text-align: center;
	vertical-align:middle;
	font-size: 85%;
	font-weight: bold;
	color: #fff;
	background-color:#f60;
	border: 1px solid;
	border-color: #ffc8a4 #3f1a01 #3f1a01 #ffc8a4;
	cursor: pointer;
}

a.xml-icon, a.xml-icon:link, a.xml-icon:active, a.xml-icon:visited, a.xml-icon:hover {
	color:#fff;
	text-decoration:none;
}

#content a.xml-icon, #content a.xml-icon:link, #content a.xml-icon:active, #content a.xml-icon:visited, #content a.xml-icon:hover {
color:#fff;
text-decoration:none;
}

/* XML FEED CSS ENDS | FIN DU CSS DIFFUSION XML */

/* column layout css */
.wrap {
	padding-top: 1ex;
	margin-top: 1ex;
	border-top: 1px dashed <?php echo $palette['borders']; ?>;
	clear:both;
}
.col {
	float:left;
	margin-right:3%;
}
.fifths { /*one-fifth*/
	width: 17.6%;
}
.quarter { /*one-quarter*/
	width: 22.75%;
}
.third { /*one-third*/
	width: 31.33%;
}
.two.fifths { /*two-fifths*/
	width: 38.2%;
}
.half { /*one-half*/
	width: 48.5%;
}
.three.fifths { /*three-fifths*/
	width: 58.8%;
}
.two.third { /*two-thirds*/
	width: 65%;
}
.three.quarter { /*three-quarters*/
	width: 74.25%;
}
.four.fifths { /*four-fifths*/
	width: 79.4%;
}

.last {
	margin-right:0%;
}
/* end column layout css */