/*
Theme Name: Hamilton Beverstock
Theme URI: http://wordpress.org/
Description: Fixed width with one RH sidebar
Version: 1.0
Author: Vision 
Author URI: http://visiondesignandprint.com/
Tags:  fixed width, two columns, widgets
b(ucM#8FYyKj

ABQIAAAASF_tBLzNRZS9wk5fM3hDWBSfFE6yI_eGI3wJiS1vDRElxBZYmRRPbH_rHqv1WtYP4SSvTJiH9wVHbg
*/

/* Global reset-RESET */
/* The below restores some sensible defaults */

strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none }

* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */
* { margin: 0; padding: 0; }
/*  Typography & Colors */


body {
	font-size: 62.5%; /* Resets 1em to 10px */ 
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
	background-image:url(images/bodyBG02.jpg); 
	background-repeat:repeat; 
	background-attachment:fixed;
	color:#FFFFFF; 
	text-align: center;
	margin: 1em;
	behavior: url(csshover.htc);
	}

#page {
	background-color: white;
	text-align: left;
	}
#header {
	background:url('images/kubrickheader.jpg') no-repeat top center; 
	}
#headerimg 	{
	height: 184px;
	width: 760px;
	}
#nav {
position:relative;
	left:0px;
	top:69px;
	width:100%;
	height:44px;
	z-index:10;
	}
#searchform {
position:relative;
	left:260px;
	top:15px;
	width:300px;
	height:40px;
	z-index:10;
		}
#content {font-size: 1.2em}
.widecolumn .entry p {font-size: 1.05em;}
.narrowcolumn .entry, .widecolumn .entry {line-height: 1.4em;}
.widecolumn {line-height: 1.6em;}
.narrowcolumn .postmetadata {text-align: center;}
.alt {
background-image:url(images/transparentblue.png);
/*border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;*/
}
#footer { 
	width:760px; 
	height:68px; 
	background-color:#000000;
		}
small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}
h1, h2, h3 {font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;font-weight: bold;}
h1 {font-size: 4em;text-align: center;}
#headerimg .description {font-size: 1.2em;text-align: center;}
h2 {font-size: 1.1em;}
h2.pagetitle {font-size: 1.2em;}
input, textarea {
	background:url('images/transparentgrey.png') repeat;
	border: #fff 1px solid;
	color:#FFFFFF;
	}
#searchform input  {
	background:#ffffff;
	border: #000 1px solid; 
	color:#000000;
	}
#sidebar h2 {font-family: 'Lucida Grande', Verdana, Sans-Serif;font-size: 1.2em;}

/*connections*/
h3 {font-size: 1.3em;}
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {text-decoration: none;color: white;}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color: #000000;}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {text-decoration: none;}
.entry p a:visited {color: #b85b5a;}
.commentlist li, #commentform input, #commentform textarea {font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
#commentform input {background-color:#6595FF;}
.commentlist li {font-weight: bold;}
.commentlist li .avatar { float: right;border: 1px solid #eee;padding: 2px;background: #fff;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;}
.commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none;}
#commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentmetadata {font-weight: normal;}
#sidebar {font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color: #fffff;}
code {font: 1.1em 'Courier New', Courier, Fixed;}
acronym, abbr, span.caps{font-size: 0.9em;letter-spacing: .07em;}
a, h2 a:hover, h3 a:hover {color: #ffffff;text-decoration: none;}
a:hover {color: #999999;text-decoration: none;}
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}
#wp-calendar a {text-decoration: none;}
#wp-calendar caption {font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align: center;}
#wp-calendar th {font-style: normal;text-transform: capitalize;}

/* End Typography & Colors */

/* Structure */
body {
	margin: 0 0 0 0;
	padding: 0;
}
#page {
	background-color: white;
	margin: 0px auto;
	padding: 0;
	width: 760px;
	border: 0px solid #959596;
}
#header {margin: 0 0 0 0; padding: 0;height: 183px; width: 760px;}

#headerimg {
	margin: 0;
	height: 183px;
	width: 100%;
}
.narrowcolumn {
	float: left;
	padding: 0 0 20px 25px;
	margin: 0px 0 0;
	width: 450px;
}
.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 450px;
	}
.post {
	margin: 40px 0 40px;
	/*text-align: justify;*/
	text-align:left;
	}
.post hr {
	display: block;
	}	
.widecolumn .post {
	margin: 0;
	}
.narrowcolumn .postmetadata {
	padding-top: 5px;
	background-image:url(images/transparentgrey.png);
	background-repeat:repeat;padding:0.3em;
	}
