@import url("gallery.css");


/*
----------------------------------------------------------------------
GLOBAL BASELINES
---------------------------------------------------------------------- 
*/

/* redefining font-size to work with Em as it was Px 
body{ font-size: 62.5%; }

i use it when i want to set the sizes using EM.. this way 10px will be 1em and 18px will be 1.8em..*/

html {
overflow: -moz-scrollbars-vertical;
}

html, body {
margin: 0;
padding: 0;
overflow:-moz-scrollbars-vertical;
}

body {
	text-align: left;/*for editor, usually would be center*/
	background: #FFFFFF;/*compulsory for editor background colour*/
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #41464E;
	font-size: 80%;
	line-height: 1.6em;
	height: 100%;
	}

h1, h2, h3, h4, h5, h6, p, li, a:link {
	margin: 0 0 1em 0;
}

/*to overcome an IE bug which by default doubles any spacing. Visually the result of the following rule (entered as half the space) is required to visually double the space to what we need*/
* html h1, * html h2, * html h3, * html h4, * html h5, * html h6, * html p, * html li, * html a:link {
	margin-bottom: .5em;
}


li  {
font-size:1em;/*keeps the font size EQUAL to whatever is set in the body tag, ie. if it is set smaller than 1em here it will compound the sizing, eg. .9 of .9 would compund smaller still*/
line-height: 1.2em;
}


/* prevent shrinking nested text , remains 1:1 with WHATEVER the body em is set to, eg. if the body font-size is .9em, so will all of these be. See immediately preceeding rule's comment*/
ol ol, ul ol, ol ul, ul ul, ol p, ul p /*, ul li, li a*/  {
font-size:1em;}


ul, ol {
list-style-position: outside;
margin: 1em 2em 1.5em 30px;
}


ul li, ol li{
margin: 0;
}


a:link {
	color: #E20A16;
	text-decoration: underline;
}

a:link:visited {
	color: #E20A16;/*was 993*/
}

a:link:hover {
	color: #000000;
}

a:link:active {
	color: #E20A16;
}

.invisible {
	display: none;
}

.Align-Right,
.alignRight{
	float: right;
}

img.Align-Right,
img.alignRight,
span.Align-Right img{
padding-left: 30px;
padding-bottom: 10px;
border: 1px solid white;
}

.Align-Left,
.alignLeft{
	float: left;
}

img.Align-Left,
img.alignLeft,
span.Align-Left img {
padding-right: 20px;
padding-bottom: 10px;
border: 1px solid white;
}

.Align-Center,
.alignCenter{
	text-align: center;
}

img.Align-Center,
img.alignCenter,
span.Align-Center,
span.alignCenter
{
	text-align: center;
}

a img { 
border: none;
text-decoration: none;}



p.imgFramedLeft,
span.imgFramedLeft {
float:left;
margin-right: 20px;
}

p.imgFramedLeft img,
span.imgFramedLeft img {
padding: 10px;
border: 1px solid #996;
background: #F6F9EC;
}

p.imgFramedRight,
span.imgFramedRight {
float:right;
margin-left: 20px;
}

p.imgFramedRight img,
span.imgFramedRight img {
padding: 10px;
border: 1px solid #996;
background: #F6F9EC;
}



h1 {
color: #666;
letter-spacing: -0.04em;
line-height: 1.2em;
}

* html h1 {
font-size: 200%;
}

h2 {
color: #333;
line-height: 1.2em;
}

* html h2 {
font-size: 175%;
}

h3 {
color: #333;
line-height: 1.2em;
}

h4 {
color: #333;
line-height: 1.2em;
} 

.floatRight, #floatRight {
	float: right;
}

.floatLeft, #floatLeft{
	float: left;
}

.alignRight {
	float: right;
	margin: 0 0 20px 20px;
}

.alignLeft {
	float: left;
	margin: 0 20px 20px 0;
}

.imgFramed img {
padding: 10px;
border: 1px solid #996;
background: #F6F9EC;
}

fieldset {
padding: 10px;
margin: 10px 0;
width: auto; 
}

