/***********************************************/
/* layout.css                                  */
/* Use with www.richardleegk.com               */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
		
	body {
		font-size: 0.75em;
		font-family: Arial, Helvetica, sans-serif;
		padding: 0;
		margin: 0;
		color: #ffffff;
		background: #000000;
		line-height: 1.3em;
	}
	
	h1 {
		margin: 0 0 20px 0;
		padding: 0;
	}
	
	h2, h2 a, h2 a:visited, h2 a:link {
		font-size: 1.4em;
		font-weight: lighter; 
		margin: 0 0 12px 0;
		padding: 0;
		color: #829DAA;
	}
	
	h2 a, h2 a:visited, h2 a:link {
		font-size: 1em;
		text-decoration: none;
	}
	
	h3 {
		font-size: 1em;
		font-weight: bold;
		margin: 0 0 10px 0;
		padding: 0;
		color: #829DAA;
	}
	
	h3.date {
		color: #EC8D00;
		font-size: 0.8em;
		padding: 0;
		margin: 0;
		clear: both;
	}
	
	img {
		border: 0;
	}
	
	.left {
		float: left;
	}
	
	.right {
		float: right;
		text-align: right;
	}
	
	.clear {
		clear: both;
	}
	
	p {
		padding: 0;
		margin: 0 0 10px 0;
	}

	a, a:visited, a:link {
		color: #ffffff;
		text-decoration: underline;
	}

	a:active, a:hover, a:visited:hover {
		text-decoration: none;
	}
	
	form {
		margin: 0;
		padding: 0;
	}
	
	.hidden {
		display: none;
	}
	
	hr {
		line-height: 0;
		float: left;
		width: 100%;
		margin: 5px 0 5px 0;
		height: 0;
		padding: 0;
		border: 0;
		border-top: 1px solid  #3E474D;
	}

