/*
Theme Name: Surplus Switchgear Theme
Theme URI: http://www.onewebsite.ca
Description: 2c4p - 2 Column 4 Port
Author: Mike Olaski
Author URI: http://www.onewebsite.ca/
*/

/* ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** 0. Contents Styles */

/*

0. Contents
1. Config
2. Position
3. Elements
4. Classes
5. Objects

/* ***** ***** ***** ***** ***** ***** 1. Config */

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	color: #000; /* MASTER COLOR ??? */
	xbackground-color: inherit; /* not sure about keeping this so disabled for now */
	}


#body-wrap-clear { clear: both; }

	
/* Firefox scrollbar fix to always force a scrollbar despite current page height */
#ffscrollbarfix {
	position: absolute;
	top: 0;
	bottom: -0.1px;
	width: 1em;
	z-index: -1;
	}
	
img { border: none; display: block; }

table { border-collapse: collapse; }


/* ***** ***** ***** ***** ***** ***** 2. Position */

body {
	color: #fff; /* P:F; */
	font-family: Lucida Grande, Verdana;
	font-size: 92.5%;
	xtext-align: center;
	background-color: #fff; /* P:2; */
	}


div#wrapper {
	xmargin: 0px auto;
	text-align: center;
	background-color: #ccc; /* P:2; */
	text-align: center;
	}
	
	div#head-wrap {
		xmargin: 0px auto;
		position: relative;
		background-color: #1180c5; /* P:3; */
		xbackground-image: url(images/bg-top2.gif);
		xbackground-repeat: repeat-x;
		border-bottom: solid 1px #fff;
		xwidth: 840px;
		xtext-align: left;
		}
	
		div#head {
			margin: 0px auto;
			position: relative;
			background-color: #fff; /* P:3; */
			xbackground-image: url(http://www.boschmanfitness.com/sitemanager/wp-content/themes/boschman_theme/images/bg-top4.gif);
			xbackground-repeat: repeat-x;
			Xborder-top: solid 4px #000;
			border-left: solid 1px #fff;
			border-right: solid 1px #fff;
			width: 840px;
			text-align: left;
			}
	
			div#masthead {
				height: 200px;
				background-image: url(images/masthead_bg3.jpg);
				}
				
			div#nav-bar {
				color: #fff; /*P:F; */
				background-color: #1180c5; /* P:3; */
				border-top: solid 1px #fff;
				xborder-right: solid 1px #404040;
				xborder-left: solid 1px #404040;								
				height: 25px;
				}
	
	div#body-wrap {
		margin: 0px auto;
		width: 840px;
		background-color: #BCBEC0; /* P:2; */
		background-repeat: repeat-x;
		xborder-top: solid 10px #e6e6e6;
		border-left: solid 1px #58595B;
		border-right: solid 1px #58595B;
		text-align: left;
		}
	
		div#view-wrap {
			float:left;
			margin: 15px 0px 0px 0px;
			color: #fff; /*P:F; */
			background-color: #BCBEC0; /* P:2; */
			}
			
			div#view {
				margin: 10px 30px 0px 30px;
				width: 500px;
				}
	
		div#left-wrap {
			float: left;
			margin: 24px 0px 0px 0px;
			xwidth: 230px;
			color: #fff;
			background-color: #BCBEC0; /* P:2; */
			}
	
			div#left {
				xmargin: 10px 30px;
				xwidth: 200px;
				}
	
	div#foot-wrap {
		clear: both;
		margin: 0px 0px 0px 0px;
		xwidth: 840px;
		background-color: #fff; /* P:F; */
		}
	
		div#foot {
			margin: 0px auto;
			height: 20px;
			width: 840px;
			}
			
			
/* ***** ***** ***** ***** ***** ***** 3. Elements */

h1, h2, h3, h4, h5 {
	color: #000;
	}


h1 {
	padding: 0px;
	font-size: 18px;
	}
	
	h2 {
		margin: 0 0 10px 0;
		font-size: 16px;
		}
		
		h3 {
			margin: 0 0 8px 0;
			font-size: 18px;
			}

			
			h4 {
				margin: 0 0 6px 0;
				font-size: 11pxm;
				}
					
				h5 {
					margin: 0 0 4px 0;
					font-size: 9pxm;
					}

		#left-wrap h3 {
				margin: 10px 0px 0px 30px;
				}




div#home h2 a:link, div#content h2 a:link {
	color: #000;
	background-color: transparent;
	border-bottom: solid 1px #BF191F; /* P:1; */
	}

div#home h2 a:visited, div#content h2 a:visited {
	color: #000;
	font-size: 14px;
	background-color: transparent;
	border-bottom: solid 1px #BF191F; /* P:1; */
	}

div#home h2 a:hover, div#content h2 a:hover {
	color: #BF191F; /* P:1; */
	font-size: 14px;
	background-color: transparent;
	border-bottom: solid 1px #000; /* P:1; */
	}