hr {
height: 2px;
color: #dddddd;
background-color: #dddddd;
border: 0;
border: 0px solid #dddddd;
display:block; 
clear:both; 
margin-bottom: 30px;
}

/*img { display: block }removes the 'inline' space below an image for text descenders*/


/*body#id-1 #mainContent img { display: inline }allow home page images to display inline, when coupled with the display block in previous declaration block */


/*
----------------------------------------------------------------------
layout/positioning - major elements
---------------------------------------------------------------------- 
*/

#perimeter {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	min-height:100%;
	background: #999 url(.gif) 0 0;/*set to be overall background colour*/
	text-align: center;/*usually would put this on the body, but affected the editor*/
	padding: 0;
}


* html #perimeter {/*IE WIN hack to force background colour higher than the viewport*/
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom:0px;
	height: 110%;
}



#outerContainer {
	text-align: left;
	margin: 30px auto;
	padding: 10px 0;
	height: 100%;
	position: relative;
	background:#888;/*simulates the borders*/	
	width: 920px;

}


* html #outerContainer {
	height: auto;/*required for IE Win so the background doesn't stretch down to the extent of the perimeter div*/
}



#innerContainer {
	background: #FFFFFF;
	border-bottom: none;
	margin: 0 auto;
	height:100%;
	width: 900px;
}


* html #innerContainer {
	height: auto;/*required for IE Win so the background doesn't stretch down to the extent of the outerContainer div*/
}

#upperNavigation {
	background: transparent;
	overflow: hidden;
	padding-top: 9px;
	margin-bottom: 5px;
	height: 0px;
}


#masthead {
position: relative;
background: #E20A16;
height: 101px;
overflow: hidden;
}

#mastheadLead {
	padding: 0;/*added bottom after doing adv, IE wanted it but Mac doubles up*/
	text-align: center;
	background: transparent;
	color: #666;
	height: auto;
	width: auto;
} 

#mastheadLead img{
margin:0;
}


#mastheadTail {
	display: none;
}


#identity {
position: absolute;
top:0;
left:0;
z-index:100;
}

#identity img#logo {
position: relative;
}

#content {
	padding: 0 0 10px 0;
	width: auto;
	margin-top: 0px;
}

#mainContent{
	float:left;
	margin: 0;
	padding: 25px 20px 10px 30px;
	display: inline; 
	background: #FFF url() 0 0 repeat-x;
	/*border: 1px solid #CACACA;*/
	z-index: 90;	
	width: 530px;
}

#leftContent, #rightContent  {
	float:left;
	display: inline;
}




/*
----------------------------------------------------------------------
PAGEFOOT AND FOOTER
---------------------------------------------------------------------- 
*/


#pageFoot {
	margin: 0 auto;
	background: transparent;
	height:25px;
	width:auto;
	text-align:left;
	padding:10px 10px 2px 10px;
}

#pageFoot a {
}

#footer {
	color: #EEEEEE;
	text-align:left;
	margin: 5px auto 0;
	width:auto;
	font-size:.9em;
	padding:20px 0 0 20px;
	height: 40px;
	position: relative;
	border-top: 1px solid #DDD;
	background: #333333;
}


#footer li {
	display: inline;
}

#footer p {
	display: inline;
	margin-right: 10px;
}

#footer a {
	display: inline;
	margin-right: 10px;
}













/*
----------------------------------------------------------------------
layout/positioning - minor elements
---------------------------------------------------------------------- 
*/





#upperNavigation ul {
	margin:0;
	padding:0;
}

#upperNavigation li {
	display: inline;
	height: 30px;
}

#upperNavigation a {
	display: inline;
	padding: 5px 4px 3px;
	border-bottom: none;
}






/*
----------------------------------------------------------------------
element treatments -specific
---------------------------------------------------------------------- 
*/

#contactDetails {
float: right;
width: 150px;
background: #FFF;
padding: 10px;
margin-left: 20px;
margin-right:0;
border: 6px solid #CCCCCC;/*#D6D6FF*/
}