/***********************************************/
/* Content                                     */
/***********************************************/ 

	.content_outer {
		margin: auto;
		width: 990px;
		position: relative;
		padding: 39px 0 0 0;
	}
	
	.box, .box_home_main, .box_home_right, .box_home_left, .box_admin {
		border-top: 4px solid #EC8D00;
		float: left;
		padding: 15px 15px 5px 15px;
		background: #13191C url(images/shd/content_bg.jpg) repeat-x left top;
		margin: 0 0 10px 0;
		width: 714px;
	}
	
	.box_home_main {
		width: 275px;
		padding: 15px 245px 0 15px;
	}
	
	.box_home_main h1 {
		margin: 0 0 10px 0;
	}
	
	.box_home_main p {
		margin: 0 0 7px 0;
	}
	
	.box_home_left {
		border-top: 1px solid #EC8D00;
		width: 378px;
		margin: 0 10px 10px 0;
	}
	
	.box_home_right {
		border-top: 1px solid #EC8D00;
		width: 505px;
	}
	
	.box_home_right h2, .box_home_left h2 {
		margin: 0 0 15px 0;
		padding: 0;
	}
	
	.box_admin {
		width: 923px;
	}
	
	.box_admin div div, .box_admin div div div p {
		float: left;
	}
	
	.box_admin div div div {
		float: none;
	}
	
	.box_admin div div td {
		text-align: left;
	}
	
	.box_admin h2 {
		float: left;
		margin: 20px 0 0 0;
	}
	
	.box_admin label {
		float: none;
	}
	
	.home_about_me_left {
		width: 125px;
		margin: 0 20px 0 0;
		float: left;
	}
	
	.home_about_me_left p, .home_about_me_left h3 {
		margin: 0;
		padding: 0;
	}
	
	.home_about_me_left p {
		margin: 0 0 10px 0;
	}
	
	.home_about_me_right {
		width: 230px;
		float: left;
	}
	
	.box ul, .box_home_main ul, .box_home_right ul, .box_home_left ul {
		margin: 0;
		padding: 0;
	}
	
	.box ul li, .box_home_main ul li, .box_home_right ul li, .box_home_left ul li {
		margin: 0;
		padding: 0 0 0 10px;
		list-style-type: none;
		background: url(images/shd/bullet.gif) no-repeat left 7px;
	}
	
	.left_column {
		float: left;
		width: 199px;
		margin: 0 10px 10px 0;
		clear: both;
	}
	
	.left_column .divider {
		float: left;
		width: 199px;
		border: 0;
		clear: both;
		margin: 0;
		padding: 0;
	}
	
	.left_column h1 {
		color: #EC8D00;
		font-size: 0.8em;
		padding: 0;
		margin: 10px 0 0 0;
		clear: both;
		float: left;
	}
	
	.left_column h2, .left_column h2 a, .left_column h2 a:visited, .left_column h2 a:link {
		font-size: 1em;
		font-weight: bold;
		margin: 0;
		padding: 0;
		color: #829DAA;
		text-decoration: none;
		clear: both;
	}
	
	.left_column_inner h1, .wide_holder h1 {
		color: #EC8D00;
		font-size: 0.8em;
		padding: 0;
		margin: 10px 0 0 0;
		clear: both;
		float: left;
	}
	
	.blue {
		color: #829DAA;
	}
	
	.bottom {
		float: left;
		width: 953px;
		border-top: 1px solid #EC8D00;
		padding: 10px 0 0 0;
		margin: 0 0 10px 0;
	}
	
	.impakt_media_logos {
		float: right;
		width: 227px;
	}
	
	.wide_holder {
		float: left;
		clear: both;
		margin: 0 0 25px 0;
		width: 714px;
	}
	
	.wide_holder div div div img {
		float: right;
		margin: 0 0 0 10px;
		clear: both;
	}
	
	.left_column_inner {
		float: left;
		margin: 0 15px 0 0;
		width: 499px;
	}
	
	.left_column_inner h1{
		margin: 0;
	}
	
	.left_column_inner h1, .left_column_inner h2 {
		clear: both;
	}
	
	.right_column_inner {
		float: left;
		margin: 0;
		width: 200px;
	}
	
	.right_column_inner br {
		clear: both;
		line-height: 0;
	}
	
	.right_column_inner img {
		float: left;
		margin: 0 0 15px 0;
	}
	
	.divider, .divider_wide {
		width: 499px;
		float: left;
		padding: 0 0 12px 0;
		margin: 0 0 12px 0;
		border-bottom: 1px solid #3E474D;
	}
	
	.divider_wide {
		width: 714px;
	}
	
	.quote, .quote_contact, .quote_diary, .quote_qa, .quote_discussion, .quote_images_video, .quote_links, .quote_video, .quote_speaking {
		float: left;
		background: url(images/shd/quote_left.gif) no-repeat left top;
		padding: 0 0 0 15px;
		margin: 0 0 47px 20px;
		font-size: 1.2em;
		width: 285px;
		line-height: 1.5em;
	}
	
	.quote_contact {
		width: 380px;
	}
	
	.quote_diary {
		width: 360px;
		margin: 0 0 20px 20px;
	}
	
	.quote_qa {
		width: 400px;
		margin: 0 0 20px 5px;
	}
	
	.quote_discussion {
		width: 360px;
		margin: 0 0 37px 20px;
	}
	
	.quote_links {
		margin: 0 0 90px 30px;
	}
	
	.quote_images_video {
		width: 300px;
		margin: 0 0 20px 5px;
	}
	
	.quote_video {
		width: 280px;
		margin: 0 0 20px 5px;
	}
	
	.quote_speaking {
		width: 320px;
		margin: 0 0 20px 5px;
	}
	
	.under_quote {
		width: 490px;
		clear: both;
		margin: 0 0 20px 0;
		color: #829DAA;
	}
	
	.quote_right {
		float: left;
		background: url(images/shd/quote_right.gif) no-repeat right bottom;
		padding: 0 15px 0 0;
		line-height: 1.5em;
	}
	
	.paging, .paging_thin {
		background-color: #3E474D;
		padding: 3px 10px 3px 10px;
		margin: 0 0 20px 0;
		width: 694px;
		float: left;
		text-align: center;
	}
	
	.paging_thin {
		width: 479px;
	}
	
	a.page_left, a.page_left:visited, a.page_left:link, a.page_centre, a.page_centre:visited, a.page_centre:link, a.page_right, a.page_right:visited, a.page_right:link, .page_left {
		background: url(images/shd/arrow_left.gif) no-repeat left center;
		padding: 0 0 0 2%;
		float: left;
		text-decoration: none;
		text-align: left;
		width: 28%
	}

	a.page_left:active, a.page_left:hover, a.page_left:visited:hover, a.page_centre:active, a.page_centre:hover, a.page_centre:visited:hover, a.page_right:active, a.page_right:hover, a.page_right:visited:hover {
		text-decoration: underline;
	}
	
	a.page_centre, a.page_centre:visited, a.page_centre:link {
		background: url(images/shd/arrow_up.gif) no-repeat left center;
		padding: 0;
		margin: 0;
		text-align: center;
		width: 40%
	}
	
	a.page_right, a.page_right:visited, a.page_right:link {
		background: url(images/shd/arrow_right.gif) no-repeat right center;
		padding: 0 2% 0 0;
		float: right;
		text-align: right;
		width: 28%
	}
	
	.page_left {
		background: url(images/shd/arrow_left_grey.gif) no-repeat left center;
		padding: 0 0 0 10px;
		float: left;
		text-decoration: none;
		text-align: left;
		color: #999999;
	}
	
	.page_right {
		background: url(images/shd/arrow_right_grey.gif) no-repeat right center;
		padding: 0 10px 0 0;
		float: right;
		text-decoration: none;
		color: #999999;
		text-align: right;
	}
	
	.pages_of {
		float: left;
		margin: 0;
		width: 40%	
	}
	
	.pages_of_wide {
		float: left;
		margin: 0;	
		width: 40%
	}
	
	.top_padding {
		padding: 50px 0 0 0;
	}
	
	.top_padding_more {
		padding: 60px 0 0 0;
	}
	
	.orange {
		float: left;
		color: #EC8D00;
	}
	
	.orange_large {
		float: left;
		color: #EC8D00;
		font-size: 1.4em;
	}
	
	#dnn_ContentPane {
		clear: both;
	}
	
	object {
		float: left;
		margin: 10px 10px 0 0;
	}

	.image_gallery img {
		float: left;
		margin: 0 20px 20px 0;
	}

	.image_gallery_holder {
		float: left;
		clear: both;
		margin: 0 0 15px 0;
		width: 714px;
	}

	.image_gallery h2 {
		color: #EC8D00;
		font-size: 1em;
		margin: 0;
		padding: 0;
		float: left;
	}
	
	.image_gallery_div {
		 float: left;
		 width: 170px;
	}
	
	.small {
		float: left;
		clear: both;
		font-size: 0.75em;
		width: 100%;
	}

