/*
Theme Name:   sdesign1 theme
Theme URI:    http://www.sdesign1.com
Description:  An empty theme designed for 2 collumn layout.
Version:      0.1
Author:       sdesign1
Author URI:   http://www.sdesign1.com
*/


/* Begin Typography & Colors */

		
body {
	background: white url(header-bg.png) repeat-x;
	padding: 0;
	margin: 0;
	font-size: 62.5%; 
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	line-height:1.5em; 
	}

#page {
	text-align: left;
	min-width: 900px;
	margin: 0px auto;
	width: 90%;
	}
	
#content {
margin-left: 25em;
/*float: left;*/
/*width: 55%;*/ /*70% for IE7*/
}

#innercontent {
padding: 0px;
padding-left: 20px;

}

#header {
height: 200px;
}

#headerRelative {
position: relative;
}

#sidebar {
width:30em; /*30% for IE7*/
float:left;
}
		
h2, h3, h4, h5, h6 {
padding-top: 0;
margin-top:0; }

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

h1 {
	font-size: 2em;
	text-align: left;
	}

h2 {
line-height: 1.1em;
font-size: 2.2em;
border-bottom: 1px dashed #ED6714;
padding-bottom: 0.4em;
letter-spacing:0.05em;
}



h3 {
margin: 20px 0;
font-size: 1.6em;
}

h4 {
font-size: 1.1em;
}

a:hover, a:focus, a:active {
	color: #147;
	text-decoration: underline;
	}

em {
font-style:normal;
color: #EE6611;
font-weight:lighter;
}

#footer {
clear: both;
padding: 0 10px;
}
/* End Structure */

/* User styles */

img.float-left {
float: left;
border: 2px solid #DBEAF3  /*#CAE3F1*/;
padding: 8px;
background: #F0F7FB; 
width: 33%;
max-width: 379px;
margin-left: 0.5em;
margin-bottom: 0.5em; 
}
img.float-right {
float: right;  
border: 2px solid #DBEAF3  /*#CAE3F1*/;
padding: 8px;
background: #F0F7FB;
width: 33%;
max-width: 379px;
margin-left: 0.5em;
margin-bottom: 0.5em;
}


/* Header styles */

#header h1 {
background: url(logo-whiteH1.png) no-repeat;
position: absolute;
top: 30px;
height: 125px;
}

#header h1 a {
display: block;
}

#header h1 img {
border: none;
display: block;
}

#header img {
margin-top: 51px;
margin-left: 104px;
}

#header p.subhead {
position:absolute;
top: 110px;
left: 105px;
font-size: 1.4em;
color: #0279BE;
font-weight:bold;
font-style:italic;
}


#header p.telNo {
position: absolute;
top: 60px;
right: 3%;
font-weight:bold;
font-size: 1.6em;
color: #EC6714;
padding-left:2.5em;
padding-top: 0.5em;
padding-bottom: 0.5em;
background: url(header-telephone.png) no-repeat top left;
}

#header p.siteMap {
position: absolute;
top: 0;
margin-left: -50px;

font-weight: bold;
left: 15em;
font-size: 1.4em;
}

#header  a {
color: #0279BE;
}
#header p.siteMap a:hover, #header p.siteMap a:focus, #header p.siteMap a:active {
backgroundcolor:;
}
.skiplinks {
	font-weight: bold;
	
	font-size: 1.4em;
	color: #0279BE;
	
	position: absolute;
}
#header p a:focus, #header p a:hover, #header p a:active {
	color:#000;
	background-color:#FADAC6;
	border:1px solid #0279BE;
	}
input:focus,input:hover,input:active, textarea:focus, textarea:hover, textarea:active, select:focus, select:hover,select:active {
color:#000;
	background-color:#FADAC6;
	border:1px solid #0279BE;
	}
/* End header styles */


/* Footer Styling */

