/*
Theme Name: ILT
Theme URI: http://wordpress.org/
Description: Integrated Learning Therapy theme
Version: 1.0
Author: Sharyn Timkoe
Author URI: http://sharynita.co.za/
Tags: ILT, custom-branded

*/

/* Eric Meyer's reset styles 
	http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*
-----------------------------------------------------
Robust float clearing
http://www.positioniseverything.net/easyclearing.html
-----------------------------------------------------
*/

.clearfix:after {
content: ".";
display: block; 
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */

/* End reset */


body {
	background-color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:left;
	font-size:12px;
}

a{
color:#403d80;
text-decoration:underline;

}

a:hover{
text-decoration:underline;
color:#666666;
}

img{
border:0px;
padding:0;
margin:0;
}

ol{
margin-left:20px;
}

ol li{
padding-bottom:15px;}

#page {
width:820px;
/* center the main div */
margin:0 auto;
position:relative;
min-height:700px;
height:700px;

}

.show{
visibility:visible;}

.hide{
visibility:hidden;}

<!--header below-->

<!--glitch: do not delete the empty logo-header styling below-->

.header{
position:absolute;
float:left;
display:inline;
top:0;
left:0;
width:820px;
height:180px;
background-color:#FFFFFF;
z-index:3;

}

.logo{
position:absolute;
top:19px;
left:20px;
width:120px;
height:106px;
z-index:3;
}

.tagline{
position:absolute;
top:50px;
left:160px;
background-image:url(images/tagline.gif);
background-repeat:no-repeat;
width:432px;
height:43px;
z-index:3;

}

.headerswirl{
position:absolute;
top:0;
right:0;
background-image:url(images/headerswirl.jpg);
background-repeat:no-repeat;
width:314px;
height:147px;
z-index:2;

}

.headerbook{
position:absolute;
top:15px;
right:137px;
background-image:url(images/headerbook.jpg);
background-repeat:no-repeat;
width:67px;
height:104px;
z-index:3;

}

.headersale{
position:absolute;
top:28px;
right:32px;
width:91px;
height:81px;
font-size:14px;
line-height:17px;
z-index:3;
}


/*Navigation bar below*/

.navbar-menu{
position:absolute;
top:144px;
left:0px;
padding-left:17px;
width:820px;
height:28px;
}

#primary-nav{
	}

#primary-nav li,
#primary-nav li a {
float:left;
display:block;
text-decoration:none;
color:#403D80;
font-weight:bold;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
border-top:1px solid #403D80;
border-bottom:1px solid #403D80;
border-right:1px solid #403D80;

}

#primary-nav li#home a {
height:17px;
width:65px;
background-color:#FFFFFF;
padding-top:6px;
border-left:1px solid #403D80;

}

#primary-nav li#home a:hover {
color:#403D80;
background-color:#D7D4E5;
border-left:1px solid #403D80;
}

#primary-nav li#home-on a{
height:17px;
width:65px;
color:#FFFFFF;
background-color:#403D80;
padding-top:6px;
border-left:1px solid #403D80;

}


#primary-nav li#learning a {
height:17px;
width:170px;
background-color:#FFFFFF;
padding-top:6px;
}

#primary-nav li#learning a:hover {
color:#403D80;
background-color:#D7D4E5;
}

#primary-nav li#learning-on a{
height:17px;
width:170px;
color:#FFFFFF;
background-color:#403D80;
padding-top:6px;
}

#primary-nav li#read a {
height:17px;
width:100px;
background-color:#FFFFFF;
padding-top:6px;
}

#primary-nav li#read a:hover {
color:#403D80;
background-color:#D7D4E5;
}

#primary-nav li#read-on a{
height:17px;
width:100px;
color:#FFFFFF;
background-color:#403D80;
padding-top:6px;
}

#primary-nav li#video a {
height:17px;
width:120px;
background-color:#FFFFFF;
padding-top:6px;
}

#primary-nav li#video a:hover {
color:#403D80;
background-color:#D7D4E5;
}

#primary-nav li#video-on a{
height:17px;
width:120px;
color:#FFFFFF;
background-color:#403D80;
padding-top:6px;
}

#primary-nav li#training a {
height:17px;
width:80px;
background-color:#FFFFFF;
padding-top:6px;
}

#primary-nav li#training a:hover {
color:#403D80;
background-color:#D7D4E5;
}

#primary-nav li#training-on a{
height:17px;
width:80px;
color:#FFFFFF;
background-color:#403D80;
padding-top:6px;
}

#primary-nav li#find a {
height:17px;
width:155px;
background-color:#FFFFFF;
padding-top:6px;
}

#primary-nav li#find a:hover {
color:#403D80;
background-color:#D7D4E5;
}

#primary-nav li#find-on a{
height:17px;
width:155px;
color:#FFFFFF;
background-color:#403D80;
padding-top:6px;
}

#primary-nav li#contact a {
height:17px;
width:80px;
background-color:#FFFFFF;
padding-top:6px;
}

#primary-nav li#contact a:hover {
color:#403D80;
background-color:#D7D4E5;
}