/***********************************************/
/* Main Images                                 */
/***********************************************/ 
	
	.main_img {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 10;
	}

/***********************************************/
/* Home                                        */
/***********************************************/ 
	
	.home_images {
		float: left;
		width: 418px;
		clear: both;
	}	
	
	.home_images img {
		margin: 0 10px 10px 0;
	}

/***********************************************/
/* Links                                       */
/***********************************************/ 

	a.read_more, a.read_more:visited, a.read_more:link, a.read_more_right, a.read_more_right:visited, a.read_more_right:link, a.read_more_back, a.read_more_back:visited, a.read_more_back:link {
		color: #ffffff;
		text-decoration: none;
		background: url(images/shd/arrow_right.gif) no-repeat left center;
		padding: 0 0 0 10px;
		margin: 0;
		float: left;
	}

	a.read_more:active, a.read_more:hover, a.read_more:visited:hover, a.read_more_right:active, a.read_more_right:hover, a.read_more_right:visited:hover, a.read_more_back:active, a.read_more_back:hover, a.read_more_back:visited:hover {
		text-decoration: underline;
	}
	
	a.read_more_right, a.read_more_right:visited, a.read_more_right:link {
		float: right;
		margin: 0;
	}
	
	a.read_more_back, a.read_more_back:visited, a.read_more_back:link {
		background: url(images/shd/arrow_left.gif) no-repeat left center;
	}

	a.grey_button, a.grey_button:visited, a.grey_button:link {
		color: #ffffff;
		text-decoration: none;
		background: #3E474D url(images/shd/arrow_right_5px.gif) no-repeat right center;
		padding: 3px 10px 3px 10px;
		margin: 0 0 20px 0;
		float: left;
		width: 180px;
	}

	a.grey_button:active, a.grey_button:hover, a.grey_button:visited:hover {
		background-color: #9EAAB1;
	}

