/*  
Theme Name: Toothbrush
Theme URI: http://www.banishclutterforever.com
Description: Theme for http://www.banishclutterforever.com
Version: 1.0
Author: steve
Author URI: http://www.firstspace.co.uk/

*/
/*  ------------ mainLayout ------------  */

@import url("reset.css");

html, body {
	height: 100%;
	text-align: center;
	}	

* html #wrapper {
	/*height: 100%;*/
	height: auto;
	}

body{
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 24px;
	vertical-align: top;
	background: #f1f4e9 url('images/layout/content_bg.jpg') repeat-x top;
	color: #333333;
	}

/*  ------------ global typography ------------  */

p { 
    margin-bottom: 22px;
	line-height: 24px;
    }

h1 {
	color: #009933;
	font-size: 48px;
	line-height: 60px;
	margin-bottom: 24px;
 	}

h1.logo_ir {
	width: 800px; height: 100px;
	position: relative;
	text-align: left;
	}

h1.logo_ir span {
	background: url("images/header/main_header.gif") no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}

h2 {
	color: #287892;
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 24px;
	font-weight: bold;
	}
  
#header h2 {
	color: #5197ae;
	font-style: italic;
	font-size: 18px;
	margin: 8px 0 0 8px;
	text-align: left;
	font-weight: bold;
	}
  
h3 {
	color: #287892;
	font-size: 16px;
	line-height: 24px;
	margin: 24px 0 24px 0;
	}

 h4 { 
 	color: #287892;
    font-size: 14px; 
    line-height: 24px; 
	margin: 0 0 5px 0;
	font-weight: bold;
    }

 h5 { 
 	color: #5ea304;
    font-size: 32px; 
    line-height: 28px; 
	margin: 0 0 8px 0;
    } 

 h6 { 
 	color: #333;
 	font-style: italic;
    font-size: 20px; 
    line-height: 28px; 
	margin: 0 0 5px 0;
    }

	
	
/*  ------------ links  ------------ */

a {
	text-decoration: none;
	color: #999;
	}

.headerlinks a {
	text-decoration: none;
	color: #458195;
	}
	
.headerlinks  a:hover {
	color: #ffcc33;
	}


/*  ------------ columns ------------  */

#wrapper {
	margin: 0 auto 20px auto;
	text-align: center;
	width: 950px;
    overflow: auto;
	}	
	
#container {
	float: left;
	width: 620px;
	/*padding: 50px 20px 150px 40px;*/
	padding: 50px 20px 50px 40px;
	text-align: left;
	}
	
.left { 
    float: left; 
    margin: 0 22px 22px 0; 
    overflow: auto;
 	 }
 	 
.clearleft { 
    clear:left;
 	 } 	 

.right { 
    float: right; 
    margin: 0 0 22px 22px; 
  	}
 	 
.clearright { 
    clear:right;
 	 } 	
  	

/* ------------  Header ------------  */
	
#header {
	float: left;
	width: 950;
	height: 190px;
	text-align: center;
	padding: 50px 0 0 35px;
	}
	
#header img {
	border: 0;
	}

#header a {
	line-height: 0;
	}

	
/* ------------ book promo ------------ */	

.content-box {
	background: #dbded5;
	width:580px;
	float:left;
	padding: 20px 20px 0 20px;
	-webkit-border-radius: 6px;    /* for Safari */
    -moz-border-radius: 6px;       /* for Firefox */
    -khtml-border-radius: 6px;       /* for Fun */
	}

.content-box-white {
	background: #f8faf4;
	width:540px;
	float:left;
	padding: 20px 20px 20px 20px;
	-webkit-border-radius: 6px;    /* for Safari */
    -moz-border-radius: 6px;       /* for Firefox */
    -khtml-border-radius: 6px;       /* for Fun */
	}
		
	
.promoWrap {	
	float:left;
	margin: 0 0 0 0;
	}

.promoHeader {	
	height: 85px;
	width: 400px;
	}

