/*
Theme Name: The Listening Company
Description: Custom theme for www.tlc.com?
Version: 1.1
Author: IBrow
Author URI: http://www.ibrow.com/
*/

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

a {color: #666;}

html{
		height: 100%;
		font-size: 100%;
	}

body{

	height: 100%;
	padding: 0;
	margin: 0;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Tahoma, Geneva, Arial, Helvetica, Verdana, Sans-serif;
	background-color: #fff;
	text-align: center;
	color: #666;/* most common txt color */

}

.hide_text{
	font-size: 0;
	width: 0;
	height: 0;
	overflow: hidden !important;
	text-indent: -1000px !important;
}

h2.statement{

	color: #333;
	font-size: 0.9em;
	font-weight: normal;
	text-align: center;
	padding: 7px 30px 7px 30px;

}

h2.title{

	font-size: 1.4em;
	font-weight: bold;
	text-align: left;
	padding: 0 0 8px 0;

}

h3{

	font-weight: bold;
	font-size: 1.2em}
	
h3.markets_header{
	font-weight: bold;
	font-size: 1em;
	letter-spacing: .1em;
	text-align: center;
	text-transform: uppercase;
}

h3 a.news_header{

	color: #fff;
	text-align: center;
	background-color: #444a8b;
	display: block;
	width: 100%;
	padding: 5px 0 5px 0;
	text-decoration: none;

}

h3 a.news_header:hover{ text-decoration: underline;}

.hide, h3.hide{

	/*font-size: 0em;*/
	text-indent: -9999em;
	float: left;
	overflow: hidden;
	visibility: hidden;
	height: 0px;
	}
	
h4{

	font-weight: bold;
	font-size: 1.2em
}



#wrapper{

	width: 916px;	
	height: 100%;
	min-height: 100%;
	height: auto !important;
	background-color: #fff;
	margin: 40px auto 0 auto;/* essential for centering */
	

}

#container{

	width: 916px;
	float: left;
	text-align: left;/* resets ie workaround */
	position: relative;
	padding-bottom: 40px;
	
}

#header{
	
	height: 137px;
	width: 836px;
	background-color: #fff;
	margin: 0 40px 0 40px;
	float: left;
	display: inline;/* ie6 fix */
}

#header_logo a{

	width: 380px;
	height: 60px;
	margin-top: 50px;
	float: left;
	display: block;
	text-indent: -9999em;
	overflow: hidden;

}


#header_statement{

width: 295px;
/*height: 40px;*/
margin: 55px 0 0 35px;
border: 1px solid #ccc;
float: left;
}

#header_links{
width: 72px;
height: 38px;
margin-top: 58px;
margin-right: 25px;
display: inline;/*ie6 bugfix dbl margins*/
float: right;
}

#header_links ul { padding: 0; margin: 0; list-style: none; }
#header_links li{
display: inline;
float: left;
}


/*new stuff start*/
#header_links li span.epihide {
height: 38px;
display: block;
text-indent: -9999em;
overflow: hidden;
}

#header_links li span.header_link_e{
	width: 24px;
	background-image: url(images/e_button.png);
}

#header_links li span.header_link_p{
	width: 30px;
	background-image: url(images/p_button.png);
}

#header_links li span.header_link_i{
	width: 18px;
	background-image: url(images/i_button.png);
}
/*new stuff end*/


#content{

	width: 836px;
	margin: 0 40px 15px 40px;
	background-color: #fff;
	/*min-height: 435px;*/
	float: left;
	display: inline;/* ie6 fix */

}

#col_1{

	width: 690px;
	float: left;
	padding-right: 22px;
	background-color: #fff;
/*	margin-bottom: 20px;*/ /* review + not working ie6 */
	overflow: hidden;/* ie6 fix */
}
#col_1 p{

font-size: 1.2em;
line-height: 1.6em;
padding-bottom: .9em;

}
#col_1.home p{font-size: 1.4em;}/* alternate text styling for homepage here */