/***********************************************/
/* Tables                                      */
/***********************************************/ 

	table.diary_table {
		background: #13191C;
		border-spacing: 1px;
		color: #ffffff;
		font-size: 0.9em;
		width: 200px;
		border: 1px solid #3E474D;
		border-collapse: collapse;
		margin-bottom: 15px;
	}
	
	table.diary_table td {
		text-align: center;
		border-collapse: collapse;
		padding: 2px 0 2px 0;
	}
	
	table.diary_table a, table.diary_table a:visited, table.diary_table a:link {
		color: #829DAA !important;
		text-decoration: none !important;
	}
	
	table.diary_table a:active, table.diary_table a:hover, table.diary_table a:visited:hover {
		color: #ffffff !important;
	}
	
	table.diary_table table.diary_table {
		background-color: #3E474D;
		font-size: 1.11em;
		margin: 0;
		padding: 0;
		border: 0;
	}
	
	table.diary_table table.diary_table a, table.diary_table table.diary_table a:visited, table.diary_table table.diary_table a:link {
		color: #ffffff !important;
		text-decoration: underline !important;
	}
	
	table.diary_table table.diary_table a:active, table.diary_table table.diary_table a:hover, table.diary_table table.diary_table a:visited:hover {
		color: #829DAA !important;
		text-decoration: none !important;
	}

