/****
Theme Name: Corrugated Default
Theme URI: http://www.corrugatedmetal.com
Description: Default Corrugated Metal Wordpress Theme
Version: 1.0
Author: Andrew Gormley
Author URI: http://www.intuitsolutions.net
Tags: blue, custom header, fixed width, two columns
*/

/*--------------*/
/* Master Reset */
/*--------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

p, #sidebar ul li a {
	font-size: 13px;
}

body { line-height: 1.5; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: top; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }

/*-------------------*/
/* IE Specific Fixes */
/*-------------------*/

* html .column { overflow-x: hidden; }
* html legend { margin:-18px -8px 16px 0; padding:0; }
ol { margin-left:2em; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
hr  { margin: -8px auto 11px; }

/*------------------------*/
/* Basic Typography Rules */
/*------------------------*/

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 2.1em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1.6em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img { margin: 0; }
p           { margin: 0 0 1.5em; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
a:focus, 
a:hover     { color: #000; text-decoration: underline; }
a           { color: #007ea4; text-decoration: none; }
blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }
abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }
ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}
table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { padding: 2px 2px 2px 5px; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }
.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

/*-------------*/
/* Site Design */
/*-------------*/
html{
	position: relative;
}
body { 
	background: #60686f url('images/bg.png') repeat-x;
	font-size: 75%;
	font-family: "Helvetica Neu", Helvetica, sans-serif;
	text-align: center; }
.drawermenu{
	position: absolute;
    bottom: 0;
    top: 0;
    z-index: 0;
    width: 50%;
    background-color: #333;
    color: #fff;
    min-height: 1000px;
    display: none;
}
.drawerToggle{
	display: none;
	position: absolute;
	left:20px;
	bottom:20px;
	color:#fff;
	font-size:30px;
	width: 45px;
	padding:5px;
	background:#000;
}
.drawerToggle img{
	max-width: 100%;
}
.drawermenu.open{
	display: block;
	position: absolute;
	overflow-y: auto;
}
#container.open{
	-webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    position: fixed;
    overflow-y: hidden;
}
#container { 
	width: 900px;
	background: #fff;
	margin: 20px auto 0 auto;
	text-align: left; }
	
	#header { 
		clear: both;
		width: 898px;
		height: 156px;
		border: 1px solid #fff;
		background: url('images/header-bg.png') no-repeat;
		position: relative;
	}
		
		#header div { 
			  float: right;
			  width: 192px;
			  height: 74px;
			  text-indent: -9999px;
			  margin: 14px 10px 0px 0;
			background: url('images/logo.png') no-repeat; }
			
		#header a.quote { 
			display: block; 
			float: right;
			clear: both;
			width: 170px; 
			height: 32px;
			margin-right: 16px;
			text-indent: -9999px;
			background: url('images/quote-request.png') no-repeat; }
			
		#header a.quote:hover { background-position: bottom left; }

		#header a.call { font-size:22px; float:right; clear:both; color:white; text-decoration:underline; margin-right: 22px; margin-top: 2px;}

		#header a.call:hover { color:white; }

	#sidebar .searchLabel{
		display: none;
	}
		
	#page {
		float: right;
		width: 650px; }
	
	#content {
		float: right;
		width: 650px; }

	#page div.post h2 {
		margin-bottom: 0em;
	}     
		
	#content h2 {
		margin-bottom: 0em;
	}
	#quote p.form-title { font-size: 16px; font-weight: bold; margin-bottom: 2px; }
			#quote div { margin: 10px; margin: 0 0 10px 20px; }
			#quote div label { font-weight: bold; }
			#quote div input { border: 1px solid #ccc; width: 400px; padding: 3px; }
			#quote div textarea { display: block; width: 400px; height: 100px; border: 1px solid #ccc; padding: 3px; }
			#quote #submit { margin-left: 20px; }
		
	#sidebar {
		float: left;
		padding-top: 10px;
		margin-left: 1px;
		width: 229px;
		background: #fff url('images/sidebar_bg.png'); }
		
		#sidebar ul#main { margin: 0px 6px 10px 16px;; }
		#sidebar ul li { font-size: 14px; font-weight: bold; list-style: none; margin-bottom: 4px; }
		#sidebar ul li a { color: #fff; }
		#sidebar ul li ul li { font-size: 11px; font-weight: normal; }
		
		#sidebar form { margin-left: 10px; }
		#sidebar form fieldset input#s { margin-bottom: 4px; width: 58%; padding: 2px; border: 1px solid gray; display:inline; }
		#sidebar form fieldset input#searchsubmit { margin-bottom: 10px; /margin-bottom:2px; display:inline; }
		
		ul#rightmenu {
			/* background:#fff url(images/sidebar_bg.png); */
			float:right;
			list-style:none;
			margin-right:1px;
			padding:20px 10px;
			/* width:200px; */
			width: 100%;
		}
		
		ul#rightmenu li a {
				color: #fff;
		}
		
		div.breadcrumb {
			padding-top: 10px;
		}
		#sidebar form{
			padding-top:10px;
		}
		.postmetadata {
			margin-top:15px;
			width:100%;
		}
		
		.post {
			padding-top: 10px;
		}
		
		div.entry {
			margin: 10px 0;
			width: 64%;
		}
		
			.entry p {
				margin-bottom: 5px;
			}
		
	#footer { clear: both; text-align:center;}

@media screen and (max-width: 980px) {

	#container {
		width: 100%;
		margin:0;
	}
	#header{
		width: 100%;
		background: url(images/header-bg.png);
    	background-size:cover;
    	background-position:right;
    	border:none;
	}
	#page, #content {
		width: 74%;
		padding: 10px 15px;
		box-sizing: border-box;
	}

	#sidebar {
		width: 25%;
		margin-left:0;
		padding-top:10px;
	}
}
@media screen and (max-width:801px){
	.drawerToggle{
		display: block;
	}
	#page, #sidebar, #content{
		width: 100%;
		float:none;
	}
	#sidebar{
		text-align:left;
	}
	#sidebar ul#main{
		margin:0 20px;
	}
}
@media screen and (max-width:550px){
	img.alignright, img.alignleft{
		float:none!important;
		display: block;
		margin: 20px auto;
		height: auto;
		max-width: 100%;
	}
	.drawermenu{
		width: 80%;
	}
	#container.open{
		-webkit-transform: translateX(80%);
		-ms-transform: translateX(80%);
		transform: translateX(80%);
	}
}

.ngg-gallery-thumbnail-box a img{
	width: 100%; 
	height: auto;
}
td{
	font-family: Tahoma, Verdana, Garamond, sans-serif;
	font-weight: bold;
}
.dimensions{
	width: 100%;
	text-align: center;
	overflow-x:auto;
	vertical-align: top;
	font-size: 16px;
}
.dimensions__row{
	text-align: center;
}