/******************************************  
 CUSTOM STYLESHEET
*******************************************/

/*
* You can place your custom CSS statements in this file, after this message.
* It is better to write everything custom here
* because this file won't be replaced during updates.
* 
* Simply copy an existing style from style.css to this file, 
* and modify it to your liking.
*/


#navigation {
font-family:Arial, Helvetica, sans-serif;
 text-align:center;
float:left;
margin:0 auto;
width:500px;
}




.dropdown ul a { text-decoration: none; padding: 0px 10px; color: #f4f4f4; text-shadow:2px 2px 0 #000; }
.dropdown ul li li a {color: #ddd; padding:0;}
.dropdown ul a:hover	{ color: #fff; }	

.dropdown ul li { padding: 8px 3px 7px 3px; word-spacing:2px; font-family:"Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;	font-size:12px;	 font-weight:normal; }
.dropdown ul li li {	text-transform:none; margin:0; background-color: #2b2727; font-size: 12px; border-bottom: solid 1px #4b4444; text-transform:uppercase;}

.dropdown ul li:hover, .dropdown ul li.active, .dropdown ul li.current-cat, .dropdown ul li.current_page_item, .dropdown ul li.current-menu-item, .dropdown ul li.current_page_parent, .dropdown ul li.current-category-ancestor { background:#009a3d;} /* active list/category */


.navigation { color: #fff; float: left; width: 100%; }
	.navigation .alignleft a,   .navigation .alignright a { width: 120px; text-align: center; height: 20px; }
	.navigation a { color: #fff; background: #737070; font-weight: bold; margin: 7px 5px; padding: 5px 6px; cursor: pointer; font-size: 10px; text-transform: uppercase; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; }
	.navigation .alignleft { float: left; }
	.navigation a:hover { color: #fff; text-decoration: none; background: #6c6868; }
	.navigation .alignright { float: right; }





#topnav .dropdown ul li { padding: 4px 0 5px 0; margin-left: 0px; word-spacing:3px; font-family:Arial;  font-size:10px;
	color:#f4f4f4;
	text-shadow:0px 0px 0;
	}
	
	
#topnav .dropdown ul li:hover { background:#2b2727;}/*  top cat bg color*/

#topnav .dropdown ul ul {	width: 150px;  margin-top: 0px;	}

#topnav .dropdown ul li li { background-color: #2b2727; padding:6px 10px; } /*dropdown color top cats*/
	
	
 	.downarrowclass {
	
	display:none;
	}
 	
	.dropdown li a:hover .downarrowclass, .dropdown li:hover .downarrowclass, .dropdown ul li.current_page_item a .downarrowclass, .dropdown ul li.current-cat a .downarrowclass{
	display:none;
	}
	
 

/********************************************************************************************* 

5. Featured Slider  -------------------------  featured.php

*********************************************************************************************/   



#panes div { /*color of featured text in slider*/
	line-height:1.5;
	text-shadow:none;
	color:#666666;	
  }
  
  #panes h2 a { /*featured article in slider main title color*/
color:#005daa;
 }
 

#hotlines-section{
  	float:left;
	clear:left;
	width:960px;
	height:50px;
	background-color:#333333;
	color:#FFFFFF;
}

#panes p {
	padding:0px 0 0 0;
} 

	
/*social icons - I moved them out of the navigation and into the header area so there would be more room for menu items*/	

 #header {
	float:left;
	width: 970px;
	margin-top:40px;
	background:url(/images/banner2.png) no-repeat;
}	

#topnav {
	margin: 0px 0 10px 0;
	}
	
.social-icon-area{
float:right;
	width: 200px;
	height:32px;
	text-align:right;
	margin: 20px 0 0 0;}
		
	
.social-icon-area li{
	width:32px;
	display:inline;
	padding:0;
	float:right;
}


/*footer navigation site map styling....styling based off of .dropdown class*/

#footer .disclaimer{
	width:950px;
	height:35px;
	clear:both;
	margin: 0 auto;		
	}
	
#footer .disclaimer p{
	padding: 10px;	
	}

#footernav{
	float: left;
	width:100%
}


#footernav-wrap {
	width:940px;
	margin:0 auto;
	}
	
	#footernav-wrap ul {
	float:left;
	margin-top:1px;
	}

.footer-navigation ul, .footer-navigation ul li, .footer-navigation ul ul {
	list-style: none;
	margin: 0; padding: 0;
	}

.footer-navigation ul {
	float: left;
	clear:left;/* this is the line that fixed the weird spaces in the footer*/
	}
	
