/*
Theme Name: cherokeeTrucks
Theme URI: http://www.cherokeetruck.com
Description: Wordpress theme designed exclusively for Cherokee Truck Equipment.
Version: 1.0
Author: Leslie Smith
Author URI: http://www.heronco.com

	Cherokee Trucks 1.0

	This theme was custom-designed for Cherokee Truck Equipment
    by The Heron Company: http://www.heronco.com
	
*/

body {
	margin:0;
	padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
height:100%;
	}

#outerwrapper {
	background: #FFF url(images/rightSide-background.jpg) repeat-y right top;
height:100%;
}

#rightbars {
	float:right;
	width: 300px;
	}
	
#blackbar {
	height:42px;
	background-color:#000;
	border-bottom:#FFF 5px solid;
	border-right: none;
	}
#redbar {
	height:15px;
	background-color:#C00;
	border-bottom:#FFF 5px solid;
	}
#outerwrapper #rivetedwrapper {
	background: url(images/rivet.gif) repeat-y top right;
	margin-right: 270px;
	padding-right: 42px;
	min-width:850px;
	min-height:550px;
	height:100%;
	background-color:#FFF;
	}

#leftblackbar {
	height:15px;
	background-color:#C00;
	border-bottom:#FFF 5px solid;
	margin-right: -42px; /* to account for padding in rivetedwrapper div */
	}

#header {
	border-right: #FFF solid 4px;
	border-top: #FFF solid 4px;	background-color: #b5babc;
	height: 150px;
	padding-left:20px;
	margin-right: -12px; /* to account for padding in rivetedwrapper div */
	margin-top: -30px;
	min-width:830px;
	}
#flash {
	float: right;
	margin: -21px -4px 0 8px;
	width:222px;
	}
.headerAddress {
	float:right; 
	text-align:right; 
	margin: 10px; 
	padding:4px; 
	font-weight:bold; 
	font-size:9pt
	}
	
.headerPhone {
	font-size: 12pt;
	font-weight:bold;
	}

#headerBase {
	margin: 0;
	height: 27px;
	background-image: url(images/headerBase.gif);
	margin: 0 -12px 0 0;
	background-color:#FFF;
		}

#content {
	background-color:#FFF;
	margin: -5px -12px 0 0;
	padding-right: 0;
	min-width:850px;
min-height:650px;	}

#footer {
	margin: 0;
	padding: 20px;
	text-align: left;
	font-size: 9pt;
	font-style:italic;
	clear:both;
	margin-top: -4px;
	}
/*styles from original - narrow - Wordpress layout */

#contentSide {
	float: right;
	width: 300px;
	background-color: #FFF;
	line-height: 160%;
	}
	
#contentMain {
	margin-right: 20px;
	padding-right: 42px;
	}
	
#contentSingle {
	background-color:#FFF;
	margin-left: 12px;
	margin-right: 30px;
	float: left;
	background-color:#FFF;
	margin-left: 0;
	margin-right: 0;
	padding-right:12px;
	padding-left:8px;
	float: left;
	}
	
#adBox {
	width: 250px;
	padding: 5px 25px 12px 25px;
	background-color: #ccc;
	text-align:center;
	}
#subnavBox {
	width: 250px;
	padding: 5px 25px 12px;
	background-color: #ccc;
	text-align:left;
	line-height:130%;
	}
#subnavBox ul {
	list-style:none;
	padding: 0 0 8px 0;
	margin: 0;
	line-height:140%;
}
small {
	line-height:110%;
	padding: 0;
	}
.rightPadding {
	padding-right:8px;
	background-color:#FFF;
	}
	
p {
	margin-left: 12px;
	margin-bottom: 0;
}

h1 {
	margin-left: 12px;
	color:#C00;
	}

h2 {
	margin-left: 12px;
	font-size: 14pt;
	font-style: italic;
	color: #C00;
	margin-bottom: 0;
	padding-bottom: 0;
	}

h3 {
	margin-left: 12px;
	margin-bottom: 0;
	padding-bottom: 0;
	}
h4 {
	font-size:10pt;
	font-weight:bold;
	color:#CC0000;
	padding: 0;
	margin: 0;
	}
a, a:visited {
	color: #C00;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica;
	text-decoration:none; 
	}

a:hover {
	color: #666;
	}

img.alignright { float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img {border: none; }
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.rivetright {text-align:right; width: 100%; margin:4px 0 8px 0}
.rivetleft {text-align:left; width: 100%; margin:4px 0 8px 0}
a img.thumbnail {margin: 4px 8px 0 12px; }


/*Navigation Bar */
*:first-child+html #navbar li:hover, #topmenu li.hover {
    position:static;
    }
	
#navbar a, #navbar a:visited, #navbar a:link, #navbar a:active {
	color: #000;
	font-size: 8pt;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica;
	text-decoration:none; 
	padding-right: 18px;
	line-height: 25px;
	}

#navbar a:hover {
	color: #C00;
	}
#navbar a, #navbar a:visited {
	color: #000;
	font-size: 8pt;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica;
	text-decoration:none; 
	padding-right: 18px;
	line-height: 25px;
	}

#navbar a:hover {
	color: #C00;
	}
#nav, #nav ul {
	float: left;
/*    width: 910px;
*/	list-style: none;
/*	background: #F63;
*/	padding: 0;
	margin: 0 0 0 0;	
/*	border-bottom: 2px inset #039;
*/}

#nav a {
	display: block;
	color: #000;
	text-decoration: none;
	padding: 0 2px 2px 0;
	font: bold 10pt Verdana, Arial, Helvetica, sans-serif;
	line-height: 110%;
	text-transform: uppercase;
	text-decoration: none;
}

/*#nav a.arrow {
	background: url(images/arrow.gif) right no-repeat;
}*/

#nav li {
	float: left;
	padding: 0;
	width: auto;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 19em;
	w\idth: 18.8em;
	margin: -2px 0 0 0;
	padding: 0;
	background-color: #b5babc;
	padding: 0 5px 4px 0;
	font: bold 10pt Verdana, Arial, Helvetica, sans-serif;
	line-height: 120%;
	padding-left: 4px;
}

#nav li li {
	padding-right: .25em;
	width: 19em;
	line-height: 105%;
	padding-bottom: 2px;
}

#nav li ul a {
	width: 19em;
	w\idth: 18.8em;
	text-transform: capitalize;
}

#nav li ul ul {
	margin: -2.2em 0 0 14em;
	background-color:#CCC;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
/*	background: #039;
*/}

#content {
	clear: left;
}
/*end nav bar */