div.col_1a{

	width: 360px;
	float: left;
	padding-right: 50px;
	
	overflow: hidden;/* ie6 fix */
}


div.col_1b{

	width: 280px;
	float: left;
	/*margin-top: -33px;*/
	overflow: hidden;/* ie6 fix */
	
}

div.flash_col_1a{

	width: 230px;
	float: left;
	padding-right: 20px;
	
	overflow: hidden;/* ie6 fix */
}


div.flash_col_1b{

	width: 440px;
	float: left;
	/*margin-top: -33px;*/
	overflow: hidden;/* ie6 fix */
	
}


div.clear { display: block}
strong.clear { clear: both; display: block}
#col_1 img, #col_1 p img, #col_1 div.col_1a p img, #col_1 div.col_1b p img{ max-width: 100%; height: auto;}

#col_1 div.col_1b p{

	font-size: 1.1em;
	padding-right: 10px;
	

}

#col_1 div.title{ margin-bottom: 10px; width: 100%; float: left; }/* border-bottom: 1px solid #ccc;*/
#col_1 div.title.news_archive{border-bottom: 1px solid #ccc;}


/* case study styling */

div.case_study{ padding-bottom: 15px; }
div.case_study img{ padding-bottom: .7em;}
div.case_study h3.title{ color: #c30; margin-bottom: .8em;}
div.case_study p{font-weight: normal;}/* adjust to bold if neccesary */

/* news feed + news archive styling */

span.date{color: #999; font-weight:normal; font-style: italic; }
div.post.news{float: left; padding: 1.5em 0 1.5em 0; border: 0; width: 100%; }
div.post.news.odd{background-color: #f6f2f8;}
div.news_title{width: 100%; margin-bottom: .8em;}
div.navigation{ float: left; width: 100%; padding-top: 10px; margin-top: 10px;border-top: 1px solid #ccc; }
div.navigation div.nav_prev{float: left;}
div.navigation div.nav_next{float: right;}
div.navigation a{background-color: #e6ddea; padding: 6px 10px 6px 10px; text-decoration: none; float: left;}
div.navigation a:hover{ text-decoration: underline;}

#col_2{

	width: 124px;
	min-height: 150px;
	float: left;
	background-color: #fff;
	
}

#col_2 p, #col_2 h4{

line-height: 1.2em;
padding-bottom: 3px;
}

#col_2 ul.news_feed{ margin: 10px 0 10px 0; padding: 0; list-style: none; }
#col_2 ul.news_feed li.news_feed_article{ padding-bottom: 10px; }

/* management page styling */
#team_leader {
	width: 680px;
	float: left;
	padding-left: 285px;
	margin-top: 25px;
}
#team_leader img.management_path {
	float: left;
	clear: both;
}
#team_leader .team_member { margin: 8px 300px 0 0 !important;}
#team_members {
	width: 680px;
	float: left;
	border: 1px solid #000;
	padding-bottom: 20px;
}
#team_members ul {
	float: left;
	margin: 20px 0 0 20px;
}
.team_member{
	width: 100px;
	height: 50px;
	float: left;
	display: block;
	border: 1px solid #000;
	padding: 7px 5px;
	margin: 0 20px 20px 0;
	text-align: center;
	font-size: 10px;
	line-height: 14px;
	color: #666;
}
.team_member:hover {
	background-color: #ccc;
	cursor: pointer;
}
.team_member h3 {
	font-size: 10px;
	color: #000;
}
.team_member_data{

	position:absolute;
	z-index:10;
	width:315px;
	height:190px;
	text-align: left;
	color:#fff;
	overflow: hidden;
	padding: 20px 15px 50px 30px;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	background:url(images/team_member_popup_2.png) top left no-repeat;
	display:none;
	
}