/*
----------------------------------------------------------------------
floatClearing 
---------------------------------------------------------------------- 
*/



.floatClear,#floatClear  {
	clear: both;
	line-height : 0em;
	font-size: 0em !important;
	background-color: transparent;
}


/*
----------------------------------------------------------------------
custom classes
---------------------------------------------------------------------- 
*/

.invisible {
	display:none;
}

div.floatClear, span.floatClear {
	clear: both;
	line-height : 0em;
	font-size: 0em;
	background-color: transparent;
}




/*
----------------------------------------------------------------------
hovers
---------------------------------------------------------------------- 
*/


#lowerNavigation a:hover {
	background: #333;
	color: white;
}

#upperNavigation a:hover{

}



/*
----------------------------------------------------------------------
BACK TO TOP
---------------------------------------------------------------------- 
*/


#backToTop {
	float: right;
	position: relative;
	bottom:-50px;
	z-index: 90;
	height: 40px;
	margin: 0;
	padding:0;
}

* html #backToTop {
	float: right;
	position: relative;
	bottom:-65px;
	z-index: 90;
	height: 30px;
	padding-top: 5px;
}

#backToTop a {
	background-color: #666;
	padding: 5px;
	text-decoration: none;
	color: white;
	border: 2px solid #DDD;
	margin-right: 10px;

}

#backToTop a:hover {
	color: white;
	text-decoration: underline;
	border: 2px solid #EEE;
	background: #E20A16;
}






/*
----------------------------------------------------------------------
tests
---------------------------------------------------------------------- 
*/


/* #mainMenu ul ul.subnav {display: none;} */

table {
border: 1px solid #ccc;
border-right: none;
border-bottom: none;
background: #EEEEEE;
font-size: 1em;
margin-bottom: 10px;
}

td {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 5px;
}




/*
----------------------------------------------------------------------
contact form
---------------------------------------------------------------------- 
*/

fieldset  {
	}


legend  {
	color: #FFFFFF;
	font-family: "arial black";
	background-color: #BBB;
	padding: 3px 8px;
	display: none;
	}

label   {
	font-weight: bold;
	color: #222;
	text-align: left;
	display: block;
	float: left;
	}

label.fieldLabel	{
	display: inline;
	float: none;
	}
	
input.formInputField   {
	border: solid 1px #666;
	background-color: #FFFFFF;
	color: #000000;
	margin: 0;
	padding: 2px;
	width: auto;
	}

form input.basicSubmitButton {	
margin: 0 0 5px 5px;
padding: 0 15px;
background: url(../images/submit_button_normal.gif) 0 0 repeat-x;
border:none;
border-top: 1px solid #666;
border-right: 2px solid #666;
border-bottom: 1px solid #666;
border-left: 2px solid #666;
height: 30px;
font-weight: bold;
}


fieldset#contactFormFieldset {
margin-top: 15px;
background: #ddd;
border: 1px solid #bbb;
}

fieldset#contactFormFieldset label {
color: #000000;
text-shadow: 0px 1px 0px #ffffff;
}

/*in normal state*/
#valid-firstName,
#valid-lastName,
#valid-subject,
#valid-email,
#valid-message {
background: #ddd;
padding: 5px;
margin-bottom: -10px;
}

#input-valid-firstName,
#input-valid-lastName,
#input-valid-subject,
#input-valid-email,
#input-valid-message
{
	width: 300px;
	border: 1px solid #bbb;
	background-color: #FFFFFF;
	color: #000000;
	margin: 0;
	padding: 2px;
	}
	
#input-valid-message {
	width: 480px;
	}
	
	
#input-valid-firstName p,
#input-valid-lastName p,
#input-valid-subject p,
#input-valid-email p,
#input-valid-message p
{
	
	color: #000000;
	}


textarea{
	overflow:auto;
	}
	











#mainContent p, #mainContent ul, #mainContent li {
	font-size:1em !important;
	line-height: 1.6em;
	}
	

















p.Paragraph-Warning {
border-top: 1px solid #FF0000;
border-bottom: 1px solid #FF0000;
padding: 2px 5px 0px 5px;
color: #000;
background: #FFCFCC;
margin: 10px 0 20px 0;
}

