/*  
Theme Name: Hardy Engineering
Theme URI: 
Description: 
Version: 1.0
Author: 
Author URI: 

*/

* { margin:0; padding:0; }
body { font:normal .75em/1.25em Arial, Helvetica, sans-serif; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
p { color:#545454; }
#wrapper { background:url(images/bg.jpg) repeat-y; width:915px; height:1%; overflow:hidden; margin:0 auto; }
/* Header */

#header { background:url(images/header.jpg) no-repeat; width:809px; height:95px; margin:22px auto 0; padding:0 0 6px; border-bottom:1px solid #e2e2e2; }
#header h1 { background:url(images/images/logo.jpg) no-repeat; width:394px; height:30px; text-indent:-1000em; position:absolute; margin:29px 0 0 18px; }
#header h1 a { height:100%; width:100%; display:block; }
#header p.engineering { float:right; color:#fcff00; padding:21px 20px 0 0; font:bold 1.16em Arial, Helvetica, sans-serif; }
#header p.contact { clear:both; float:right; color:#FFF; font:bold 1.83em Arial, Helvetica, sans-serif; margin:0px 0 0; padding:0 20px 0 0; }
/* Content */
#container { border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; width:807px; margin:0 auto; padding:30px 0 0; }
#content { float:right; width:587px; margin:0 10px 0 10px; }
#content h2 { margin:0; width:573px; height:40px; background:url(images/content-h2.gif) no-repeat; font:normal 1.4em/27px Arial; letter-spacing:-1px; color:#FFF; padding:0 0 0 10px;}
#content h2 a { color:#FFF; }
#content .post { padding:0 0 10px; }
#content .gearbox { background:url(images/content-h2-1.gif) no-repeat; }
#content .classic { background:url(images/content-h2-2.gif) no-repeat; }
#content .modern { background:url(images/content-h2-3.gif) no-repeat; }
#content .contact { background:url(images/content-h2-4.gif) no-repeat; }
#content .find { background:url(images/content-h2-5.gif) no-repeat; }
#content span.yellow { color:#d4c11f; font-weight:bold; }
#content p { padding:10px 5px 0 8px; color:#545454; }
#content img.healey { margin:22px 13px 0 10px; float:left; }
#content img.sprite { margin:22px 4px 0 0; float:right; }
#content .alfa { width:200px; margin:0 0 0 200px; }
#content h3 { text-align:center; position:relative; top:15px; }
#content .contact-info { padding:10px 5px 0 8px; }
#content .contact-info p { padding:0; }
#content .map-images { float:left; }
#content .hardy-painting { margin:10px 0 0 110px; }
#content span.alfa-description { width:273px; height:14px; background:#e1e1e1; display:block; margin:0 0 0 170px; }
#content span.healey-description { clear:both; float:left; margin:1px 13px 26px 10px; width:273px; height:14px; background:#e1e1e1; font:normal .916em Arial, Helvetica, sans-serif; color:#606060; }
#content span.sprite-description { float:right; margin:1px 4px 26px 0; font:normal .916em Arial, Helvetica, sans-serif; color:#606060; background:#e1e1e1; text-align:left; width:273px; height:14px; }
#content h3 { clear:both; font:bold 1.33em Arial, Helvetica, sans-serif; color:#545454; margin:0 0 23px 0; padding:0 5px 0 8px; }
#content div.box { background:#211b17; width:573px; height:48px; padding:8px 0 0; margin:25px 0 0; }
#content div.box p { color:#FFF; font:bold 1em/1.75em Arial, Helvetica, sans-serif; padding:0 13px; }
#content div.box span { color:#fcff00; }
#content p.postmetadata { font:normal 1.1em Arial; color:#999; display:block; padding:5px 0 5px 10px; }
#content p.postmetadata span { padding:0 0 0 40px; }
/* Sidebar */
#sidebar { width:175px; float:left; margin:0 0 0 24px; background:#e1e1e1; }
#sidebar h2 { background:#e1e1e1 url(images/menu.gif) no-repeat; width:175px; height:44px; text-indent:-1000em; }
#sidebar h2 span { width:100%; height:100%; display:block; }
#sidebar h2.hardy-engineering { background-position:0 0; margin:0 0 12px; }
#sidebar h2.where-are-we { background-position:0 -44px; margin:0 0 12px; }
#sidebar h2.client-testimonials { background-position:0 -88px; margin:5px 0 12px; }
#sidebar p { padding:0 12px; font:normal .916em Arial, Helvetica, sans-serif; }
#sidebar p.padding { padding:0 0 5px 0; }
#sidebar ul { width:151px; list-style:none; margin:11px auto 10px; padding:0; }
#sidebar ul li { display:block; text-indent:10px; border-bottom:1px dotted #5c5c5c; padding:8px 0; }
#sidebar ul li a { font:bold 1em Arial, Helvetica, sans-serif; width:151px; color:#5c5c5c; }
#sidebar ul li.bborder { border:none; }
#sidebar p a { font:bold 1em Arial, Helvetica, sans-serif; color:#3f3f3f; }
#sidebar p.author { font:bold 1em Arial, Helvetica, sans-serif; color:#3f3f3f; padding-bottom:15px; }
/* Menu */
#menu { clear:both; width:809px; margin:0 auto; text-align:center; }
#menu ul { font:bold 1em Arial, Helvetica, sans-serif; list-style:none; padding:12px 113px 24px; border-bottom:1px solid #e1e1e1; }
#menu ul li { border-left:2px dotted #3f3f3f; border-right:2px dotted #3f3f3f; padding:0 10px; float:left; display:inline; margin:0 1px 0 0; height:12px; }
#menu ul li.lborder { border-left:none; }
#menu ul li.rborder { border-right:none; }
#menu ul li a { color:#d4c11f; }
/* Footer */
#footer { clear:both; width:809px; margin:0 auto; text-align: center; }
#footer p.copyright { clear:both; text-align:center; margin:0 0 16px; color:#3f3f3f; }
#footer p.copyright span { font-weight:bold; line-height:42px; }
/* Hacks */
* html #header p.contact { width:245px; margin:0; }
*+html #header p.contact { width:245px; margin:0; }
* html #content { margin:0 12px 0 5px; }
* html #sidebar { margin:0 0 0 12px; }

.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}
#content span.yellow { color:#d4c11f; font-weight:bold; }
#content p { padding:10px 5px 0 8px; color:#545454; }
#content img.healey { margin:22px 10px 0 10px; float:left; }
#content img.sprite { margin:22px 4px 0 0; float:right; }
#content .alfa { width:200px; margin:0 0 0 200px; }
#content h3 { text-align:center; position:relative; top:15px; }
#content .contact-info { padding:10px 5px 0 8px; }
#content .contact-info p { padding:0; }
#content .map-images { float:left; }
#content .hardy-painting { margin:10px 0 0 110px; }
#content span.alfa-description { width:273px; height:14px; background:#e1e1e1; display:block; margin:0 0 0 170px; }
#content span.healey-description { clear:both; float:left; margin:1px 13px 26px 10px; width:273px; height:14px; background:#e1e1e1; font:normal .916em Arial, Helvetica, sans-serif; color:#606060; }
#content span.sprite-description { float:right; margin:1px 4px 26px 0; font:normal .916em Arial, Helvetica, sans-serif; color:#606060; background:#e1e1e1; text-align:left; width:273px; height:14px; }
#content h3 { clear:both; font:bold 1.33em Arial, Helvetica, sans-serif; color:#545454; margin:0 0 23px 0; padding:0 5px 0 8px; }
#content div.box { background:#211b17; width:573px; height:48px; padding:8px 0 0; margin:25px 0 0; }
#content div.box p { color:#FFF; font:bold 1em/1.75em Arial, Helvetica, sans-serif; padding:0 13px; }
#content div.box span { color:#fcff00; }