/*  
Theme Name: IIR v2
Theme URI: http://www.reflexology-uk.net/
Description: 3 Column CSS Layout
Version: 1.1
Author: DVA
Author URI: http://www.dvagroup.co.uk/

*/

/* basics */
html, body {
	background-color: #ffffff;
	border: 0;
	margin: 0;
	padding: 0;
	font-family: Helvetica, sans-serif;
	font-size: 0.90em;
	font-weight: normal;
	color: #222222;
	text-align: center;
}

/* column wrappers */
#outerWrapper {
	width: 960px;
	padding: 4px 0px 4px 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

#pageHeader {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#pageHeader IMG {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 7px 0px;
	border: 0px;
	width: 960px;
	height: 183px;
}

/* col inners */
#columnLeftContainer {
	float: left;
	width: 180px;
	margin:0; 
	padding: 0px 0px 0px 0px;
}
#columnRightContainer {
	float: right;	
	width: 180px;
	margin:0; 
	padding:0;
}
#columnCenterContainer {
	margin:0 180px 0 180px;
	padding: 0px 6px 0px 6px;
}

/* end page */
.endColumns {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 4px 0px;
	font-size: 80%;
	font-weight: bold;
	color: #999999;	
	clear: both;
}

.endColumns p {
	margin: 8px 0px 0px 0px;
	padding: 0;
}
.endColumns .bigger {
	font-size: 12px; 
	color: #888888;
	font-weight: bold;
}
.endColumns a:link, .endColumns a:active, .endColumns a:visited, .endColumns a  {
	color: #999999;	
}
.endColumns .data {
	color: #ffffff;	
}

.endColumns div {
	width: 180px;
	height: 100px;
	padding: 18px 0px 0px 0px;
	text-align: center;
}
.endColumns .iirlogos {
}

/* menus */
.columnLeftContent , .columnRightContent, .columnCenterContent  {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}
.columnLeftContent {
	background: url("images/bg_left_180_wrap.png") top left repeat-y;
}

/* text formatting */
h1 {
	font-size: 150%;
	font-weight: bold;
	color: #222222;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h2 {
	font-size: 130%;
	font-weight: bold;
	color: #9AAB08;
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
}
.columnLeftContent H2 {
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
h3 {
	font-size: 105%;
	font-weight: bold;
	color: #222222;
	margin: 24px 0px 0px 0px;
}
p {
	font-weight: normal;
	margin: 6px 0px 10px 0px;
	padding: 3px 0px 4px 0px;
}
a:link,a:active,a:visited,a { 
	text-decoration: underline;
	color: #222222;
}
H2 a:link, H2 a:active, H2 a:visited, H2 a { 
	text-decoration: none; 
	color: #9AAB08;
}
a:hover, H2 a:hover	{ 
	color: #CCDA2C; 
}

.postmetadata {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 80%;
	font-weight: normal;
	color: #999999;	
}
.postmetadata a:link,.postmetadata a:active,.postmetadata a:visited,.postmetadata a { 
	text-decoration: underline;
	color: #999999;	
}

img { 
	border: 0px solid White;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}

/* main menu */
.mainMenu {
	display: block;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}
.mainmenuItem {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 3px 10px;
	border-bottom: 1px dashed white;
}
.subMenu {
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 4px 0px;
}
.subMenuItem {
	display: block;
	margin: 0px 0px 0px 22px;
	padding: 3px 0px 2px 8px;
	border-bottom: 1px dashed #BACB1A;
	font-weight: normal;
}
.mainMenu a, .mainMenu a:link, .mainMenu a:active, .mainMenu a:visited {
	text-decoration: none;
	color: #ffffff;
}
.mainMenu a:hover, .mainMenu .subMenu a.subMenuItem:hover {
	background-color: #ffffff;
	color: #8A9B05;
}
.searchformcontainer {
	width: 520px;
	margin-bottom: 10px;
	margin-top: 4px;
	padding: 6px 6px 8px 6px;
	border: 2px solid #9AAB08;
	text-align: center;
}
#searchform {
	margin: 0 auto;
}

/* newsletter form */
.newsletter {
	margin: 35px 0px 0px 20px;
	padding: 5px 0px 0px 6px;
	border-top: 1px dashed white;
	/*
	border-bottom: 1px dashed white;
	*/
}
.newsletter form {
	margin: 0;
	padding: 0;
	border: 0;
}
.newsletter span {
	margin: 0px;
	padding: 0px 0px 0px 4px;
	font-weight: normal;
	color: white;
}
.newsletter input.inputEmail {  
	border: 1px solid #ffffff;
	margin: 3px 0 0 0;
	padding: 2px 5px 2px 5px;
	color: #bbbbbb;
	font-size: 11px;
	width: 132px;
}
.newsletter input.inputEmail:focus {
	color: #333333;	
}
.newsletter .submit {
	border: 1px dashed #ffffff;
	background-color: #AABB0A;
	font-size: 11px;
	color: white;
	text-align: center;
	width: 132px;
	margin: 6px 0px 0px 0px;
	padding: 0px;
	cursor: pointer;
}
.newsletter .submit:active {
	margin: 7px 0px 0px 1px;
}
.leftColumnStart {
	margin: 0px 0px 0px 0px;
	height: 12px;
	font-size: 1px;
	/* background: url("images/bg_left_180_rbottom.png") bottom left no-repeat;*/
}
.paypallogo {
	padding: 0; 
	margin: 5px 0px 0px 3px; 
}
.balenslogo {
	padding: 0; 
	margin: 7px 0px 0px 3px; 
}
.leftColumnEnd {
	margin: 20px 0px 0px 0px;
	height: 15px;
	font-size: 1px;
	background: url("images/bg_left_180_rbottom.png") bottom left no-repeat;
}