#footer {  /* grey gradient background */
background: url(footer-bg.png) repeat-x;
height: 79px;
}

#footer ul {
list-style:none;
display: block;
margin: 0;
padding: 0;
padding-top: 35px;
padding-left: 60px;
}

#footer ul li {
float: left;
padding-right:1em;
border-left: 1px solid #999;
}

#footer ul a {
color: #EE6611;
padding-left: 0.5em;

}

#footer ul a:hover, #footer ul a:focus, #footer ul a:active {
background:#FFF5EF;
}


#footer ul li.first {
border: none;
}


/* Content styling */

#content ul li{
	padding:0;
	margin: 2px;
	list-style:circle;
	}

#content {
line-height: 1.5em;
font-size:1.2em;
}


/* link styles */

 a {
text-decoration: underline;
}

a:hover, a:active, a:focus {
text-decoration: none;
}




#content a:hover, #content a:focus, #content a:active {
text-decoration: none;
background:#EC6714;
color: #fff
}

#content div.list-border ul li a {
display:block;
color: black;
background: white;
padding: 5px;
}
#content div.list-border ul li.blue a {
display:block;
color: black;
background: #dbeaf3 /*#ccffff*/ /*#F0F7FB*/;
padding: 5px;
}
#content div.list-border ul li a:hover, #content div.list-border ul li a:focus, #content div.list-border ul li a:active {
color: black;
text-decoration:none;
background: #fadac6 /*#f6e8e0*/ /*#ffcccc*//*#FFF5EF*/;
}


/*	Begin Headers */



/* Begin Images */

p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
}
	
.alignleft {
	float: left;
}

/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

ul.links-list {
list-style: none;
margin: 0;
padding: 0;
}

ul.links-list li {
margin: 10px 0;
}

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li {
	margin: 7px 0 8px 10px;
	}
	
	#content div.list-border ul {
	margin: 0.5%;
	padding: 0;
	list-style-type:none;
	min-height: 20%;
	}

#content div.list-border ul li {
display: inline;
float: left;
width: 188px; 
}

#content div.list-border {
overflow:auto;
border:1px solid #ccc;
max-width: 600px;
padding-bottom: 5px;
margin-bottom: 20px;
}

#content div.list-border span {
	position:absolute;
	left:-2000px;
	}


#content ul.orange-bullets li {
color: #EE6611;
}

#content ul.orange-bullets li span {
color: #000000;
}

/* Leave commented out, causes unwanted angle brackets in nav bar! */
/*.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;
	}
	
	
	ol.articles li {
	margin-bottom: 20px;
	}
ol.articles ul {
margin: 10px 0;
color: #EE6611;
}

/* End Entry Lists */


 /*Begin Form Elements */

#searchform {
position: absolute;
top:0px;
right: 0px;
width: 100%;
height: 35px;
background: #ABDDF6;
padding: 5px 0px;
border-bottom: 1px solid white;
	}
.topSearch {
	margin-right: 5px;
	}
#s {
position: absolute;
right: 104px;	
height: 19px;
/*margin-right: 140px;*/
border: 2px solid #0C80C2;
margin-top: 5px;
margin-left: 5px;
	}	

#searchsubmit {
border: none;
height: 32px;
	}
		
#searchsubmit {   /* positions the microscope image */
position: absolute;
top: 6px;
right: 70px;	
/*background: url(search-microscope.png) no-repeat 0px 0px;*/
	}
	
	#searchform div strong {
	position: absolute;
	top: 13px;
	right: 12px;
	margin-right: 18em;
	color: #1079B7;
	font-size:1.4em;
	}
	

/* End Form Elements */




/* Begin Comments*/


/* End Comments */

	

/* Sidebar */

	/* hides unwanted wordpress generated header in nav bar */
#folded-pages h2 {
display: none;
}

#sidebar form {
	margin: 0;
	}
	
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}


#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	padding-right:0;
	}
	
	#sidebar ul.main {