p.Paragraph-Centred {
text-align: center;
}

p.PullQuoteLeft {
float: left;
clear: left;
border: 1px solid #CACACA;
width: 150px;
padding: 10px;
background: #FAFAFF;
margin: 0 20px 10px 0;
}

p.PullQuoteRight {
float: right;
clear: right;
border: 1px solid #CACACA;
width: 150px;
padding: 10px;
background: #FAFAFF;
margin: 0 0 10px 20px;
}


p.Paragraph-Boxed {
background: #F6F9EC;
border: 1px solid #996;
padding: 20px;
}

p.indented {
margin-left: 60px;
}



.pagenotpublished a.pageNames
{
text-decoration: line-through;
}


form#contactForm p.alert {
color: red;
padding: 2px 0 8px 20px;
background: url(http://www.itchybrain.com.au/barebones/images/alert.gif) 0 2px no-repeat;
overflow: visible;
line-height: 1.2em;
margin-top: 5px;
text-shadow: 0px 1px 0px #ffffff;
}

























.rightPanel {
float: right;
width: 120px;
color: #993;
margin-left: 25px;
padding-left: 25px;
font-size: 11px;
background: url() 0 0 repeat-y;
}

.rightPanel a{
font-size: 11px;
}

div.rightPullquote a:visited{
color: #41464E;
}







#feature {
position: absolute;
top: 60px;
height: 30px;
margin-left: 180px;
border: 1px dotted green;
display:none;
}







/*
----------------------------------------------------------------------
navigaton
----------------------------------------------------------------------  
*/

/*menu flyout*/

div#mainMenu  {
	float: left;
	margin: 0;
	padding: 0 6px;
	font-size:.9em;
	margin: 0px 0px 20px 0px;
	display:inline;
	position: relative;
	background:#000000;
	}


#mainMenu ul {
	float: left;
	padding: 0;
	width: 150px;
	margin: 0;
	list-style-type: none;
	}

#mainMenu li {
	float : left;
	margin:0;
	padding: 0;
	z-index: 98;
	width: 150px;
	background: #666 url(../images/bg_nav.gif) repeat-x top left;
	border-bottom:6px solid #000000;
	}
	
* html #mainMenu li {
	width: 150px;/*subtract the anchor padding*/
	}
	
	
#mainMenu li a,
#mainMenu li.current ul.submenu li a {/*ensures that the subnav items do not gain the you-are-here hover colours*/
	width: auto;
	color: #FFFFFF;
	font-weight : normal;
	text-decoration : none;
	padding: 6px 0px 6px 6px;
	margin: 0;
	white-space: normal;
	line-height: 1.2em;
	display: block;/*to display full-width-clickable*/
	text-transform: uppercase;
	}
	
* html #mainMenu li a,
* html #mainMenu li ul.submenu li a,
* html #mainMenu li.current ul.submenu li a{
	width: 100%;/*full-width-clickable for IE*/
}

/* Expanding submenu */

#mainMenu ul ul { 
	display:none;
	}
	
#mainMenu ul ul li { /* submenu individual list items */
	float : left; 
	margin:0;
	padding: 6px 5px 6px 20px;
	}
	
#mainMenu ul ul li a {
	white-space: normal;
	margin:0;
	padding: 0;
	
	}
	
	
#mainMenu li a:hover,
#mainMenu li.current ul.submenu li a:hover {
	text-decoration: none;
	background: #999;
	}
	
#mainMenu li:hover  {
	}

	


	
	
	
/*
----------------------------------------------------------------------
you are here nav
---------------------------------------------------------------------- 
*/

/*to show treatment on the primary nav item*/
#mainMenu li.current a,
#mainMenu li.current a:hover,
#mainMenu li.current a:visited,
#mainMenu li.current a:focus,
#mainMenu li.current a:active
{
	color : #FFF;
	text-decoration: none;
	background: #E20A16 url(../images/_bullet_mainNav.gif) no-repeat 18px center;
	}
	
	