/* wp specific */
#sidebar {
	border-top: 1px dotted #DCEA3C;
	border-left: 1px dotted #DCEA3C;


}
#sidebar h2 {
	color: #000000;	
}

/* centre layout */
.postStyleA {
	width: 580px;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 0px 2px 0px 0px;
	overflow: hidden;
}
.postStyleB {
	width: 580px;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 2px 5px 2px 2px;
	background-color: #DCEA3C;
	overflow: hidden;
}
.postStyleC {
	width: 580px;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 0px 2px 0px 0px;
	overflow: hidden;
}
.postStyleD {
	width: 580px;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 0px 2px 0px 0px;
	overflow: hidden;
}
.post {
	width: 580px;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}
.postStyleA .splashImage, .postStyleB .splashImage, .postStyleC .splashImage, .post .splashImage {
	float: left;
}
.postStyleA IMG {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 2px solid #9AAB08;
	width: 120px;
	height: 150px;
}
.postStyleB IMG {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 2px solid white;
	width: 120px;
	height: 150px;
}
.postStyleC IMG {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 2px solid #9AAB08;
	width: 80px;
	height: 100px;
}
.post IMG {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #9AAB08;
}

.entry P IMG {
	/* for full article images */
	margin: 1px 0px 8px 6px;
	padding: 0px 0px 0px 0px;
	border: 2px solid #9AAB08;
	float: right;
}	

.postStyleA .splashText {
	margin: 2px 0px 4px 135px;
}
.postStyleB .splashText {
	margin: 4px 0px 4px 135px;
}
.postStyleC .splashText, .post .splashText  {
	margin: 2px 0px 4px 95px;
}
.postStyleD .splashText  {
	margin: 2px 0px 4px 10px;
}
.splashText P {
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.postStyleB h2, .postStyleB P, .postStyleB a, .postStyleB a:link, .postStyleB a:active, .postStyleB a:visited {
	color: #222222;
}
.postStyleB a:hover {
	color: #9AAB08; 
}

div.postStyleA:after, div.postStyleB:after, div.postStyleC:after, div.postStyleD:after, div.post:after { 
	clear: both; 
	content: '.'; 
	height: 0; 
	visibility: hidden;
}
.navigation {
	margin: 15px 5px 0px 5px;
	padding: 0;
}
a.readmore:link, a.readmore:active, a.readmore:visited, .navigation a:link, .navigation a:active, .navigation a:visited {
	color: #444444;
	font-size: 80%;
	text-decoration: none; 
}
a.readmore:hover, .navigation a:hover {
	color: #9AAB08; 
	text-decoration: underline; 
}
.addthis {
	text-align: center;
	margin: 12px auto 0px auto;
	padding: 0px 0px 4px 0px;
}

/* Begin Lists
	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	} 

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

/* sidebar */
#sidebar ul, #sidebar ul ol {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 0px 0 0 5px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	font-size: 70%;
	font-weight: normal;
	color: #444444;
	}
	
#sidebar h4 {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #333;
	margin: 0px 0px 0px 0px;
	padding: 0px 2px 2px 2px;
}

#sidebar .TrainingNav {
	width: 174px;
	margin: 4px 0px 4px 0px;
	padding: 6px 5px 4px 5px;
	text-align: center;
	border-top: 0px dotted #CADB2A;
	border-right: 0px dotted #CADB2A;
	border-bottom: 1px dotted #CADB2A;
	border-left: 0px dotted #CADB2A;
}
#sidebar .TrainingNav select {
	width: 174px;
	font-weight: normal;
	font-size: 90%;
	color: #444;
	margin: 4px 0px 5px 0px;
	padding: 3px 3px 3px 5px;
	border: 1px solid #CADB2A;
}


#sidebar .SearchBox {
	width: 174px;
	margin: 0px 0px 4px 0px;
	padding: 4px 0px 6px 0px;
	border-top: 0px dotted #CADB2A;
	border-right: 0px dotted #CADB2A;
	border-bottom: 1px dotted #CADB2A;
	border-left: 0px dotted #CADB2A;
	text-align: center;
}
#sidebar form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#sidebar .SearchBox input, #sidebar .SearchBox submit {
	font-weight: normal;
	font-size: 90%;
	color: #444444;
	margin: 2px 0px 5px 0px;
}

