/*
Theme Name: Angus HGV Training
Theme URI: http://www.angushgvtraining.co.uk/
Description: HGV Training
Author: Andrew Morgan
Author URI: http://www.idesignwebsites.co.uk/
version: 1.0
Tags: idesignwebsites, arbroath, andrew morgan
*/

body {
  font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	font-size:1em;
	line-height:1.6em;
	color:#333;
	}
	
/* Typography */

a {
	text-decoration:none;
	color:#94682f;
}

a:hover {
	color:#fc9a00;
}

.paddingleft {
	padding-left:18px;
}

h1, h2, h3 {
	color:#333;
	margin:25px 0;
  text-shadow: 1px 1px 1px #fff;
	}

h1 { font-size:1.6em; } h2 { font-size:1.4em; } h3 { font-size:1.2em; } h4 { font-size:1.2em; } h5 { font-size:1.2em; }
	
em {
	font-weight:bold;
} 

.list {
	margin:0px;
	list-style-type:none;
}

p {
	margin-bottom:10px;
}

p.intro {
  font-size:1.6em; 
 	margin-bottom:20px;
   line-height:1.3em; 
}

.highlight {
	border:1px solid #fc9a00;
	margin:20px;
	padding:30px;
	background:#fff1dc;
}

.clear {
	clear:both;
}

img{ border: none; padding:0; }
img a{border:none;}

img.left{ float: left; border: none; padding: 16px 0 0 0; }
img.right{ float: right; border: none; padding: 0 0 0 16px; }

blockquote{
	border-left:5px solid #fc9a00;
	margin:15px;
	padding:0 12px 0 12px;
	}

code{
	font-family:"Courier New", Courier, monospace;
	}


/* container */


#container {
	width: 960px;
	margin: 0 auto;
	padding:0;
	overflow: hidden; 
}
	
/* header */


#headercontainer {
	width:100%;
	background:#24201f;
	border-top:10px solid #fc9a00;
}

#overlay {
	position:absolute;
	background:url('images/back.png');
	top:0;
	left:550px;
	z-index:100;
	height:460px;
	width:350px;
	margin-top:-10px;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	padding-top:0px;
  text-shadow: 0px 2px 3px #555;
}

#overlay p {
	margin:10px auto;
	width:300px;
}

.qualifiedlogo {
  margin:2px 0 40px 20px;
}

#header {
  width: 960px; 
  height: 100px;
	margin:0 auto;
	position:relative;
}

.logo {
	padding:40px 0px 0 0px;
}

#bannercontainer {
	background:#888;
	width:100%;
}	

#banner {
	width:960px;
	margin:0 auto;
	height:350px;
	position:relative;
}

/* content */ 


#content {
	width:100%;
	overflow: hidden;
}	

#left {
	float:left;
	width:390px;
	margin:0px 20px 0 0px;
}

#right {
	float:right;
	width:480px;
	margin:0px 0px 0 20px;
}
	
.post {
	padding:20px 20px 0;
}
	
.title {
	margin:0px 0 40px;
	display:block;
	color:#333;
	font-size:2em;
	}
	
.post h2 a{
	text-decoration: none;
	}
	
.post h2 a:hover{
	text-decoration: none;
	}

.postmetadata{
	clear: both;
	padding:6px;
	margin: 20px 0;
	}
	

.navigation {
	width:100%;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
}
	
.alignleft a{float:left; margin:25px 20px;}
.alignright a{float:right; margin:25px 20px;}

.post-edit-link {
  background:#fc9a00;
  position:absolute;
  left:20px;
  top:500px;
  padding:7px 20px;
  /* CSS3 */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.post-edit-link:hover {
  color:#111;
  background:#fc9a33;
}

/* Menu */

.menu {
  height:46px;
  width:960px;
  position:absolute;
	z-index:101;
  bottom:0;
  left:0;
  background:url('images/menuback.jpg') repeat-x;
}

#menu ul {
  float:left;
  margin:0 auto;
}

#menu li {
	list-style-type:none;
	display:block; 
	float:left;
	border-right:1px solid #111;
	border-left:1px solid #909090;
}

