/*
Theme Name: Joint Use LIVE
Description: Custom Theme For Joint Use
Author: FLDtrace
Author URI: http://www.fldtrace.com/
*/
@import url(css/holly-hack-floats.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:left; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#fff; font-size:62.5%} /*62.5% for font - em to px precision */

#wrapper, #wrapper_home {
position: relative; /* needed for footer positioning*/
margin:-9px 0 0 -15px; /* left */
width:960px;
height:auto !important; /* real browsers */
height:100%;
background:#fff url(images/wrapper_circle_bg_subpage.png) no-repeat 0 0; /*background circle half for subpages*/
padding: 0px 0px 15px 0px;
text-align:left;
}

#wrapper_home {background:#fff url(images/wrapper_circle_bg.png) no-repeat 0 0;} /*background circle full for home page*/
	#header {float:left; width:960px; background: url(images/header_circle_bg.png) no-repeat top right}
		#meta_menu_holder {float:left; width:960px;}
			#meta_menu {float:right; }
		#logo_holder {float:left; width:960px; margin: 0} 
			#logo {margin: 0 0 0 355px}	
	#container {float:left; width:960px; margin:50px 0 0px;}
		#sidebar_holder {float:left; width:160px;}
			#sidebar {margin: 35px 0 0 35px;  width:110px; text-transform:lowercase; padding: 0 15px 0 0} /*more sidebar customization at flexcroll area*/		
				#sidebar img {border: 2px solid #000; margin: 10px 0 0 0; width:98px}
		#content {float:left; width:800px;}
			#content_subpage {float:left; width:750px;}
			#main_image {float:left; width:600px; padding: 0 0 43px 100px; z-index:99}		
				#main_image_subpage {float:left; width:600px; padding: 0 0 43px 50px;}
				#main_image img {width:600px}	
			#circles_area {float:right; width:702px; height:218px; background: url(images/circles/main-page-circles.png) no-repeat 0 0; 		
	} 
	/*home page*/			
				#boxes_holder {margin: 36px 0 0 96px;}	
					#circles_area_box_1, #circles_area_box_2, #circles_area_box_3 {float:left; height:148px;}
					#circles_area_box_1 {width:136px; padding:0; margin:0}					
					#circles_area_box_2 {margin: 0 0 0 77px; width:136px;}					
					#circles_area_box_3 {margin: 0 0 0 80px; width:136px;}					
						#circles_area_box_3 img {width:136px}			
			#socials_holder {float:left; width:700px; padding:  0 0 50px 100px} /*for home page*/			
				#socials_holder #socials {padding: 30px 0 0 93px;}				
					.socials {margin-left:13px}				
				#socials .float_left {float:left}						
			/*subpages*/
			#text_area  
			{			
			float:left; width:600px; 
			display: inline; 
			margin:0 0 75px 50px;
			padding:0 0 5px 0; 			
			}			
			#socials_holder_subpage {float:left; width:600px; display: inline;  padding: 0px 0 0px 50px} /*subpages*/			
				#socials_holder_subpage #socials {margin: 0;}	
	#locator_map {position:absolute; top:639px; left:0}	
	#footer {float:left; width:960px; margin: 35px 0 0 0;}	
		#footer_menu {float:left; padding: 0 0 0 257px;}		
		#footer_copy {float:right; margin: 15px 0px 0 0px; font-size:0.9em; color:#6d6e70}	
		#footer_meta {float:right; padding: 0 45px 0 5px}	
	div.search_entry {padding: 5px 0 10px}
	
	/*task force page*/
	#quotescollection_randomquote-0 {padding: 35px 0 0 35px;}
		span.quotescollection_source {font-style:italic} 	
			span.quotescollection_author {font-weight:bold}
		a.quotescollection_refresh {color:#00adee; float:right}
			#quotescollection_randomquote-0 a:hover, #quotescollection_randomquote-0 a:focus {color:#eb008b}
	/*----------------TEXT STYLE----------------*/
	
	h1 {font-size:1.6em}	
	h2 {font-size:1.5em}	
		#boxes_holder  h2 {margin: 0 0 13px 0}	
	h4 {font-size: 1em; color:#00aeef; font-weight:bold; text-transform:lowercase; margin:0; padding:0}		
		h4.circles_front {margin: 11px 0 0 0 }	
		#boxes_holder p {margin: 0}	
	p {font-size:1em}	
	#text_area ul li {list-style:url(images/li_bullet.png); padding: 0 0 5px 0}
	
	/*----------------LINKS STYLE----------------*/
	
	/*---general links---*/	
	#text_area a {color: #00aeef; text-decoration:none; font-weight:bold}	
	#text_area a:hover, #text_area a:focus {color: #f030a2;}	
	#sidebar h1 a {color:#000; text-decoration:none}	
	#sidebar h1 a:hover, #sidebar h1 a:focus {color:#00aeef}	
		#boxes_holder a {color: #00aeef; text-decoration:none; font-weight:bold}	        #blurb_holder a {color: #00aeef; text-decoration:none; font-weight:bold}          
		
			#boxes_holder h2 a {color: #000; text-decoration:none; font-weight:normal}			
			#boxes_holder h2 a:hover, #boxes_holder h2 a:focus {color:#00aeef}			
		#boxes_holder a:hover, #boxes_holder a:focus {color: #f030a2;}	
	.wp-pagenavi {margin: 50px 0 0 0}			
	
	/*---menu links---*/	
	/*meta_menu appereance*/	
	ul#meta_menu {padding:4px 15px 18px 0;}	
		ul#meta_menu li {float:left; background:url(images/meta_menu_delimiter.png) scroll no-repeat 0 0px; }			
			ul#meta_menu li.no_delimiter {background:none;}				
			ul#meta_menu li a {padding:3px 10px; color:#000000; font-size:1.1em; text-decoration:none; text-transform:lowercase;}
			ul#meta_menu li a:hover {color:#00AEEF;}	
		
			/*meta search form*/
			form#searchform input#s {width:74px; height:18px; padding-left:5px; padding-right:5px; border:none; background:url(images/search_form.png) no-repeat 0px 0; font-size:1em; color:#000;}			
				li#the_form {margin-top:-3px}			
			form#searchform  #searchsubmit {width: 16px; height:20px; vertical-align:middle;}	
			
	/*main_menu appereance*/	
	ul#main_menu {margin: 0; padding-left:35px;}	
		ul#main_menu li {float:left; padding: 7px 0 14px 0; background:url(images/main_menu_delimiter.png) scroll no-repeat 0 0}			
		ul#main_menu li.no_delimiter {background:none}		
			ul#main_menu li a { padding: 7px 11px 5px; color:#000; font-size:1.3em; text-decoration:none; text-transform:lowercase;}		
				ul#main_menu li a:hover, ul#main_menu li a:focus {color:#00AEEF;}	
				
		/*---dropmenu appereance---*/		
		ul#main_menu li ul {		
			visibility: hidden;  /*hides the submenu*/
			position:absolute;
			padding:3px 0 0 0; 
			margin:0 0 0 11px;
			-moz-opacity:0.9;
			-khtml-opacity: 0.9;
			opacity: 0.9;	
		}	
		/*"the magic" - makes the main submenu show up*/
			ul#main_menu li:hover ul, ul#main_menu li:focus ul, ul#main_menu li.over ul {visibility: visible; }
				
			ul#main_menu ul li {float:none; background-image:none; padding:0; margin:0; position:relative }	/*reset the submenu lists items*/		
				ul#main_menu ul li a {font-size:1.1em; display:block; background-color:#fff319; color:#000; padding: 6px 14px 3px 6px;  border-bottom: solid 1px #fff;} 				
				ul#main_menu ul li a:focus, ul#main_menu li ul li a:hover {color:#000; background:#FEFA9E;}							
				
				/*customizing the third level appereance*/				
				ul#main_menu ul.dropdown li ul {visibility: hidden; padding: 0; margin: 0; position:absolute; left: 100%; top: 0;} /*----hides 3rd level submenu----*/
					ul#main_menu ul.dropdown li:hover ul, ul#main_menu li ul.dropdown li:focus ul {visibility:visible;} /*the magic - shows up third level submenu*/
						ul#main_menu ul li ul li a {width: 200px;}						
	
	/*sidebar menu appereance*/	
	#sidebar_holder_subpage {float:left; width:210px;}	
	#sidebar_subpage {margin: 35px 0 0 35px;  width:175px; text-transform:lowercase; padding: 0 0 0 0;}	
	#sidebar_subpage ul {margin:0 0 0 20px; padding:0; text-transform:none}	
		#sidebar_subpage ul ul {margin:2px 0 2px 20px}		
		#sidebar_subpage a {text-decoration:none; color:#000}		
		#sidebar_subpage a:hover, #sidebar_subpage a:focus, #sidebar_subpage li.current_page_item a, #sidebar_subpage li.current_page_ancestor a {color:#00aef0;}
			
			/*color fix for subpages*/
			#sidebar_subpage li.page_item li.page_item a {color: #000}			
			#sidebar_subpage li.page_item li.page_item a:hover, #sidebar_subpage li.page_item li.page_item a:focus, #sidebar_subpage li.page_item li.current_page_item a	{color:#00aef0}
		
	/*footer appereance*/	
	ul#footer_menu {margin: 15px 0 0 0}	
		ul#footer_menu li {float:left; background:url(images/footer_menu_delimiter.png) scroll no-repeat 0 3px}		
		ul#footer_menu li.no_delimiter {background:none}		
			ul#footer_menu li a {color:#000000; text-decoration:none; text-transform:lowercase; font-size:0.9em; padding: 2px 6px}	
			ul#footer_menu li a:hover, ul#footer_menu li a:focus  {color:#00AEEF;}
	div#flex__1_mcontentwrapper {height:500px}

	/*--------- Scroll Bar Master Styling Starts Here -----------*/
	#sidebar {
	/* Typical fixed height and fixed width example */
	height: 364px;
	overflow: hidden;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	background-color: #fff;	
	}	
	.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; left: 0;
	}
	
	.vscrollerbase {
	width: 8px;
	background:url(images/sidebar_base.png) no-repeat 0 0;
	}
	.vscrollerbar {
	width: 8px;
	background: url(images/sidebar_scroll.png) no-repeat 0 0;
	height:79px !important
	}
	
	/*---------------ZIP LOCATOR STYLE-----------------*/	
	#sl_div input#addressInput {width:200px}	
	div.enter_zip {font-size:1.6em; color:#eb008b; font-weight:bold; padding:20px}	
	.sl_header select {border:solid #999 1px; font-size:1.1em; padding: 4px 0}	
	/*homepage tooltip*/	
	#dhtmltooltip{
	position: absolute;
	width: 150px;
	padding: 5px 2px;
	background-color: #00adee;
	color:#FFFFFF;
	border-top:1px solid #9ee0f9;
	border-left:1px solid #9ee0f9;
	border-bottom:1px solid #0a6182;
	border-right:1px solid #0a6182;
	text-align:center;
	visibility: hidden;
	z-index: 100;
	}
	
	/*subscribe form*/	
	/*form#subscribeform {background: #f6f6f6}*/	
	form#subscribeform input, form#subscribeform select { border:solid #999 1px; color:#000; padding: 2px} /*#1b80a6*/	
	form#subscribeform input#submit {		
			background:#ec0a8c;
			color:#fff; border:solid #999 1px;
			margin: 10px 0 0 0;
			}
	span.mandatory {color:#ec0a8c}	
	
	/*email footer input*/	
	#email_footer_holder {float:left; margin: 0 10px 0 0}	
			form#email_footer input#email_address_input {width:90px; height:25px; padding-left:5px; padding-right:5px; padding-top: 3px; border:none; background:url(images/email_footer_form.jpg) no-repeat 0px 0; font-size:1.2em; color:#000;}			
				li#the_form {margin-top:-3px}			
			form#email_footer  #emailsubmit {height:25px; vertical-align:middle;}	

/*store locator*/
table.sl_footer {display:none} /*hide plugin credits*/
body input#addressInput {border: 1px solid #999; background:none} /*reset an input to match the others*/
div.text_below_map {font-size:1.2em; margin:10px 0 0 0; font-weight:bold} /*emphasize "pointer" text*/
 /*add a rollover to links insede the map details*/
body #sl_div a.storelocatorlink:hover {
	color:#eb008b; !important
}

/*some top margin and bottom padding between the map and the other blocks*/
table.sl_header {margin-bottom:10px}
div#map_sidebar {padding-top:20px}