/*************************************************
  AUTHOR: Luke Symes (luke.wpDesign.org)
  PURPOSE: Style the page layout of "blended".
*************************************************/

/* PAGE WIDTH WRAPPER */

#wrap1 {
	font-family:Calibri;
	background-color:#fff;
	margin:0 auto;
	position:relative;
}

/* Classes that can be applied to #wrap1, changing the page width */

.width800 {
	font-family:Calibri;
	width:760px;
}

.width1024 {
	font-family:Calibri;
	width:964px;
}

.widthFluid {
	font-family:Calibri;
	width:90%;
/*	max-width:1000px;  */
}

.widthElastic {
	font-family:Calibri;
	width:50em;
}


#wrap2 {
/* Spacing between page shadow and content */
	font-family:Calibri;
	padding:25px;
}

/*HEADER*/

#header-{
	font-family:Calibri;
	color:#FFF;
	width:100%;
}

/*MAIN NAVIGATION*/

#navbar {
/* gives a 1px top border, the same colour as #wrap1's background */
	font-family:Calibri;
	margin-top:1px;
}

#navbar ul {
	font-family:Calibri;
	margin-bottom:-1px;
}

#navbar li {
/* Make this the same colour as #wrap1 background */
	font-family:Calibri;
	background:#FFF;

	float:left;
	display:block;
}

#navbar li a {
	font-family:Calibri;
	color:#B100A4;
	padding:0 12px;
	margin:0 1px 1px 0;
	line-height:2.7em;
	display:block;
	text-decoration:none;
}

/* CONTENT */

#contentWrap {
	font-family:Calibri;
	background:#FFF;
	padding-bottom:2em;
}


/*MAIN CONTENT CLASSES*/

#mainContent {
}

.gotOneLeft {
/* Left column width */
	font-family:Calibri;
	margin-left:13.5em;
}

.gotTwoLeft {
/* Double the left column width */
	font-family:Calibri;
	margin-left:26em;
}

.gotOneRight {
/* Right column width */
	font-family:Calibri;
	margin-right:13.5em;
}

.gotTwoRight {
/* Double the right column width */
	font-family:Calibri;
	margin-right:26em;
}


/* THUMBNAILS */

img.floatLeft {
	font-family:Calibri;
	margin:5px 15px 5px 5px;
}

img.floatRight {
	font-family:Calibri;
	margin:5px 5px 5px 15px;
}

a.thumbnail {
	font-family:Calibri;
	margin:5px 10px;
}

a img.floatLeft, a img.floatRight {
	font-family:Calibri;
	margin:0;
}


/*SIDE CONTENT*/

.sideContent {
	font-family:Calibri;
	width:12em;
	margin:0 0.5em;
}

.sideContent h3 {
	font-family:Calibri;
}

.sideContent ul {
	font-family:Calibri;
	margin:1em 0 2em;
}

.sideContent ul ul {
	font-family:Calibri;
	margin:0 4px 2px;
}

.sideContent li {
	font-family:Calibri;
	margin:8px 3px;
	display:block;
}

.sideContent ul ul li {
	font-family:Calibri;
	margin:0;
}

.sideContent li a {
	font-family:Calibri;
	padding:1em 10px;
	display:block;
	text-decoration:none;
}

.sideContent ul ul li a {
	font-family:Calibri;
	padding:0.4em 10px;
	border-top-width:0;
}

.sideContent ul ul li a:hover {
	font-family:Calibri;
	border-top-width:1px;
	margin-top:-1px;
}


/*FOOTER*/

#footer {
	font-family:Calibri;
	color:#FFF;
	clear:both;
}

#footer p {
	font-family:Calibri;
	margin:0;

	padding:1.5em;
}

#footer p.smallText {
	font-family:Calibri;
	padding:1.8em;
}

#footer a {
	font-family:Calibri;
	color:#FFF;
	text-decoration:none;
}

#footer a:hover {
	font-family:Calibri;
	color:#DDD;
}


/* GENERIC CLASSES */

.clear {
	font-family:Calibri;
	clear:both;
}

.floatLeft {
	font-family:Calibri;
	float:left;
}

.floatRight {
	font-family:Calibri;
	float:right;
}

.smallText {
	font-family:Calibri;
	font-size:0.85em;  

}

.AlignementCentre {
	
	font-family:Calibri;
	text-align:center;

}