#mainMenu li.current {
	background: #E20A16 url(../images/bg_nav_current.gif) repeat-x top left;
	}
	
* html #mainMenu li.current {
	/*width: auto;subtract the border and padding*/
	}
	
#mainMenu li.current li {
	border-bottom: 1px solid #666;
	width: 125px;
	background: #000 url(../images/bg_nav_current_sub.gif) repeat-x top left;/*deeper nav item over two lines */
	}
	
/*to retain normal state of colours in submenus*/
#mainMenu li.current ul.submenu li a,
#mainMenu li.current ul.submenu li a:hover,
#mainMenu li.current ul.submenu li a:visited,
#mainMenu li.current ul.submenu li a:focus,
#mainMenu li.current ul.submenu li a:active
{
	color : #FFFFFF;
	font-weight: normal;
	border-left: none;
	background: none;
	padding-left:0;
	border-bottom: none;
	}
	
/*to allow the current submenus item to differ*/
#mainMenu li.current ul.submenu li.current a,
#mainMenu li.current ul.submenu li.current a:hover,
#mainMenu li.current ul.submenu li.current a:visited,
#mainMenu li.current ul.submenu li.current a:focus,
#mainMenu li.current ul.submenu li.current a:active
{
	font-weight: normal;
	}
	
/*to allow the hover treatments in flyouts*/
#mainMenu li.current ul.submenu li a:hover/*,
#mainMenu li.current ul.submenu li a:visited:hover*/
{
	color : #FFFFFF;
	font-weight: normal;
	text-decoration:underline;
	}

/* The expanded submenu */
#mainMenu li.current ul
{
	display:block;
	height: auto;
	}
	
#mainMenu li.current ul.submenu li a {/*ensures that the subnav items do not gain the you-are-here hover colours*/
	padding : 0;
	}



/*
----------------------------------------------------------------------
login
---------------------------------------------------------------------- 
*/

body#login {
background: #F0F0C0;
padding-top: 100px;
}

fieldset.login {
padding: 30px 10px 10px 10px;
margin: 0 auto;
width: 30em;
background: #FFFFFF;
text-align: center;
border: 3px solid #A7B191;
-moz-border-radius: 1em;
}


fieldset.login form{
text-align: center;
margin: 15px 10px 20px;
background: #E0E0AA;
padding: 10px;
-moz-border-radius: 1em;
}

body#login form input.basicSubmitButton{
padding: 4px 6px;
background: #A7B191;
color: #FFFFFF;
border: 2px solid #444;
border-top-color: #F0F0C0;
border-left-color: #F0F0C0;
}

body#login form input.basicSubmitButton:active{
border-top-color: #444;
border-left-color: #444;
border-bottom-color: #F0F0C0;
border-right-color: #F0F0C0;
}

fieldset.login label {
display:block;
text-align: center;
width: 100%;
margin:0;
}

* html body#login p.alert {
font-size: .75em;
}

body#login p.alert {
color: #000000;
padding: 5px 0 6px 20px;
background: #FFE5E5 url(http://www.itchybrain.com.au/barebones/images/alert_bright.gif) 10px center no-repeat;
overflow: visible;
line-height: 1em;
margin: 5px 0;
font-size: .88em;
border-top: 1px solid red;
border-bottom: 1px solid red;
}

body#login a {
color: #000000;
}

body#login a:hover {
background-color: #FF0000;
padding: 2px 0;
color: #FFFFFF;
}

* html body#login h3 {
font-size: 1.1em;
}

body#login input.formInputField   {
	border: solid 1px #A7B191;
	background-color: #FFFFFF;
	color: #000000;
	margin: 0;
	padding: 2px;
	width: auto;
	}

#login img {
	margin: 2px auto;
	}




















/*
----------------------------------------------------------------------
breadcrumbs
---------------------------------------------------------------------- 
*/

body.class-home #breadcrumbs {
display: none;
}

#breadcrumbs {
float: left;
font-size: 10px;
margin: 0 0 10px 0;
padding: 0;
width: 100%;
clear: both;
position: relative;
height: 20px;
line-height: 1;
z-index: 100;
}

