/*
Theme Name: free hypnosis training
Theme URI: http://www.hypnosis.org/freehypnosistraining
Description: Custom theme for the free hypnosis training part of hypnosis.ORG(IMPORTANT! This theme is for hypnosis.org only. It might NOT work for any other site).
Version: 1
Author: hypnosis.ORG
*/
/*---General---------------*/
@charset utf-8;
html, body{
	color: #555;
	font: 16px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	}

body{
	background: #FFF;	
	}

h1, h2, h3, h4, h5, li, p, ul{
	margin: 0;
	padding: 0;
	}

h1, h2, h3, h4, h5{
	color: #363636;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-weight: normal;
}

a{
	color: #3875a3;
	text-decoration: none;
	}

a:hover{
	color: #f7941d;
}

a img{
	border: 0;
}

a.more-link{
	display: block;
	margin: 20px 0 0 0;
	text-transform: uppercase;
	}

input[type="text"],input[type="password"],textarea{
	border: 1px solid #D7D7D7;
	padding: 3px 2px;
	}
		
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{
	border-color: #F7941D;
	}

strong{
	color: #464646;
	font-weight: bold;
	}

ul{
	list-style: none;
}

ol.roman{
	list-style-type: upper-roman;
}

ol.alpha{
	list-style-type: lower-alpha;
}

#header, #content, #footer, #breadcrumbs{
	float: left;
	min-width: 100%;
	}

#header .container, #content .container, #footer .container, #breadcrumbs .container{
	clear: both;
	margin: 0 auto;
	width: 975px;
	}
	
.bitalic{
	font-weight: bold;
	font-style: italic;
	}

.bunderline{
	font-weight: bold;
	text-decoration: underline;
	}

.iunderline{
	font-style: italic;
	text-decoration: underline;
	}

.bold{
	color: #464646;
	font-weight: bold;
	}	
	
.italic{
	font-style: italic;
	}

.no-bullets{
	list-style: none;
	}

.underline{
	text-decoration: underline;
	}
	
.floatL{
	float: left;
	}

.floatL.border{
	background: #e1e1e1;
	margin: 0 10px 10px 0;
	padding: 5px;
	}
	
.floatR{
	float: right;
	}

img.border{
	background: #e1e1e1;
	padding: 5px;
}

.floatR.border{	
	margin: 0 0 10px 10px;	
	}	
	
.clearB{
	clear: both;
	}

.clearL{
	clear: left;
}

.clearR{
	clear: right;
}

.align-center{
	text-align: center;
	}
	
.red{
	color: #c6171e;
	}

.blue{
	color: #008080;
	}
	
.overflow{
	overflow: hidden;
	}

.seventh{
	color: #800040;
	font-family: Papyrus;
	font-size: 1.25em;
	}
	
/*-------------End General---*/

/*---Header-----------------*/
#header{
	border-bottom: #636363 8px solid;
	margin-top: 5px;
}

#header .container{
	min-height: 100px;
	padding: 0 15px;
	width: 945px;
}	
	
	#header .links{
		height:  24px;
		}
		
		#header .links ul li{
			float: left;
			}
		
		#header .links ul li a{
			border-right: #c2c2c2 1px solid;
			}
			
		#header .links ul li.last a{
			border: none;
			}		
			
		#header #header-links{
			float: left;
			}
		
			#header #header-links li a{
				color: #c2c2c2;
				font-size: .625em;
				padding: 0 5px;
				}
			
			#header #header-links li a:hover{
				color: #F7941D;
				}		
		
	#header .logo{		
		float: left;
		padding-top: 18px;
		}
		
	#header .view{
			clear: both;
			display: none;
			font-size: .85em;
			padding: 0 10px 0 0;
			text-align: right;
		}	
/*------------End Header---*/
/*---Breadcrumbs-----------*/
#breadcrumbs{
	background: #e1e1e1;
	border-bottom: #d7d7d7 1px solid;
	padding: 3px 0;
	}

#breadcrumbs .container{
	overflow: hidden;
	padding: 0 15px;
	width: 945px;
	}	
	
