/*
Theme Name: Offroad Boss
Theme URI: http://offroadboss.com.au/
Description: Custom Theme
Version: 1.0
Author:
Author URI: http://offroadboss.com.au/
Tags:
*/

/* BEGIN RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* END RESET */

body {
	font: 12px/200% Arial, Helvetica, sans-serif;
	color: #333;
	background: #333 url(images/bg.jpg) repeat;
}

ul {
	list-style: inside square;
}

ol {
	list-style: inside decimal;
}

/* Begin Images */
img {
	border: none;
	max-width: 100%;
}

/*	Using 'class=""' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}
/* End Images */

ul, ol {
	list-style: inside;
}

input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 3px;
}

select option.level-0 {
	font-weight: bold;
}

select option.level-1 {
	font-style: italic;
}

table {
	border-collapse: collapse;
}

table td {
	padding: 3px 10px;
	border: 1px solid #999;
}

table th {
	background: #333;
	padding: 8px 10px;
	border: 1px solid #000;
	color: #CCC;
}

div#floater {
	position: absolute;
	top: 0;
	right: 0;
}

div#page {
	width: 980px;
	margin: 0 auto;
}

div.span {
	float: left;
	width: 100%;
}

div.container {
	float: left;
	width: 100%;
}

img {
	border: none;
}

div.left {
	float: left;
}

div.right {
	float: right;
}

a {
	color: #C00;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	margin: 10px 0;
}

h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
	margin: 10px 0;
	color: #333;
	font-weight: bold;
}

h1 {
	font-size: 22px;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 16px;
}

/*************************** Gallery Category *******************************/

div.category-gallery {
	float: left;
	padding: 10px;
	margin: 10px;
	width: 270px;
	height: 175px;
	text-align: center;
	margin-right: 3px;
}

div.category-gallery div.title {
	margin: 10px 0;
}

div.category-gallery div.title a {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
}

div.category-gallery div.meta {
	font-size: 11px;
}

div.category-gallery div.meta a {
	color: #666;
	text-decoration: underline;
}

/*************************** End Gallery Category *******************************/

div.browse {
	float: left;
	width: 100%;
	text-align: center;
}

div.browsing {
	float: left;
	width: 100%;
	padding: 5px 0;
	font-size: 12px;
	text-align: center;
	color: #666;
	margin-bottom: 10px;
	border-bottom: 1px solid #CCC;
}

div.browsing a {
	color: #000;
	text-decoration: none;
}

div.browse-makes ul {
	float: left;
	width: 100%;
	list-style: none;
	color: #666;
}

div.browse-makes ul li {
	float: left;
	width: 188px;
	text-align: center;
	margin: 3px 0;
}

div.browse-makes ul li a {
	color: #000;
}

div.browse-makes ul li img {
	height: 100px;
	width: 100px;
}

div.browse-models {
	background: #999;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.browse-models div.bar {
	float: left;
	width: 100%;
	padding: 5px 0;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	background: #C00 url(images/red-bg.jpg) bottom repeat-x;
}

div.browse-models a {
	color: #CCC;
}

div.browse-models a:hover {
	
}

div.browse-models ul {
	list-style: none;
}

div.browse-models ul li {
	float: left;
	width: 100%;
}

div.browse-models ul li a {
	background: #666;
	float: left;
	width: 100%;
	display: block;
	padding: 3px 0;
}

div.browse-models ul li a:hover {
	background: #333;
}

table.items {
	width: 100%;
	margin: 20px 0;
}

table.items th {
	font-size: 12px;
	background: url(images/black-bg.jpg) center repeat-x;
}

table.items tr td {
	padding: 10px 20px;
	vertical-align: middle;
	border: 1px solid #999;
	background: url(images/bar-bg.jpg) top center no-repeat;
}

table.items td.title {

}

table.items td.title span.title {
	font-weight: bold;
}

table.items td.title span.title a {
	color: #000;
}

table.items td.image {
	text-align: center;
}

table.items td.image img {

}

table.items td.price {
	color: #C00;
	margin-left: 20px;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
}