#primary-nav li#contact-on a{
height:17px;
width:80px;
color:#FFFFFF;
background-color:#403D80;
padding-top:6px;
}

/*Sub Navigation bar below*/


#subnav-ul{
	}

#subnav-ul li,
#subnav-ul li a {
float:left;
display:block;
text-decoration:none;
color:#403D80;
font-weight:bold;
font-size:11px;
padding-bottom:9px;
}

#subnav-ul li a {
height:7px;
width:186px;
padding-top:4px;
padding-left:30px;
}

#subnav-ul li a:hover {
height:7px;
width:186px;
padding-top:4px;
padding-left:30px;
background-color:#D7D4E5;
}

#subnav-ul li#on a{
height:7px;
width:186px;
padding-top:4px;
padding-left:30px;
background-color:#403D80;
color:#FFFFFF;
}

#subnav-ul li#long a{
height:7px;
width:203px;
padding-top:4px;
padding-left:30px;
}

#subnav-ul li#long a:hover{
height:7px;
width:203px;
padding-top:4px;
padding-left:30px;
background-color:#D7D4E5;
}

#subnav-ul li#long-on a{
height:7px;
width:203px;
padding-top:4px;
padding-left:30px;
background-color:#403D80;
color:#FFFFFF;
}

.whiteblock1{
position:absolute;
top:224px;
left:15px;
width:5px;
height:20px;
background-color:#FFFFFF;
z-index:10;
}

.whiteblock2{
position:absolute;
top:253px;
left:15px;
width:5px;
height:20px;
background-color:#FFFFFF;
z-index:10;
}

.whiteblock3{
position:absolute;
top:282px;
left:15px;
width:5px;
height:20px;
background-color:#FFFFFF;
z-index:10;
}

.whiteblock4{
position:absolute;
top:311px;
left:15px;
width:5px;
height:20px;
background-color:#FFFFFF;
z-index:10;
}

.whiteblock5{
position:absolute;
top:340px;
left:15px;
width:5px;
height:20px;
background-color:#FFFFFF;
z-index:10;
}

.block-off1{
position:absolute;
top:224px;
left:0;
width:14px;
height:18px;
border-top:1px solid #403D80;
border-right:1px solid #403D80;
border-bottom:1px solid #403D80;
z-index:0;
}

.block-off2{
position:absolute;
top:253px;
left:0;
width:14px;
height:18px;
border-top:1px solid #403D80;
border-right:1px solid #403D80;
border-bottom:1px solid #403D80;
z-index:0;

}

.block-off3{
position:absolute;
top:282px;
left:0;
width:14px;
height:18px;
border-top:1px solid #403D80;
border-right:1px solid #403D80;
border-bottom:1px solid #403D80;
z-index:0;

}

.block-off4{
position:absolute;
top:311px;
left:0;
width:14px;
height:18px;
border-top:1px solid #403D80;
border-right:1px solid #403D80;
border-bottom:1px solid #403D80;
z-index:0;
}

.block-off5{
position:absolute;
top:340px;
left:0;
width:14px;
height:18px;
border-top:1px solid #403D80;
border-right:1px solid #403D80;
border-bottom:1px solid #403D80;
z-index:0;
}


<!--content starts here
-->

<!--glitch: do not delete the empty container styling below-->
.container{
}

.contentbox{
background-color:#FFFFFF;
background-image:url(images/watermark.jpg);
background-repeat:no-repeat;
padding-top:207px;
}

.content-table td{
vertical-align:top;
}

.subnav{
width:256px;
padding-bottom:15px;
padding-top:17px;
vertical-align:top;
}

.text{
padding-top:50px;
padding-right:40px;
padding-bottom:40px;
width:384px;
height:750px;
min-height:750px;
line-height:16px;
font-size:13px;
}



.text ul{
margin-left:20px;
}

.text li{
padding-bottom:9px;
}

.register-login{
padding-top:50px;
padding-right:40px;
padding-bottom:40px;
width:384px;
height:750px;
min-height:750px;
line-height:16px;
font-size:13px;
}

.register-login h1{
color:#403d80;
font-weight:bold;
font-size:16px;
line-height:19px;
}


.register-login ul{
margin-left:20px;
margin-top:10px;
}

.register-login a{
font-size:13px;}

<!--pages with no pics below
-->

.video li,
.video li a{
padding-bottom:0;
}

.read-more a{
text-decoration:none;}

.read-more a:hover{
text-decoration:underline;}

.read-more object{
padding:20px 0 20px 40px;
}

.read-more{
padding-top:50px;
padding-right:43px;
padding-bottom:40px;
width:523px;
height:750px;
min-height:750px;
line-height:16px;
font-size:13px;
}

.read-more ul{
margin-left:20px;
}

.read-more li{
padding-bottom:7px;
}

.case-studies ul{
margin-left:20px;
}

.wired{
padding-top:50px;
padding-right:43px;
padding-bottom:40px;
width:523px;
height:750px;
min-height:750px;
line-height:16px;
font-size:13px;
}

.app-form{
padding-top:50px;
padding-right:43px;
padding-bottom:40px;
line-height:16px;
width:523px;
}

