/*
Theme Name: Track Town
Description: Custom Theme For Tracktown
Author: FLDtrace
Author URI: http://www.fldtrace.com/
*/
@import url(css/holly-hack-floats.css);
@import url(css/wp.css);

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0px; padding: 0px; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th { font-weight: normal; font-style: normal; }
ul,ol,li { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/*GENERAL STYLE*/

html,body {
	height:100%; 
}

/*----------------LAYOUT STYLE----------------*/
body {text-align:center; font-family:Arial, Helvetica, sans-serif; background: #d6d7d8; font-size:62.5%} /*em size for font is the same as in px */

#wrapper {
position: relative; /* needed for footer positioning*/
margin:25px auto; /* center, not in IE5 */
width:930px;
height:auto !important; /* real browsers */
height:100%;
padding: 0px 0px 15px 0px;
text-align:left;
}

#header {float:left; width:930px; background:#2a2a2a url(i/header-bg.png) repeat-x; border-bottom:1px solid #b7b7b7; padding: 0 0 10px; }
	#logo {float:left; width:178px;}
	#nav {float:right; margin: 36px 10px 0 10px; }
#home_feat_holder {float:left; width:930px; padding: 0 0 57px; border-top:1px solid #e6e6e6; background:url(i/home-feat-box-bg.png) repeat-x left bottom}
	#home_feat {float:left; width:894px; padding:38px 18px 22px; border-top: 1px solid #b1c384; background:url(i/home-feat-bg.png) repeat-y}
		#home_feat_text {float:left; width: 571px; margin: 0;}
		#home_feat_image {float:left; width: 267px; margin: 0 0 0 56px;}
		.home_tri_box {float:left; background:#e6e7e8; padding:26px 18px 0; min-height:180px}
			#box1 {width:255px;}
			#box2 {width:258px; margin:0 0 0 20px}
			#box3 {width:269px; margin:0 0 0 20px}			
#content {float:left; width:930px; background:#fafafa; padding: 0 0 57px}
	.home #content {background:#fafafa url(i/home-content-bg.png) repeat-x 0 -2px}
/*subpages*/
#container {float:left; width:930px; padding: 0 0 57px; background:url(i/subpages-container_bg.png) repeat-y}
	#subpages_title_bar {float:left; width:894px; padding:28px 18px 8px; background:#7a9e20 url(i/subapages-title-bar-bg.png) repeat-x}
	#text_area {float:left; width:607px; padding:18px}
	#sidebar {float:left; width:251px; padding:18px}
	
#footer {float:left; width:894px; padding:10px 18px; background:#c9cacc url(i/footer-bg.png) repeat-x; border-top:1px solid #a5b973}
	#footer_address {float:left; width:160px}
	#footer_r {float:left; width:428px; margin: 0 0 0 134px}
		#footer_links {float:left; width: 428px; margin: 0 0 20px -3px}
		#footer_meta {float:left; width: 307px}

/*----------------TEXT STYLE----------------*/

address {font-size:1.4em; color: #242323; line-height:1.3em}
p, #content li, #sidebar li, #text_area li {font-size:1.4em; color: #242323; line-height:1.3em}
		#text_area li li {font-size:1em; padding: 0 0 0 15px}
		#sidebar li.bigger p {font-size:2em}
		#sidebar li p {font-size:1em}
	#content li, #text_area li {list-style: url(i/li-bullet.png) inside} 
p {margin: 0 0  10px 0}
h1 {font-size: 2.2em; color:#fff; font-weight:bold}
h2 {font-size: 1.8em; color:#c4a716; margin: 0 0 5px}
h3 {font-size: 1.6em; color:#87a651; margin: 0 0 5px}
	#home_feat_text h1 {font-size: 2.2em; margin: 0 0 30px; color:#fff; font-weight:bold}
	#home_feat_text p {font-size:1.4em; color:#fff;}
		.bigger {font-size:2em}
#footer_address p, #footer_address h4 {font-size:1.2em; color:#354e04}
	#footer_address h4 {font-size:1.4em; font-weight:bold}
	#footer_meta p {font-size:1.2em; color:#33382a; font-style:italic; text-align:center}
		
/*----------------LINKS STYLE----------------*/

a {color:#87a651; text-decoration:none}
a:hover, a:focus {color: #c4a716}

#nav li {display:inline; position:relative; float:left}
	#nav li a {float:left; padding:5px 10px; font-size: 1.4em; font-weight:bold; color:#d0d1d3; text-transform:uppercase}
	#nav li a:hover, #nav li a:focus, #nav li.current_page_item a, #nav li.current_page_parent a {color: #5f771f}
	
	#nav li ul {display:none; position:absolute; margin:22px 0 0; padding: 5px 0; background:#373737; min-width:190px; z-index:100; 	
		filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; }
		#nav ul li {display:block; float:none;}
			#nav ul li.page_item a {float:none; display:block; color:#7b9f21; padding:2px 10px; font-size:1.2em; border-bottom: 1px solid #505346;}
				#nav ul li a:hover, #nav ul li a:focus {float:none; color:#d0d1d3}
				/*The magic*/
			ul#nav li:hover ul, ul#nav li:focus ul, ul#nav li.over ul {display:block}
	
#footer_links li {display:inline}
	#footer_links li a {float:left; color:#354e04; text-decoration:none; font-size:1.2em; padding: 0 3px; border-right:solid 1px #354e04}
		#footer_links li.page-item-36 a {border-right:none}
	 #footer_links li a:hover, #footer_links li a:focus {color:#c4a716}
	
/*  --------------------------------------- social icons ---------------------------------------- */	
	 
#tt-social-icons a{
	display: none; /*  take this off to show    */
	float: right;
	margin-top: 2px;
	margin-right: 5px;
	text-indent: -50000px;
	height: 40px;
}
.facebook {
	background: url(images/facebook.png) no-repeat;
	width: 39px;
}

.linkedin {
	background: url(images/linkedin.png) no-repeat;
	width: 39px;
}