.widecolumn .postmetadata {margin: 30px 0;
	background-image:url(images/transparentgrey.png);
	background-repeat:repeat;
	padding:0.3em;
	}
.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
	}
.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
	}
.postmetadata {
	clear: left;
	}
.clear {
	clear: both;
	}
#footer {
	padding: 0px 0 0 0;
	margin: 0 auto;
	width: 760px;
	clear: both;
	}

/* End Structure */

/*	Begin Headers */
h1 {padding-top: 70px;margin: 0;}
.post h2{ height:22px; margin: 30px 0 20px 0; padding:5px 0 0 5px;background-color:#F5C802;}
h2.pagetitle {margin-top: 30px;text-align: center; color:#FFFFFF;}
/*#sidebar h2 {margin: 15px 0 0;padding: 0;}*/
h3 {padding: 0;margin: 30px 0 0;}
h3.comments {padding: 0;margin: 40px auto 20px ;}
/* End Headers */


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
		}
img.articleIllustration { 
	/*width:450px; height:100px;*/ 
	border:5px solid #fff; 
	margin:-5px 0 0 0 
	}
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
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before /*#sidebar ul ul li:before---- bullets*/ {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul li, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 0px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 0px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}
#sidebar ul ul li, #sidebar ul ol li {
	margin: 0px 0 0 20px;
	padding: 0 0 0 0px;
	list-style-type: none;
	list-style-image:url(images/bullet.gif);	
	}

/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}
#searchform #searchsubmit {
	padding: 1px;
	background-color:#999999;
	}
#contactsubmit {
	padding: 1px;
	background-color:#6595FF;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:left;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	color:#fff;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Sidebar*/ 
#sidebar
{
	padding:0px 8px 10px 8px;
	/*padding: 5px 0 5px 0;*/
	margin-left: 550px;
	margin-top:10px;
	width:183px;
	font-size:1em;
	/*color:#333;*/
	}

#sidebar form {
	margin: 0;
	}
	
#sidebar h2{
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1em;
	padding:22px 0 0 5px;
	color: #000000;
	/*color:#C0E4FF;*/
	text-align:left;
	background-image:url(images/sidebarbg.png);
	background-repeat:no-repeat;
	height:20px;
	font-weight:bold;
}
#sidebar ul ul{
	list-style-type: none;
	list-style-image: none;
	line-height:1.2em;
	margin: 0px;
	/*font-size: 0.9em;*/
	font-size: 1em;	
	padding-bottom:3em;
	padding-top:1em;
}
/*
.widget_links ul li { border-bottom:0px dotted #fff }
.widget_links ul li:hover { background:url(images/transparentblue.png) }
.widget_links ul li a { display:block; padding:10px 5px 12px 5px }
.widget_links ul li a:hover { border:none; padding:10px 5px 12px 5px }

.widget_recent_entries ul li { border-bottom:1px dotted #fff }
.widget_recent_entries ul li:hover { background:url(images/transparentblue.png) }
.widget_recent_entries ul li a { display:block; padding:10px 5px 12px 5px }
.widget_recent_entries ul li a:hover { border:none; padding:10px 5px 12px 5px }

.widget_pages ul ul {
display:list-item;
font-style:italic;
list-style-image:url('images/subcat_bullet.gif');
}
.widget_pages ul {
font-variant:small-caps;

list-style-image:url('images/subcat_bullet.gif');
}*/

.gmaps {
overflow:hidden;
background-color:#FFFFFF;
}
/* End Sidebar */

/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
#footer p { display:block; padding: 10px 0 0 20px; bottom:0; color:#FFFFFF; text-align:left;}
/*#footer p span a{text-align:right; margin-left:320px; color:#FFFFFF;}*/	
#sawdoctor {position:relative; width:153px; height:47px; margin: -40px 580px;}

	
	

/* End Various Tags & Classes*/



/*NAVIGATION*/

