/*  
Theme Name: DTF Mechanical
Theme URI:  http://www.betterimage.org.
Description: DTF Mechanical Website.
Version: 1.0
Author: Chip
Author URI: http://www.betterimage.org
*/


body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form{
margin: 0;
padding: 0;
font-weight: normal;
}


h1{
font-family: Trebuchet MS, Arial, sans-serif;
font-size: 24px;
padding: 0 0 10px 0;

text-indent: -2850px;
}


body{
	margin: 0;
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
	background: #ffffff;
	color: #000000;
background-image: url(images/background.jpg);
	background-repeat: repeat-x;
	background-position: top;
}


a:link, a:visited{
text-decoration: underline;
color: #336699;
}


a:hover{
text-decoration: none;
color: #ff0000;
}

p{
padding: 10px 0 0 0;
}


#wrapper{
margin: 0 auto 0 auto; /*setting right and left margins to auto is centerting.*/
width: 834px;
text-align: left;  


}


#header{
float: left;
width: 834px;
height: 314px;
	background-image: url(images/dtftop.jpg);
	background-repeat: no-repeat;
	background-position: center top;
overflow: hidden;
}


#top{
height: 286px;
overflow: hidden;
}

#top h3{
	font-family: Trebuchet MS, Arial, sans-serif;
margin-top: 50px;
font-size: 18px;
color: #FFFFFF;
line-height: 28px;
	font-weight: normal;
width: 520px;
}

#top ul {
	height:50px;
 clear: both;
}

#top ul {
	list-style-type: none;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0;
	padding: 0px;
	text-align: right;
}

#top li {
	margin: 0px;
	padding: 0px;
	display: inline;

}

#top a {
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin: 0;
	text-transform: uppercase;
	}

#top .page-item-8 a{
	background-image: url(images/emergencyicon.png);
	background-repeat: no-repeat;
	background-position: left;
	color: #ff0000;
}

#top .page-item-9 a{
	background-image: url(images/askicon.png);
	background-repeat: no-repeat;
	background-position: left;
}

#top .page-item-10 a{
	background-image: url(images/callicon.png);
	background-repeat: no-repeat;
	background-position: left;
}


ul#mainnavigation{
	list-style-type: none;
	margin: 0;
	padding: 0;
}


#mainnavigation li{
	float: left;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 3px;
	margin: 0;
	background-image: url(images/tabsblue_01.png);
	background-repeat: no-repeat;
	background-position: top left;
}

#mainnavigation a{
	display: block;
	padding-top: 6px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 12px;
	color: #FFFFFF;
	background-image: url(images/tabsblue_02.png);
	background-repeat: no-repeat;
	background-position: top right;
	margin: 0;
	text-transform: uppercase;
}

#mainnavigation .current_page_item{
background-image: url(images/tabswhite_01.png);
	background-repeat: no-repeat;
	background-position: top left;
color: 003366;

}

#mainnavigation .current_page_item a{

background-image: url(images/tabswhite_02.png);
	background-repeat: no-repeat;
	background-position: top right;
color: #003366;
	font-weight: bold;
text-decoration: none;

}


.more{
padding-left: 15px;
background-image: url(images/more.png);
	background-repeat: no-repeat;
	background-position: left;
}

#container{
float: left;
width: 500px;
}

.post{
padding: 25px 0 10px 0;
}

.post img {
padding: 3px;
margin-right: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #3399cc;;


}

.post h2{
font-family: Trebuchet MS, Arial, sans-serif;
font-size: 22px;
margin-top: 10px;
}

.post h3{
font-family: Trebuchet MS, Arial, sans-serif;
font-size: 16px;
margin-top: 20px;
margin-bottom: 3px;
}

.post h4{
font-family: Trebuchet MS, Arial, sans-serif;
font-size: 24px;
font-weight: vold;
margin-top: 40px;
padding-top: 30px;
	border-top-color: #9c9c9c;
	border-top-width: 1px;
	border-top-style: dotted;
margin-bottom: 3px;

}


.entry{
line-height: 18px;
}

p.postmetadata{
border-top: 1px solid #ccc;
margin: 10px 0 0 0;
}

.navigation{
padding: 10px 0 0 0;
font-size: 14px;
font-weight: bold;
line-height: 18px;
}




.sidebar{
float: left;
width: 290px;
margin-top: 25px;
margin-left: 40px;
margin-bottom: 25px;
}


li.service {
	float: left;
padding: 0;
margin-left: 0;
	margin-right: 10px;
margin-bottom: 10px;
}

.sidebar img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.sidebox {
	background-image: url(images/sidebox_02.jpg);
	background-repeat: repeat-y;
	margin: 0 0 0 4px;
	padding: 0px;
	float: left;
	width: 246px;
}
.sidebox h3 {
	background-image: url(images/sidebox_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding-top: 10px;
	padding-left: 15px;
	padding-bottom: 10px;
	color: #FFFFFF;
	font-size: 19px;

}
.sideboxbottom {
	background-image: url(images/sidebox_04.jpg);
	background-repeat: no-repeat;
	background-position: bottom;

	height: 6px;
	width: 246px;
}


.sidebar p{
margin: 10px 15px 10px 15px;
padding: 0;
line-height: 18px;
}

.sidebar ul{
list-style-type: none;
margin: 0;
padding: 0;
}

.sidebar ul li{
padding: 10px 0 10px 0;
}


.sidebar ul li h2{
font-family: Georgia, Sans-serif;
font-size: 14px;
}

.sidebar ul ul li{
padding: 0;
line-height: 24px;
}


table#wp-calendar{
width: 100%;
}


#footer{
clear: both;
height: 74px;
width: 100%;
margin-top: 20px;
text-align: center;
	background-image: url(images/backgroundfooter.jpg);
	background-repeat: repeat-x;

}

#footer a{
color: #ccffff;
}



.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;
}

.webdesign{
font-size: 11px;
}

.enhanced{

font-size: 14px;
margin-left: 0;
padding-left: 0;
}