.callout h2 {
	color: #60a805;
	font-size: 28px;
	line-height: 22px;
	margin-bottom: 0;
	}

.callout {
    color: #a39c8d;
    background: #dbded5;
    margin-bottom: 5px;
  	}

.callout :last-child { 
    margin-bottom: 0; 
  	}

.coverImg img { 
    border: solid 1px #999; 
 	}
 	
.promoHeader .promoHeaderIR {
	background: url("http://www.thetoothbrushprinciple.com/wp-content/uploads/2009/07/toothbrush_smHeader_v001_01.gif") no-repeat;
	position: absolute;
	height: 85px;
	width: 400px;
	}
	
.narrow {
	width:300px;
	}
	
.spacerL {
	margin: 0 0 0 5px;
	}
	
.spacerTop {
	margin-top: 24px;
	}

/*  ------------ Login and register------------  */
	
	
.login h1 {
	color: #287892;
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 24px;
	}
	
.login h2 {
	color: #287892;
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 24px;
	}

#registerform input{
	margin: 0 40px 0 0;
}

#reCAPTCHA{
	margin: 80px 0 0 0;
}

#reg_passmail {
	display: none;
}
	
/*  ------------ page lists ------------  */
	
.pagelists {
	margin: 0 0 10px 0 ;
	}

.pagelists	ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	}
		
/*----------------------- Comments ---------------------------*/

#respond {
	border:#d2d2ca 1px solid;
	margin:10px 0 0 0;
	background-color:#f7f7ee;
	width:540px;
	padding: 20px 20px 0 20px;
	-webkit-border-radius: 6px;    /* for Safari */
	-moz-border-radius: 6px;       /* for Firefox */
	-khtml-border-radius: 6px;       /* for Fun */
	}
  
#respond h3 {
	font-size: 16px;
	line-height: 24px;
	margin: 0 0 24px 0;
	}
	
.commentlist li {  
	border:#d2d2ca 1px solid;
	margin:10px 0 0 0;
	background-color:#f7f7ee;
	width:540px;
	padding: 20px 20px 0 20px;
	-webkit-border-radius: 6px;    /* for Safari */
	-moz-border-radius: 6px;       /* for Firefox */
	-khtml-border-radius: 6px;   
	}  
 
	
.navigation {
	display: none;
	}

/* trackbacks & comments */
#respond { 
	float:right;
}
#trackbacks, #comments { 
	margin-left:0; 
	padding-left:0; 
}
#trackbacks > li, #comments > li { 
	list-style-type:none; 
	margin-left:0; 
	margin-bottom:1.5em; 
	padding-left:0; 
}
#comments > li { 
	min-height:58px; 
}
.gravatar { 
	border:1px solid #222; 
	float:left; 
	height:40px;
	margin:0 1.32em 1.32em 0;  
	width:40px; 
}
#comments li .comment-text { 
	margin-left:60px; 
}

/*  ------------ blog styles  ------------ */
	
.post{
	padding: 10px 0 30px 0;	
	}
	
.post_cat {
	padding: 0 0 10px 0;	
	}
	
.post h2{
	font-family: Georgia, Sans-serif;
	font-size: 24px;
	line-height: 32px;
	font-weight: normal;
	}	

.entry {
	line-height: 22px;
	text-align: justify;
	}

p.postmetadata{
	border-top: 1px solid #ccc;
	margin: 10px 0 0 0;
	}

.navigation{
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	}

.entry ul {
	list-style-type: circle;
	margin: 0 0 22px 0;
	padding: 0 0 0 20px;
	}	
	
.entry a {
	text-decoration: none;
	color: #b33737;
	font-style: italic;
	font-weight: bold;
	margin: 10px 0 0 0;
	}
	
.entry a:hover {
	text-decoration: underline;
	}

.entry img {
	padding: 3px;
	background: #fff;
	border: solid 1px #999;
	}	

.entry h3 {
	font-size: medium;
	font-weight: bold;
	color: #333;
	}	