.app-form td{
padding-bottom:3px;}

.app-form-td{
width:110px;
}

.shopping-cart{
padding-top:50px;
padding-right:43px;
padding-bottom:40px;
line-height:16px;
width:523px;
height:590px;
}

.practitioners{
padding-top:50px;
padding-right:43px;
padding-bottom:40px;
line-height:16px;
width:523px;
}

.practitioners ul{
margin-left:20px;
}

.practitioners a{
text-decoration:none;}

.practitioners a:hover{
text-decoration:underline;}

.footnote{
font-size:9px;
line-height:12px;
}

.pictures{
width:140px;
padding-top:50px;
}

.top{
font-size:11px;
color:#666666;}

.side-items1{
position:absolute;
top:270px;
left:0;
}

.side-items3{
position:absolute;
top:320px;
left:0;
}

.side-items4{
position:absolute;
top:350px;
left:0;
}

.side-items5{
position:absolute;
top:380px;
left:0;
}

.side-items-single{
position:absolute;
top:270px;
left:0;
padding-left:28px;
}

.side-items-single li{
list-style:none;
padding-bottom:3px;
}


.side-items ul{
list-style:none;}

.side-items li{
padding-bottom:3px;}

.sideblock{
background-image:url(images/sideblock.jpg);
background-repeat:no-repeat;
width:205px;
height:73px;
line-height:18px;
padding-top:13px;
padding-left:44px;
}

.sideblock a{
text-decoration:none;
color:#000000;
}

.sideblock a:hover{
text-decoration:none;
color:#403d80;
}


.sideblock-sml{
background-image:url(images/sideblock-sml.jpg);
background-repeat:no-repeat;
width:205px;
height:30px;
padding-top:9px;
padding-left:44px;
font-size:12px;
font-weight:bold;
}

.sideblock-sml a{
text-decoration:none;
color:#000000;
}

.sideblock-sml a:hover{
text-decoration:none;
color:#403d80;
}

.sideblock-heading{
font-size:16px;
font-weight:bold;
}

.sideblock-small{
font-size:11px;}



.sidepic{
background-image:url(images/sidepic.jpg);
background-repeat:no-repeat;
width:241px;
height:302px;
vertical-align:top;
}

.sidepic-single{
background-image:url(images/sidepic.jpg);
background-repeat:no-repeat;
width:241px;
height:302px;
}


.pagename{
position:absolute;
top:194px;
right:37px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#403D80;
font-size:20px;
}

.pagename-line{
position:absolute;
top:220px;
right:0;
width:563px;
}

.pagename-line hr{
border:1px dotted #333333;
}


.heading{
color:#403d80;
font-weight:bold;
font-size:18px;
line-height:21px;
}

.heading a{
text-decoration:none;
}

.heading a:hover{
text-decoration:none;
color:#403d80;
}


.subheading{
color:#403d80;
font-weight:bold;
font-size:16px;
line-height:19px;
}

.subheading15pt{
color:#403d80;
font-weight:bold;
font-size:15px;
}

.subheading a{
text-decoration:none;
}

.subheading a:hover{
text-decoration:none;
color:#403d80;
}

.footer{
background-image:url(images/footerbar.jpg);
background-repeat:repeat-y;
width:809px;
height:21px;
text-align:right;
font-size:10px;
color:#FFFFFF;
padding:9px 11px 0 0;
}

.copyright a{
color:#666666;}

/*begin blog post styling*/

.post-heading{
color:#403d80;
font-size:14px;
font-weight:bold;}

.post-heading a{
color:#403d80;
font-size:14px;
font-weight:bold;}

.post-heading a:hover{
color:#333333;
}

.post-date{
color:#000000;
font-size:11px;
font-weight:bold;}

.postmetadata{
color:#000000;
font-size:10px;
}

.postmetadata a{
color:#403d80;
font-size:10px;
}

#comment-heading{
color:#403d80;
}

.entry-post{
color:#000000;
margin-left:20px;
text-align:left;
width:452px;
}

.nextpost{
width:100%;
font-size:11px;
}

.nextpost td{
width:50%;}


.nextpost a{
font-weight:bold;}


/*comments*/

#comments{
font-weight:bold;}

.commentlist li{
margin-left:20px;
margin-bottom:20px;}

#comment-heading{
font-weight:bold;
font-size:12px;}


.three-pics {
padding:20px 20px 8px 20px;}

.question{
color:#143D8D;
font-weight:bold;}

.answer{
padding-left:30px;}


.contact-form {
padding-left:40px;
font-size:12px;
}

.contact-form td{
padding-right:20px;
padding-bottom:5px;
font-size:12px;
vertical-align:top;
}

<!--member function styling below
-->
#wp-members{
list-style:none;}

.bloglist{
list-style:none;}


.side-login{
padding-left:31px;
padding-top:10px;
line-height:26px;
}


.side-login-single{
line-height:19px;
}

.side-login-heading{
font-size:13px;
font-weight:bold;
}

.member-form{
padding-left:30px;}

.font10px,
.font10px a{
font-size:10px;
line-height:12px;}