#sidebar .events, #sidebar .regionaltraining {
	width: 180px;
	margin: 0px 0px 4px 0px;
	padding: 4px 0px 9px 0px;
	border-top: 0px dotted #CADB2A;
	border-bottom: 1px dotted #CADB2A;
	text-align: center;
}
#sidebar .eventsItem, #sidebar .regionaltrainingItem {
	display: block;
	margin: 4px 0px 0px 0px;
	padding: 4px 5px 5px 10px;
	border-bottom: 0px dotted #CADB2A;
	font-size: 85%;
	font-weight: normal;
	text-align: left;
}

.events a, .events a:link, .events a:active, .events a:visited, .regionaltraining a, .regionaltraining a:link, .regionaltraining a:active, .regionaltraining a:visited  {
	color: #333333;
	text-decoration: none;
}
.events a:hover, .regionaltraining a:hover {
	background-color: #CADB2A;
	text-decoration: none;
	color: #ffffff;
}


/* db listings */
.far3 {
	width: 450px;
	margin: 24px 0px 0px 30px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}
.far3 .farRow {
	margin: 0 auto;
	margin-bottom: 6px;
	padding: 8px 4px 8px 10px;
	/* background-color: #f5fff5;
	border-left: 1px dotted #CADB2A;
	border-right: 1px dotted #CADB2A; */
	border-top: 2px dotted #CADB2A;
	overflow: hidden;
}

.far2 {
	width: 450px;
	margin: 20px 0px 0px 30px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}
.far2 .farRow {
	margin: 0 auto;
	margin-bottom: 3px;
	padding: 5px 4px 5px 10px;
	border-top: 1px dotted #CADB2A;
	overflow: hidden;
}
.far3 .farName {
	font-weight: bold;
	font-size: 100%;
	color: #222222;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.far3 .farDetails {
	font-weight: normal;
	font-size: 90%;
	color: #222222;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.far3 .farDetails a { color: #222222; }
.far3 .farDetails a:hover { color: #CADB2A; }

.far2 .farName {
	font-weight: bold;
	font-size: 90%;
	color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}
.far2 .farDetails {
	font-weight: normal;
	font-size: 90%;
	color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.far2 .farDetails a { color: #333333; }
.far2 .farDetails a:hover { color: #CADB2A; }

.far1 {
	/* really basic listing */
	
}

/* forms */
fieldset {  
	font-size: 90%;
	margin: 26px 12px 0 8px;  
	padding: 5px 15px 5px 20px; 
	border: 0px;
	border-top: 1px dotted #CADB2A;
} 
fieldset.contactform {  
	margin: 10px 12px 0 4px;  
	border-top: 0px;
} 
legend {  
	margin: 0 0 0 -8px;	
	padding: 0 6px 0 5px;
	font-size: 1.1em;
	color: #111111;  
	font-weight: bold; 
	background-color: white;
} 
fieldset ol {  
	margin: 4px 0 0 0;	
	padding: 0 10px 0 10px;  
	list-style: none;
} 
fieldset li {  
	color: #222222;  
	margin: 3px 8px 4px 24px;  
	padding: 0 0 0 0;
	list-style: none;
} 
fieldset label {
	float: left;
	width: 150px;
	font-weight: normal;
	margin: 1px 0 0 0;  
	padding: 1px 10px 0 0;  
	text-align: right;
}
fieldset.contactform label {
	width: 100px;
}
fieldset input, fieldset select {
	/* display: inline;*/
	font-size: 90%;
	color: #222222;  
	margin: 0 0 0 0;  
	padding: 1px 0 1px 0;  
}
fieldset.submit {  
	text-align: center;
	margin: 0 auto;
	margin-top: 10px;  
	padding: 1px 0 0 0;
	border: 0px;
}
fieldset.searchreg {
	text-align: center;
	padding-left: 15px;
	margin: 0 0 0 0;  
}
fieldset.searchreg ol {  
	margin: 4px 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
}
.textarea {
	font-family: Helvetica, 'sans-serif';
	font-size: 95%;
}
.checkbox {
	float: left;
	margin: 3px 10px 30px 14px;
	padding: 0 0 0 0;
}

/* date fields */
table.CalendarWrapper {
	display: inline;
}
td.calendarDateInput {
	font-family: Helvetica, 'sans-serif';
	font-size: 70%;
}
select.calendarDateInput {
	font-family: Helvetica, 'sans-serif';
	font-size: 70%;
}
input.calendarDateInput {
	font-family: Helvetica, 'sans-serif';
	font-size: 70%;
}

/* form responses */
.errorMessage {
	border: 1px dotted #CADB2A;
	color: #222222;
	margin: 20px 0px 0px 50px;
	padding: 6px 4px 12px 10px;
	width: 420px;
}
.errorMessage li {
	margin-left: 20px;
}
.successMessage {
	border: 1px dotted #CADB2A;
	color: #222222;
	margin: 20px 0px 0px 50px;
	padding: 6px 4px 12px 10px;
	width: 420px;
	text-align: center;
}
	
.navigation .alignleft {
	float: left;
}
.navigation .alignright {
	float: right;
}

table, table tr {
	font-family: Helvetica, sans-serif;
	font-size: 12px;
}
