/*
Theme Name: All American Racers
Theme URI: http://aaracers2.com
Author: Aldo Secaida
Description: A custom theme for All American Racers
Version: 1.0
License: GNU General Public License
*/
/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

@import url(css/reset.css);
@import url(css/text.css);
@import url(css/grid.css);
@import url(css/specificpages.css);

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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	line-height: 1;
}
ol{
	list-style:none;
}
ul {
	margin-left:16px;
}
li{
	padding-bottom:10px;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	vertical-align:top;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
/* =Structure
----------------------------------------------- */
html, body {
	height: 100%;
}
body {
	color:#ffffff;
	font-family: Arial, sans-serif;
	font-size:12px;
	background:#000000;
}
a{
	color:#EE000E;
	text-decoration:none;
    outline: 0 !important;
}
p{
    line-height: 22px;
    margin-bottom: 12px;
    margin-top: 7px;
    font-size: 14px;
}

h1{
	text-transform:uppercase;
	font-size:24px;
}

h2{
	text-transform:uppercase;
	font-weight:bold;
	font-size:16px;
}

h3{
	text-transform:uppercase;
	font-size:14px;
}

strong{
	font-weight:bold;
}
.alignleft{
	float:left;
	margin:0 10px 10px 0;
}
.alignright{
	float:right;
	margin:0 0 10px 10px;
}

/*--------------Structure---------------------*/
#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(images/progress.gif) no-repeat center center;}
#supersized { position:fixed; left:0; top:0px; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img{ width:auto; height:auto; position:relative; outline:none; border:none; }


#header{
	background:url(images/header.jpg) top center;
	height:161px;
	z-index:400;
	position:relative;
	width:100%;
	margin:0;
}
#wrapper{
	min-height: 100%;
	height: auto !important;
	/*height: 100%;*/
/* -matt changed below, original was-	margin: 0 auto -60px;	 */
	margin: auto;
	z-index:0;
	position:relative;
}
.push{
	height:16px;
	clear:left;
}
/* Menu */

#menu{
	padding:20px 20px;
	width:940px;
	position:relative;
	margin:3px auto 0 auto;
}
	/* remove the list style */
	#nav {
		margin:0;
		padding:0;
		list-style:none;

	}

		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#nav li {
			float:left;
			display:block;
			background:url(images/menu-sep) no-repeat top left;
			position:relative;
			z-index:99;
			margin:0;
			padding:0;
		}

		/* this is the parent menu */
		#nav li a {
			display:block;
			padding:7px 15px 8px 15px;
			text-decoration:none;
			text-transform:uppercase;
			color:#ffffff;
			font-size:14px;
			font-weight:bold;
		}
		#nav li.current-menu-item a{
			background:#D8000D;
		}

		#nav li:hover {
			background:#D8000D;
		}

		/* you can make a different style for default selected value */
		#nav a.selected {
			background:#D8000D;
		}

		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute;
			left:0;
			display:none;
			margin:0px;
			padding:0;
			list-style:none;
			border-top:1px solid #fff;
		}


		#nav li:hover ul {
			display:block;
		}


		#nav ul li {
			width:200px;
			float:left;
			padding:0 !important;
			background:#D8000D;
			border-bottom:1px solid #fff;
		}

		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block;
			padding: 8px 5px;
		}

		#nav ul li:hover {
			background:#131313 !important;
		}

#page-wrapper{
	margin:0;
	padding:20px 20px;
	width:940px;
/* -matt removed below to take the semi transparent block off all pages-	background:url(images/black.png) repeat; */

	min-height:400px;
	height:100%;
}

.post{
	width:100%;
	padding-bottom:15px;
	clear:left;
	overflow: hidden;
}

.post-thumbnail{
	width:225px;
	margin-right:20px;
	float:left;
}
.post-text{
	overflow: hidden;
}

/*--------------Structure---------------------*/
/*---------------Gallery----------------------*/

#gallery-1 {
	margin-bottom: -25px;
	margin-top: 25px;
}
#gallery-1 .gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 25%;
}
#gallery-1 img {
	border: 0px solid #cfcfcf;
	width:95%;
	heigth:95%;
}
#gallery-1 .gallery-caption {
	margin-left: 0;		
}

#gallery-1 {
  background:url('images/dark-black.png');
  padding: 40px 40px;
  width: 880px;    
}

.paginate_gallery{
	text-align:right;
	margin-right:3px;
	
	
}
.paginate_gallery span.pselect{
	padding:3px 5px;
	margin:0 2px;
	font-weight:bold;
	color:#666;
}
.paginate_gallery a{
	background:#000000;
	padding:2px 5px;
	margin:0 2px;
	font-weight:bold;
	border:1px solid #666666;
	color:#666666;
}
.paginate_gallery a:hover{
	color:#ffffff;
}
/*---------------Gallery----------------------*/
/*----------------Home Posts------------------*/