/***********************************************/
/* Navigation                                  */
/***********************************************/ 
	
	a.home, a.home:hover, a.home:visited:hover, a.home_on {
		background: #FFFFFF url(images/shd/nav/home.gif) no-repeat left top;
		height: 19px;
		width: 43px;
	}

	a.home:active, a.home:hover, a.home:visited:hover {
		background: url(images/shd/nav/home_ovr.gif) no-repeat left top;
	}

	a.home_on {
		background: url(images/shd/nav/home_ovr.gif) no-repeat left top;
	}
	
	a.biography, a.biography:hover, a.biography:visited:hover, a.biography_on {
		background: #FFFFFF url(images/shd/nav/biography.gif) no-repeat left top;
		height: 19px;
		width: 78px;
	}

	a.biography:active, a.biography:hover, a.biography:visited:hover {
		background: url(images/shd/nav/biography_ovr.gif) no-repeat left top;
	}

	a.biography_on {
		background: url(images/shd/nav/biography_ovr.gif) no-repeat left top;
	}
	
	a.diary, a.diary:hover, a.diary:visited:hover, a.diary_on {
		background: #FFFFFF url(images/shd/nav/diary.gif) no-repeat left top;
		height: 19px;
		width: 97px;
	}

	a.diary:active, a.diary:hover, a.diary:visited:hover {
		background: url(images/shd/nav/diary_ovr.gif) no-repeat left top;
	}

	a.diary_on {
		background: url(images/shd/nav/diary_ovr.gif) no-repeat left top;
	}
	
	a.qa, a.qa:hover, a.qa:visited:hover, a.qa_on {
		background: #FFFFFF url(images/shd/nav/qa.gif) no-repeat left top;
		height: 19px;
		width: 49px;
	}

	a.qa:active, a.qa:hover, a.qa:visited:hover {
		background: url(images/shd/nav/qa_ovr.gif) no-repeat left top;
	}

	a.qa_on {
		background: url(images/shd/nav/qa_ovr.gif) no-repeat left top;
	}
	
	a.discussion, a.discussion:hover, a.discussion:visited:hover, a.discussion_on {
		background: #FFFFFF url(images/shd/nav/discussion.gif) no-repeat left top;
		height: 19px;
		width: 42px;
	}

	a.discussion:active, a.discussion:hover, a.discussion:visited:hover {
		background: url(images/shd/nav/discussion_ovr.gif) no-repeat left top;
	}

	a.discussion_on {
		background: url(images/shd/nav/discussion_ovr.gif) no-repeat left top;
	}
	
	a.gallery, a.gallery:hover, a.gallery:visited:hover, a.gallery_on {
		background: #FFFFFF url(images/shd/nav/gallery.gif) no-repeat left top;
		height: 19px;
		width: 113px;
	}

	a.gallery:active, a.gallery:hover, a.gallery:visited:hover {
		background: url(images/shd/nav/gallery_ovr.gif) no-repeat left top;
	}

	a.gallery_on {
		background: url(images/shd/nav/gallery_ovr.gif) no-repeat left top;
	}
	
	a.video, a.video:hover, a.video:visited:hover, a.video_on {
		background: #FFFFFF url(images/shd/nav/video.gif) no-repeat left top;
		height: 19px;
		width: 46px;
	}

	a.video:active, a.video:hover, a.video:visited:hover {
		background: url(images/shd/nav/video_ovr.gif) no-repeat left top;
	}

	a.video_on {
		background: url(images/shd/nav/video_ovr.gif) no-repeat left top;
	}
	
	a.speaking, a.speaking:hover, a.speaking:visited:hover, a.speaking_on {
		background: #FFFFFF url(images/shd/nav/speaking.gif) no-repeat left top;
		height: 19px;
		width: 113px;
	}

	a.speaking:active, a.speaking:hover, a.speaking:visited:hover {
		background: url(images/shd/nav/speaking_ovr.gif) no-repeat left top;
	}

	a.speaking_on {
		background: url(images/shd/nav/speaking_ovr.gif) no-repeat left top;
	}
	
	a.contact, a.contact:hover, a.contact:visited:hover, a.contact_on {
		background: #FFFFFF url(images/shd/nav/contact.gif) no-repeat left top;
		height: 19px;
		width: 80px;
	}

	a.contact:active, a.contact:hover, a.contact:visited:hover {
		background: url(images/shd/nav/contact_ovr.gif) no-repeat left top;
	}

	a.contact_on {
		background: url(images/shd/nav/contact_ovr.gif) no-repeat left top;
	}
	
	li.no_border {
		border: 0 !important;
	}
	
	.bottom ul {
		float: left;
		margin: 0;
		padding: 0;
		width: 720px;
	}
	
	.bottom ul li {
		float: left;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	.bottom ul li a, .bottom ul li a:hover, .bottom ul li a:visited:hover {
		float: left;
		color: #829DAA;
		text-decoration: none;
		background: #000000;
	}

	.bottom ul li a:active, .bottom ul li a:hover, .bottom ul li a:visited:hover {
		color: #ffffff;
		text-decoration: underline;
	}
	
	.sub_nav ul {
		width: 714px;
		list-style: none;
		float: left;
		margin: 0 0 10px 0;
		padding: 0;
		background: #3E474D;
	}

	.sub_nav ul a, .sub_nav ul a:visited, .sub_nav ul a:link {
		float: left;
		color: #ffffff;
		padding: 5px;
		margin: 0;
		border-right: 2px solid #13191C;
		text-decoration: none;
		background: #3E474D;
	}

	.sub_nav ul a:active, .sub_nav ul a:hover, .sub_nav ul a:visited:hover {
		color: #ffffff;
		background: #EC8D00;
	}
	
	.sub_nav ul li {
		list-style: none;
		float: left;
		padding: 0;
		margin: 0;
	}
	
	a.sub_nav_on {
		color: #ffffff !important;
		background: #EC8D00 !important;
	}

/***********************************************/
/* Forms                                       */
/***********************************************/ 

	.input, input.NormalTextBox {
		background-color: #3E474D;
		border: 1px solid #9EAAB1;
		padding: 2px 5px 2px 5px;
		margin: 0 0 10px 0;
		width: 188px;
		font-size: 1em;
		color: #FFFFFF;
	}
	
	.input:hover, input.NormalTextBox:hover, textarea:hover {
		background-color: #57646C;
	}

	textarea {
		font-family: Arial, Helvetica, sans-serif;
		background-color: #3E474D;
		border: 1px solid #9EAAB1;
		padding: 2px 5px 2px 5px;
		margin: 0 0 10px 0;
		width: 188px;
		font-size: 1em;
		height: 92px;
		color: #FFFFFF;
	}
	
	label {
		float: left;
		font-size: 1em;
		margin: 0 0 2px 0;
		padding: 0;
		color: #829DAA;
	}
	
	.button {
		border: 0;
		background-color: #EC8D00;
		padding: 2px 10px 2px 10px;
		color: #FFFFFF;
	}
	
	.button:hover {
		background-color: #BF7300;
	}

/**********************************************
* New P7 nav stuff
**********************************************/

	#p7PMnav {
		position: relative;
		float: left;
		margin: 15px 0 15px 0;
		padding: 0;
		z-index: 100;
		clear: both;
	}

	#p7PMnav li {
		float: left;
		border-right: 1px solid #E88B00;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	#p7PMnav ul {
		position: absolute;
		left: -9000px;
		z-index: 10000;
		list-style-type: none;
		padding: 0;
		margin: 0;
		border: 1px solid #000000;
		top: 20px;
	}
	
	.admin_nav, .admin_nav ul {
		float: left;
		width: 990px;
		text-align: left;
	}
	
	ul.admin_nav li a, ul.admin_nav li a:visited, ul.admin_nav li a:link {
		padding: 5px 10px 6px 10px !important;
		color: #ffffff;
		text-decoration: none;
		font-weight: normal;
		background-color: #3E474D;
		display: block;
		line-height:1;
		height: 1em;
	}
	
	ul.nav li a, ul.nav li a:visited, ul.nav li a:link {
		color: #ffffff;
		text-decoration: none;
		font-weight: normal;
		display: block;
		height: 19px;
		padding: 0 !important;
		display: block !important;
	}
	
	#p7PMnav a:hover, #p7PMnav a:active {
		color: #ffffff;
		background-color: #EC8D00;
	}
	
	#p7PMnav .p7PMhide {
		left: -9000px;
	}
	
	#p7PMnav .p7PMshow {
		left: auto;
		z-index: 20000 !important;
	}
	
	#p7PMnav li {
		float: left;
	}
	
	#p7PMnav ul li {
		float: none;
		border-right: 0;
	}
	
	#p7PMnav ul, #p7PMnav ul li {
		width: 158px;
	}
	
	#p7PMnav li ul li a, #p7PMnav li ul li a:visited, #p7PMnav li ul li a:link {
		display: block;
		color: #ffffff;
		text-decoration: none;
		background: #3E474D;
		padding: 5px 10px 5px 10px !important;
		border-bottom: 1px solid #000000;
		font-weight: normal;
		height: auto;
	}
	
	#p7PMnav li ul li a:hover, #p7PMnav li ul li a:active {
		display: block;
		color: #ffffff;
		background: #EC8D00;
	}