div.item {
	float: left;
	width: 100%;
	padding: 15px 0;
	border-bottom: 1px solid #AAA;
	background: url(images/bar-bottom-bg.jpg) bottom left no-repeat;
}

div.item div.title {
	float: left;
	width: 720px;
	padding: 0 20px;
	font-weight: bold;
}

div.item div.title a {
	color: #000;
}

div.item div.image {
	float: left;
	width: 159px;
	text-align: center;
	padding: 0 10px;
	border-right: 1px solid #999;
}


div.item div.image img {
	width: 150px;
}

div.item div.title span.price {
	color: #C00;
	margin-left: 20px;
	font-weight: bold;
	font-size: 16px;
}

div.item span.category {
	font-size: 12px;
	font-weight: normal;
}

div.item span.category a {
	color: #666;
}

div#questions {
	float: left;
	width: 100%;
	background: #C00 url(images/red-bg.jpg) bottom repeat-x;
	text-align: center;
	color: #FFF;
	padding: 10px 0;
	font-size: 14px;
}

div#questions a {
	color: #FFF;
}

div.content {
	float: left;
	width: 100%;
}

div.post div.title, div.page div.title {
	font-family: "Arial Black", Gadget, sans-serif;
	font-style: italic;
	text-transform: uppercase;
	font-weight: bold;
	color: #000;
	font-size: 24px;
	background: url(images/title-bg.jpg) bottom left no-repeat;
	padding-bottom: 10px;
}

div.post div.content {
	margin-top: 10px;
}

div.post div.meta {
	color: #666;
	padding: 5px 0;
	font-size: 12px;
	text-transform: uppercase;
	float: left;
	width: 100%;
	background: url(images/title-bg.jpg) bottom right no-repeat;
}

div.post div.meta span {
	float: left;
	margin-right: 10px;
}

div.post div.title a {
	color: #333;
}

div.post div.title a:hover {
	color: #000;
}

div#thumbnails {
	float: left;
	width: 100%;
	margin: 5px 0;
}

div#thumbnails div.thumbnail {
	float: left;
	margin: 2px;
}

div#thumbnails div.thumbnail a {
	float: left;
	border: 1px solid #F2F2F2;
	padding: 2px;
}

div#thumbnails div.thumbnail a:hover {
	border: 1px solid #CCC;
}

div.post div.date {
	font-size: 18px;
	color: #C00;
	text-transform: uppercase;
	float: left;
	width: 100%;
	margin: 10px 0;
}

div.post div.date strong {

}

div#menu {
	background: url(images/menu-bg.jpg) center repeat-x;
	font-weight: bold;
}