/*<![CDATA[*/
	#nav * { margin: 0; padding: 0; }
	#nav body { 	
		margin: 1em;	
		font: 83%/140% Verdana,Arial,Helvetica,sans-serif; 
		behavior: url(csshover.htc);
	}
	#nav h2 { 
		font: normal 150% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; 
	}
	
	#nav h3 { 
		margin-bottom: 1em;
		font: normal 130% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; 
	}
	
	#nav p { margin: 0.5em 0; }
	#nav a { text-decoration: none; font-weight: bold; }
	#nav a:hover { text-decoration: underline; }
	#nav a:hover { text-decoration: none; }
	#nav h4.tested { margin-top: 2em; }
	#nav small { line-height: 120%; }
	
	#nav.clear:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	#nav.clear { display: inline-block; }
	
	/* Hides from IE-mac \*/
	#nav * html .clear { height: 1%; }
	#nav .clear { display: block; }
	/* End hide from IE-mac */
	
	/* image replacement general properties */
	#nav ul.IR li { 
		position: relative;
		/* The original method recommends setting this so that the text doesn't peak out if you resize the text.But overflow also includes our dropdown list, so we need the overflow to be visible. */
		/*overflow: hidden; */
		font-size: 1.0em;
	}
			
	#nav .IR em {
		display: block;
		position: absolute;
		top: 0; left: 0;
		z-index: 1;
	}
	
	/* For IE5.x mac only */
	#nav * html>body	.IR { 
		position: static;
		overflow: visible;
		font-size: 10px;
  }
	#nav * html>body .IR em  { position: static; }
	
	/* image replacement specific properties */
	.nav { list-style: none; }
	.nav li { float: left; padding-bottom: 10px; } /* add a little bottom padding to make sure the sub menus don't disappear before selecting them */
	.nav li, .nav li em { width: 75px; height: 44px; }
	
	* html>body ul.nav li em { margin-bottom: -44px; } /* for ie5.x/mac only */
	
	.link1 em, .link2 em, .link3 em, .link4 em, .link5 em, .link6 em{ 
		background: url(images/links2.gif) no-repeat; 
		cursor: pointer;
		/* IE5 requires cursor: hand; however this is not valid CSS2 */
	/*  
Handy measurements for the nav image replacement:

	The distance from the top to the...
	
	Link1 button = 0 / 44px
	Link2 button = 0 / 44px
	Link3 button = 0 / 44px
	Link4 button = 0 / 44px
	Link5 button = 0 / 44px
	Link6 button = 0 / 44px

	The distance from the far-left to the...
	
	Link1 button = 0
	Link2 button = 75
	Link3 button = 150
	Link4 button = 225
	Link5 button = 300
	Link6 button = 375
	
	The width of all buttons = 75px
*/
	}
	.link1 { left: 0; }
	.link1 em { background-position: 0 0; }
	.link1:hover em { background-position: 0 -44px; }
	 body#vis_home .link1 em{ background-position:0 -44px }
	 
	 
	
	.link2 { left: 0px; }
	.link2 em { background-position: -75px 0; }
	.link2:hover em { background-position: -75px -44px; }
	 body#vis_products .link2 em{ background-position:-75px -44px }
	 body#vis_bandsaws .link2 em{ background-position:-75px -44px }
	 body#vis_tctcircularsawblades .link2 em{ background-position:-75px -44px }
	 body#vis_routercutters .link2 em{ background-position:-75px -44px }
	 body#vis_abrasives .link2 em{ background-position:-75px -44px }
	 body#vis_metalcuttingsawblades .link2 em{ background-position:-75px -44px }
	 body#vis_tooling .link2 em{ background-position:-75px -44px }
	 
	.link3 { left: 0px; }
	.link3 em { background-position: -150px 0; }
	.link3:hover em { background-position: -150px -44px; }
	 body#vis_mailorder .link3 em{ background-position:-150px -44px }
	 
	.link4 { left: 0px; }
	.link4 em { background-position: -225px 0; }
	.link4:hover em { background-position: -225px -44px; }
	 body#vis_servicing .link4 em{ background-position:-225px -44px }
	 
	.link5 { left: 0px; }
	.link5 em { background-position: -300px 0; }
	.link5:hover em { background-position: -300px -44px; }
	body#vis_contactus .link5 em{ background-position:-300px -44px }
	
	.link6 { left: 0px; }
	.link6 em { background-position: -375px 0; }
	.link6:hover em { background-position: -375px -44px; }
	 body#vis_aboutus .link6 em{ background-position:-375px -44px }
	
	/* suckerfish styles */
	.nav a { display: block; font-weight: normal; }
	* html .nav a { height: 1%; }
	
	.nav li ul {
		position: absolute;
		z-index: 10; /* show the dropdowns above the images */
		top: 43px; /* position the dropdowns a set distance from the top of the image */
		left: -999em;
		list-style: none;
		border: 1px solid #FFCC00;
	}
	
	.nav li:hover ul { left: auto; }
	
	.nav li li {
		height: auto; /* reset the height and padding set on the IR list items */
		padding-bottom: 0;
		font-size: 150%;
		border-bottom: 1px solid #FFCC00;
	}
	
	.nav li ul a {
		padding: 0.25em;
		/*color: #FF6600;*/
		color: #000000;
		background: #FFFFCC;
	}
	.nav li ul a:hover {
		color: #CC0000;
		background: #FFCC00;
	}
	/*]]>*/