/*---// core //---*/

@font-face {
	font-family: 'LacunaRegularRegular';
	src: url('http://drive18wheeler.com/styles/fonts/lacuna.eot');
	src: local('Lacuna Regular Regular'), local('LacunaRegular'),
	url('../styles/fonts/lacuna.woff') format('woff'),
	url('../styles/fonts/lacuna.ttf') format('truetype'),
	url('../styles/fonts/lacuna.svg#LacunaRegular') format('svg');
	}

@font-face {
	font-family: 'LacunaItalicRegular';
	src: url('http://drive18wheeler.com/styles/fonts/lacuna-italic.eot');
	src: local('Lacuna Italic Regular'), local('LacunaItalic'),
	url('../styles/fonts/lacuna-italic.woff') format('woff'),
	url('../styles/fonts/lacuna-italic.ttf') format('truetype'),
	url('../styles/fonts/lacuna-italic.svg#LacunaItalic') format('svg');
	}

html, body {margin:0px; padding:0px; background: #0b0d0c url('http://drive18wheeler.com/images/template/pavement.png') center top repeat-y;}

img {border: 0;}

body, td, th, textarea, input, select {
    font: 16px 'Droid Sans', 'LacunaRegularRegular', 'Lucida Grande', Verdana, Arial, sans-serif;
    color: #000;
    line-height: 1.4;
    letter-spacing: -1px;
    }

a:link, a:visited, a:active {
  color: #993300;
  text-decoration: none;
}

a:hover {
  color: #990000;
  text-decoration: underline;
}

p {
    margin-bottom: 1em;
}

dt {
  color: #333333;
  font-weight: bold;
  font-size: 15px;
}

fieldset {
  border: none;
  margin: 5px;
  padding: 5px;
}

ul {list-style: square outside; color: #9d4727;}

ul.terms {font-size: 14px; color: #000;}

ol.terms {font-size: 14px;}

label {
  cursor: pointer;
}

.left {float: left;}
.right {float: right;}

#floater_l {
  float: left;
  padding-left: 23px;
  width: 435px;
}

#floater_r {
  float: right;
  width: 230px;
  margin-left: 10px;
  margin-right: 30px;
}


#wrapper {width:960px; margin:-10px auto 0 auto; padding-top: 8px; background: url(http://drive18wheeler.com/images/template/chrome-bg.png) repeat-y; overflow:hidden;}


/* HEADER */
#header {width:100%;height:241px;background: url(http://drive18wheeler.com/images/template/header-bg.png) repeat-x;position: relative;z-index: 2;}

	#mainHeader {width:1002px;height:209px;background: url(http://drive18wheeler.com/images/template/header2.jpg) center no-repeat;margin: 0 auto 0 auto;position: relative;}
	
	#loginBox {width:317px;height:36px;background: url(http://drive18wheeler.com/images/template/login-bg.png) no-repeat;position:absolute;top:0;right:150px;}

		#loginBox .login {padding: 3px 5px 0 5px;}

		#loginBox .login input {width:89px;height:14px;font: 12px 'Droid Sans', 'Lucida Grande', Verdana, Arial, sans-serif; padding:0;}
	
		#loginBox .login label {font: 12px 'Droid Sans', 'LacunaRegularRegular', 'Lucida Grande', Verdana, Arial, sans-serif; letter-spacing: -1px;color: #fff;margin-left:2px;}

	#headerText {width:400px;margin-left: 590px;padding-top: 38px;}

	#headerText h1 {font: 33px 'LacunaRegularRegular', 'Lucida Grande', Verdana, Arial, sans-serif;color: #9d4727;letter-spacing: -3px;font-weight: 900;}
	
	#headerText h2 {font: 24px 'LacunaRegularRegular', 'Lucida Grande', Verdana, Arial, sans-serif;color: #fff;letter-spacing: -1px;line-height: 26px;}

/* CONTENT COLUMNS */
#columnLeft {width: 250px; padding: 10px 6px 10px 12px; float:left;}

#columnCenter {width: 450px; padding: 10px 6px 10px 6px; float:left;}

#columnRight {width: 204px; padding: 10px 20px 10px 6px; float:right;}

	.banners {text-align: center;}

	.banners img {margin-bottom: 0;}
	
	.banners p {margin-top: 24px;}
	
	img.left {float: left; margin-right: 10px;}
	
	.block2 {height: 100px; padding: 17px 0 6px 0;}
	
	.block2 img.left {float: left;}
	
	.block2 img.right {float: right;}
	
	.block3 img {margin-bottom: 8px;}

/*---// sub-page columns //---*/

	.left_column {
		width:640px;
		margin:10px 0 10px 10px;
		padding:20px;
		background:#fff;
		border: 1px #000 solid;
		float:left;
		display: inline;
		min-height: 753px;
		}
		
	.left_column p, .full_column p {
	  	font-size: 16px;
	  	}

	.left_column h1, .full_column h1 {
	  	color: #333333;
	  	font-weight: bold;
	  	font-size: 30px;
	  	margin: 0px;
	  	padding: 0px 0px 0px 0px;
	  	}

	.left_column h2, .full_column h2 {
	  	color: #333333;
	  	font-weight: normal;
	  	font-size: 20px;
	  	margin-bottom: 0px;
	  	}

	.left_column h3, .full_column h3 {
	  	color: #333333;
	  	font-weight: bold;
	  	font-size: 16px;
	  	margin: 0px;
	  	padding: 0px 0px 0px 0px;
	  	}

	.left_column h4, .full_column h4 {
	  	color: #333333;
	  	font-weight: normal;
	  	font-size: 14px;
	  	margin: 0px;
	  	padding: 0px 0px 0px 0px;
	  	}

	.left_column h5, .full_column h5 {
		color: #666666;
	  	font-size: 12px;
	  	margin: 0px;
	  	padding: 0px 0px 0px 0px;
		}

	.left_column h6, .full_column h6 {
		color: #333333;
		font-weight: normal;
		font-size: 15px;
		margin: 0px;
		padding: 0px 0px 5px 0px;
		}

	.left_column hr, .full_column hr {
  		border: none 0;
  		border-top: 1px solid #333333;
  		height: 1px;
  		margin: 10px auto 0 0;
  		text-align: center;
  		width: 100%;
		}

	.right_column {
		width:200px;
		margin:10px 20px;
		padding:12px;
		background: #2e2e2e;
		border: 1px #000 solid;
		float:right;
		display: inline;
		}

	.full_column {
		width: 940px;
		margin: 10px;
		}

/*--// LOG-IN BOXES //---*/
	
.loginBox {width: 204px;	height: 140px;	background: #000; border: 1px solid #eee; margin-bottom: 10px;}

	.loginBox h2 {color:#fff; font-size: 1.1em; text-transform: uppercase; margin: 8px 15px 8px 10px; padding: 0; font-weight: bold;}
	.loginBox a {color: #9d4727;}
	.loginBox a:hover {color: #acacac;}
	.loginBox h3 {color: #fff; font-weight: bold; font-size: 0.8em; margin: 0 0 16px 10px;}
	.loginBox p {margin: 0;}
	.loginBox p.member {font-size:0.8em; color: #acacac; margin-left: 15px;}
	.loginBox p a {color:#acacac;}
	.loginBox p a:hover {color: #fff;}
	.loginBox p.right {float:right; font-size: 0.7em; color: #fff; margin: 0 15px 0 0; text-align:right; line-height: 1.3em;}
	.loginBox label {width: 30px; float:left; color: #fff; font-size: 0.7em; margin: 0 0 0 15px;}
	.loginBox input {width:110px; float:right; height:14px;font: 0.7em 'LacunaRegularRegular', Lucida Grande, Verdana, Arial, sans-serif; padding:0; margin:0 15px 10px 10px;}

	input.loginButton {width: 60px; height: 25px; padding-bottom: 0.2em; background: #9d4727; border: 1px solid #acacac; color: #fff; font-size: 0.7em; margin-left: 15px; float:left;}

/*---// HOME PAGE MENU BOX //---*/

.menuBox {width: 250px; background: #000; border: 1px solid #eee; margin-bottom: 7px;}

	.menuBox h2 {margin: 15px 15px 0 15px; font-size: 1.2em; font-weight: bold; color: #9d4727;}

	.menuBox ul {color:#fff; font-size: 1.1em; margin: 0 20px; padding: 0; list-style: none; list-style-position: outside;}
	.menuBox li {border-bottom: 1px solid #acacac;line-height: 1.5em;}
	.menuBox li:last-child {border-bottom: none;}
	.menuBox li a {padding: 5px; color:#fff;}
	.menuBox li a:hover {color: #9d4727; text-decoration: none;}
	
	.menuBox img {margin: 40px 15px 15px 15px;}
	
/*---// APPLICATION FEATURED BOX //---*/

.application {width:450px; height: 225px; background:#fff; border:1px solid #9d4727; margin: 0 auto; overflow: hidden; padding-bottom: 16px;}
.application h1 {color: #9d4727; font-size: 1.7em; font-weight: bold; margin-bottom: 20px; text-align: center;}
.application h3 {margin: 0 0 5px 20px; font-weight: normal; font-size: 1.2em;}
.application ul {font-size: 1em; list-style-type: none; margin: 10px 0 0 -15px;}
.application ul li {float: left; border-right: 1px solid #4e4e4e; padding: 0 0.4em; margin-top: 25px;}
.application ul li.last {border: none;}
.application span {color: #9d4727; font-weight: normal; font-size: 1.2em;}
.application p.button {margin-top: 15px; text-align:center;}
.application p {padding: 0 15px; color: #383838; letter-spacing: normal;}

.h1-caps {color: #9d4727; font-size: 1.5em; text-transform: uppercase;}

.filter {width: 255px; float: left; margin-top: -20px;}
.filter h2 {font-size: 1.1em; margin-bottom: 10px;}
.filter form select {font-size: 0.9em;}

/*--// SUB-PAGE MENU //--*/

#menu_holder { background: #000; border-top: 2px solid #fff; border-bottom: 2px solid #fff; height:30px; padding-top:8px; width: 951px; margin-top: -5px;}

	#nav {font-family: 'Droid Sans', 'LacunaRegularRegular', 'Lucida Grande', Verdana, sans-serif; color: #fff;}

	#nav, #nav ul { 
		padding: 0;
		margin: 0;
		list-style: none; 
		z-index: 200;
		}

	#nav a {
		display: block;
		padding-top: 4px;
		padding-bottom: 4px;
		padding-left: 12px;
		padding-right: 12px;
		z-index: 200;
		color:#fff;
		}

	#nav a:hover {
		background: #acacac;
		text-decoration: none;
		}

	#nav li { 
		float: left;
		}

		#nav li ul { 
			position: absolute;	
			left: -999em; 
			margin: 0px;
			padding: 0px;
			list-style: none;
			width: 70px;
			}

		#nav li ul a {
			background: #000;
			display: block;
			padding: 5px;
			border-left:1px solid #fff;
			border-right:1px solid #fff;
			border-bottom:1px solid #fff;
			width: 180px;
			}

		#nav li:hover ul, #nav li.sfhover ul {
			left: auto;
			}

		#nav li ul li.sfhover ul a {
			display: block;
			left: auto;
			}

		#nav li a:hover {
			color:White;
			}

		#nav li ul ul {
			margin: -25px 0 0 100px;
			}


	/* Third level menu */

	/* Displays menu on mouse over */
		#nav li ul li:hover ul a {
			display: block;
			}

	/* Moves the menu to be just left of parent menu */
		#nav li ul li ul {
			margin-left: 160px;
			}

		#nav li ul li ul li a {
			display: none;
			}

/*--// END SUB PAGE MENU //--*/


.bottom-banners {width: 960px; clear: both; margin-bottom: 12px;}

.bottom-banners img {float: left; margin: 0 0 12px 30px;}


/* FOOTER */
#lower_page {width: 100%; height:150px; background: #000; border-top: 1px solid #fff; letter-spacing: normal;}

.links a img {margin: 12px 0 0 12px; padding: 8px; border: 1px solid #ddd;}

.clear { clear:both; }

.truckstop_sort {
	width: 300px;
	padding: 10px 20px;
	background: #eee;
	border: 1px solid #000;
	margin: 20px;
	}

.ts_name {margin: 10px 20px;}

#ts_detail {margin: 15px 20px;}

	#ts_detail h2 {font-size: 1.3em; font-weight: bold; margin-bottom: 8px;}
	#ts_detail p {font-size: 1.1em; margin-bottom: 12px; padding-left: 12px;}

.paginate {margin-top: 15px; border-top: 1px solid #000; padding-top: 5px;}

/*---// custom //---*/

.author_avatar { background:url("http://drive18wheeler.com/site_media/core_images/css_images/css_avatar.gif") center no-repeat; padding:10px; }

.hide {display: none;}
.float_left {float:left; width:576px;}
.float_right {float:right; width:384px;}

.comment_wrapper { width: 475px; margin:12px;}
.comment_body { width:370px; float: left;}
.comment_avatar_float { float:right;}

.comment_avatar { background:url("http://drive18wheeler.com/site_media/core_images/css_images/css_avatar.gif") center no-repeat; padding:25px; }

.admin_comment { padding:10px; background:#d5cfb7; }
.comment_box { padding:10px; background:#e3dab8; }
.comment_box_alt { padding:10px; background:#e6d59a; }

/*---// left coll modules //---*/

.module_left_basic { width:580px;  margin:10px; padding:20px; background:#fff; border: 1px #000 solid; overflow: hidden;}
.module_left_basic p, .module_left_basic_alt p { font-size: 16px;}
.module_left_basic_alt { width:595px;  margin:10px; padding:12px; background: #fff; border: 1px #000 solid; }

/*---// rigt coll modules //---*/

.module_right_basic { width:335px;  margin:10px; padding:12px; background: #fff; border: 1px #000 solid; }
.module_right_basic_alt { width:340px;  margin:10px; padding:12px; background: #fff; border: 1px #000 solid; }

/* login module */
#login { height:35px; text-align:right; background:#000000; }
#loginx { background:#000000; text-align:right; }

/* lower page */
#lower_top_row { height:135px; padding:5px; width:920px; margin: auto; padding-top:50px;} 
#lower_bottom_row { height:70px; padding:5px; width:920px; margin: auto; padding-top:10px; }

/* Forms */
.buttonMode {
	background-color: transparent;
	color: #73769D;
	font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
	font-size: 10px;
	white-space: nowrap;
	}

.htmlButtonOutter, .htmlButtonOutterL {
	background-color: #f6f6f6;
	border-bottom: #333 1px solid;
	border-right: #333 1px solid;
	border-top: #333 1px solid;
	padding: 0;
	}

.htmlButtonOutterL {
	border-left: #333 1px solid;
	}

.htmlButtonInner {
	background-color: transparent;
	border-bottom: #ccc 1px solid;
	border-left: #fff 1px solid;
	border-right: #ccc 1px solid;
	border-top: #fff 1px solid;
	padding: 0 3px 0 3px;
	text-align: center;
	}

.htmlButtonOff {
	font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 2px 2px 2px;
	white-space: nowrap;
	}

.htmlButtonOff a:link {
	color: #000;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonOff a:visited {
	text-decoration: none;
	}

.htmlButtonOff a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonOff a:hover {
	color: #999;
	text-decoration: none;
	}

.htmlButtonOn {
	background: #f6f6f6;
	font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 2px 2px 2px;
	white-space: nowrap;
	}

.htmlButtonOn a:link {
	color: #990000;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonOn a:visited {
	text-decoration: none;
	}

.htmlButtonOn a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonOn a:hover {
	color: #999;
	text-decoration: none;
	}

.htmlButtonA {
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 3px 3px 3px;
	white-space: nowrap;
	}

.htmlButtonB {
	background: #E1E3EC;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 3px 3px 3px;
	white-space: nowrap;
	}

.htmlButtonA a:link {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonA a:visited {
	text-decoration: none;
	}

.htmlButtonA a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonA a:hover {
	color: #999;
	text-decoration: none;
	}

.htmlButtonB a:link {
	color: #990000;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonB a:visited {
	text-decoration: none;
	}

.htmlButtonB a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonB a:hover {
	color: #999;
	text-decoration: none;
	}

/* ads */

.ad_sidebar {
  	padding: 26px 35px 25px 36px ;
  	background-image: url(http://drive18wheeler.com/site_media/core_images/css_images/ad_background.jpg);
  	background-repeat: no-repeat;
  	text-align: center;
	}

/* Random */
#home_video {width:450px; margin: 10px auto; background: #000; border: 1px solid #000;}

#player {margin: 0 auto;}
.dspace { background:url(http://drive18wheeler.com/site_media/core_images/site_images/beige_seperator.gif) left top no-repeat; width:525px; height:75px; padding:0px; }

/* Comments */
.comnum {
  float: left;
  width: 15px;
  padding-left:3px;
  padding-right: 5px;
  font-weight: bold;
  color: #FFF;
  background-color: #cccccc;
}

.comnum a:link, .comnum a:visited, .comnum a:active, .comnum a:hover {
  color: #FFF;
  text-decoration: none;
}


/*ENTRY*/

#article_entry h4 { padding:5px; }
#article_entry p { padding:5px; display:block; }
#article_entry { padding:12px; background-color:#f3eac9; }
#article_entry  h2 { font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; }
#article_entry  h3 { font-size:20px; color:#996600; font-family:Georgia, "Times New Roman", Times, serif; }

/* Login */
#login a:link, #login a:visited, #login a:active, #login a:hover {
  color: #FFF;
  text-decoration: none;
  font-size:14px;
  padding:12px;
}
#login { color:#FFFFFF; }
#loginx { color:#FFFFFF; padding:12px; }
#loginx p {  padding:8px; }
#loginx a:link, #login a:visited, #login a:active, #login a:hover { color: #ffffff; }

/*footer stuff*/
.link_icon { background: url(http://drive18wheeler.com/site_media/core_images/icons/link.png) left center no-repeat; padding-left:20px;}
#lower_bottom_row a:link, #lower_bottom_row a:active, #lower_bottom_row a:visited { color:#ffffff; }
#lower_bottom_row p { font-size:14px; text-align: center; color: #fff; line-height: normal; }
#lower_bottom_row p.site-info {font-size: 12px; margin-top: 12px;}
#lower_bottom_row h1 { font-size:18px; }
#lower_bottom_row h2 { }
#lower_bottom_row h3 { }
#lower_bottom_row ul, li { }

/*Application Styles*/
.app_label { font-weight:bold; margin-top:5px;}
.app_data { background:#ddd; padding:4px; }

/*Job Board Styles*/
.view_job {padding: 5px 0;}
h2.job_title {font-weight: bold; font-size: 24px; margin-top: 3px;}
.job_list {border-bottom: 1px solid #4e4e4e;}
	.job_list h2, .job_list h3 {font-weight: normal;}