border: 1px solid #cccccc;
padding: 8px 4px 8px 8px;
}

#sidebar ul {  /* allows nav bar to expand in width if browser text increases */
width: 23.92em;
}
	
#sidebar ul a {
	display: block;
	font-size: 1.3em;
	line-height: 3em;
	color: #000000;
	background: #EFEFEF;
	margin-bottom: 4px;
	text-decoration:none;
	font-weight:bold;
	/*text-indent: 10px;*/
	padding-left: 10px;
	font-size: 1.34em;
	}	
#sidebar ul.main li ul li ul li a {
	line-height: 1.4em;
	padding: 0.3em 0
	
}

/*#sidebar ul.main .page-item-32 a {
margin-bottom: 0px;
}*/
	
	/* nav bar bg-images */
	
			/* Home */
	#sidebar ul.main .page-item-4 a {
	background: #fff url(navBar-home.jpg) no-repeat 0 0;
	}
	
	#sidebar ul.main .page-item-4 a:hover, #sidebar ul.main .page-item-4 a:focus, #sidebar ul.main .page-item-4 a:active {
	background: #EC6714 url(navBar-home-org.jpg) no-repeat 0 0 ;
	}
	#sidebar ul.main li.page-item-4.current_page_item a {
	background: #EC6714 url(navBar-home-org.jpg) no-repeat 0 0 ;
	}
	
			/* Types of therapy */
	#sidebar ul.main .page-item-87 a {
	background: #fff url(navBar-info1.jpg) no-repeat 0 0 ;
	
	
	}
	
	#sidebar ul.main .page-item-87 > a:hover, #sidebar ul.main .page-item-87 > a:focus, #sidebar ul.main .page-item-87 > a:active {
	background: #EC6714 url(navBar-info1-org.png) no-repeat center right;
	text-decoration:underline;
	}
	
	#sidebar ul.main .page-item-87.current_page_item > a {
	background: #EC6714 url(navBar-info1-org.png) no-repeat center right;
	}
					/* stops tpyes of therapy children gaining orange highlight when current page */
	#sidebar ul.main li.current_page_item ul li a {
	background: white url(sub-arrow.gif) no-repeat center left; 
	color:#000;
	}
	
	
	#sidebar ul.main .page-item-87.current_page_ancestor a{
	background: #EC6714 url(navBar-info1-org.png) no-repeat center right;
	color:#fff;
	}
	
	#sidebar ul.main li.page-item-87.current_page_ancestor ul li a{
	background: #fff url(sub-arrow.gif) no-repeat center left;
	color:#EC6714;
	}
	
			/* About andrew */
	#sidebar ul.main .page-item-24 a {
	background: #fff url(navBar-articles.jpg) no-repeat 0 0 ;
	}
	
	#sidebar ul.main .page-item-24 a:hover, #sidebar ul.main .page-item-24 a:focus, #sidebar ul.main .page-item-24 a:active {
	background: #EC6714 url(navBar-articles-org.png) no-repeat center right;
	text-decoration:underline;
	}
	
	#sidebar ul.main .page-item-24.current_page_item a {
	background: #EC6714 url(navBar-articles-org.png) no-repeat center right;
	}
	
			/* articles */
	#sidebar ul.main .page-item-27 a {
	background: #fff url(navBar-aboutAndrew.jpg) no-repeat 0 0;
	}
	
	#sidebar ul.main .page-item-27 a:hover, #sidebar ul.main .page-item-27 a:focus, #sidebar ul.main .page-item-27 a:active {
	background: #EC6714 url(navBar-aboutAndrew-org.png) no-repeat center right;
	text-decoration:underline;
	}
	
	#sidebar ul.main .page-item-27.current_page_item a {
	background: #EC6714 url(navBar-aboutAndrew-org.png) no-repeat center right;
	}
	#sidebar ul.main .page-item-24.current_page_ancestor a{
	background: #EC6714 url(navBar-aboutAndrew-org.png) no-repeat center right;
	color:#fff;
	}
			/* contact */
	#sidebar ul.main .page-item-32 > a {
	background: #fff url(navBar-contact.jpg) no-repeat 0 0;
	}
	
	#sidebar ul.main .page-item-32 > a:hover, #sidebar ul.main .page-item-32 > a:focus, #sidebar ul.main .page-item-32 > a:active {
	background: #EC6714 url(navBar-contact-org.png) no-repeat center right;
	text-decoration:underline;
	}
	
	#sidebar ul.main .page-item-32.current_page_item > a {
	background: #EC6714 url(navBar-contact-org.png) no-repeat center right;
	}

 #sidebar  .page_item > a {
 	background:#FFFFFF url(general.png) 0 0  no-repeat;
	}
	
	   /* nav bar children list items */
	#sidebar ul.main li.page_item ul li.page_item {
	   position: relative;
	   left: 10px;
	     width: 21em;
		 list-style-position:inside;
		
		
	   }
	#sidebar ul.main li ul li ul li{
		 list-style-position:outside;
		 padding:0;
		 margin:0;
				 } 
	   #sidebar ul.main li ul {
	   padding: 2px 0;
	   }
	   
	   #sidebar ul.main li ul li a {
	  line-height: 2.7em;
	  font-size: 1.2em;
	   padding:0;
		 margin:0;
	   }  
	   		/* second level sub navigation */
	#sidebar ul.main li ul li a {
	background: white url(sub-arrow.gif) no-repeat center left;
	padding-left: 15px;
	color: #000000;
	text-decoration:none;
	font-weight:normal;
	}
	
	#sidebar ul li ul.main li ul li.current_page_item a {
	font-weight:bold;	
	color: #EE6611;
	}
	
	#sidebar ul.main li ul li a:hover, #sidebar ul.main li ul li a:focus, #sidebar ul.main li ul li a:active {
	background: white url(sub-arrow.gif) no-repeat center left;
	padding-left: 15px;
	color: #EE6611;
	text-decoration:underline;
	font-weight:bold;
	}
	
	/* second level sub navigation: articles */
	
	#sidebar ul.main li.page-item-24 ul li.page-item-376 a {
	background: white url(sub-arrow.gif) no-repeat center left;
	padding-left: 15px;
	color: #000000;
	text-decoration:none;
	font-weight:normal;
	}
	
	#sidebar ul li ul.main li ul li.page-item-376 a {
	font-weight:bold;	
	color: #EE6611;
	}
	
	#sidebar ul.main li.page-item-24 ul li a:hover, #sidebar ul.main li.page-item-24 ul li a:focus, #sidebar ul.main li.page-item-24 ul li a:active {
	background: white url(sub-arrow.gif) no-repeat center left;
	padding-left: 15px;
	color: #000000;
	text-decoration:underline;
	font-weight:normal;
	}
		
	
	/* third leve sub navigation: health and well-being */
	
	#sidebar ul li ul.main li.page-item-87 ul li.page-item-11 ul li a {
	background: white url(sub-dash.gif) no-repeat center left;
	padding-left: 15px;
	color: #000000;
	text-decoration:none;
	font-weight:normal;
	}
	
	#sidebar ul li ul.main li.page-item-87 ul li.page-item-11 ul li a:hover, #sidebar ul li ul.main li.page-item-87 ul li.page-item-11 ul li a:focus, #sidebar ul li ul.main li.page-item-87 ul li.page-item-11 ul li a:active {
	background: white url(sub-dash.gif) no-repeat center left;
	padding-left: 15px;
	color: #EE6611;
	text-decoration:underline;
	font-weight:bold;
	}
	
	#sidebar ul li ul.main li.page-item-87 ul li.page-item-11 ul li.current_page_item a {
	font-weight:bold;	
	color: #EE6611;
	}
	
	/* third level sub navigation: anxiety panic phobias */
	
	#sidebar ul li ul.main li.page-item-87 ul li.page-item-15 ul li a {
	background: white url(sub-dash.gif) no-repeat center left;
	padding-left: 15px;
	color: #000000;
	text-decoration:none;
	font-weight:normal;
	}
	
	#sidebar ul li ul.main li.page-item-87 ul li.page-item-15 ul li a:hover, #sidebar ul li ul.main li.page-item-87 ul li.page-item-15 ul li a:focus, #sidebar ul li ul.main li.page-item-87 ul li.page-item-15 ul li a:active {
	background: white url(sub-dash.gif) no-repeat center left;
	padding-left: 15px;
	color: #000000;
	text-decoration:underline;
	font-weight:normal;
	}
	
	#sidebar ul li ul.main li.page-item-87 ul li.page-item-15 ul li.current_page_item a {
	font-weight:bold;	
	color: #EE6611;
	}
	
	/* third level sub navigation: personal performance */
	
	#sidebar ul li ul.main li.page-item-87 ul li.page-item-30 ul li a {
	background: white url(sub-dash.gif) no-repeat center left;
	padding-left: 15px;
	color: #000000;
	text-decoration:none;
	font-weight:normal;
	}
	
	#sidebar ul li ul.main li.page-item-87 ul li.page-item-30 ul li a:hover, #sidebar ul li ul.main li.page-item-87 ul li.page-item-30 ul li a:focus, #sidebar ul li ul.main li.page-item-87 ul li.page-item-30 ul li a:active {
	background: white url(sub-dash.gif) no-repeat center left;
	padding-left: 15px;
	color: #000000;
	text-decoration:underline;
	font-weight:normal;
	}
	
	#sidebar ul li ul.main li.page-item-87 ul li.page-item-30 ul li.current_page_item a {
	font-weight:bold;	
	color: #EE6611;
	}
	
	
	
	/* end navbar children */
	
	#sidebar ul a:hover, #sidebar ul a:focus, #sidebar ul a:active {
	color:#FFFFFF;
	background: #EC6714;	
	}