.footer-navigation ul li { 
	float: left;
	line-height: 1.3em;
	}
		
.footer-navigation ul ul {
	 margin: 0 0 0 0px;
	 }
	 
.footer-navigation ul ul li {
	float: none;
	}
	
.footer-navigation ul ul ul {
	margin: 0 0 0 10px; /*secondary drop down left margin*/ 
	}
	
.footer-navigation ul li:hover > ul {
	visibility: visible;
	}

.footer-navigation ul a {
	text-decoration: none;
	margin: 0 10px 5px 10px;
	/*spacing between top level menu items*/
	color: #000; /*color of top level menu text*/
/*	font-weight:bold;
*/	font-size:12px;
float: left;
} 
	
.footer-navigation ul li li a {
	color: #666666;/*color of drop down link text*/
	text-transform:none; /*text transform of drop down text*/
	padding:0;
	} 
	
.footer-navigation ul a:hover {
	color: #005daa;/* blue color*/
}	 /*hover color on all menu items*/

.footer-navigation ul li {
	padding: 8px 3px 7px 3px;
	word-spacing:7px;
	font-family:"Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;
	font-size:15px;
	text-transform:none; 
	font-weight:normal;
	 }
	 
.footer-navigation ul li li {
	text-transform:none;
	margin:0;
	font-size: 10px;
	} 

/*.footer-navigation ul li:hover, .footer-navigation ul li.active, .footer-navigation ul li.current-cat, .footer-navigation ul li.current_page_item, .footer-navigation ul li.current-menu-item, .footer-navigation ul li.current_page_parent, .footer-navigation ul li.current-category-ancestor { background:#005daa;}*/ /* active list/category */
 
.footer-navigation ul li:hover li {
	text-shadow:none;
	}	
	
.footer-navigation ul li.active a, .footer-navigation ul li.current-cat a, .footer-navigation ul li.current_page_item a {
	color: #000;
	font-weight:bold;
	} /*color of text active list category*/

/* subdir styles */
.footer-navigation ul ul {
	width: 150px;
		}
.footer-navigation ul li ul {
	float: left;
	left: 0;
	display: block;
	text-align:left;
	padding:0;
}

* html .footer-navigation ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}
 
 
.footer-navigation ul ul li {
	font-weight: normal;
	padding:5px 10px;
	}
/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */
/* IE .hover fixes */
* body .footer-navigation ul li.hover a {
	background:none;
	color: #005daa;}
	
* body .footer-navigation ul li.hover {/*background-color: #333;*/ }/* hover background color all menu items*/


/*#footernav .footer-navigation ul {z-index:598;}*/
 
#footernav .footer-navigation ul li {
	padding: 4px 0 5px 0;
	margin-left: 0px;
	word-spacing:3px;
	font-family:Arial;
	font-size:10px;
	text-transform:uppercase; /*top level nav*/
	font-size:10px;
	color:#666666;
	}
	
	#footernav .footer-navigation ul li:hover { background:none;} /*background of all menu items when you hover. includes top nav as well as its dropdowns*/

#footernav .footer-navigation ul ul {
	width: 170px;
	margin-top: 0px;
	}

#footernav .footer-navigation ul li li {
	padding:6px 10px; } /*postion of drop down text in relation to top level*/
	
	
#footer ul {
	list-style-type: none; list-style-position:inside;	
}

#footer ol li{
	list-style-type: none;
}

	
/*FOOTER LOGIN/FORUM/FAVORITES AREA STYLING*/
	
/*wrapper*/	
#footer-loginarea{	
	height:90px;
	width:848px;
	margin:0 auto;
}

.member-login p{
	padding: 10px 0 0 0;	
	color:#FFF;
	font-size:12px;
	text-align:center
}

.member-login a{
	text-decoration:underline;
	color:#FFF;
}

.member-login a:hover {
	text-decoration:none;
	color:#FFF;
}


.bubble-highlight p{
	padding:25px 0 0 0;
	color:#FFF;
	font-size:13px;
	text-align:center;
	text-transform:uppercase;	
}

.bubble-highlight a{
	color: #FFF;
	text-decoration:none;
}

.bubble-highlight a:hover{
	color:#FFF;
	text-decoration:underline;	
}


#loginarea{
	float: left;
	height:90px;
	width:252px;
	margin: 0 36px 0 0;	
}
	
.member-login{
	background:url(images/btn-login-registerbg.png) 0 0 no-repeat;
	width:252px;
	height:36px;
	float:left;
	clear:left;
	margin: 0 0 9px 0;
	
}