/***********************************************/
/* CMS Styles                                  */
/***********************************************/

	.Help {
		font-weight: normal !important;
	}
	
	.CommandButton, .StandardButton {
		background-color: #D7D7D7 !important;
		background-image: url(images/shd/form_btn_bg2.gif) !important;
		font-size: 0.9em !important;
		padding: 1px 4px 1px 4px !important;
		border: 1px solid #ffffff !important;
		text-decoration: none !important;
		color: #000000 !important;
		display: inline !important;
	}
	
	.CommandButton:hover, .CommandButton:focus, .StandardButton:hover, .StandardButton:focus {
		background-color: #909090 !important;
		background-image: none !important;
		color: #FFFFFF !important;
	}
	
	#control_container {
		background-color: #3E474D;
		border: 2px solid #9EAAB1;
	}
	
	#handle {
		width: 445px !important;
		border: 0;
		background-color: #9EAAB1;
	}
	
	#handle a {
		text-decoration: none;
		font-weight: bold;
	}

/***********************************************/
/* CMS Diary                                   */
/***********************************************/
	
	.BlogTopInfo, .left_column .user, .Permalink, .location, .print, .Trackback {
		display: none;
	}
	
	.user {
		margin: 0 3px 0 0;
	}
	
	.ModuleTitle_MenuContainer {
		display: none;
	}
	
	.right_column_inner #AnswerPanel {
		display: none;
	}
	
	.box_home_right select, .box_home_right label, .box_home_right .Help, .bloghidden, #dnn_ctr1403_XModDisplay_pnlAdmin {
		display: none;
	}