#menu li:first-child {
  border-left:0;
} 

#menu li:last-child {
  border-right:0;
} 

#menu li:hover {
	background:#333;
}

#menu a {
	color:#eee;
	display:block;
  padding:3px 28px;
  line-height:40px;
  position:relative;  
}

.current_page_item {
  background:#111;  
}

#menu a:hover {
	color:#fff;
}

#menu li ul {
  display: none;
}

#menu li:hover > ul { 
  display: block;
  position:absolute;
  top:auto;
  left:auto;
	background:#333;
	color:#fff;
  border:1px solid #333;
  z-index:9999; 
  width:250px; 
} 

#menu li > ul li { 
	color:#333;
	display:block;
	float:none;
  z-index:9999;
   border-top:1px solid #fff;  
}

#menu li > ul li:hover {

}

#menu li > ul a:hover {
  color:#fff;
} 

cite {
	font-family: arial, verdana, tahoma;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	}
	
cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}


/* books */

.books li {
	list-style-type:none;
	float:left;
	width:280px;
	margin:0 5px;
	padding:0;
	text-align:right;
	height:500px;
}

.books img {
	padding:0;
	margin:0;
}

/* misc */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}


/* Forklift */

.forklift {
  position:relative;
  margin-top:50px;
  height:200px;
  width:600px;
}

.forklift img {
  border:0;
}

.forkliftimage {
  position:absolute;
  right:-200px;
  top:-20px;
}


/* footer */

#footercontainer {
	width:100%;
	margin:30px auto 0;
	background:#000 url('images/footergradient.jpg') repeat-x;
}

#footer {
	clear:both;
	width:960px;
	margin:10px auto 0;
	color:#fff;
	padding-top:10px;
}
	
	.footertitle {
    margin:20px 70px 0;
    padding:0;
    text-shadow: 0px 0px 0px #fff;
    color:#fff;
  }

#footer a {
	color:#fc9a00;
	}
	
.footerbox {
  font-size:1.2em;
	width:960px;
	margin:5px 0;
	padding:10px 0px;
	  /* CSS3 */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.centerfooter {
	padding:20px 70px 0;
	width:960px;
}

/* Table Code */

table {
	margin:20px 0;
	width:930px;
	border:1px solid #fff1dc;
}

th {
	font-size:1em;
	font-weight:800;
	text-align:left;
	background:#fed189;
	color:#333;
}

th, td {
	padding:5px 15px;
}

.price {
	text-align:right;
}

.odd {
	background:#fff1dc;
}

/* Contact Form Code */

.contactleft { 
  float:left; 
  font-size:1.5em;
  color:#333;
  margin-left:70px;
  width:200px;
}

.contactright {
  float:right; 
  font-size:1.3em;
  color:#333;
  margin-right:280px;
  width:310px;
}

.formbox {
	padding:30px 0;
	width:938px;
  color:#333;
  position:relative;
}

.formright {
  position:absolute;
  top:30px;
  right:350px;
}

fieldset {
	border:none;
}

legend {
  display:none;
}

.form p, .form br {
  margin:0;
  padding:0;
}

.form span {
  display:block;
  width: 240px;
	margin:0 0px 20px 70px;
}

.form input[type="text"]{
	width: 240px;
	background:#fff;
  border:1px solid #bbb; 
	padding:5px;
  color:#333;
	font-size:1em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.form label {
  color:#fff;  
}

.form textarea {
	width:450px;
	height: 184px;
	padding:5px;
	overflow:hidden;
	background:#fff;
  border:1px solid #bbb; 
	color:#333;
	font-size:1em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.form select {
	background:#a89c91;
	color:#fff;
	width:200px;
	padding:5px 0;
}

.submitbutton, #submit {
  background:#fff;
  display:block;
  border:1px solid #bbb; 
  padding:5px 45px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin:40px 0 20px 70px;
  font-size:1.2em;
	width:253px;
  color:#333;
}

input.submitbutton:hover, #submit:hover {
	cursor:pointer;
	cursor:hand;
}