#forum-favorites{
	float: left;
	width:560px;
	height:90px;
}
	
.bubble-highlight{
	background:url(images/btn-forum-favoritesbg.png) 0 0 no-repeat;
	width:270px;
	height:90px;
	float: left;
	margin: 0 10px 0 0;
}
	

	
	
/*SITE MAP PAGE STYLES*/

#sitemap{
	float: left;
	width:100%;
	
}


#sitemap-wrap {
	width:940px;
	margin: 0;
	padding:0;
}

#sitemap-wrap ul{
	list-style:none;	
}

#sitemap-wrap ul li{
	line-height: 1.3em;
	width:auto;
	list-style:none;
}

#sitemap-wrap a{
	display:block;	
	color:#666;
	padding:5px;
	width:40%;
	text-decoration:none;
}

#sitemap-wrap a:hover{
	background:#CCC;
	color:#000;
	text-decoration:none;
}

#sitemap-wrap li li a{
	display: block;
	color:#666;
	padding:5px;
	text-decoration:none;	
}

/*Top level menu items with uppercase styling*/
.sitemap-navigation ul li {
/*	font-family:"Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;
	font-size:12px;
	text-transform:uppercase; 
	font-weight:normal;*/
	 }
	 
	 * html .sitemap-navigation ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}


/********************************************************************************************* 

11. Sidebar & Widgets -------------------------  sidebar.php

*********************************************************************************************/   

/*REALLY SIMPLE TWITTER WIDGET*/


#sidebar ul.really_simple_twitter_widget {
	list-style:none; }

#sidebar ul.really_simple_twitter_widget li {
	list-style:none; 
	padding:10px 0;
	border-bottom:dashed 1px #CCCCCC;
	 }
	 
#sidebar div.rstw_link_user { }


#sidebar {
	background-color:#fff;
	background:url(images/sidebar-boarder.png) repeat-y;
		}



#sidebar .widget h3 span {
  	background:#e9e7dd;
  
	}

#sidebar .widget h3 span {
  	background:#fff;

	}



#sidebar h2.custom-h2{
	font-size:16px;
	padding: 0 0 0 20px;
	}
	

#sidebar-custom h3{
	font-size:20px;
	padding: 10px 0 0 20px;
	}
	

 
 
#sidebar-custom {
	float:right;
	width:300px;
	margin:15px 15px 0 5px;
	background-color:#fff;
	background:url(images/sidebar-boarder.png) repeat-y;
	position:relative;
	color:#333333S;
	padding: 10px 0 0 0;
 	}

#sidebar p.custom-p{
padding: 0 20px 0 20px;
}

#sidebar-custom .more{
	padding: 0 0 0 20px;
}

#sidebar-custom a.more {
	padding-right:34px;
}

#sidebar-custom ul li{
	padding: 0 0 5px 20px;
}

#sidebar-custom ul li a{
	margin: 0 0 0 20px;
}




/********************************************************************************************* 

3. Header  -------------------------  header.php

*********************************************************************************************/   

 #header {
	margin-top:0px;
}


/********************************************************************************************* 

2. Page Structure  -------------------------  All Theme Files

*********************************************************************************************/  

body
{
	/*background:url(images/content-wrapper-bgimage.png) repeat-y top center;*/
		background:url(images/background-image.png) repeat-y top center;
		background-color:#dad6c7;
	}

#content-wrap {
background:#fff;
 
 }



#content {
	/*background:url(images/h3bg.png) repeat-x top center;*/
 	float:left;
	width:640px;
	margin:15px 0px 20px 0px;	
	} 
 
 
 /********************************************************************************************* 

7. Homepage Articles -------------------------  index.php

*********************************************************************************************/   

h3.title {
	
  	background:#fff;

 	}
	
h3.topcat {
  	clear:both;
   	background:#fff;

 	}
	
	
	
.post .thumb img {
	float:left;
	border:2px solid #333;
	margin:5px 10px 5px 0;
 	}
	
/********************************************************************************************* 

12. Footer  -------------------------  footer.php

*********************************************************************************************/   
#footer {
	background:#e9e7dd url(images/bgfooter.png) repeat-x top center;
	margin-top:10px;
	}
	
#footer_search {
	background:#006a2b;
	color:#fff;
	border:1px solid #02913c;
	float: left;

	}
	
#search-headerarea{
	float: left;
	margin: 20px 0 0 0;	
}
	
	
	
