/*

Theme Name: Essential

Theme URI: http://www.birminghamhypnotherapist.co.uk/

Description: The default WordPress theme for http://www.birminghamhypnotherapist.co.uk/

*/



/* LAST UPDATED 09.09.08 */



/*



	Table of Contents



	I. GENERAL

	II. NAVIGATION MENUS

	III. STRUCTURE & TYPOGRAPHY

	IV. FORM ELEMENTS

	V. HEADINGS



*/



/* -----------------------------------------------------------

		I. GENERAL

----------------------------------------------------------- */



* {

	margin: 0;

	padding: 0;

	outline: none;

}



body {

	background: #fcfcfc url('images/bg-main.gif') top repeat-x;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

	color: #444;

}



p, ul { padding: 10px 0 0 0; }



a {

	color: #9db991;

	text-decoration: underline;

}



a:hover { color: #555; }



a img { border: 0; }



.small { font-size: 90%; }



#mainContent ol { margin-left: 20px; }



#mainContent li {

	list-style: none;

	background: url('images/bg-li-circle.gif') 0 12px no-repeat;

	padding: 5px 17px 0;

}



/* -----------------------------------------------------------

		II. NAVIGATION MENUS

----------------------------------------------------------- */



#sidebar ul {

	padding: 0;

	margin: 0;

	list-style: none;

	width: 217px;

	line-height: 35px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}



#sidebar a {

	background: url('images/bg-li.gif') top no-repeat;

	display: block;

	text-indent: 45px;

	width: 217px;

	height: 35px;

	text-decoration: none;

	color: #666;

	font-size: 85%;

}



#sidebar a:hover { background-position: bottom; }



/* -----------------------------------------------------------

		III. STRUCTURE & TYPOGRAPHY

----------------------------------------------------------- */



#wrap {

	margin: 0 auto;

	width: 960px;

}



	#header {

		background: url('http://www.birminghamhypnotherapist.co.uk/wp-content/uploads/2011/06/header-img.jpg') top no-repeat;

		height: 288px;

		padding-bottom: 19px;

	}



		#contact #header { background: url('images/header-contact.jpg') top no-repeat; }

		#profile #header { background: url('images/header-profile.jpg') top no-repeat; }

		#testimonials #header { background: url('images/header-testimonials.jpg') top no-repeat; }

		#why-it-works #header { background: url('images/header-whyitworks.jpg') top no-repeat; }

		#wellbeing-therapies #header { background: url('images/header-therapies.jpg') top no-repeat; }

		#events #header { background: url('http://www.birminghamhypnotherapist.co.uk/wp-content/uploads/2011/06/header-img2.jpg') top no-repeat; }



	#content {

		background: url('images/bg-content.gif') top no-repeat;

		padding: 0 32px 8px 23px;

	}



		#sidebar {

			float: left;

			width: 217px;

		}



		#twitter_div { padding: 10px 0; }



		#twitter_div ul { padding: 10px 0 !important; }



		#twitter_div li {

			line-height: 1.4em !important;

			font-size: 11px !important;

			padding: 0 10px 10px 0 !important;

			margin: 0 !important;

		}



			#twitter_div a {

				background: none;

				display: inline;

				text-indent: normal;

			}



		#mainContent {

			float: right;

			width: 638px;

			padding-top: 12px;

			line-height: 22px;

		}



			#footer {

				background: #efefef;

				height: 33px;

				line-height: 33px;

				text-align: right;

				color: #999;

				padding-right: 10px;

				margin-top: 125px;

				font-size: 85%;

			}



/* -----------------------------------------------------------

		IV. FORM ELEMENTS

----------------------------------------------------------- */







/* -----------------------------------------------------------

		V. HEADINGS

----------------------------------------------------------- */



h1, h2, h3, h4, h5, h6 {

	font-weight: normal;

	padding: 10px 0 0 0;

	margin: 0;

}



h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }



h1 { font-size: 26px; }



h2 { font-size: 24px; }



	#mainContent h2 {

		color: #b52f69;

		padding-bottom: 7px;

		border-bottom: 1px #ccc solid;

	}



h3 { font-size: 18px; }



h4 { font-size: 100%; }