.entry excerpts p {
	margin: 22px 0 11px 0;
	}
	
	
.entry hr {
	margin: 22px 0 22px 0;
	}
	
/*  ------------ latest posts------------ */

#latestwrapper {
	float: left;
	margin: 30px 10px 0 10px;
	}

.narrowColumnLeft {
	width: 420px;
	}

.narrowColumnRight {
	width: 225px;
	}
	
.blogCatList {
	background: #f8faf4;
	padding: 10px;
	-webkit-border-radius: 6px;    /* for Safari */
    -moz-border-radius: 6px;       /* for Firefox */
    -khtml-border-radius: 6px;       /* for Fun */
	}
	
.spacetop {
	margin: 50px 0 0 0;
	}

.breadcrumbs {
	font-style: italic;
	font-size: 14px;
	margin: 10px 0 22px 0;
	}
	
.breadcrumbs a,a:visited {
	text-decoration: none;	
	color: #ff6600;
	}
	
.breadcrumbs a:hover {
	text-decoration: underline;	
	}	
	
#CatList{
	float: left;
	margin: 5px  0 0 20px;
	}
	
#CatList ul li {
	margin: 5px 0 5px 0;
	border-bottom: dotted 1px #666;
	}
	
#CatList ul a {
	font-size: 11pt;
	text-decoration: none;
	color: #b33737; 
	font-style: italic;
	}
	
#CatList ul a:hover {
	text-decoration: underline;
	}
	
#CatList h3 	{
	color: #287892;
	font-size: 16px;
	line-height: 24px;
	margin: 0 0 5px 0;
	}
	
#PageCatWrapper {
	float: left;
	margin: 0 0 0 0;
	}
	
#PageCatWrapper h2 {
	font-size: 28px;
	line-height: 38px
	}
	
.PageCatlink {
	margin: 0 0 0 0;
	}
	
.PageCatlink a {
	font-size: 18px;
	}
	
.PageCatlink a:hover {
	text-decoration: underline;
	}
	
.latestpost {
	border-bottom: dotted 3px #666; 
	margin: 0 0 30px 0;
	}
	
.todayspost {
	border-bottom: dotted 3px #666;
	background: #dbded5;
	margin: 30px 0 30px 0;
	}

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

#PageCatWrapper ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	}
	
#PageCatWrapper ul a {
	text-decoration: none;
	color: #b33737; 
	font-style: italic;
	font-weight: bold;
	}
	
#PageCatWrapper ul a:hover {
	text-decoration: underline;
	}
	
#latestwrapper ul li{
	padding: 0;
	}
	
#PageCatWrapper ul li{
	padding: 0;
	}
	
#PageCatWrapper ul li ul{
	list-style-type: circle;
	padding-left: 10px;
	margin: 0 0 10px 10px;
	font-size: 12px;
	}
	
.posttitle{
	color: #287892;
	font-size: 20px;
	line-height: 26px;
	margin: 10px 0 2px 0;
	}
	
.postexcerpt{
	text-align: justify;
	}
	
.posttime{
	color: #999;
	font-size: 16px;
	}
	
.eventstime{
	color: #666;
	font-size: 18px;
	}
	
.eventstime .eventsCats{
	color: #666;
	font-size: 14px;
	}
	
#latestwrapper *.postlink {
	font-style: italic;
	font-weight: bold;
	}
	
#PageCatWrapper *.postlink {
	font-style: italic;
	font-weight: bold;
	}
	
#latestwrapper *.postlink a:link, a:visited {
	text-decoration: none;
	color: #b33737;
	}
	
#PageCatWrapper *.postlink a:link, a:visited {
	text-decoration: none;
	color: #b33737;
	}
	
#latestwrapper *.postlink a:hover{
	text-decoration: underline;
	}
	
#PageCatWrapper *.postlink a:hover{
	text-decoration: underline;
	}
	
	
/* ------------  downloads  ------------ */	
	
.downloads {
	margin: 0 0 24px 0;
	border-bottom: solid 1px #999;
	}
	
.downloads p {
	margin: 0 0 10px 0;
	}

/* ------------  quiz  ------------ */	
	
.questionWrapper {
	margin: 0 0 20px 0;
	overflow: auto;
	}
	
#quiz .quizHeader {
	float: left;
	width: 460px;
	margin: 0 0 10px 0;
	}	
	
#quiz .quizQuestion {
	float: left;
	width: 460px;
	font-weight: bold;
	margin: 0 0 10px 0;
	}
	
#quiz .option {
	float: left;
	width: 460px;
	margin: 0 0 10px 0;
	}

#quiz .optionCheckbox {
	float: left;
	width: 30px;
	}
	
#quiz .optionText {
	float: left;
	width: 430px;
	}
	
#quiz .quizScoreMe {
	float: left;
	width: 360px;
	margin: 20px 0 0 0;
	}
	
#quiz .quizScore {	
	font-weight: bold;
	float: left;
	width: 460px;
	margin: 10px 0 0 0;
	}
	
#quiz .quizSummery {
	float: left;
	width: 460px;
	margin: 10px 0 0 0;
	text-align: justify;
	}
	
#quiz .quizLink {	
	float: left;
	text-decoration: none;
	color: #b33737;
	font-style: italic;
	font-weight: bold;
	margin: 10px 0 0 0;
	}

#quiz h3 {
	color: #287892;
	font-size: 16px;
	line-height: 22px;
	margin: 0 0 0 0;
	}

/* ------------  links pg  ------------ */
	
.linkpg .entry a {
	color: #FF6600;
	}


/* ------------ newsletter form styles ------------  */

#newsletterForm {
	float: left;
	width: 300px;
	}
	
.required {
	color: #458195;
	width: 200px;
	}
	
form input {
	margin: 0 0 10px 0;
	}
	
form select {
	margin: 0 0 20px 0;
	}
	
.unsubscribeLink a {
	color: #999;
	}


/*  ------------ sidebar ------------ */

.sidebar {
	float: left;
	width: 190px;
	margin: 35px 0 0 30px;
	display: inline;
	text-align: left;
	}

.sidebarnav {
	float: left;
	width: 180px;
	margin: 0 0 20px 0;
	padding: .8em;
     -webkit-border-radius: 6px;    /*for Safari */
     -moz-border-radius: 6px;      /* for Firefox */
	}
	
.sidebarnav_blue {
	background: #5197ae;
	}
	
.sidebarnav_red {
	background: #bf5c5c;
	}
	
.sidebarnav_grey {
	background: #dbded5;
	}
	
.sidebarnav ul {
	list-style-type: none;
	margin: 0;
	padding: 0 5px 0 0;
	}

.page_item  {
	margin: 0 0 5px 3px;
	}
	
.sidebarnav ul li *{
	color: #fff;	
	font-size: 15px;
	}	
	
.sidebarnav ul ul li *{
	padding: 0;
	margin: 0 0 5px 3px;
	}

.sidebar a:hover{
	text-decoration: underline;
	}
	
.sidebar_book_wrapper {
	background: #dbded5;
	float:left;
	padding: 10px;
	-webkit-border-radius: 6px;    /* for Safari */
    -moz-border-radius: 6px;      /*  for Firefox */
    -khtml-border-radius: 6px;       /* for Fun */
	}

.sidebar_book { 
	padding: 5px;
  	}	

.sidebar_book img{ 
    border: solid 1px #999; 
  	}	
  	
.sidebar_book_links {
	line-height: 22px;
	text-align: justify;
	}	
  	
.sidebar_book_links h4{
	font-weight: bold;
	}
	
.sidebar_left { 
    float: left; 
    margin: 0 20px 0 0; 
    overflow: auto;
 	 }
	
.sidebar_center { 
    margin: 0 0 10px 0; 
    overflow: auto;
    text-align: center;
 	 }
 	 
.sidebar_book_links a {
	color: #ff6600;
	}	 
 	 