/*#header_search {
	margin:10px 0 0 0px;
	float:right;
	height:40px;
	width:210px;
	color:#9f9f9f;
	font-style:italic;
	font-weight:bold;
	}
	
#header_search #s {
	width:150px;
 	background:#f0f2f4;
	border:1px solid #cbcfd2;
	}
	
#header .hr {
	background:#d3d5d7;
	border-bottom:1px solid #fff;
	height:1px;
	float:left;
	width:100%;
	}
	*/
	
#upper-header-area{
	width:960px;
	margin:0 auto;
	height:74px;
	
}
	
	
	
	#header_search {
	float:right;
	height:74px;
	width:300px;
	color:#9f9f9f;
	font-style:italic;
	font-weight:bold;
	background: url(http://www.wfse.org/wp-content/themes/wfse-theme/images/hotline-signup_02.png) no-repeat center top;
	}
	
.get-fed{
	width:70px;
	height:35px;
	float:left;
	color:#FFFFFF;
	margin: 17px 0 0 12px;
	line-height:16px;

}

.email-area{
	width:150px;
	height:30px;
	float:left;
	margin: 15px 0 0 0;
}

.submit-button{
	width:50px;
	height:20px;
	float:right;
	margin:23px 0 0 0;
}

.email-field {
    width: 150px;
}
		
.submit{
	width:40px;

}
	
	
	
/********************************************************************************************* 

1. Toolbox CSS  -------------------------  All Theme Files

*********************************************************************************************/ 	

.pagenav {
	background: #e9e7dd; }

.post h2 a {
	font-size:24px;
	line-height:1.2;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#006a2b;
	}
	
	
/********************************************************************************************* 

6. Featured Categories  -------------------------  blocks.php

*********************************************************************************************/  
#twitter_carousel {
	height:53px;
	}

.colart h3 {
	background:#005daa;
	
	}
	
	
.colart:hover h3 {
	background:#033d6d;
	}
	
.colart h3 a {
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	color:#fff;
 	}
	
	


/********************************************************************************************* 

0. CSS Reset  -------------------------  All Theme Files

*********************************************************************************************/ 
/*
ul{
	padding:0;

}*/

.post .entry ul li {
	padding-bottom:10px;
}


.post .entry ul li ul li {
	padding:0;
	margin:0;
	line-height:30px
}

/*li ul{
	padding:10px 0 0 0;
}
*/

.post .entry ul

{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;

}


/********************************************************************************************* 

8. Single Articles & Pages -------------------------  single.php, page.php

*********************************************************************************************/   
 	
.share   {
 	clear:both;
	float:left;
	/*background:url(images/line.png) repeat-x bottom center;*/
 	padding:10px 0 10px 0px; 
 	margin-bottom:10px;
	background:url(http://www.wfse.org/wp-content/themes/wfse-theme/images/social-bg2.png) left no-repeat;
	width:100%;
	height:90px;
}

/*.share-inner{
background:url(http://wfse.org/wp-content/themes/wfse-theme/images/share-bg.png) no-repeat left;
	width:940px;
	height:90px;
	float: left;
}
*/	

	.share ul{
	padding-top:20px;
	padding-left:10px;
	}
	
.share ul.favi{
	padding-top:10px;
	padding-left:50px
	}
	
	.prevnext h3 {
	font-family:"Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	/*color:#999999;
	margin-bottom:10px;
	padding-right:10px;*/
	float:left;
	color:#e45a3f;
	padding: 0 3px;
		}
	
	
	
	.share h3 {
	font-family:"Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	color:#999999;
	margin-bottom:10px;
/*	float:left;
	clear:both;*/
	padding-right:10px;
 	}

	.share li {
	padding:0px 0 3px 0;
	display:inline;
	
	}

	.share li a {
	color:#333;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	}

	
	 li.facebook  {
	background:url(images/facebook.png) no-repeat left;

	}

	  li.twitter  {
	background:url(images/twitter.png) no-repeat left;
	
	}

	 li.delicious  {
	background:url(images/delicious.png) no-repeat left;
	}

	  li.digg  {
	background:url(images/digg.png) no-repeat left;
	}

	li.stumble  {
	background:url(images/stumble.png) no-repeat left;
	}
	
.tag-links {
	background:url(images/tag.png) no-repeat left 2px;
	padding-left:20px;
	float:left;
	clear:both;

}

.nextpage {
	background:url(images/page.png) no-repeat left;
	padding-left:20px;
	float:left;
	clear:both;
	margin-bottom:5px;
	font-weight:bold;
}


#breadcrumbs{
	float: left;
	padding: 10px 0 0 0;
	color:#333333;
	font-size:12px;
}


#crumbs a{
	color:#333333;
}