div#home h2 a:active, div#content h2 a:active {
	color: #BF191F; /* P:1; */
	font-size: 14px;
	background-color: transparent;
	border-bottom: solid 1px #000; /* P:1; */
	}


/* Paragraph Links */

div#home p a:link, div#content p a:link {
	color: #333; /* P:F; */
	text-decoration: none;
	border-bottom:  1px dashed #000; /* P:1; */
	}

div#home p a:visited, div#content p a:visited {
	color: #333; /* P:F; */
	text-decoration: none;
	border-bottom:  1px dashed #000; /* P:F; */
	}


div#home p a:hover, div#content p a:hover {
	color: #000; /* P:4; */
	background-color: #e6e6e6;
	text-decoration: none;
	xborder-bottom:  1px solid #4d4d4d; /* P:1; */
	}

div#home p a:active, div#content p a:active {
	color: #000; /* P:F; */
	text-decoration: none;
	border-bottom:  1px solid #4d4d4d; /* P:F; */
	}



/* Block Level */

p {
	margin: 0px 0px 20px 0px;
	color: #333; /* P:3; */
	font-size: 11px;
	line-height: 19px;
	}

blockquote {
	margin: 0px 20px 15px;
	padding: 5px;
	font-size: 11px;
	background-color: #eee;
	}
	
fieldset {
	margin: 0px 20px 15px;
	padding: 5px;
	font-size: 11px;
	background-color: #eee;
	}

pre {
	margin: 0px 20px 15px;
	padding: 5px;
	}



ol {
	margin: 0 0 15px 40px;
	}

	ol li {
	color: #333; /* P:3; */
	font-size: 11px;
	line-height: 19px;
	}

ul {
	margin: 0 0 15px 40px;
	color: #333; /* P:4; */
	font-size: 11px;
	line-height: 19px;
	}

	ul li {
		list-style-type: square;
		color: #333; /* P:3; */
		font-size: 11px;
		line-height: 19px;
		}


dl {
	margin: 0 0 15px 40px;
	}

dt {}

dd {}



/* Table */

table {
	margin: 0px 0px 15px 0px;
	background-color: #e6e6e6;
	font-size: 12px;
	width: 100%;
	}

caption { text-align: left; margin-bottom: 5px; }

tr {}

table thead {
	background-color: #333;
	color: #fff;
	}
	
	thead td {
		color: #fff;
		}
	
td {
	padding: 5px;
	font-family: Furura, Arial, Helvetica, sans-serif;
	font-size: 92.5%;
	border: solid 1px #fff;
	}


tbody {
	padding: 5px;
	border: solid 1px #fff;
	background-color: inherit;
	}

tfoot {
	padding: 5px;
	border: solid 1px #fff;
	background-color: #inherit;
	}

/* Form */

form {
	xborder: solid 1px #000;
	}

input {
	width: 200px;
	border: solid #666;
	border-width: 1px;
	background-color: #fff;
	}

select {
	width: 200px;
	border: solid #666;
	border-width: 1px;
	background-color: #fff;
	}
	
	option {}






form#commentform label {
	padding: -3px 0 0 20px;
	color: #000;
	}

form#commentform input#submit {
	width: auto;
	}


form#commentform textarea {
	width: 400px;
	height: 200px;
	border: solid #666;
	border-width: 1px;
	background-color: #fff;
	}