ul.dropmenu, ul.dropmenu ul {margin: 0; padding: 0; list-style: none outside; position: relative; line-height: 1.5em; z-index: 50; width: 100%; font-weight: bold;}
ul.dropmenu a {display: block; padding: 14px 30px; color: #999; border-right: 1px solid #333; text-decoration: none; }
ul.dropmenu a:hover {background: #222; color: #FFF;}
ul.dropmenu li {float: left; position: relative;}
ul.dropmenu ul {position: absolute; display: none; width: 175px; top: 46px; left: -1px;}
ul.dropmenu ul a { float: left; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #222; padding: 5px 20px;}
ul.dropmenu li ul  { border-top: 1px solid #000; width: 217px;}
ul.dropmenu li ul a { background: #000; width: 175px; height: auto; float: left; }
ul.dropmenu li.current-menu-item a { color: #FFF; }
ul.dropmenu li.current-menu-parent a { color: #FFF; }
ul.dropmenu ul.sub-menu { font-weight: normal; }
ul.dropmenu ul.sub-menu li a { color: #999; }
ul.dropmenu ul.sub-menu li a:hover { color: #CCC; background: #333;}
ul.dropmenu ul.sub-menu li.current-menu-item a { color: #FFF; }
ul.dropmenu li.current-menu-item a { background: #000; }

/*
div#menu ul {
	float: left;
	width: 100%;
	list-style: none;
}

div#menu ul li {
	float: left;
	border-bottom: none;
	border-right: 1px solid #333;
	display: block;
	padding: 0 30px;
}

div#menu ul li a {
	color: #666;
	text-decoration: none;
}

div#menu ul li a:hover {
	color: #999;
}

div#menu ul li.current-menu-item {

}

div#menu ul li.current-menu-item a {
	color: #FFF;
}
*/

/*************************** Attachment Gallery *******************************/

body.attachment div.navigation {
	font-size: 12px;
}

body.attachment div.title {
	text-transform: uppercase;
	font-weight: bold;
	color: #000;
	font-size: 24px;
	background: url(images/title-bg.jpg) bottom left no-repeat;
	padding-bottom: 10px;
}

body.attachment div.thumbnails {
	float: left;
	width: 100%;
	margin: 10px 0;
}



body.attachment div.thumbnails a {
	float: left;
	display: block;
	padding: 3px;
	background-color: #999;
	margin: 10px;
	width: 100px; /* IE Fix */
}

body.attachment div.thumbnails a:hover {
	background-color: #333;
}

body.attachment div.thumbnails a.current {
	background-color: #000;
}

div.attachment {
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	text-align: center;
}

body.attachment div.description {
	float: left;
	width: 100%;
	background-color: #000;
	color: #CCC;
}

div.attachment div.left a, div.attachment div.right a {
	color: #FFF;
}

div.attachment div.left {
	position: absolute;
	top: 40px;
	left: 0;
	background-color: #000;
	padding: 5px 20px;
}

div.attachment div.right {
	position: absolute;
	top: 40px;
	right: 0;
	background-color: #000;
	padding: 5px 20px;
}

/*************************** End Attachment Gallery *******************************/

div.boxed {
	padding: 5px 10px;
	float: left;
}

div#breadcrumbs {
	color: #999;
	background: #000;
	padding: 3px 0;
}

div#breadcrumbs div.left {
	padding: 0 20px;
}

div#breadcrumbs a {
	color: #CCC;
}

div#top {
	background: url(images/top-bg.jpg) top repeat-x;
	padding: 5px 0;
}

div#top ul {
	float: left;
	width: 100%;
	list-style: none;
}

div#top ul li {
	float: left;
	border-bottom: none;
	display: block;
	padding: 0 25px;
	border-right: 1px solid #000;
}

div#top ul li a {
	color: #666;
	text-decoration: none;
}

div#top ul li a:hover {
	color: #CCC;
}

div#columns {
	background: #CCC url(images/columns-bg.jpg) top center no-repeat;
}

div.post div.caption {
	color: #999;
	font-style: italic;
	font-size: 14px;
}

div#content {
	float: left;
	width: 640px;
	padding: 20px;
	font-size: 14px;
}

div#content-wide {
	float: left;
	width: 940px;
	padding: 20px;
	font-size: 14px;
}

div.boxes {
	float: left;
	margin: 10px;
}

div#wide {
	float: left;
	width: 860px;
	padding: 0 20px;
}

div#left {
	float: left;
	width: 300px;
}

div#right {
	float: left;
	width: 300px;
}

div.sidebar {
	font-size: 12px;
}

div.sidebar div.textwidget {
	text-align: center;
}

div.sidebar div.widget_calendar div.title {
	text-align: center;
}

div.sidebar div.widget_calendar table {
	text-align: center;
	float: left;
	width: 100%;
	background-color: #666;
	color: #999;
}

div.sidebar div.widget_calendar a {
	color: #FFF;
	text-decoration: underline;
}

div.sidebar div.widget_calendar table td {
	border: 1px solid #555;
}

div.sidebar div.widget_calendar table th {
	padding: 5px 10px;
}


div.sidebar div.widget_calendar caption {
	background-color: #333;
	color: #FFF;
	padding: 5px 10px;
	font-weight: bold;
}

div.sidebar div.widget_search form {
	padding: 0 20px 10px 20px;
	float: left;
}

div.sidebar a {
	color: #666;
}