#home-wrapper{
	margin:20px 0 40px 0;
	padding: 5px 10px;
	background:url(images/black.png) repeat;
	width:400px;
	border-radius: 5px;

}
a.learn-more{
	color:#EE000E;
	text-transform:uppercase;
	font-weight:bold;
}

#home-posts{
	clear:left;
	padding:0 0 0px 0;
	width:100%;
	height:180px;
	background:url(images/home-posts-bg.png) repeat;
	font-size:12px;
  position: relative;
  z-index: 100;
}
.grid_155{
	float:left;
	width:155px;
	height:180px;
	margin:0 10px 0 0;
	background:url(images/home-post-single-bg.png) repeat;
}
.home-post-text{
  font-weight: bold;
  font-size: 110%;
	padding:10px 12px;
  height: 30px;
	overflow:hidden;
}
.home-post-lm-link{
  padding:10px 12px;
  overflow:hidden;
}
.grid_160 a.learn-more{
	margin-left:12px;
	line-height:20px;
}
/*----------------Home Posts------------------*/
/*----------------Footer----------------------*/
#footer{
	clear:left;
	padding:3px 0;
	width:100%;
/* -matt changed below, original was-	height:20px; */
	height:10px;
	background:#131313;
	text-transform:uppercase;
	font-weight:bold;
	position: relative;
	z-index: 100;
}

#footer .copyright{
	float:left;
	color:#888888;
	margin:0;
	font-size:11px;
	line-height:11px;
}

#footer .copyright a{
	color:#888888;
}

#footer .brandastic{
	float:right;
	color:#888888;
	margin:0;
	font-size:11px;
	line-height:11px;
}

#footer .brandastic a{
	color:#888888;
}

/*----------------Footer----------------------*/

.clear{
	clear:both;
}

.arch-bg {
  background: url('images/black.png');
  margin-top:18px !important;
}


#arch-posts h1 {
  margin-bottom: 12px;
}

.archive-thumbnail {
	width:280px;
	margin-right:15px;
	float:left;
}

.archive-thumbnail img {
  max-width: 280px;
  max-height: 200px;
}

.archive-post-text h2 {
  font-size: 24px;
  font-family: Arial, sans-serif;
  font-weight: normal !important;
  margin: 6px 0;
  width: 300px;
  height: 24px;
  white-space: nowrap;
}

.archive-post-text h2 a {
  color: #fff !important;
}

.archive-post-text h2 a:hover {
  color: #D8000D !important;
}

.arch-post-body p {
  font-size: 13px !important;
}

#arch-posts {
  margin-left: 20px;
  width: 680px;
  float: left;
  margin-top:18px;
}

.arch-view-more {
  color: #7ab5f8;
}

#arch-sidebar {
  width: 200px;
  margin-left: 725px;
  padding-top: 15px;
  text-align: left;
}

#arch-sidebar * {
  font-size: 13px !important;
}

#arch-sidebar h3 {
  text-transform: none !important;
  text-decoration: underline;
  margin-bottom: 12px;
}

#arch-list {
  list-style-type: none;
  margin: 0 !important;
}

#arch-list li {
  padding: 2px 0;
}

#arch-list li a {
  color: #fff;
}

#arch-list li a:hover {
  color: #7ab5f8;
  text-decoration: underline;
}

#arch-pages {
  clear: left;
  padding: 2px;
}



.readmoreinline {
  display: none;
  }

/*------- Images -------*/

.float-left {
float:left;
border:1px solid #000000;
margin: 5px 10px 10px 0;
}

.float-right {
float:right;
border:1px solid #000000;
margin: 5px 0 10px 10px;
}


/*------- HEADERS-------*/

.posts-header{
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	margin-bottom: 12px;
}
.posts-header-h2{
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	margin-bottom: 11px;
}

/*------- PAGES DEFAULT -------*/


.page div:first-child {
  background:url('images/black.png');
  padding: 20px 20px;
  float: left;
  width: 400px;
  margin:0px 0px 20px 0px;
  border-radius: 5px;
}


/*----------------Read More Inline----------------------*/

.readmoreinline {
  display: none;
  }

.more-link, 
.less-link,
.red-link
{
  color: #D8000D !important;
}

/*----------------Pages Overrides----------------------*/


.drop-down-overides {

list-style-type:decimal;
line-height: 1;

}


/*Fix horizontal scrolling width cut off issue*/
@media all and (max-width: 1015px) {
body
{
   min-width: 1000px;
}
}

/*----------------Additional Styling----------------------*/
.merchandise {
font-size:16px;
margin-top: 40px;
margin-bottom: 30px;
}

/*----------------Home Page Background CSS3----------------------*/
#home-wrapper .home-background {
  background: url(/images/bg/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/*----------------Additional Styling 1-14-18 ----------------------*/
#home-wrapper p {
	line-height: inherit;
	margin-left: 3px;
	margin-bottom: 3px;
}