#crumbs .current{
	font-weight:bold;
	color:#005daa;
}


ol.upper-alpha {list-style-type:upper-alpha}

.noarticles {
	float: left;
	clear:left;
	color:#999999;
}



	#infowidget  li.phone  {
	background:url(images/phone.png) no-repeat left;
	font-size:12px;
}
	
  	
/********************************************************************************************* 

7. Homepage Articles -------------------------  index.php

*********************************************************************************************/ 
.prevnext a {
	padding: 2px 5px; 
	margin-bottom: 5px; 
	font-weight: bold; 
	text-transform: uppercase; 
	/*background: #737070;*/ 
	background:#f5a955; /*orange*/
	font-size: 10px; 
	-moz-border-radius: 3px; 
	-khtml-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px; 
	border: none; 
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); 
	color: #000;
	display:block;
	clear:both;
}
		
#infowidget  li.employment  {
	background:url(images/employment-tiny-logo.png) no-repeat left;
	}

/*COLLAPSING CATAGORIES*/

/* - applied to all ul and li elements*/
.collapsing{}

/*- applied to all ul and li elements*/ 
.categories{}

/*applied to the top-level ul*/
.list{}

/*- applied to each li which has no sub-elements*/
.item{}

/*- applied to a category which can be expanded (is currently collapsed)*/
.expand

/* - applied to a category which can be collapsed (is currently expanded)*/
.collapse{}

/*- class for the expanding / collapsing symbol*/
.sym{}




/*SIDE BAR WIDGET MENU*/

/*#sidebar .widget ul {
	clear:both;
	margin-left:20px;
	color:#333333;
	font-size:13px;
	
	}
	
#sidebar .widget ul li {
	list-style-type:none;
 	padding:5px 0;
	text-transform:uppercase;
	line-height: 1.3em;
	}
	
#sidebar .widget ul ul {
 	margin:0;
	padding:0 0 0 15px;
	}
	
	
#sidebar .widget ul li a{
	color:#333333;
}*/
	
	
/*SIDE NAVIGATION PAGE STYLES*/

#side-nav{
	float: left;
	width:100%;
	color:#333333;
}


#side-nav-wrap {
	width:300px;
	margin:0 auto;
	color:#333333;

	}
	
#side-nav-wrap ul {
	list-style: none;
	float:left;
	margin-top:1px;
	margin-left:10px;
	}

.side-nav-navigation ul, .side-nav-navigation ul li {
	list-style: none;
	margin: 0; padding: 0;
	clear:left
	}

.side-nav-navigation ul {
	float: left;
	clear:left;/* this is the line that fixed the weird spaces in the side-nav*/
	}
	
.side-nav-navigation ul li { 
	float: left;
	line-height: 1.3em;
	}
	
.side-nav-navigation ul a {
	text-decoration: none;
	margin: 0 10px 5px 10px; /*spacing between top level menu items*/
	color: #333; /*color of top level menu text*/
	font-size:12px;
	float: left;
} 
		
.side-nav-navigation ul a:hover {
	color: #333;
	text-decoration:underline;/* grey color*/
}	 /*hover color on all menu items*/

.side-nav-navigation ul li {
	padding: 8px 3px 7px 3px;
	word-spacing:7px;
	font-family:"Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;
	font-size:15px;
	text-transform:none; 
	font-weight:normal;
	 }

.side-nav-navigation ul li:hover li {
	text-shadow:none;
	}	
	
.side-nav-navigation ul li.active a, .side-nav-navigation ul li.current-cat a, .side-nav-navigation ul li.current_page_item a {
	color: #333;
	font-weight:bold;
	} /*color of text active list category*/

/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */
/* IE .hover fixes */
* body .side-nav-navigation ul li.hover a {
	background:none;
	color: #333;}
	

/*#side-nav .side-nav-navigation ul {z-index:598;}*/
 
#side-nav .side-nav-navigation ul li {
	padding: 4px 0 5px 0;
	margin-left: 0px;
	word-spacing:3px;
	font-family:Arial;
	font-size:10px;
	text-transform:uppercase; /*top level nav*/
	font-size:10px;
	color:#333333;
	}
	
#side-nav .side-nav-navigation ul li:hover { background:none;} /*background of all menu items when you hover. includes top nav as well as its dropdowns*/
	
	
	
	
.pagefeed {
	float:left;
	clear:both;
	width:610px;
	background:url(images/line.png) repeat-x bottom center;
	padding:20px 0;
 	}