.team_member_data p {float: left; width: 295px; font-size: 9px !important; line-height: 12px !important;}
.team_member_data img { float: left; margin-right: 18px;}
.team_member_data h3, .team_member_data h4 {float:left; width: 100%;}
.team_member_data h3 { font-size: 12px !important; font-weight: bold; color: #fff; margin-top: 5px;}
.team_member_data h4 { font-size: 9px !important; font-weight: normal; margin-bottom: 10px;}


/*epi popups*/
#contact_data_e, #contact_data_p, #contact_data_i {
	position:absolute;
	top: 120px;
	left: 660px;
	z-index:20;
	width:214px;
	height:318px;
	text-align: left;
	color:#fff;
	overflow: hidden;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	display: none;
}
#contact_data_e { background: url(images/e_popup.png) top left no-repeat; }
#contact_data_p { background: url(images/p_popup.png) top left no-repeat; }
#contact_data_i { background: url(images/i_popup.png) top left no-repeat; }

.contact_data {
	width: 165px;
	height: 240px;
	margin: 40px 0 0 20px;
	overflow: hidden;
}
.contact_data p{
	font-size: 9px;
	line-height: 14px;
	color: #666;
	padding-bottom: 10px;
}
.contact_data p img, .contact_data img{
	max-width: 165px;
	height: auto;
	padding-bottom: 10px;
}
/* markets menu */

#menu_markets{
	
	width: 124px;
	float: left;
	display: inline;/* ie6 fix */


}

#menu_markets ul{ float: left; width: 100%; padding: 0; margin: 0; padding-top: 8px; list-style: none; }

/* #menu_markets li{ margin-left: 9px; float: right;}*/

#menu_markets li a{

	display: block;
	text-decoration: none;
	width: 124px;
	height: 44px;
	margin-bottom: 10px;
	text-align: center;
	background-color: #fff;
	float: left;

}


/* market sector link images */
#menu_markets li a.automotive{ background: #fff url(images/markets/automotive.jpg) no-repeat top left;}
#menu_markets li a.automotive:hover, #menu_markets li.page-active a.automotive{ background-position: top right;}

#menu_markets li a.financial-services{ background: #fff url(images/markets/financial.jpg) no-repeat top left;}
#menu_markets li a.financial-services:hover, #menu_markets li.page-active a.financial-services{ background-position: top right;}

#menu_markets li a.media-telco{ background: #fff url(images/markets/media.jpg) no-repeat top left;}
#menu_markets li a.media-telco:hover, #menu_markets li.page-active a.media-telco{ background-position: top right;}

#menu_markets li a.telco{ background: #fff url(images/markets/telco.jpg) no-repeat top left;}
#menu_markets li a.telco:hover, #menu_markets li.page-active a.telco{ background-position: top right;}

#menu_markets li a.public-sector{ background: #fff url(images/markets/public.jpg) no-repeat top left;}
#menu_markets li a.public-sector:hover, #menu_markets li.page-active a.public-sector{ background-position: top right;}


#menu_markets li a.retail{ background: #fff url(images/markets/retail.jpg) no-repeat top left;}
#menu_markets li a.retail:hover, #menu_markets li.page-active a.retail{ background-position: top right;}


#menu_markets li a.travel-leisure{ background: #fff url(images/markets/travel.jpg) no-repeat top left;}
#menu_markets li a.travel-leisure:hover, #menu_markets li.page-active a.travel-leisure{ background-position: top right;}

#menu_markets li a.leisure{ background: #fff url(images/markets/leisure.jpg) no-repeat top left;}
#menu_markets li a.leisure:hover, #menu_markets li.page-active a.utilities{ background-position: top right;}


/* ticker */
#news_ticker{
	background-color: #f03;
	width: 836px;
	height: 26px;
	margin:0 40px 0 40px;
	float: left;
	display: inline;/* ie6 fix */
	overflow: hidden;
}
#news_ticker ul#news_ticker_feed li, #news_ticker ul#news_ticker_feed li a, #news_ticker ul#news_ticker_feed li span { color: #f03;}
#news_ticker h3 { font-size: 1.2em; font-weight: bold; color:#fff !important; float: left; margin: 5px 0 0 16px;}
#news_ticker h3.ticker_right { float: right; margin-right: 22px}
#news_ticker h3.ticker_right a { color: #c7b6cd !important; }