#breadcrumbs ul {
float: left;
list-style-type: none;
margin: 0;
padding: 0;
}

#breadcrumbs li {
display: inline;
float: left;
width: auto;
margin: 0;
padding: 0;
}

#breadcrumbs a:link {

}

#breadcrumbs a:visited {

}

#breadcrumbs a:hover {

}

#breadcrumbs a:active {

}


/*
----------------------------------------------------------------------
search
---------------------------------------------------------------------- 
*/

#searchContainer {
position: absolute;
top: 10px;
right: 0px;
z-index: 100;
}

#searchContainer fieldset {
border: none;
margin:0;
padding:0;
}

#searchContainer label {
text-indent: -9999em;
}

hr.search_excerpt_separator {
height: 1px;
color: #dddddd;
background-color: #dddddd;
border: 0;
border: 0px solid #dddddd;
margin: 15px 0;
}

p#searchResults {
background: #f7f7d7;
border-top: 4px solid #993;
padding: 2px 7px;
}

p.searchTitle {
margin: 0;
padding:0;
}

p.searchTitle a {
font-size: 1.25em;
font-weight: normal;
margin: 0;
padding:0;
}

p.searchExcerpt {
margin: 0;
padding:0;
}

#searchInput {margin-right: 5px;}


/*
----------------------------------------------------------------------
Local navigation
---------------------------------------------------------------------- 
*/



#localNav {
	float:left;
	font-size:.8em;
	line-height:normal;
	display: block;
	width: 100%;
	margin-left: 0;
	padding-left:10px;
	background: transparent url(../images/localNavBgd.gif) 0 0 repeat-x;
	padding-top:15px;
	}

#localNav ul {
	display: inline;
	}

#localNav li {
	list-style-type:none;
	float:left;
	white-space: nowrap;
	background: url(../images/left.gif) no-repeat left top;
	padding:0 0 0 9px;
	height: auto;
	}

#localNav a {
	display:block;
	float:left;
	padding:5px 14px 0px 5px;
	text-decoration:none;
	background: url(../images/right.gif) no-repeat right top;
	font-weight:normal;
	color:#880;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#localNav a {float:none;}
/* End IE5-Mac hack */

#localNav a:visited {
	color:#880;
	}
	
#localNav a:hover {
	color:#880;
	text-decoration:underline;
	}

#localNav .current {
	background-image:url(../images/left_current.gif);
	}

#localNav .current a {
	background-image:url(../images/right_current.gif);
	color:#900;
	}
  
#menuList .current a:hover {
	text-decoration:none;
	}







#mainContentLead {
height: 20px;
}

body.class-home #mainContentLead {
display:none;
}

/* NEWS ----------------------*/


#newsColumn {
display:block;
position: absolute;
top: 111px;
right: 10px;
width: 140px;/*after subtracting padding and borders top and bottom*/
height: auto;/*after subtracting padding and borders top and bottom*/
background: #EEE;
padding: 0 10px 10px 10px;
}

#storySet {
color: #000000;
font-size:1em;
}

#storySet a{
display:block;
border-bottom: 1px solid black;
padding: 5px 0;
}

h3#newsHeading {
	background: #ccc;
	text-transform: uppercase;
	letter-spacing: .35em;
	font-weight: normal;
	margin: 0 -10px 10px -10px;
	padding: 10px 10px 6px;
	font-size: .9em;
}

#newsColumn a {
color:#E20A16;
display:block!important;
float:left;
margin-bottom: 0;
}

body#id-1 #newsColumn a:hover {
color:#000000;
}

.news-story-title {
font-weight: bold;
font-size: 1.2em;
}

.news-story-date {
margin-bottom: 20px;
}

/*home column*/
body#id-1 #newsArchive {
display:block;
float:left;
margin: 10px 0 20px 0;
}


/*archive page*/
.newsArchive {
display:block;
margin: 10px 0 20px 0;
}

span.date {display:none;clear:both;margin:0;padding:0;}