/* 
Theme Name: IHP
Theme URL: http://ironhorsepowersports.com/
Description: Dark grungy theme
Author: Dillon Stein
Author URI: http://dillonsteindesign.com
Version: 1

Built from the theme Whiteboard
*/

/* ================ */
/* = The 1Kb Grid = */     /* 12 columns, 60 pixels each, with 20 pixel gutter */
/* ================ */

.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:940px; }

.column {
	margin: 0 10px;
	overflow: hidden;
	float: left;
	display: inline;
}
.row {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
.row .row {
	margin: 0 -10px;
	width: auto;
	display: inline-block;
}

/* End 1kb Grid  */

@font-face { font-family:4990810; src:url(fonts/4990810.eot); src:local("4990810") url(fonts/4990810.TTF) format("truetype"); }

* { padding:0; margin:0; }
html { height:100%; }

body { background:#040404 url(images/mainBG.jpg) no-repeat 50% 0; color:#eee; font-family:Verdana, Geneva, sans-serif; }

a, a:visited { color:#eee; text-decoration:none; }
a:hover { color:#f8aa21; text-decoration:none; }

#container{ width:960px; margin:0 auto; }
#header { background-image:url(images/headerBG.png); height:190px; overflow:visible; }
#logo { background-image:url(images/logo.png); width:339px; height:150px; float:left; }
	.logoLink { width:339px; height:150px; display:block; }
#search { float:right; margin:10px; }
	
#footer p, #footer a, #footer a:visited { color:#252525; text-decoration:none; }
	#footer a:hover { color:#eee; text-decoration:none; }

#info_boxes { height:198px; }
#leftInfoBox { background:transparent url(images/leftPlate.png) no-repeat 0 0; height:158px; float:left; width:260px; margin:0 10px; padding:20px; }
#centerInfoBox { background:transparent url(images/centerPlate.png) no-repeat 0 0; height:158px; float:left; width:260px; margin:0 10px; padding:20px; }
#rightInfoBox { background:transparent url(images/rightPlate.png) no-repeat 0 0; height:158px; float:left; width:260px; margin:0 10px; padding:20px; }

#sm-info_boxes { height:119px; }
#sm-leftInfoBox { background:transparent url(images/sm-leftPlate.png) no-repeat 0 0; height:79px; float:left; width:260px; margin:0 10px; padding:20px; }
#sm-centerInfoBox { background:transparent url(images/sm-centerPlate.png) no-repeat 0 0; height:79px; float:left; width:260px; margin:0 10px; padding:20px; }
#sm-rightInfoBox { background:transparent url(images/sm-rightPlate.png) no-repeat 0 0; height:79px; float:left; width:260px; margin:0 10px; padding:20px; }

#contentContainer { background:#020202 url(images/contentBG.png) no-repeat 0 0; padding-top:10px; }
#content { background:#060606 url(images/leftColBG.png) no-repeat 0 0; width:580px; padding:20px; }
#single { background:#060606 url(images/singleBG.png) no-repeat 0 0; width:900px; padding:20px; min-height:400px; }

#logos { background:transparent url(images/logosBG.png) no-repeat 0 0; height:193px; width:960px; margin:15px 0; }

h2, h3, h4 a, h4 a:visited { text-decoration:none; font-size:16px; text-transform:uppercase; }
h2 { font-size:24px; margin-bottom:8px; }
h3 { font-size:20px; margin-bottom:5px; }
h4 { margin-bottom:3px; }

a img { border:none; }

.grungeTxt, .grungeTxt a { font-family:"4990810"; text-shadow:3px 3px 3px rgba(0,0,0,0.80); color:#f8aa21; font-weight:normal; text-decoration:none; letter-spacing:0.03em; }

.go { background-color:#262626; color:#eee; border:none; font-style:italic; padding:3px; margin-top:6px; float:left; }
.findIt { background:transparent url(images/findit.png) no-repeat 0 0; color:#eee; width:216px; height:28px; border:none; float:left; padding:9px 18px 0 18px; overflow:hidden; }
label { float:left; font-size:12px; padding-top:10px; }

.formInput { background-color:#333; color:#eee; border:none; padding:3px; }

p { font-size:14px; line-height:125%; padding-bottom:8px; }

.post { padding:5px; background:transparent url(images/excerptBG.png) no-repeat 0 0; width:570; height:125px; }
	.thumb { float:left; padding:16px; }
	.postTxt { float:left; width:410px; padding:16px 0; }
	
.single .post { background-image:none; width:920px; }
	.thumbOrig { float:right; margin:0 5px 10px 20px; padding:3px; border:1px solid #666; }
	
.single .caption { float:right; margin:0 0 10px 20px; padding:3px; border:1px solid #666; text-align:center; }
	.single .caption p { padding:5px; font-size:12px; }
	
.bikeBox { background-color:#000; border:1px solid #131313; padding:3px; width:278px; height:450px; }
	.bikeBox h3.grungeTxt, .bikeBox p { margin:5px; }

.clearfix { clear:both; }
.left { float:left; }
.spacer10 { height:10px; }
.spacer15 { height:15px; }
.spacer20 { height:20px; }

/* Pixopoint Dropdown Menu CSS */

#pixopoint_menu1_wrapper { float:right; position:relative; top:76px; clear:right; text-transform:lowercase; }
	#pixopoint_menu1 { width:515px; margin:0; }
	#pixopoint_menu1 ul { width:100%; list-style:none; border:none; background:none; margin:0; padding:0; }
	#pixopoint_menu1 li { color:#EEE; z-index:20; font-size:12px; float:left; position:relative; border:none; background:none; letter-spacing:0; background:; padding:0; }
	#pixopoint_menu1 li:hover,#pixopoint_menu1 li.sfhover { }
	#pixopoint_menu1 li a { text-decoration:none; display:block; padding:0 15px; color:#EEE; }
	#pixopoint_menu1 li a:hover { text-decoration:none; color:#f8aa21; }
	#pixopoint_menu1 ul ul { position:absolute; left:-999em; padding-top:6px; }
	#pixopoint_menu1 li:hover ul,#pixopoint_menu1 li.sfhover ul { left:12px; }
		#pixopoint_menu1 ul ul li { letter-spacing:0px; color:#EEE; z-index:21; width:120px; background:#141414; margin:0; }
		#pixopoint_menu1 ul ul li a { line-height:22px; color:#EEE; text-decoration:none; padding:4px 10px; }
		#pixopoint_menu1 ul ul li:hover a,#pixopoint_menu1 ul ul li.sfhover a { color:#f8aa21; text-decoration:none; }
		#pixopoint_menu1 ul ul li:hover li a,#pixopoint_menu1 ul ul li.sfhover li a { color:#444444; }
		#pixopoint_menu1 ul ul li:hover li a:hover,#pixopoint_menu1 ul ul li.sfhover li a:hover { color:#FFFFFF; }
		#pixopoint_menu1 ul ul li:hover,#pixopoint_menu1 ul ul li.sfhover { color:#f8aa21; background:#141414; }
			#pixopoint_menu1 ul ul ul li { font-size:1em; }
			#pixopoint_menu1 ul ul ul, #pixopoint_menu1 ul ul ul ul { position:absolute; margin-left:-999em; top:0; width:120px; }
			
	#pixopoint_menu1 li li:hover ul,#pixopoint_menu1 li li.sfhover ul,#pixopoint_menu1 li li li:hover ul,#pixopoint_menu1 li li li.sfhover ul { margin-left:120px; }
	#pixopoint_menu1 ul ul li:hover li a,#pixopoint_menu1 ul ul li.sfhover li a { text-decoration:none; }
	#pixopoint_menu1 ul ul li li:hover a,#pixopoint_menu1 ul ul li li.sfhover a { color:#FFFFFF; text-decoration:none; }
	
#suckerfishnav { overflow:visible; }