.sidebar_book_links a:hover{
	text-decoration: underline;
	}	 
 	 
.socialbookmarks {
	margin: 10px 0 0 0;
	}
	
	

/*  ------------ search box and results page------------  */   
 
#searchBox {
 	margin: 0 0 5px 2px;
 	}
 

.redtxt a { 
	text-decoration: none;
	color: #b33737;    
	}

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

#searchResult h3 {
	color: #287892;
	font-size: 16px;
	line-height: 24px;
	margin: 30px 0 10px 0;
}		

/*  ------------ sitemap  ------------ */

.ddsg-wrapper ul{
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	}
	
.ddsg-wrapper ul li{
	padding: 0;
	}
	

	
/* ------------  Footer  ------------ */
	
#footer{
	float: left;
	position: relative;
	margin: 0 auto 0 auto;
	width: 100%;
	height: 100px;
	padding: 0 0 0 0;
	}
	
#footerwrapper{
	width: 950px;
	height: 100px;
	background: #f1f4e9; 
	margin: 0 auto 0 auto;
	text-align: left;
	}
	
#footercontent{
	width: 750px;
	height: 85px;
	padding: 20px 60px 0 60px;
	background: #e2e7da;
	border-top: solid 5px #cacec2; 
	margin: 0 auto 0 auto;
	text-align: left;
	}
	
#footercontent a {
	color: #666;
	}
	
#footercontent a:hover {
	color: #333;
	}

#footer p{
	line-height: 22px;
	}

.siteMapSection{
	margin: 0 0 20px 0;
	}
	
  
/* ------------  comments  ------------ */
  
.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
	}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
	}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
	}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
	}

.commentmetadata{
	font-size: 12px;
	}

.comments-template p.nocomments{
	padding: 0;
	}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
	}
	
	




/*  ------------ SF Modifications ------------  */

#sfversion {
	 visibility: hidden;
	 display: none;
}

#sfstatstrip {
	 visibility: hidden;
	 display: none;
}

#sforum {
	 background: #E8ECDD;
	 margin-top: 20px;
	 padding: 10px;
}

/*  ------------ BOF Watch Peoples progress page ------------  */
#searchProfiles {
float: left;
width: 180px;
background: #E8ECDD;
padding: 12px;
color: #666;
font-size: 11px;
}

#featuredUser {
float: left;
width: 360px;
background: #E8ECDD;
padding: 12px;
margin-left: 32px;
}

#forumBack {
background: #E8ECDD;
padding: 22px;
}

.all {
	clear:both;
}

.button{
background: #F3F6ED;
padding: 8px;
border: 1px solid #ccc;
width: 120px;
text-align: center;
}

.forumColumn {
float: left;
}

#searchProfiles h3	{
	font: normal 1.5em Georgia,"Times New Roman",Times,serif;
	color: #287892;
	margin:0px 0px 15px 0px;
}

#forumColumn h3	{
	font: normal 1.5em Georgia,"Times New Roman",Times,serif;
	color: #287892;
	margin:0px;
}

.forumColumn h3	{
	font: normal 1.5em Georgia,"Times New Roman",Times,serif;
	color: #287892;
	margin:0px;
}

#featuredUser h3	{
	font: normal 1.5em Georgia,"Times New Roman",Times,serif;
	color: #287892;
	margin:0px 0px 15px 0px;
}

/* new Caimin stuff */
.post_content{
width: 500px;
height: 220px;
}

.topic{
width: 500px;
height: 20px;
}

.topicBox{
border-top: 1px solid #979A8F;
padding-top: 16px;
padding-bottom: 16px;
}

.topicBox a:link, .topicBox a:visited {
font-weight: bold;
font-size: 14px;
color: #5F615C;
}


.topicTD {
	padding-top: 16px;
	padding-bottom: 16px;
	vertical-align:middle;
}

.topicList {
width: 580px;
border-bottom: 1px solid #979A8F;
}

/*  ------------ EOF Watch Peoples progress page ------------  */