em { font-style: italic; }
strong { font-weight: bold; }
del { text-decoration: line-through; }
ins { text-decoration: underline; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
acronym { border-bottom: dotted 1px #000; }
hr { border-bottom: solid 1px #000; }

abbr {
	text-decoration: none;
	font-weight: normal;
	}
	


/* ***** ***** ***** ***** ***** ***** Classes */


div.entry img {
	float: right;
	margin: 20px 0px 20px 20px;
	border: solid 1px #726D69; /* P:3; */
	}
	
div.gallery img {
	float: none;
	margin: 0px 20px 20px 0px;
	border: solid 1px #726D69; /* P:3; */
	}


/* onewebsite classess */


span.highlight-black { xbackground-color: #000; color: #000; font-weight: bold; }
span.highlight-blue { background-color: #b2bec6; /* PALLET:SECONDARY; */ color: #666; padding: 0 3px; }
span.highlight-grey { background-color: #ccc; color: #000; }


/* Inline */
.download {
	padding: 0 0 0 20px;
	background-color: #e0e0e0;
	background-image: url(http://www.lakefrontpropertyforsale.net/sitemanager/wp-content/themes/lfpfs_theme/images/arrow_down.png);
	background-repeat: no-repeat;
	}

.warning {
	color: #ff0000;
	}


.highlight {
	background-color:#ccff00;
	}



.subdued {}

.aside {}

.blockquote {}



/* Block Level */

.question-block {
	margin: 30px;
	background-color: #cef;
	}
	
.answer-block {
	margin: 30px;
	background-color: #cef;
	}
	


/* ***** ***** ***** ***** ***** ***** Objects */

/* ***** ***** ***** Navigation */


/* Nav Side Left */

ul#nav-side-left {
	margin: 0px 0px 30px 30px;
	padding: 0 0 0px 0;
	width: 200px;
	list-style: none;
	background-color: #1180c5; /* P:1; */
	font-size: 11px;
	background-position: bottom;
	background-repeat: no-repeat;
	xheight: 400px;
	}
	
	ul#nav-side-left li {
		padding: 5px 10px;
		color: #000;
		display: block;
		list-style: none;
		border-bottom: 1px solid #000; /* P:3; */
		}
		
		ul#nav-side-left li:hover {
			display: block;
			color: #333;
			background-color: #999; /* P:3; */
			border-bottom: 1px solid #000; /* P:3; */
			}
		
		ul#nav-side-left li a {
			display: block;
			xwidth: 138px;
			xpadding: 5px 10px;
			color: #fff; /* P:F; */
			background-color: inherit;
			text-decoration: none;
			}
			
			ul#nav-side-left li ul li a {
				xbackground-color: #cef;
				}
				
			ul#nav-side-left li ul li:hover {
				background-color: #BF191F; /* P:1; */
				}
				
		ul#nav-side-left li.current_page_item, ul#nav-side-left li.current-cat {
			color: #333;
			background-color: #e6e6e6;
			text-decoration: none;
			border-bottom: 1px solid #000; /* P:3; */
			}
			
		ul#nav-side-left li.current_page_item a, ul#nav-side-left li.current-cat a {
			color: #333;
			}
			
		ul#nav-side-left li.current_page_item a:hover, ul#nav-side-left li.current-cat a:hover {
			xcolor: #333;
			xbackground-color: #ccc; /* PALLET:GREY; */
			xborder-bottom: 1px solid #000; /* P:3; */
			}
			
			
/* Nav Super */
ul#nav-super {
	float: right;
	margin: 5px 10px 0px 0px;
	padding: 0px;
	list-style: none;
	}
	ul#nav-super li {
		display: inline;
		}
		ul#nav-super li a {
			xmargin: 0 8px;
			color: #fff; /* P:0; */
			font-size: 12px;
			text-decoration: none;
			}
		ul#nav-super li a:hover {
			color: #e6e6e6;
			}
			
			
/* Nav Footer */
ul#nav-footer {
	margin: 7px 0px 0px 30px;
	color: #000;
	background-color: inherit;
	font-size: 12px;
	list-style: none;
	}
	
	ul#nav-footer li {
		margin: 0px 30px 0px 0px;
		display: inline;
		}
		
		ul#nav-footer li a {
			color: #000;
			background-color: inherit;
			text-decoration: none;
			}
			
		ul#nav-footer li a:hover {
			color: #333;
			background-color: inherit;
			}

/* Logo / Wordmmark */

h1#logo-wordmark {
	padding: 20px 0px 0px 30px;
	}
	
	
h1#no-logo-wordmark {
	margin: 0px;
	padding: 12px 0px 0px 30px;
	color: #fff;
	font-size: 36px;
	}

	h1#no-logo-wordmark a {
		text-decoration: none;
		color: #fff;
		}

	h1#no-logo-wordmark a:link {
		color: inherit;
		}
		
/* Onewebsite Marketing */
	
div#foot-wrap p#onewebsite {
	float: right;
	margin: 0px 5px 0px 0px;
	color: #726D69; /* P:3; */
	background-color: inherit;
	}
	
	p#onewebsite a:link { color: #726D69; /* P:3; */ text-decoration: none; }
	p#onewebsite a:visited { color: #726D69; /* P:3; */ text-decoration: none; }
	p#onewebsite a:hover { color: #2D3D4B; /* P:3; */ text-decoration: none; }
	p#onewebsite a:actvie { color: #2D3D4B; /* P:3; */ text-decoration: none; }
	
/* Tagline */

p#tagline {
	float: left;
	margin: 4px 0px 0px 30px;
	color: #fff;
	font-family: Lucida Grande, Verdana;
	font-size: 12px;
	font-weight: bold;
	}			

/* Search */
div#search {
	float: right;
	margin: 4px 10px 0px 0px;
	font-family: Lucida Grande, Verdana;
	font-size: 12px;
	}
	
	div#search input {
		width: 100px;
		border: solid 1px #000;
		}
	
	div#search label {
		color: #fff;
		}
	
	div#search input#search-submit {
		background-color: #333;
		color: #fff;
		width: 50px;
		border: none;
		}
	
		
table#contact-us textarea {
	background-color: #fff;
	border: solid 1px #333;
	width: 250px;
	height: 75px;
	}
	
table#contact-us input {
	background-color: #fff;
	border: solid 1px #333;
	width: 250px;
	height: 16px;
	}
	
table#contact-us input#contact-submit {
  background-color:#333333;
  border:medium none;
  color:#FFFFFF;
  width:75px;
}

table#contact-us tr.sub-heading td {
  background-color:#a2bccc;
  font-weight: bolder;
}