#sidebar ul.main .current_page_item > a {
	background-color:#EC6714;
	}

	    /* sets text white on current page highlighted navbar links */
#sidebar ul.main .current_page_item > a {
	color:#FFFFFF;
		background-color:#EC6714  ;
		background-image:none;
	}

/* End Sidebar */

/* The four panels */

#content div.panels {
margin: 0 auto;
overflow:auto;
width:100%;
}

#content div.panels ul {
margin: 0;
padding:0;
list-style-type: none;
position:relative;
height: 32em;
}
#content div.panels ul li {
width: 44%;
border: 1px solid #ccc;
padding: 10px 10px 0 10px;
margin: 0 0 8px 0;
height: 13.5em;
position:absolute;
list-style-type: none;
}
#content div.panels ul li.one {
	left:0;
	}
#content div.panels ul li.two {
	right:0;
}

#content div.panels ul li.three {
	left:0;
	top:16em
	}
#content div.panels ul li.four {
	right:0;
	top: 16em;
}

#content div.panels ul li a {
color: #000000;
padding: 0;
margin: 0;
}

#content div.panels ul li a:hover {
color: #EE6611;
}

#content div.panels ul li h4 a:hover, #content div.panels ul li h4 a:focus,#content div.panels ul li h4 a:active {
color: #fff;
}

#content div.panels ul li img {
width: 40%;
max-width: 379px;
margin-left: 0.5em;
}

/* Sitemap Page */

/* This removes the unwanted h2 heading from the Sitemap page */
.ddsg-wrapper h2 {
display: none;
}
/* Flash video */
#mediaspace {
	float:right;
	margin-left: 10px;
	}
/* cform overwrites */

form.cform input.sendbutton {
	position: relative;
	left: -55px;
	}