.tickercontainer { /* the outer div with the black border */
 
	width: 540px; 
	height: 27px; 
	margin-left: 25px; 
	padding: 0;
	float: left;
	overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 10px;
	top: 7px;
	width: 540px;
	height: 15px;
	overflow: hidden;
}

ul.newsticker { /* that's your list */
	position: relative;
	left: 540px;
	font: bold 10px Verdana;
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
ul.newsticker li {
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding: 0;
}
ul.newsticker a {
	white-space: nowrap;
	padding: 0;
	color: #fff !important;
	margin: 0;
	text-decoration: none;
} 

ul.newsticker a:hover {
	text-decoration: underline;
} 

ul.newsticker span {
	margin: 0 2px;
	color: #fff !important;
} 



/* footer */

#footer{

	width: 836px;
	margin:10px 40px;
	float: left;
	display: inline;/* ie6 fix */

}

#footer ul{

	float: left;
	margin-left: 15px;

}

#footer li{

	font-size: .9em;
	font-weight: normal;
	padding-right: 20px;
	display: inline;
}

#footer li a{color: #666;}	
#footer li a:hover{color: #333;}	

/* sitemap generator styling */
div.ddsg-wrapper{font-size: 1.2em; float: left;}
div.ddsg-wrapper h2{font-weight: bold; padding: 10px 0 10px 0;}
div.ddsg-wrapper ul{font-size: 1em; padding: .5em 0 0 2em;}
div.ddsg-wrapper li{padding-bottom: .2em;}
div.ddsg-wrapper ul ul{list-style-type: disc;}
div.ddsg-wrapper ul ul ul{list-style-type: circle;}

/* main menu drop down styling */
#menu_main{ float: left; background-color: #e6ddea; width: 836px; margin:0 40px 30px 40px; display: inline;}
	#menu_main #search_form { float: right; display: inline; /*z-index: 10000; */}
	#menu_main #search_form form {display: inline; float: right;}
	#menu_main #search_form form input { display: inline; }
	#menu_main #search_form form input.search_box {
		width: 100px;
		height: 14px;
		padding: 2px 2px 0 2px;
		margin: 2px 5px;
		outline: none;
		border: 1px solid #ccc;
		float: left;
		font-size: 11px;
	}

	#menu_main #search_form form input.search_button { 
		margin-right: 5px; 
		background-color:#e6ddea; 
		border: 0;
		float: right;
		padding: 5px 10px;
		font-size: 0.9em;
		font-weight: bold;
	}
	#menu_main #search_form form input.search_button:hover { cursor: pointer; background-color: #444a8b; color: #fff;}
	
#jsddm
{	float: left;
	margin: 0;
	font-size: .9em;
	padding-left: 20px;
	}
	
	#jsddm li
	{	float: left;
		list-style: none;
		
		font-weight: bold;}

	#jsddm li a
	{	display: block;
		
		padding: 5px 15px 5px 15px;
		text-decoration: none;
		
		
		color: #333;
		white-space: nowrap}

	#jsddm li.current_page_item a, #jsddm li.current_page_ancestor a, #jsddm li.current_page_parent a, #jsddm li a:hover
	{background: #444a8b;
			color: #fff;}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			}
		
		#jsddm li ul li
		{	float: none;
			display: inline;
			text-transform: none; }
		
		#jsddm li ul li a, #jsddm li.current_page_item ul li a, #jsddm li.current_page_ancestor ul li a, #jsddm li.current_page_parent ul li a
		{	width: auto;
			background: #f6f2f8;
			color: #333;}
		
		#jsddm li ul li.current_page_item a, #jsddm li ul li.current_page_parent a, #jsddm li ul li a:hover
		{	background: #444a8b;
			color: #fff;}



#col_1 p.wp-caption-text { font-size: smaller; }
#col_1 ul, #col_1 ol { font-size: 12px; line-height:1.6em; }

.alignleft { float: left; margin-right: 5px;}
.alignright { float: right; margin-left: 5px; }
.aligncenter { text-align: center; margin: 0 auto; }

p strong, li strong { font-weight: bold; }
p em , li em{ font-style:italic; }

div.entry li { padding-bottom: 1em; }


/* Twitter Styles */
#twitter_div h2 { color: #666; font-weight: bold; font-size: 11px; margin-bottom:10px; }
#twitter_div ul li { color:#666666; font-size:9px; line-height:14px; padding-bottom:10px; }
#twitter_div ul li span { display: inline; float: none; height: auto; }
#wrapper #header_links #twitter_div a#twitter-link, #twitter_div ul li a { text-indent: none; display: inline; height: 
auto; color: 
#666; text-decoration: none; font-weight: bold; }
#wrapper #header_links #twitter_div a#twitter-link:hover, #twitter_div ul li a:hover { text-decoration: underline; }
#wrapper #header_links #twitter_div #twitter-link { font-size: 11px; }


#wrapper #header_links div.contact_data a { 
	text-indent: none; 
	display: inline; height: auto; color: #666; text-decoration: none; 
	font-weight: bold; 
}
#wrapper #header_links div.contact_data	a:hover { text-decoration: underline; }

#wrapper #hp-content {
clear: both;
border: 1px solid #ccc;
font-size: 1.2em;
line-height: 1.6em;
margin: 1em 0 0.8em 0;
padding: 0.3em 1em;
}
#wrapper #hp-content p {
margin-bottom: 1em;
}

/*Main menu modifications*/

.clr {
	clear:both;
}
#main-menu {
	margin-bottom:0px;
	background:url(images/menubackground.jpg) repeat-x;
	height:35px;
	margin-left:40px;
	width:836px;
	overflow:hidden;
	}
#main-menu.noSubNav {
	margin-bottom:30px;
}
#main-menu ul {
	list-style:none outside none;
	/*padding-top:8px;*/
}
#search_form {
	float:right;
	width:175px;
}
#search_form input.search_box {
	border-top:1px solid #7d7d7d;
	border-right:1px solid #7d7d7d;
	border-left:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	margin-right:4px;
	margin-top:8px;
	float:left;
	display:block;
	font-size:11px;
	height:16px;
	line-height:16px;
	padding-left:2px;
	width:120px;
}
#search_form input.search_button {
	float:right;
	margin-right:10px;
}
#main-menu li {
	float:left;
	display:block;
	color:white;
	/*height:35px;
	padding-top:8px;*/
}

#main-menu li a {
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	color:white;
	text-decoration:none;
	background:url(images/menuseperator.gif) no-repeat scroll 100%;
	padding-left:11px;
	padding-right:11px;
	display:block;
	/*
	padding-top:8px;
	padding-bottom:7px;*/

	line-height:34px;
	/*border:1px solid black;*/
}
#main-menu li:hover,#main-menu li.current_page_item,#main-menu li.current_page_parent{
	background:url(images/menuover.jpg) repeat-x;
}
#main-menu li a:visited {
}
#subnavcontainer {
	margin-left:40px;
	width:836px;
	background:url(images/submenubackground.jpg) repeat-x;
	overflow:hidden;
}
#subnav a, #subnav a:visited {
	color:#767676;
	text-decoration:none;
	font-size:11px;
	font-family:Arial;
	font-weight:bold;
	}
#subnav a:hover, #subnav a:active,
#subnav li.current_page_item a,
#subnav li.current_page_item a:visited {
	text-decoration:underline
	}
#subnav {
	/*background:#e6eef7;*/
	height:30px;
	}
#subnav {
	padding-top:10px;
}
#subnav li {
	border-right:1px solid #767676;
	padding:0 7px;
	float:left;
	list-style:none;
	}	


#header_statement {
display:none;
}

#wrapper {
	margin-top:0px;
}
#header{
	height:120px;
}
#header_logo {
	margin-top:0px;
}