#breadcrumbs a{
	background: url(images/crumb-arrow.gif) center right no-repeat;
	float: left;
	font-size: .75em;
	padding: 0 17px 0 3px;
	text-transform: lowercase;
	}
	
	#breadcrumbs .last a{
		background: none;
		}
	
	#breadcrumbs a{
		color: #acacac;		
		}
	
	#breadcrumbs a:hover{
		color: #F7941D;
		}	
	
/*---Content--------------*/
#content{
	padding: 25px 0;
}

	/*---main-content---*/
	#content .main-content{
		float: right;		
		padding: 0 15px 0 0;
		width: 685px;
	}	
	
		#content .main-content h1,
		#content .main-content h2,
		#content .main-content h3{
			font-style: italic;
			padding: 0 0 35px 0;
			}		
				
		#content .main-content h3{
			padding-top: 45px;
			}
		
		#content .main-content h3#respond,
		#content .main-content h3#comments{
			border-top: #e1e1e1 8px solid;
			margin-top: 20px;
			padding-top: 20px;
			}
			
		#content .main-content h1{
			font-size: 2.188em;
			padding: 0 0 10px 0;
			text-shadow: 1px 2px 3px #a1a1a1;
			}
		
		#content .main-content .padding-btm{
			padding: 0 0 35px 5px;
			}
		
		#content .main-content .heading-div{
			padding: 45px 0 35px 0;
			}
			
			#content .main-content .heading-div h3{
				padding: 0 10px;
				}
		
		#content .main-content div.border{
			border-top: #e1e1e1 5px solid;
			border-bottom: #e1e1e1 5px solid;
			margin-bottom: 20px;
			padding: 20px 0;
			}			
		
		#content .main-content h2{
			font-size: 1.75em;
			padding: 0 0 10px 0;
			text-transform: uppercase;
			text-shadow: 1px 2px 3px #a1a1a1;
			}
		
		#content .main-content .no-padding{
			padding: 0 0 10px 0;
		}
		
		#content .main-content .with-desc{
			padding: 45px 0 4px 0;
			}		
		
		#content .main-content h3{
			font-size: 1.375em;
			text-transform: uppercase;
			text-shadow: 1px 2px 2px #a1a1a1;
			}
		
		#content .main-content h4{
			color: #464646;
			font-size: 1.125em;
			padding: 10px 0;
			text-shadow: 1px 1px 1px #959595;
			}
		
		#content .main-content h5{
			color: #464646;
			font-size: 1em;
			font-weight: bold;
			padding: 10px 0;
			}
		
		#content .main-content p{
			line-height: 1.4em;
			padding: 0 0 10px 10px;
			}		
		
		#content .main-content p.small{
			color: #454545;
			font-size: .75em;
			}
		
		#content .main-content ol{
			margin: 10px 0;
			}
			
			#content .main-content ol li{
				padding-bottom: 10px;
				}

		#content .main-content ul{
			padding: 0 0 10px 20px;
			}
		
			#content .main-content ul li{
				background: url(images/red-bullet.gif) left 12px no-repeat;
				padding: 5px 0 5px 20px;
				}
			
			#content .main-content ul li.paragraph{
				background-position: 0 13px;
				}			
		
		#content .main-content .red{
			color: #c6171e;
			}		
		
		#content .main-content .post{
			border-bottom: #d7d7d7 1px dotted;
			padding: 20px 0;
			}
		
		#content .main-content .navigation{
			border-bottom: #e1e1e1 1px solid;
			overflow: hidden;
			padding: 10px 0;
			}
		
		#content .main-content .navigation .left a{
			background: url(images/left-arrow.png) left center no-repeat;
			display: block;
			float: left;
			padding-left: 20px;
			}
		
		#content .main-content .navigation .right a{
			background: url('images/right-arrow.png') right center no-repeat;
			display: block;
			float: right;
			padding-right: 20px;
			}
		
		#content .main-content textarea#comment{
			width: 665px;
			}
		
		#content .main-content ol.commentlist{
			list-style: none;
			margin: 0;
			padding: 5px 5px 5px 10px;
			}
			
			#content .main-content ol.commentlist li{
				border: #e1e1e1 1px solid;
				margin: 5px 0;
				padding: 10px;
				}					
			
			#content .main-content ol.commentlist li .avatar{
				border: #e1e1e1 2px solid;
				}
			
			#content .main-content ol.commentlist li p.commentmetadata{
				border-bottom: #e1e1e1 1px dotted;
				margin: 0 0 10px 0;
				padding: 0 0 10px 0;
				}			
			
	/*---sidebar---*/
	#content .sidebar{
		border-right: #e1e1e1 2px solid;
		float: left;
		line-height: 1.4em;
		padding: 0 5px 0 20px;
		width: 220px;
		}
	
	#content .sidebar h3, #content .sidebar h2{
		background: #e1e1e1;
		font-size: 1.25em;
		font-style: italic;
		margin: 0 0 10px 0;
		padding: 2px 5px;
		text-shadow: 1px 1px 1px #fff;
		}
		/*--Widgets--*/
		#content .sidebar ul.xoxo li.widget-container{
			margin: 0 0 10px 0;	
			}
			
		/*--Page Menu--*/
		#content .sidebar .menu{
			border: none;
			border-bottom: #e1e1e1 2px solid;
			float: left;
			margin-bottom: 20px;
			padding: 15px 0 0 0;
			width: 220px;
			}
		
		#content .sidebar .menu li{
			margin: 0 0 20px 0;
			position: relative;
			}		
		
		#content .sidebar .menu li.last{
			margin: 0 0 50px 0;
			}
		
		#content .sidebar .menu li a{
			background: url(images/nav-hover.jpg) 0 0 no-repeat;			
			display: block;
			min-height: 22px;
			padding: 3px 0 0 33px;
			position: relative;
			text-transform:none;
			z-index: 99;
			}	
		
		#content .sidebar .menu li a span{
			border-bottom: #e1e1e1 1px solid;
			position: relative;
			display: block;
			z-index: 100;
			}		
				
			#content .sidebar .menu li a:hover{
				background-position: -275px 0;
				}
			
			#content .sidebar .menu li a:hover span{
				border-color: #f7941d;
				}
			
			#content .sidebar .menu li:hover a span{
				border-color: #f7941d;
				}
				
		/*#content .sidebar .menu{
			border-top: #e1e1e1 5px solid;
			border-bottom: #e1e1e1 5px solid;
			padding: 10px;
			}
			
			#content .sidebar .menu ul li{
				border-top: 1px dotted #D7D7D7;
				border-bottom: 1px dotted #D7D7D7;
				margin: 3px 0;
				padding: 3px 5px;
				}
				
				#content .sidebar .menu ul li a{
					background: #e1e1e1;
					display: block;
					padding: 0 5px;
					text-shadow: 1px 1px 1px #fff;
					}

				#content .sidebar .menu ul li.current_page_parent{
					margin-bottom: 10px;
					}

				#content .sidebar .menu ul li ul.children{
					padding-left: 10px;
					}
				
				#content .sidebar .menu ul li ul.children li{
					border: none;
					}
						
				#content .sidebar .menu ul li ul.children li a{
					background: #ebebeb;
					}*/
		/*--I4W Widget--*/
		#content .sidebar #i4w_login2-4 #user_login,
		#content .sidebar #i4w_login2-4 #user_pass{
			margin: 0 0 10px 0;			
			width: 188px;
			}

		#content .sidebar #i4w_login2-4 #i4w_widget_login2_submit{
			display: block;
			margin: 10px auto;
			width: 100px;
			}

		#content .sidebar #i4w_login2-4 a{
			text-align: center;
			}

/*---------------End Content---*/

/*---Footer------------------*/
#footer{
	background: #ebebeb;
	border-top: #363636 10px solid;
	border-bottom: 1px solid #D7D7D7;
	overflow: hidden;
	padding: 0;
	}	
	
	#footer .copyright{
		clear: both;
		font-size: .625em;
		padding: 10px 0;
		}

@media screen and (max-width: 810px) {

	#header .container, #content .container, #footer .container, #breadcrumbs .container{
		width: 750px;
	}
	
	#content .main-content{
		width: 520px;
	}	
	
	#content .sidebar{
		width: 180px;
	}
	
}
		
/*--for displaying link for switching between mobile and normal views--*/
@media screen and (max-device-width: 480px){
	#header .view{
		display: block;
	}
}
		
/*clearfix*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content:  ;
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */