/*  
 *	Lean Enterprise Acedemy style sheet
 *  -----------------------------------
 *  Version : 	6
 *	Date	:	2010.07.12 
 *  Author  :	Stephen Lewis, Shed22.com
 */

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Ariel, sans-serif;
	font-size: medium;
	line-height: 1.1em;
	color: #333;
	}

/* links */
a 			{ color: #900; text-decoration: none; }
a:hover 	{ color: #c00; }
a:visited	{ color: #600; }


a.audio 	{ padding-left: 20px; background: url(../images/theme/audio.jpg) no-repeat 0 40%; }


/* paragraph formats*/
p			{ font-size: small; margin: 0px 0 2px; padding: 2px 20px 0px 20px; }
ul, ol		{ font-size: small; margin: 5px 0; padding: 0 10px 0; }
li			{ margin-left: 20px; padding-left: 10px; }
p.clear 	{ clear: both; }
p.intro 	{ font-size: 110%; font-style: italic; 
			  margin-top: 10px; margin-bottom: 5px;
			  line-height: 1.4; color: #444;}
p.center 	{ text-align: center; }
p.quote {
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-style: italic;
	color: #333;
	clear: both;
	}
	
p.quote i { color: #999; }
p.odd {
	background-color: #f0f0f0;
	border-bottom: 1px solid #ddd;
	}	
	
p.large, span.large { font-size: 100%; line-height: 1.3;}
p.small, span.small { font-size: 70%; font-style: italic; color: #999;}
p.smaller, span.smaller { font-size: 80%; }
p.smaller i { color: #999; font-size: 90%; }

p.right, span.right	{ float: right; padding-right: 10px; }
p.top	{ margin-top: 5px; }
.grey	{ color: #666; }
.red	{ color: #800; }
.black	{ color: #000; }
.special { font-size: 95%; background-color: #f0f0f0; padding: 10px 20px;}

object { margin-right: 20px; }


h1 { 
	margin: 5px 0 0 0 ; 
	color: #900; 
	font-size: 140%; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-weight: normal;
	letter-spacing: 1px; 
	border-bottom: 1px solid #ccc;
	}

h2 { 
	margin: 5px 0 0 0 ; 
	color: #900; 
	font-size: 120%; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-weight: normal;
	letter-spacing: 2px; 
	border-bottom: 1px solid #ccc;
	line-height: 1.4;
	}

h3 { 
	margin: 5px 0 0 0;
	color: #900; 
	font-size: 100%; 
	font-weight: normal;
	}

h4 { 
	margin: 5px 0 0 0 ; 
	color: #333; 
	font-size: 90%; 
	font-weight: normal;
	}

h5 { 
	margin: 2px 0 0 0;
	color: #666; 
	font-size: 90%; 
	font-weight: normal;
	font-style: italic;
	}

hr	{ 	margin-top: 10px;
		margin-bottom: 5px;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #fff;
		border-left: 1px solid #eee;
		clear: both;
	}

#wrapper {
	width: 1024px;
	margin: 0 auto;
	padding: 0;
	}

/* top banner */		
#banner { 
	width: 1024px; 
	height: 195px;
	margin: 0px;
	padding: 0;
	}

#cloud {
	width: 660px;
	height: 195px;
	overflow: auto;
	float: right;	
	}

#cloud p { 	text-align: justify; line-height: 1.5; padding-right: 3px;}	
#cloud img 	{ margin: 0; border: 1px solid white; }

#cloud a 	{ font-weight: bold;   margin-right: 15px;  }
#cloud a.small 	{ font-size: 16px; color: #999; font-family: Courier, Courier New, MS Courier New, Monaco,
Lucida Console, serif; padding-top: 5px; }
#cloud a.medium { font-size: 18px; color: #777;  padding-top: 3px; font-family: Verdana, Ariel, sans-serif; }
#cloud a.large 	{ font-size: 22px; color: #555; font-family: Georgia, "Times New Roman", Times, serif;}
#cloud a.xlarge { font-size: 28px; color: #333; font-family: Georgia, "Times New Roman", Times, serif;}
#cloud a.red 	{ color: #900; }
#cloud a.black 	{ color: #000; }

#cloud a:hover img { border: 1px solid #ccc; }
#cloud a:hover	{ color: #666; background-color: #eee; border-bottom: none;}

body#about 		a#menu_about 	{ border-bottom: 1px solid #900; }
body#research	a#menu_research { border-bottom: 1px solid #900; }
body#article	a#menu_article 	{ border-bottom: 1px solid #900; }
body#blog		a#menu_blog 	{ border-bottom: 1px solid #900; }
body#store		a#menu_store	{ border-bottom: 1px solid #900; }
body#enquire	a#menu_enquire	{ border-bottom: 1px solid #900; }
body#join		a#menu_join		{ border-bottom: 1px solid #900; }
body#download	a#menu_download { border-bottom: 1px solid #900; }
body#eletter	a#menu_eletter	{ border-bottom: 1px solid #900; }
body#event 		a#menu_event	{ border-bottom: 1px solid #900; }
body#faq		a#menu_faq		{ border-bottom: 1px solid #900; }
body#health		a#menu_health	{ border-bottom: 1px solid #900; }
body#help		a#menu_help		{ border-bottom: 1px solid #900; }
body#news		a#menu_news		{ border-bottom: 1px solid #900; }
body#search		a#menu_search	{ border-bottom: 1px solid #900; }
body#summit		a#menu_summit	{ border-bottom: 1px solid #900; }
body#training	a#menu_training { border-bottom: 1px solid #900; }
body#video		a#menu_video	{ border-bottom: 1px solid #900; }
body#workshop	a#menu_workshop	{ border-bottom: 1px solid #900; }

/* Summit page headings */
body#summit	h3 { color: #900; }
body#summit	h2 i,
body#summit	h3 i,
body#summit	h4 i{ color: #666; }

.column1 { width: 345px; float: left; }
.column2 { width: 330px; float: left; }
.column3 { width: 330px; float: right; }
.column1 .box,
.column2 .box,
.column3 .box { width: 326px; }
.column12 { width: 675px; float: left; }
.colleft 	{ width:  500px; float: left; }
.colright	{ width:  500px; float: right; } 

.box.colright { width:  500px; float: right; }

.box {
	margin: 10px 0 10px 0;
	padding-bottom: 5px;
  	background-color: #f9f9f9;
	border-top: 1px solid #eee;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #eee;
	}
.box ul, 
.box ol		{ padding: 2px 20px 0px 20px; }
.box h1		{ padding: 2px 5px 5px 20px; border-bottom: none; letter-spacing: 2px; line-height: 1.4;}
.box h2 {
	padding: 2px 5px 2px 20px; 
	background-color: #eee; 
	margin: 0 0 5px; 
	border-bottom: 1px solid #ddd;
	}
.box h3,
.box h4,
.box h5		{ padding: 2px 5px 5px 20px; }	

.box .box {
	border: 1px solid #ccc;
	margin:  20px;
	}
	
.box p.quote { padding: 10px 20px; }	
.box form { 
	background-color: #eee;
	margin: 5px 20px 0;
	padding: 10px 0 ;
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #eee;
	}
	
.box.full	{ width: 1020px; }
.box.half	{ width: 500px; }
.box.third	{ width: 326px; }
.box.third2	{ width: 670px; }
.box.video	{ width: 360px;}
.box.video2 { width: 640px; }

.box.book	{ width: 328px; height: 210px; float: left; margin: 5px 10px 5px 0 ;  }
.box.book2	{ width: 668px; height: 210px; float: left; margin: 5px 10px 5px 0 ;  }

.box.tall { height: 500px; }
.box.medium { height: 400px; }
.box.short { height: 200px; }

.box.book  p,
.box.book2 p  { font-size: 70%; padding: 5px 10px 2px 15px;}
.box.book  i,
.box.book2 i  { color: #999; font-size: 90%; }
.box.book  h3,
.box.book2 h3 { font-size: 90%; }

div.logo {
		margin: 0;
		background: transparent;
	}
	
div.logo p { 
	margin: 0 5px; 
	font-size: 90%; 
	line-height: 1.4; color: #000; }
div.logo p i { font-size: 80%;  color: #999; }

.comments {
	margin: 10px 0 10px 0;
	padding: 30px 50px;
	height: 350px;
  	background-color: #444;
  	background: #444 url(../images/theme/quotes.png) no-repeat 10px;
	border-top: 1px solid #eee;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #eee;
	font-size: 300%;
	line-height: 1.3;
	overflow: hidden;
	}

.comments p {
	color: #eee;
	font-family: Georgia, "Times New Roman", Times, serif; 
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 1s;
	-webkit-transition-timing-funtion: linear;
	-moz-transition-property: opacity;
	-moz-transition-duration: 1s;
	-moz-transition-timing-funtion: linear;
	}
	
.comments p i { color: #999; font-size: 80%; }

/* FreeFind results page */
div.results b { padding-left: 20px; font-style: italic; }
div.results div { padding: 10px 40px; }
div.results table { width: 80%; margin-left: 0; }
	

/* div formats */
div.left	{ float: left; clear: left; }
div.middle	{ float: left; margin-left: 20px; }
div.right	{ float: right; }
div.clear	{ clear: both; }
div.odd		{ background-color: #eee; padding: 5px 0; margin: 5px 0;}

/* span formats */
span.left	{ float: left; }
span.right	{ float: right; }
span.half	{ width: 47%; }
span.date	{ color: #999; font-style: italic; float: left; }


/* top of page box */	
.topbutton,
.morebutton,
.button {
	background-color: #ddd;
	clear: both;
	width: 260px;
	height: 20px; 
	border-top: 1px solid #eee;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #eee;
	padding: 5px 5px;
	margin: 5px 20px;
	font-size: 10pt;
	text-align: center;
	}
	
.button:hover,
.topbutton:hover,
.morebutton:hover { 
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #ccc;
 }
.topbutton	{ width: 100px; height: 20px; }
.morebutton { width: 40px; height: 25px; padding-top: 8px; font-size: 12px; }

.topbutton a,
.morebutton a,
.button { color: #600; text-decoration: none; }
.button a:hover,
.topbutton a:hover,
.morebutton a:hover { color: #900; }

	
/* top banner */		
#footer {
	clear: both; 
	width: 1024px;
	height: 100px;
	margin: 20px auto 5px; 
	padding: 10px 0 20px;
	background: #eee url(../images/theme/leaper_red_120.png) no-repeat right;
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #ddd;
	}

#footer p { margin: 10px 200px; text-align: center; color: #999; line-height: 1.5; font-size: 80%;}

#footer p.menu { font-size: 70%; }

#copyright {
	margin: 0 auto;
	font-size: 60%;
	color: #999;
	}
	
/* tables -------------------------------------*/
table {
	background: #eee;
	color: #000;
	font-size: 9pt;
	margin: 10px 20px;
	border: none;
}
table.small { color: #999; font-style: italic; }
table image { width: 100px; }
td { background: #f5f5f5; padding: 2px 5px; }
th { background: #f0f0f0; color: #666; text-align: center; }
tr { border: 1px; border-color: #ccc; margin: 2px; }

	
/* Form elements */

form p { margin-top: 2px; }
form p.top { padding-top:  1px; }
form p.clear { margin-top: 1px; }
form p span { font-style: italic; font-size: 80%; color: #999;}

label {
 	float:left;
 	clear: left;
	width: 150px;
	margin: 0;
	padding: 1px 0;
	color: #666;
	font-style: italic;
	font-size: 12px;
	}
	
label.wide	{ width: 300px; 	}
input.wide 	{ width: 300px;	}
select.wide { width: 305px;	}
label.short { width: 80px;	}
input.short { width: 80px;	}
select.short { width: 85px;	}

	
select {
	margin: 1px 10px 1px 5px;
	width:205px;
	}

input, textarea {
	margin: 2px 10px 2px 5px;
	width:180px;
	}

input[type="submit"] {
	margin-top: 10px;
	width: 180px
	}
	
.box.book input,
.box.book2 input,
.box.kit input,
.box.kit2 input,
.box.kit4 input { width: 20px; margin: 2px 0 2px 4px; }

.box.book input[type="submit"],
.box.book2 input[type="submit"],
.box.kit input[type="submit"],
.box.kit2 input[type="submit"],
.box.kit4 input[type="submit"] { width: 60px;  }

input[type="checkbox"] {
	width: 20px
	}

input.Integer { width: 20px; }

input#send,
input#clear,
input#Password {
	width: 100px;
	}

input#Title,
input#PostCode { 
	width:100px; 
	}

textarea#txtComment {
	width:500px;
}

div#sidebar div { margin: 10px 10px 10px 20px; font-size: 80%; }
div#sidebar div#checkout { 	margin: 10px 10px 20px 20px; }
 
#checkout a{
	color: #222;
	background-color: #ccc;
	text-shadow: #eee 1px 1px 1px;
	text-decoration: none;
	text-align: center;
	font-size: 12pt;
	padding: 10px 30px;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}
	

#checkout a:hover
	{
	color: #444;
	border-left: 1px solid #aaa;
	border-top: 1px solid #aaa;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}
	
	



	
/* Image formatting -------------------------- */
img { border:	none; margin: 1px 0 6px; }
img.border	{ border: 1px solid #ccc; border-right: 1px solid #999; border-bottom: 1px solid #999;	}
img.pad 	{ padding: 5px; background-color: #fff; }
img.right	{ float: right; margin-left: 10px;}
img.left 	{ float: left; margin-right: 10px; }
img.lgn 	{ height: 40px; margin-right: 20px ; }
img.leaper 	{ width: 60px; margin-left: 10px; }
img.icon 	{ width: 15px; margin: 2px 10px 0 0; }
img.book 	{ width: 120px; margin: 5px 10px 10px 0; }
img.kit		{ height: 80px; width: 60px ; margin-right: 3px; }
img.book2	{ height: 100px; width: 80px ; margin-right: 5px; }

img.xxsmall { width: 28px; margin: 1px 10px 2px 0;}
img.xsmall 	{ width: 50px; }
img.small 	{ width: 60px; }
img.medium 	{ width: 100px; } 
img.large 	{ width: 142px; }
img.xlarge 	{ width: 200px; }
img.xxlarge { width: 280px;	}
img.xxxlarge { width: 450px;	}
img.inline	{ margin: 0;}
img.fill	{ margin-bottom: 20px;	}
img.fill2	{ margin-bottom: 30px;	}
img.nofill	{ margin-bottom: 0px;	}
img.tight	{ margin: 0 3px; }