/*
Theme Name: WTF Theme
Theme URI: http://westerntruckfab.com/
Description: Custom Theme built for WTF.
Version: 1.0
Author: Landon Ritchie
Author URI: http://vigilsoft.net/
Tags: blue, custom header, fixed width, two columns, widgets
*/

/* Begin Typography & Colors */
html, body {
	font-size: 10px; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #000000;
	color: #ffffff;
      margin:0;
      padding:0;
      height:100%;
      border:none

	}
	
b 	{
	font-size: 10px; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #ffffff;
	font-weight: bold;

	}
	
	.red 	{
	font-size: 12px; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #ff0000;
	font-weight: bold;

	}

	
	a	{
	font-size: 10px; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #ffffff;
	font-weight: none;
	text-decoration: none;

	}	

	a:hover	{
	font-size: 10px; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #00ff00;
	font-weight: none;
	text-decoration: none;
	
	}	
	
ul
{
list-style: none;

}

li
{
list-style: none;

}
	
table.noborder { border: none ! important; }
	
table.sample {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: green green green green;
	border-collapse: separate;

}
table.sample th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: none none none none;
	border-color: green green green green;
	background-color: rgb(0, 0, 0);

}
table.sample td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: none none none none;
	border-color: green green green green;
	background-color: rgb(0, 0, 0);

}	


table.sample2 {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: green green green green;
	border-collapse: separate;

}
table.sample2 th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: none none none none;
	border-color: green green green green;
	background-color: #171717;

}
table.sample2 td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: none none none none;
	border-color: green green green green;
	background-color: #171717;

}	


table.sample3 {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: rgb(255, 255, 240);
	font-size: 12px; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #000000;
	font-weight: bold;
}
table.sample3 th {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: rgb(255, 255, 240);
	-moz-border-radius: 0px 0px 0px 0px;
}
table.sample3 td {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: rgb(255, 255, 240);
	-moz-border-radius: 0px 0px 0px 0px;
}


	
div#header
{
	font-size: 14px; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #000000 url('headerbg.jpg') repeat-x;
	height: 150px;
	color: #00ff00;
	text-align: left;
	vertical-align: text-bottom;
}

div#footer
{
	font-size: 10px; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #000000 url('footer.jpg') repeat-x;
	height: 150px;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
}	
div#wrapper
{
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: green green green green;
	border-collapse: separate;	
	height: 500px;
	min-height: 100%;
	background: #171717;
}


div#sidebar
{
	font-size: 10px; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #171717;
	height: 100%;
	width: 200px;
	color: #ffffff;
	text-align: left;
	vertical-align: text-top;
	float: left;
	min-height: 100%;
	
}	



	
		
div#content
{
	font-size: 10px; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #171717;
	height: 100%;
	
	color: #ffffff;
	text-align: left;
	vertical-align: text-top;
	margin: 2px 2px 2px 2px; 
	min-height: 100%
}		


	
#sidebar ul li li a
{
list-style: none;
display: block;
width: 141px;
height: 31px;
background: url('images/bar.png');
text-align: center;
position: relative;
left: -40px;

line-height: 2em;
font-size: 12px; /* Resets 1em to 10px */
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
color: #ffffff;

}	

#sidebar ul li li a:hover
{
background: url('images/barhover.png');
color: #ffffff;
}

.select input
{
color: #ffffff;
background: #3B3B3B;
border: 1px solid #000000;
font-family: book antiqua; 
font-size: 14px;
}
TEXTAREA
{
color: #ffffff;
background: #3B3B3B;
border: 1px solid #000000;
font-family: book antiqua; 
font-size: 14px;
}
 input
{
color: #ffffff;
background: #3B3B3B;
border: 1px solid #000000;
font-family: book antiqua; 
font-size: 14px;
}
input#s { width: 95%; }

.image
{
color: #ffffff;
background: #3B3B3B;
border: 0px solid #000000;
font-family: book antiqua; 
font-size: 14px;
}
.submit input
{
color: #ffffff;
background: #3B3B3B;
border: 1px solid #000000;
font-family: book antiqua; 
font-size: 14px;
}

/* Page Template styles */
#Page-Template, 
#Service-Bodies-Test { height: auto; }

#Service-Bodies-Test #footer,
#Page-Template #footer { 
clear: both;
border-top: 1px solid green;
}

#Service-Bodies-Test #content-section,
#Page-Template #content-section { 
margin: 0 0 0 201px; 
padding: 15px; 
height: 100%;
}

#Service-Bodies-Test #content-section h1,
#Page-Template #content-section h1 { 
color: #00ff00;
font-size: xx-large;
}

#Service-Bodies-Test #content-section hr,
#Page-Template #content-section hr { color: #00ff00; }

#Service-Bodies-Test #content-section p,
#Page-Template #content-section p { font-size: medium; }

/* Utility styles */
.no-margin  { margin: 0; }
.no-padding { padding: 0; }
.clear { clear: both; }

/* Template #1 styles */
.template-1 { 
border: 3px dotted white; 
margin-left: 200px; 
padding: 10px 10px 10px 15px;
position: relative;
}

.template-1 h1 {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 36pt;
  font-weight: bold;
  text-align: center;
  color: lime;
  padding: 10px;
}
.template-1 h2 {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 14pt;
  font-weight: bold;
  text-align: center;
border: 1px solid red;
}
.page-title {
  text-transform: uppercase;
}
.template-1 .photo {
  border: 3px ridge #66ffff;
  float: left;
  width: auto;
  margin: 0;
  padding: 0;
  margin: 0 10px 10px 0;
}
.template-1 p { margin: 0; border: 0; }
.template-1 .photo img {   border: 3px ridge #00ff00; max-width: 300px; pxadding: 10px; }

.template-1 .photo-desc {
border: 1px dotted white;
  margin-left: 354px;
  float: left;
  max-width: 550px;
  min-width: 450px;
  margin: 0;
  padding: 0;
}
.template-1 .photo-desc h3 {
	font-weight: bold;
	font-size: 14pt;
	font-family: Arial,Helvetica,sans-serif;
	text-align: center;
	padding: 0;
}

.template-1 .photo-desc ul {
	font-size: 12pt;
	font-family: Arial, Helvetica,sans-serif;
	list-style-type: square;
}
.template-1 .photo-desc ul li { list-style-type: inherit; }

.template-1 #footer { text-align: center; }

.template-1 #vendor-logos { margin: 0 auto 0 auto; width: 300px; }