@import url("content.css");

/* Default Page Layout */
/* LC: 0-160-10px; CC: 20-100%-20px; RC: 0-160-0px; FixedWidth: 1000px */
body { min-width: 580px; width: 1000px; }
#container { padding-left: 170px; padding-right: 200px; }
#container .column { position: relative; float: left; }
#main { padding: 20px 20px; width: 100%; }
#context { width: 160px; padding: 20px 0 10px 10px; margin-left: -100%; }
#container > #context { left: -210px; }
#services { width: 160px; padding: 20px 0; margin-right: -200px; }

/* Home Page Layout */
/* LC: 0-160-10px; CC: 15-100%-15px; RC: 0-160-0px; FixedWidth: 1000px */
body.home { min-width: 560px; width: 1000px; }
.home #container { padding-left: 170px; padding-right: 190px; }
.home #container .column { position: relative; float: left; }
.home #main { padding: 20px 15px; width: 100%; }
.home #context { width: 160px; padding: 20px 0 10px 10px; margin-left: -100%; }
.home #container > #context { left: -200px; }
.home #services { width: 160px; padding: 20px 0; margin-right: -190px; }

/*** Equal-height Columns ***/
#container { overflow: hidden; } /* We put this back for IE7 */
#Xcontainer .column {
  padding-bottom: 1001em; /* X + padding-bottom */
  margin-bottom: -1000em; /* X */
}

/*** Home Page - Center Split ***/
#main .highlights { float: left; width: 430px; }
#main .headlines { float: right; width: 179px; padding: 8px; padding-bottom: 0 }

/*** Map Page - Center Split ***/
.map #main .highlights { float: left; width: 425px; }
.map #main .headlines { float: right; width: 174px; padding: 8px; padding-bottom: 0 }

/*** Blog Page - Center Split ***/
.blog #main .highlights { float: left; width: 425px; }
.blog #main .headlines { float: right; width: 174px; padding: 0 8px; }

/*** Padding ***/
/*
Likely redundant now - to be removed
#context, #main, #services { padding-top: 10px; padding-bottom: 10px; }
*/

#container, #footer { clear: both; } /* For floats */

body {
  margin: 0; padding: 0; background: #fff; font-size: 94%;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#header .masthead { height: 1%; } /* IE */
#header .masthead p,
#header .masthead h1 { height: 1%; overflow: hidden; } /* IE? */
#header .masthead p, #header .masthead h1 { padding-top: 10px; }
#header .masthead br { display: none; }
#header .masthead p a, #header .masthead h1,
.cars #header .masthead p a, .cars #header .masthead h1 {
/* .hotels #header .masthead p a, .hotels #header .masthead h1 { */
  background: transparent url(images/roadside_logo_sm.png) no-repeat scroll 0%;
  height: 29px; width: 400px; margin: 6px 0 0 10px; padding-top: 0;
  float: left; text-indent: -9999px;
}
.hotels #header .masthead h1 {
  background: none; float: right;
  font-size: 1.3em; font-style: normal; font-weight: normal;
  text-align: right; text-indent: 0;
  width: auto; height: auto;
  padding-top: 10px; margin: 6px 10px 0 0;
}
.home #header .masthead p a, .home #header .masthead h1 {
  background: transparent url(images/roadside_logo.png) no-repeat scroll 0%;
  height: 35px; width: 484px; margin: 10px 0 0 10px; padding-top: 0;
  float: left; text-indent: -9999px;
}
/* .home used to be before the next rule. */
#Xheader .masthead h1 { padding-top: 0; margin-top: 10px; }
#header .masthead p em {
  background: transparent url(images/roadside_subhead.png) no-repeat scroll 0%;
  height: 14px; width: 367px; margin: 21px 10px 0 0;
  float: right; text-indent: -9999px;
}
.cars #header .masthead p em {
  background: transparent url(images/cars_subhead.png) no-repeat scroll 0%;
  height: 20px; width: 132px; margin: 6px 10px 0 0;
}
/*
.hotels #header .masthead p em {
  background: transparent url(images/hotels_subhead.png) no-repeat scroll 0%;
  height: 20px; width: 206px; margin: 6px 10px 0 0;
}
*/
.hotels #header .masthead p { float: left; }
.cars #header .nav ul, .hotels #header .nav ul { width: 100%; }

.blog #main .masthead { margin-bottom: 8px; }
.blog #main .masthead h1 { margin: 0; padding: 20px 0 0 0; }
.blog #main .masthead h1 a,
.blog #main .masthead h1 span {
  background: transparent url(images/trunkations_logo.gif) no-repeat scroll 0%;
  height: 35px; width: 156px; margin: 0;
  float: left; text-indent: -9999px;
}
.blog #main .masthead p {
  background: transparent url(images/trunkations_subhead.gif) no-repeat scroll 0%;
  height: 37px; width: 250px; margin: 0;
  overflow: hidden; float: left; text-indent: -9999px;
}
.blog #main .masthead br { clear: both; }

.blog #main h2.mostwanted {
  background: transparent url(images/mostwanted160.gif) no-repeat scroll 0%;
  height: 87px; width: 160px; margin: 0;
  overflow: hidden; float: left; text-indent: -9999px;
}

.creatures #main .masthead h3 {
  background: transparent url(images/roadsidecreatures_ttl280.gif) no-repeat scroll 0%;
  height: 73px; width: 280px; margin: 0;
  overflow: hidden; text-indent: -9999px;
}
.creatures #main .masthead img { float: right; }

/* background-image: url(images/header-bg.gif); background-repeat: repeat-x; */
.blog #header .masthead { padding-top: 0; overflow: hidden; }
.blog #header .masthead { height: 1%; } /* IE6 */

#header .nav { background-image: url(images/nav-bg.gif); background-repeat: repeat-x; padding-top: 14px; overflow: hidden; padding-bottom: 4px; }
#header .nav { height: 1%; } /* IE6 */
#header .nav ul { display: inline; float: left; margin-top: 4px; }
#header .nav form { display: inline; float: right; margin: 4px 10px 0 0; }
#header .nav form .text { width: 100px; margin-right: 4px; }

#footer .nav { margin-bottom: 10px; padding: 4px 0; }
#footer p { margin: 10px; }