div.sidebar a:hover {
	color: #333;
}

div.sidebar ul {
	list-style: none;
	float: left;
	width: 100%;
}

div.sidebar ul li {
	padding: 8px 20px;
	float: left;
	width: 260px;
	background: url(images/bar-bg.jpg) top center no-repeat;
}

div.sidebar div.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	background: url(images/grey-bg.jpg) top repeat-x;
	float: left;
	width: 100%;
	text-align: center;
	padding: 8px 0;
}

div#footer {
	padding: 20px 0;
	font-size: 12px;
	color: #999;
	background: #333 url(images/footer-bg.jpg) top center repeat-x;
}

div#footer div.left {
	width: 380px;
	padding: 0 20px;
}

div#footer div.right {
	width: 480px;
	padding: 0 20px;
}

div#footer div.right ul {
	float: right;
}

div#footer a {
	color: #CCC;
}

div#footer ul {
	list-style: none;
}

div#footer ul li {
	float: left;
	margin: 0 5px;
}

div#footer ul li.current-menu-item {

}

div#footer ul li.current-menu-item a {
	color: #FFF;
}

div.pagination {
	text-align: center;
	float: left;
	width: 100%;
	margin: 10px 0;
	font-size: 16px;
	font-weight: bold;
}

div.pagination a {
	color: #333;
	float: left;
	display: block;
	padding: 2px 8px;
	background: #333;
	color: #999;
	font-weight: normal;
	margin-right: 2px;
}

div.pagination a:hover {
	background: #222;
	color: #CCC;
}

div.pagination a.current {
	background: #111;
	color: #FFF;
}

div.contact span.security {
	color: #FFF;
	font-weight: bold;
	padding: 2px 5px;
	background-color: #C00;
	margin-left: 10px;
	letter-spacing: 2px;
}

div.contact form input.text, div.contact form textarea.text {
	padding: 5px 10px;
	border: 1px solid #CCC;
}

div.contact form input.button {
	padding: 10px 20px;
	background: url(images/red-bg.jpg) bottom repeat-x;
	color: #FFF;
	font-weight: bold;
	border: none;
}

span.errors {
	color: #C00;
	margin-left: 20px;
}

ul.errors {
	padding: 10px 20px;
	background-color: #C00;
	list-style: none;
	margin: 10px 0;
}

ul.errors li {
	color: #FFF;
}

form label {
	font-weight: bold;
	cursor: pointer;
	color: #666;
}

form label:hover {
	color: #333;
}

ul.children {
	text-align: center;
	background: #C00 url(images/red-bg.jpg) bottom repeat-x;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	padding: 8px 0;
	color: #FFF;
	list-style: none;
}

form#category-list {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

ul.children li {
	float: left;
	padding: 3px 20px;
}

ul.children li a {
	color: #FFF;
	text-decoration: none;
}

input.button, input.add, input.more {
	background: url(images/black-bg.jpg) center repeat-x;
	padding: 3px 10px;
	border: none;
	color: #FFF;
	font-weight: bold;
}

input.button-color {
	background: url(images/red-bg.jpg) bottom repeat-x;
}

div.products {
	float: left;
	width: 190px;
	padding: 10px;
	text-align: center;
}

div.products div.title {
	color: #000;
	font-weight: bold;
	float: left;
	width: 100%;
	margin: 5px 0;
}

div.products div.title a {
	color: #000;
	font-weight: bold;
}

div.products div.price {
	color: #C00;
	font-size: 32px;
	line-height: 32px;
	float: left;
	width: 100%;
	margin: 2px 0;
}

h3#comments {
	margin: 0;
}

ol.commentlist {
	list-style: none;
	float: left;
	width: 100%;
}

ol.commentlist li {
	float: left;
	padding: 20px;
	background: url(images/bar-bg.jpg) top right no-repeat;
}

div.slideshow {
	position: relative;
	float: left;
	width: 100%;
	height: 200px;
}

div.slideshow div {
	position: absolute;
	left: 0;
	top: 0;
}

div.slideshow div.active {
	z-index: 1;
}