
/*
Theme Name: TINO v2
Theme URI: http://www.handbuiltcreative.com
Description: The default theme for Tune In Not Out
Version: 1.0
Author: Handbuilt Creative
Author URI: http://www.handbuiltcreative.com
*/


/* //////////////////////////    REDEFINE TAGS    //////////////////////////////////////////////////////////////////////////////////////*/
body{
	background-color: #FFF;
	width: 100%;
	line-height: 1.2em;
	background: transparent url(assets/common/body_BKD.png) repeat-y scroll center top;
	font-family :Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	font-style:italic;
}

p{
	line-height: 1.5em;
}


a{
	color:#CCC;
	line-height: 1.2em;
}

a:hover{
	color:#FFF;
	text-decoration: none;
}

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}


#content a{
	color:#666;
}

#content a:hover{
	color:#000;
}


h1, h2, h3, h4, h5, h6{
	line-height: 1;
	font-weight: normal;
}

h1{
	font-size: 350%;
	color:#191919;
	font-style:italic;
}

h2{
	font-size: 280%;
	color:#191919;
	font-style:italic;
}

h3{
	font-size: 160%;
	color:#191919;
	font-style:italic;
}

#home h3{
	padding-top: 10px;
}




.hr{
	background: transparent url(assets/framework/contentDivider.png) repeat-x scroll 0 0  ;
	height: 2px;
	border: none;
	color: none;
	margin: 30px 0px 30px 0px;
}




/* //////////////////////////    REDEFINE FRAMEWORK    //////////////////////////////////////////////////////////////////////////////////////*/

.wrapper{
	background-color: #E4E4E4;
	width: 100%;
	line-height: 1.2em;
	/*background: transparent url(assets/common/body_BKD.png) repeat-y scroll center top;*/
	font-family :Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	font-style:italic;
	background: transparent url(assets/common/wrapper_BKD.jpg) no-repeat scroll center top;
}

.leftWall{
	 background: transparent url(assets/wallsAndFurniture/basic_Room.jpg) no-repeat scroll center top;
}

.rightWall{
	/*background: transparent url(assets/wallsAndFurniture/wall_speakers.png) no-repeat scroll center top;*/
	background-image: none;
}

.container{
}


#header{
	background-color: transparent;
}

#campaign{
	background-color: transparent;
}



#page{
	background-color:transparent ;
	height: 100%;
}

*html #page{
	height: auto;
}

#sidebar{
	background-color: #666;
}

#content{
	line-height: 1.5em;
	background-color: transparent;
}

#pageContent{
	line-height: 1.5em;
	background-color: #ECECEC;
}

#podcast #pageContent{
	background-color: transparent;
}

#clips #pageContent, #topics_landing #pageContent{
	background-color: transparent;
	margin-top: 19px;
}

#home #pageContent, #studio #pageContent{
	background-color: transparent;
}

#footer{
	width: 1000px;
	position:relative;
	background-color: #3F3F3F;
	height: 100%;
}


#home #podcasts, #home #clips, #home #topics{
	width: 200px;
}

#home #clips{
	margin: 0px 15px;
}


#studio #blogURL{
	line-height: 0;
}




/* //////////////////////////    CUSTOM STYLES    //////////////////////////////////////////////////////////////////////////////////////*/





/* //////////////////////////    LOGOS and STRAPLINE */

#logo{
	width: 135px; /* 190px;*/
	position: absolute;
	top: 170px;
	right: 185px;
}


#logo h1{
	margin: 0px;
	display: block;
	text-indent: -9999px;
	line-height: 0px;
	text-align: left;
}




/* //////////////////////////    MAIN NAV */
#mainNav{
	background: transparent;
	padding-top: 17px;
	padding-bottom: 10px;
	height: 47px;
}

#mainNav ul{
	height: 47px;
	margin-left: 2px;
}

#mainNav ul li{
	background-image: none;
	border-right: 1px dotted #FFF;
	height: 38px;
}

*html #mainNav ul li{
	border-right: 1px dotted #CCC;
	padding: 0px;
	margin: 0px;
}

#mainNav ul li a{
	padding: 0px;
	padding-right: 0px;
	margin: 1px 1px 0px 1px;
}

#mainNav ul li a:hover, #mainNav ul li a.current_page_item{
	background: transparent url(assets/common/navBarHover.jpg) repeat-x scroll 0px 0px;
	margin: 1px 1px 0px 1px;
	color: #FFF;
}

#mainNav ul li a span{
	padding: 23px 12px 6px 12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:150%;
	font-style:italic;
	text-transform:none;
}


/* //////////////////////////    CAMPAIGNS */

.IE6minHeight{
	height: 470px;
	width: 1px;
}

.breadcrumb{
	margin: 20px 10px 10px 70px;
}

.breadcrumbNav{
	font-size: 150%;
	color: #CCC;
	margin-bottom: 10px;
}

#content .breadcrumbNav a{
	color: #CCC;
}

.campaignContent{
	margin: 0px 10px 10px 70px;
	color:#333;
}

#studio .campaignContent{
	font-size: 90%;
}

*html .campaignContent{
	margin: 0px 10px 10px 40px;
}


#slideshowHolderWrapper{
	background: transparent url(assets/sections/home/carousel_BKD.png) no-repeat scroll 0px 0px;
	padding: 5px 0px 25px 10px;
	margin: 0px 0px 0px 90px;
	width: 450px;
	height: 250px;
}

#slideshowHolder{
	width: 430px;
	height: 250px;
	display: none;
}


#content #slideshowHolder img{
	background: transparent;
	background-image: none;
	border: none;
	padding: 0px;
	margin: 0px;
}

#ft-title-slideshowHolder{
	margin: 0px 0px 0px 0px;
	padding: 10px;
	width: 410px;
	height: 30px;
	line-height: 1.2em;
}





/* //////////////////////////    SIDEBAR  */

#sidebar{
	background-color: transparent;
	padding-left: 20px;
	line-height: 1;
	height: 100%;
	display: block;
	position:relative;
}

.sidebarSearch{
	position:absolute;
	top: 0px;
	left:0px;
}


.sideBarCampaign{
	height: 351px;
}

#home .sideBarCampaign{
	height: 470px;
}


#sidebarWrapper{
	
	margin-top: 40px;
	
}


ul#widgets li{
	background-image: none;
}

ul#widgets li form#searchform label.screen-reader-text{
	color: #AAA;
	margin-right: 10px;
	font-weight: normal;
}

ul#widgets li form#searchform input#s{
	margin-right: 10px;
	border: 1px solid #CCC;
}


.search{
	height: 70px;
}

#LoginWithAjax table{
	margin: 0px;
}


.furniture{
	height: 330px;
	margin-top: 100px;
	
}



#sideNav{
	width: 300px;
	text-align: left;
	margin-top: 0px;
}

*html #sideNav{
	margin-left: 5px;
}

.sideNavTitle{
	text-align: right;
	background: transparent url(assets/common/sideNav_top.png) no-repeat scroll 0px 0px;
	color: #FFF;
	font-size: 200%;
	line-height: 1;
	padding: 25px 30px 0px 20px;
	height: 40px;
}

.sideNavBKD{
	background: transparent url(assets/common/sideNav_BKD.png) repeat-y scroll 0px 0px;
}

#sideNav ul{
	background-color:#999;
	width: 278px;
	text-align: left;
	margin: 0px 11px 0px 11px;
}



#page #sideNav ul{
	background-color:#FF7400;
}

#studio #page #sideNav ul{
	background-color:#39F;
}




#sideNav ul ul{
	width: 250px;
	text-align: left;
	margin-left: 30px;
	padding: 0px;
	background-color: transparent;
}

#sideNav ul ul ul{
	width: 230px;
	text-align: left;
	margin-left: 20px;
	padding: 0px;
	background-color: transparent;
}

.sideNavBot{
	background: transparent url(assets/common/sideNav_bottom.png) no-repeat scroll 0px 0px;
	line-height: 1;
	height: 30px;
	width: 300px;
}


.sideBarNugget{
	background:#333 url(assets/common/sidebarNuggetBKD.png) repeat-y scroll 0px 0px;
	border: 1px solid #333;
	width: 278px;
	margin-top: 30px;
	margin-left: 10px;
	display: block;
}

#page .sideBarNugget h4 a{
	color: #FFF;
	background:url(assets/framework/bullet_poshArrowSmall_white.png) no-repeat scroll 0px 0px;
	padding: 4px 0px 0px 25px;
	text-decoration: none;
}

.sideBarNugget h4 a:hover{
	color: #CCC;
}

.sideBarNugget p{
	color: #777;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 80%;
}

.sideBarNuggetImage{
	width: 112px;
	position: absolute;
	bottom: -2px;
	right: 0px;
	text-align: right;
}

.twitterBox{
	background: transparent url(assets/common/contentArea_divider.jpg) no-repeat scroll bottom center;
	padding-bottom: 20px;
	width: 280px;
	margin-bottom: 50px;
}

ul#twitter_update_list a{
	border: 1px solid #CCC;
	padding: 4px;
	text-align: center;
}

ul#twitter_update_list li{
	padding: 0px;
}


#blog #sideNav ul li a {
	color: #000;
}

#blog #sideNav ul li a:hover {
	color: #FFF;
}


.sideBarSearch .widget_search{
	background-color: #E0E0E0;
	padding: 10px;	
}

.sideBarSearch{
	margin-right: 10px;
	background: transparent url(assets/common/contentArea_divider.jpg) no-repeat scroll bottom center;
	padding-bottom: 30px;
}



#loginDeets {
	display: none;
}


/* //////////////////////////    Page Content */




#home .widget_categoryposts h3 a{
	background: transparent url(assets/sections/blog/icon_calendar_basic.png) no-repeat scroll 0px 0px;
	padding: 14px 10px 15px 65px;
	text-decoration: none;
	font-size: 120%;
}

#home li.cat-post-item{
	padding: 0px 20px 20px 0px;
	margin-bottom: 20px;
	background: transparent url(assets/common/contentArea_divider.jpg) no-repeat scroll bottom center;
}

#home li.cat-post-item a{
	color:#9C0;
	font-size: 140%;
	text-decoration: underline;
}

#campaignCarousel {
	width: 460px;
	height: 280px;
}




#page a{
	color: #333;
}

#page .resultsFeatures a{
	color:#FFF;
}

#page .resultsFeatures a:hover{
	color:#000;
}

#websiteURL{
	height: 0px;
	line-height: 0;
	font-size: 0px;
	clear: both;
}

#featuredArea{
	width: 600px;
	background: transparent url(assets/common/cms_Featured_top.png) no-repeat scroll 0px 0px;
	margin: 0px 20px 20px 20px;
	padding-top: 20px;
}

#featuredArea a{
	color:#E4E4E4;
}


.featuredAreaTitle{
	background: transparent url(assets/common/cms_featured_titleBKD.png) repeat-y scroll 0px 0px;
	padding: 30px 40px 30px 40px;
	color:#FFF;
}

#pageContent .featuredAreaTitle h2, #pageContent .featuredAreaTitle h3{
	color:#FFF;
	margin: 0px 0px 10px 0px;
}

#pageContent ul{
	margin: 20px;
	width: 400px;
}

#pageContent ul li{
	background-image:url(assets/framework/bullet_circleArrow_dark.png);
	padding: 6px 10px 5px 28px;
	margin: 0px;
	line-height: 1;
}

#pageContent ul li a{
	text-decoration: underline;
	color: #767676;
}

#pageContent #featuredArea ul li a{
	text-decoration: underline;
	color: #E4E4E4;
}

#pageContent ul li a:hover{
	text-decoration: none;
	color: #000;
}


.featuredAreaContent{
	background: transparent url(assets/common/cms_featured_contentBKD.png) repeat-y scroll 0px 0px;
	color:#DDDDDD;
	padding: 20px 40px;
}

.featuredAreaBottom{
	height: 20px;
	width: 600px;
	background: transparent url(assets/common/cms_featured_bottom.png) no-repeat scroll 0px 0px;
}


#pageContent h2{
	margin: 0px 40px 20px 20px;
}

#pageContent h3{
	margin: 20px 0px 10px 0px;
}

#contentArea{
	margin: 0px 40px 40px 40px;
	padding-bottom: 20px;
	background: transparent url(assets/common/contentArea_divider.jpg) no-repeat scroll center bottom;
	color: #444444;
}

.pullQuote_Right{
	float: right;
	margin: 20px 0px 10px 20px;
	padding: 20px;
	background-color: #DBDBDB;
	width: 200px;
	color:#333;
}

.pullQuote_Left{
	float: left;
	margin: 20px 20px 10px 0px;
	padding: 20px;
	background-color: #DBDBDB;
	width: 200px;
	color:#333;
}

#featuredArea p.wp-caption-text{
	margin: 0px;
	background-color: #5B5B5B;
	border: 1px solid #4F4F4F;
	padding: 4px;
	
}

#content #featuredArea img{
	background-color: #5B5B5B;
	border: 1px solid #4F4F4F;
	padding: 4px;
}


#featuredArea .pullQuote_Right{
	float: right;
	margin: 20px 0px 10px 20px;
	padding: 20px;
	background-color: #949494;
	width: 200px;
	color:#EEE;
}

#featuredArea .pullQuote_Left{
	float: left;
	margin: 20px 20px 10px 0px;
	padding: 20px;
	background-color: #949494;
	width: 200px;
	color:#333;
}




#resultsPanel{
	background-color:#333;
	padding-bottom: 5px;
}

#home #resultsPanel{
	padding-bottom: 0px;
}

.clips{
	border-bottom: 14px solid #969;
}

#clips .clips{
	border-bottom: none;
}

#podcast #resultsPanel{
	width: 211px;
	margin-right: 2px;
	padding-bottom: 0px;
	float: left;
	height: 1%;
}

#clips #resultsPanel{
	width: 640px;/*width: 211px;*/
	/*margin-right: 2px;*/
	padding-bottom: 0px;
	float: left;
	height: 1%;
}

#home #clips #resultsPanel{
	width: 200px;
}


#topics_landing #resultsPanel{
	width: 640px;/*width: 211px;*/
	/*margin-right: 2px;*/
	padding-bottom: 20px;
	float: left;
	height: 1%;
	border-bottom: 20px solid #FF7400;
}

#podcast #featuredPodcastResultsPanel{
	margin-right: 2px;
	width: 637px; 
	background-color:#555; 
	margin-bottom: 50px;
}

#clips #featuredClipResultsPanel{
	margin-right: 2px;
	width: 640px; 
	background-color:#555; 
	margin-bottom: 50px;
}


#resultsPanel a{
	color:#CCC;
}

#home #podcasts #resultsPanel a, #home #clips #resultsPanel a, #home #topics #resultsPanel a{
	color:#FFF;
	margin-right: 0px;
	text-decoration: none;
}


#blog #resultsPanel .resultsPanelContent h2{
	background:transparent url(assets/sections/blog/icon_calendar.png) no-repeat scroll left 10px;
	margin-top: 0px;
	margin-left: 0px;
	padding: 10px 0px 20px 70px;
}

#resultsPanel h2 a{
	color:#CCC;
	text-decoration: none;
}

#blog #contentArea h2{
	margin: 0px;
	background:transparent url(assets/sections/blog/icon_calendar_lite.png) no-repeat scroll left 0px;
	padding: 0px 0px 15px 70px;
}

#blog #contentArea h2 a{
	margin: 0px 0px 10px 0px;
	margin-left: 0px;
	text-decoration: none;
	color:#7BA400;
	padding-bottom: 20px;
}

#pageContent #resultsPanel h3{
	color:#CCC;
	margin: 0px;
	padding: 0px 0px 0px 25px;
}

#pageContent #resultsPanel h4{
	color:#CCC;
	margin: 0px;
	padding: 0px;
}



.blog .resultsPanelTitle{
	background: #333 url(assets/sections/blog/blogPost_titleBKD.png) repeat-x scroll 0px 0px;
}
.podcasts .resultsPanelTitle{
	background: #333 url(assets/sections/podcasts/podcasts_titleBKD.png) repeat-x scroll 0px 0px;
}
.clips .resultsPanelTitle{
	background: #333 url(assets/sections/clips/clips_titleBKD.png) repeat-x scroll 0px 0px;
}

#clips .featuredclip .resultsPanelTitle{
	background: #555 url(assets/sections/clips/clips_titleBKD_lite.png) repeat-x scroll 0px 0px;
}
.relatedPages .resultsPanelTitle{
	background: #333 url(assets/sections/relatedTopics/relatedTopics_titleBKD.png) repeat-x scroll 0px 0px;
}
.topics .resultsPanelTitle, .latestTopics .resultsPanelTitle{
	background: #333 url(assets/sections/topics/topics_titleBKD.png) repeat-x scroll 0px 0px;
}

.resultsPanelTitle .mainTitle, .resultsPanelTitle .subTitle{
	font-size: 40px;
	color: #FFF;
	display: block;
	margin: 20px 20px 20px 20px;
	padding: 0px 0px 10px 0px;
	line-height: 1;
}

*html .resultsPanelTitle .mainTitle, .resultsPanelTitle .subTitle{
	margin: 20px 10px 10px 10px;
	padding: 0px;
}

.resultsPanelTitle .subTitle{
	margin-left: 0px;
}

.resultsPanelTitle .mainTitle{
	margin-right: 0px;
}

#home .resultsPanelTitle .mainTitle{
	margin: 20px 0px 0px 10px;
	text-align: left;
}

#home #podcasts .resultsPanelTitle .mainTitle, #home #clips .resultsPanelTitle .mainTitle, #home #topics .resultsPanelTitle .mainTitle{
	margin: 16px 0px 0px 0px;
	text-align: right;
}

#clipCol1 .mainTitle, #clipCol2 .mainTitle, #clipCol3 .mainTitle{
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#clipCol1 .resultsPanelTitle, #clipCol2 .resultsPanelTitle, #clipCol3 .resultsPanelTitle{
	border-bottom: 2px solid #222;
}

#clips .featuredclip .mainTitle{
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 16px;
}


.podcasts .resultsPanelTitle .subTitle{
	color:#BF5A5C;
}


#podcast .featuredPodcast .resultsPanelTitle{
	background-image: url(assets/sections/podcasts/featuredPodcasts_titleBKD.png);
	height: 70px;
}

#home #featuredPodcastResultsPanel{
	background-color: #333;
}


#resultsPanel h2{
	color: #FFF;
	padding: 0px;
	margin: 20px 10px 0px 0px;
	line-height: 2;
}

#topics_landing #resultsPanel h2{
	line-height: 1;
	margin-bottom: 20px;
}

#topics_landing #resultsPanel h2 a{
	text-decoration: none;
}

#blog #resultsPanel h2{
	line-height: 1;
	margin-bottom: 20px;
}

#resultsPanel #clipResultsPanelPreview h2{
	color: #777;
	padding: 0px;
	margin: 0px 10px 10px 25px;
	line-height: 1;
}


.resultsPanelContent{
	color:#999;
	height: 1%;
}


#content .resultsPanelContent img{
	background-color: #232323;
	border: 1px solid #202020;
}

#content .resultsPanelContent .loadingIcon img{
	background-color: #333;
	border: none;
	padding: 50px;
}

#resultsPanel p.wp-caption-text{
	margin: 0px;
	background-color: #2D2D2D;
	border: 1px solid #262626;
	padding: 4px;
	
}

#home .resultsPanelBottom{
	text-align: right;
	padding: 4px 10px 4px 10px;
	background-color: #222;
}

#home #podcasts .resultsPanelBottom{
	background-color: #990000;#714A71
}

#home #clips .resultsPanelBottom{
	background-color: #714A71;
}

#home #topics .resultsPanelBottom{
	background-color:#F60;
}

#home .resultsPanelBottom a{
	text-decoration: none;
}


.ajaxMenuTabs{
	text-align: right;
	width: 330px;
}

#clips .ajaxMenuTabs{
	text-align: right;
	width: 400px;
}

#home .ajaxMenuTabs{
	text-align: right;
	width: 200px;
	margin-top: 10px;
}

.ajaxTab{
	margin-right: 2px;
	float: left;
}

.ajaxTab a{
	background: transparent url(assets/sections/clips/bkd_ajaxBtnNormal.png) repeat-x scroll 0px 0px;
	text-decoration: none;
	padding: 6px 10px 7px 30px;
	display: block;
	color: #FFF;
}

.ajaxTab a:hover, .ajaxTab a.active{
	background: transparent url(assets/sections/clips/bkd_ajaxBtnHighlight.png) repeat-x scroll 0px 0px;
	padding: 6px 10px 7px 30px;
	color: #000;
}

.ajaxTab a.active:hover{
	color:#FFF;
}

#home .ajaxTab a{
	padding: 4px 4px 4px 4px;
	font-size: 80%;
}


.resultsPanelContentDivider{
	background: transparent url(assets/sections/clips/clip_resultsArea_divider.png) repeat-x scroll 0px 0px;
	height: 40px;
}

#home .resultsPanelContentDivider{
	height: 16px;
}

.resultsPanelList{ 
	padding: 0px 5px 5px 5px; 
	height: 480px;
	width: 200px; 
	position: relative; 
	overflow-x: hidden;
	overflow-y: auto; 
}

#home .resultsPanelList{ 
	height: 300px;
	width: 199px;
	padding: 0px 0px 5px 0px; 
}

#topics_landing .resultsPanelList{ 
	padding: 0px 5px 5px 5px; 
	width: 200px; 
	position: relative; 
	overflow-x: hidden;
	overflow-y: hidden;
	height: 100%;
}

#clips .resultsPanelList{ 
	overflow: hidden;
	height: 100%;
	padding: 0px;
	width: 213px;
}

#home #clips .resultsPanelList{ 
	width: 200px;
}


.clipList{ 
	padding: 0px 5px 5px px; 
	height: 480px;
	width: 210px; 
	position: relative; 
	overflow-x: hidden;
	overflow-y: auto;
}

#home .clipList{ 
	padding: 0px 5px 5px px; 
	height: 245px;
	width: 200px; 
}

.relatedPages .resultsPanelList, .latestTopics .resultsPanelList{ 
	width: 300px;
	height: 250px;
	overflow-y: auto;
}


#pageContent .resultsPanelList ul{
	padding: 0px;
	margin: 0px;
	width: 180px;
}

#clips #pageContent .resultsPanelList ul{
	padding: 0px 5px 0px 5px;
}


#pageContent .resultsPanelList ul li{
	border: 1px solid #444;
	margin: 5px 0px 0px 0px;
	padding: 5px 5px 5px 35px;
	width: 142px;
	background-position: 3px 5px;
	height: 100%;
}

#home #pageContent .resultsPanelList ul li{
	border: 1px solid #444;
	margin: 5px 0px 0px 5px;
	padding: 5px 5px 5px 35px;
	width: 137px;
	background-color: #292929;
}

#topics_landing #pageContent .resultsPanelList ul li{
	background-color: #292929;
}

#pageContent .relatedPages .resultsPanelList ul li{
	background-image:url(assets/sections/pages/icon_pages.png);
	border: 1px solid #434343;
	background-color: #2D2D2D;
	width: 245px;
}

#pageContent .latestTopics .resultsPanelList ul li{
	background-image:url(assets/sections/topics/icon_topics.png);
	border: 1px solid #434343;
	background-color: #2D2D2D;
	width: 245px;
}

#pageContent .topics .resultsPanelList ul li{
	background-image:url(assets/sections/topics/icon_topics.png);
}


#pageContent .podcasts .resultsPanelList ul li{
	background-image:url(assets/sections/podcasts/icon_podcasts.png);
}

#pageContent .clips .resultsPanelList ul li{
	background-image:url(assets/sections/clips/icon_clip.png);
	background-color: #292929;
}

#pageContent .resultsPanelList ul li h5{
	margin-bottom: 5px;
}

#pageContent .resultsPanelList ul li h5 a{
	color: #FFF;
	text-decoration: none;
	display: block;
}

#pageContent .resultsPanelList ul li h5 a:hover{
	color: #AAA;
}

#pageContent .resultsPanelList ul li .resultsListSubtitle{
	font-size: 85%;
	color:#777;
}



.resultsPanelPreview{
	width: 430px;
}

#home .resultsPanelPreview{
	margin: 0px auto;
}

#podcast .resultsPanelPreview{
	width: 540px;
	margin-left: 90px;
}

#clips .resultsPanelPreview{
	width: 460px;
	margin: 0px auto;
	padding-top: 20px;
	text-align: center;
}

#clips #content .resultsPanelPreview img{
	background-color: transparent;
	border: none;
}

#podcast #content .resultsPanelPreview img{
	background-color: transparent;
	border: none;
}
 
#pageContent .resultsPanelPreview h3{
	color: #FFF;
	padding: 0px;
	margin: 10px 0px 0px 14px;
	text-align: left;
}

.podcastPreviewArea{
	background-color:#333;
	border-top: 2px solid #990000;
	width: 637px;
}


.clipPreviewArea{
	background-color:#333;
	border-top: 2px solid #996699;
	width: 637px;
}

#clips .clipPreviewArea{
	background:#333 url(assets/framework/gradhigh20_black40.png) repeat-x scroll 0px 0px;
	border-top: 2px solid #181818;
	width: 640px;
}

#podcast .resultsDetails{
	width: 460px;
}

#podcast .resultsDescription{
	color:#CCC;
}

#content .videoPlayerWrapper{
	display: block;
	height: 357px;
}

#content .podcastCampaignPlayer{
	display: block;
	height: 200px;
}

#content #clipResultsPanelPreview .videoPlayerWrapper{
	height: 300px;
}

#clips .videoPlayerWrapper #mediaspace{
	background: transparent url(assets/sections/clips/bkd_videoClipPlayer.png) no-repeat scroll 30px 0px;
	width: 440px;
	height: 285px;
	padding: 25px 0px 0px 23px;
}

#topic .videoPlayerWrapper #mediaspace{
	background: transparent url(assets/sections/clips/bkd_videoClipPlayer.png) no-repeat scroll 0px 0px;
	width: 405px;
	height: 285px;
	padding: 25px 0px 0px 23px;
}

#featuredClipResultsPanel .videoPlayerWrapper #mediaspace{
	background: transparent url(assets/sections/clips/bkd_videoClipPlayer_lite.png) no-repeat scroll 30px 0px;
}

#content .podcastCampaignPlayer .videoPlayer{
	background-image: none;
	width: 540px;
	height: 200px;
	padding: 30px 0px 0px 23px;
	top: -160px;
	right: 0px;
	text-align: right;
}

*html #content .podcastCampaignPlayer .videoPlayer{
	padding: 30px 0px 0px 16px;
}



#content #clipResultsPanelPreview .audioPlayerWrapper{
	height: 100px;
	margin-top: 20px;
}

#clips .audioPlayerWrapper #mediaspaceAudio{
	background: transparent url(assets/sections/clips/bkd_audioClipPlayer.png) no-repeat scroll 40px 0px;
	width: 432px;
	height: 86px;
	padding: 29px 0px 0px 38px;
}

#topic .audioPlayerWrapper #mediaspaceAudio{
	background: transparent url(assets/sections/clips/bkd_audioClipPlayer.png) no-repeat scroll 0px 0px;
	width: 390px;
	height: 86px;
	padding: 29px 0px 0px 40px;
}

#featuredClipResultsPanel .audioPlayerWrapper #mediaspaceAudio{
	background: transparent url(assets/sections/clips/bkd_audioClipPlayer_lite.png) no-repeat scroll 40px 0px;
}


#content #clipResultsPanelPreview .textWrapper{
	background: transparent url(assets/sections/clips/bkd_textClipViewer.png) no-repeat scroll 0px 0px;
	width: 400px;
	/*height: 270px;*/
	padding: 30px 0px 35px 0px;
	margin: 5px 0px 0px 20px;
}

#clips #content .featuredclip #clipResultsPanelPreview .textWrapper{
	background: transparent url(assets/sections/clips/bkd_textClipViewer_lite.png) no-repeat scroll 0px 0px;
	width: 400px;
	/*height: 270px;*/
	padding: 30px 0px 35px 0px;
	margin: 5px 0px 0px 20px;
}

.bookChapter{
	width: 140px;
	height: 180px;
	margin: 0px 14px 20px 45px;
	overflow-y: hidden;
	color:#714A71;
	line-height: 1.5em;
	font-size: 70%;
}

#pageContent .resultsPanelPreview  .bookChapter h3{
	color:#939;
	font-size: 130%;
}


#content #clipResultsPanelPreview .textWrapper .textClip{
	width: 140px;
	height: 180px;
	margin: 0px 0px 20px 10px;
	overflow-y: hidden;
	color:#714A71;
	line-height: 1.5em;
	font-size: 60%;
	text-align:justify;
}


#content .videoPlayerWrapper img{
	border: none;
	background-color: transparent;
	padding: 0px;
}

.videoPlayer{
	position: absolute;
	top: -20px;
	left: -10px;
	width: 447px;
	height: 337px;
	background: transparent url(assets/common/video_player.png) no-repeat scroll 0px 0px;
	padding: 50px 0px 0px 60px;
	display: block;
}

.videoPlayerClips{
	background: transparent url(assets/common/video_player_clips.png) no-repeat scroll 0px 0px;
	width: 286px;
	height: 235px;
	left: 40px;
	top: 10px;
	padding: 35px 35px 0px 31px;
	text-align:center ;
}

#featuredClipResultsPanel .videoPlayerClips{
	background: transparent url(assets/common/video_player_clips_lite.png) no-repeat scroll 0px 0px;
}


#pageContent .resultsFeatures ul{
	width: 100%;
	padding: 0px;
	margin: 0px;
}

#pageContent .resultsFeatures ul li{
	color: #CCC;
	font-size: 85%;
}

#pageContent .resultsFeatures p{
	color: #CCC;
	font-size: 85%;
	margin: 10px;
}

#content #ajaxLoader{
	padding: 20px;
	margin-top: 50px;
	margin-left: 50px;
	margin-bottom: 20px;
}

#content #ajaxLoader img{
	background-color: transparent;
	border: none;
}

#blog ol{
	margin: 0px;
}


#content .notImg img{
	background-color: transparent;
	border: none;
}


.textZoom{
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: pointer;
}

.collapseButton{
	background-color: #333;
	padding: 20px;
	text-align: center;
}

#podcast .collapseButton{
	background-color: #333;
	padding: 20px;
	text-align: center;
	width: 597px;
}

#page .collapseButton a{
	padding: 5px 10px 5px 10px;
	border: 1px solid #666;
	margin-left: auto;
	margin-right: auto;
	color: #666;
	text-decoration: none;
}

#page .collapseButton a:hover{
	color:#FFF;
	}
	
.resultsDetails{
	text-align: left;
}

#page .resultsDetails a{
	color: #E4E4E4;
}

.resultsDescription{
	color:#999;
}


#textContent{
	background: transparent url(assets/framework/black_10percent.png) repeat scroll 0px 0px;
	width: 360px;
	margin: 20px 0px;
	border: 1px solid #444;
	padding: 20px;
	color:#999;
	height: 400px;
	overflow-y: auto;
	text-align:justify;
}

#pageContent .resultsPanelPreview #textContent h3{
	margin-left: 0px;
	margin-bottom: 20px;
	color:#969;
}

#pageContent .resultsPanelPreview #textContent h4{
	margin-left: 0px;
	margin-bottom: 20px;
	color:#FFF;
	font-size: 80%;
}


#uploadText textarea{
	width: 200px;
	height: 80px;
	margin-left: 40px;
	border: 1px solid #CCC;
}

.uploadTextContainer{
	position: absolute;
	top: 85px;
	left: -57px;
	margin-bottom: 50px;
	
}

#content .recordPlaceholder img{
	background-color: transparent;
	border: none;
}

#submissionDetails2 label{
	width: 230px;
	display:block;
	text-align: left;
}

#submissionDetails2{
	background-color:#DDD;
}

#content #recordingArea img{
	border: none;
	background-color: transparent;
	padding: 0px;
}

#content #recordingArea h2, #content #recordingArea h3{
	color:#09F;
}

#submissionDetails2 h4{
	text-decoration: underline;
	
}

#submissionDetails2 textarea{
	width: 300px;
	height: 70px;
}

#submissionDetails2 p{
	margin: 0px 0px 4px 0px;
	padding: 0px;
}

#submissionDetails2 .recordSubmitBtn{
	background-color: #CCC;
}


#submissionDetails2, #tcCollapseBtn, #tcContent, #tcCollapseBtn, #audio , #video, #uploadFile{
	display: none;
}



#recordingHelp, #termsAndConditions{
	background-color: #DDD;
}

#studio #recordingHelp{
	border: 1px solid #CCC;
}

#recordingHelp a{
	color:#999;
}

#pageContent #termsAndConditions h3{
	margin: 0px;
}


.uploadImageContainer{
	position: relative;
}

.uploadImage{
	top: -40px;
}

.qq-upload-failed-text{
	display: block;
}




#zoomMenu{
	margin-top: 25px;
}

#zoomMenu ul li{
	background: transparent url(assets/framework/black_20percent.png) repeat scroll 0px 0px;
	padding: 0px 5px 0px 5px;
	margin-bottom: 1px;
}

#zoomMenu .header{
	background: transparent url(assets/buttons/zoomMenu_header.png) no-repeat scroll 0px 0px;
	height: 22px;
}

#zoomMenu .footer{
	background: transparent url(assets/buttons/zoomMenu_footer.png) no-repeat scroll 0px 0px;
	height: 22px;
}

#zoomMenu ul li:hover{
	background: transparent url(assets/framework/black_40percent.png) repeat scroll 0px 0px;
}

#zoomMenu ul li a{
	background: transparent url(assets/framework/bullet_circleArrow_dark.png) no-repeat scroll 0px 0px;
	display: block;
	line-height: 1.8;
}

#zoomMenu ul li a span{
	padding: 14px 5px 5px 30px;
}

#zoomMenu ul li a span.option1{
	color:#900;
}
#zoomMenu ul li a span.option2{
	color: #639;
}
#zoomMenu ul li a span.option3{
	color: #06C;
}
#zoomMenu ul li a span.option4{
	color: #063;
}
#zoomMenu ul li a span.option5{
	color: #F30;
}
#zoomMenu ul li a span.option6{
	color: #333;
}

#zoomMenu ul li a:hover span{
	color:#000;
}


#affliateLogo{
	width: 560px;
	margin-left: 40px;
}






#file-uploader input{
	position: absolute;
	left: 00px;
	top: -35px;
	background-color:#9CF;
	border: 1px solid #09F;
	padding-right: 10px;
	/*
	margin: 0;
	padding: 0;
	opacity: 0;
	width: 370px;
	height: 210px;
	display: block;
	cursor: pointer;*/
}

.qq-upload-size{
	margin: 0px 5px 0px 5px;
}

.qq-upload-size{
	color:#900;
}


.facebookWrapper{
	margin: 20px 0px 0px 10px;
	background: url(assets/common/contentArea_divider.jpg) no-repeat scroll center bottom transparent;
}

#home .facebookWrapper{
	margin: 20px 0px 0px 0px;
}













/* //////////////////////////    FOOTER  */

.footerHeader{
	background: transparent url(assets/common/footerTop.jpg) no-repeat scroll 0px 0px;
	height: 15px;
}

.footerFoot{
	background: transparent url(assets/common/footerBottom.jpg) no-repeat scroll 0px 0px;
	height: 15px;
	width: 1000px;
}

.footerBox{
	background-color:#262626;
	margin-bottom: 10px;
	color:#999;
}

#footer h2{
	margin: 10px 0px;
	padding: 0px;
}

#footer h3{
	color:#CCC;
	margin: 10px 0px;
}

#footer ul li{
	background-image:url(assets/framework/bullet_circleArrow_dark.png);
	padding: 6px 10px 5px 28px;
	margin: 0px;
	line-height: 1;
	color: #AAA;
}

#footer ul li a{
	text-decoration: underline;
	color: #AAA;
}

#footer ul li a:hover{
	text-decoration: none;
	color: #FFF;
}

#footer .footerBox ul li{
	background-image: url(assets/common/icon_footerDoc.jpg);
	padding: 4px 10px 8px 28px;
	margin: 0px 0px 4px 0px;
	line-height: 1;
	color: #AAA;
}

.footerBoxIcon{
	position: absolute;
	bottom: -30px;
	right: 30px;
}


.copyright{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	background-color:#FFF;
	padding-top: 20px;
}

.copyright a{
	color:#111;
}

.copyright a:hover{
	color:#CCC;
}


.credits{
	background-color:#ECECEC;
	width: 960px;
	margin: 0px auto;
}


.sponsorLogo a{
	font-size: 45px;
	line-height: 1;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	display: block;
}

.sponsorLogo a:hover{
	background-position: 0px -59px;
}

.logoAldaf a{
	background: transparent url(assets/sections/footer/icon_aldaf.png) no-repeat scroll 0px 0px;
}
.logoDEN a{
	background: transparent url(assets/sections/footer/icon_DEN.png) no-repeat scroll 0px 0px;
}
.logoTasComFund a{
	background: transparent url(assets/sections/footer/icon_tasComFund.png) no-repeat scroll 0px 0px;
}
.logoHandbuilt a{
	background: transparent url(assets/sections/footer/icon_HandbuiltCreative.png) no-repeat scroll 0px 0px;
}
.logoAdFact a{
	background: transparent url(assets/sections/footer/icon_adFact.png) no-repeat scroll 0px 0px;
}



.siteWideLinksWrapper{
	width: 980px;
	margin: 0px auto 0px auto;
	border-top: 1px solid #DDD;
	/*border-bottom: 1px solid #DDD;*/
	padding: 10px 10px 0px 10px;
	background-color: #FFF;
}

.siteWideLinks{
	width: 240px;
	float: left;
	color:#999;
}

.siteWideLinks h1, .siteWideLinks h2, .siteWideLinks h3, .siteWideLinks h4, .siteWideLinks h5, .siteWideLinks h6, .siteWideLinks p{
	color:#666;
	font-size: 12px;
}

.siteWideLinks p{
	color:#999;
	font-size: 8px;
}

.siteWideLinks p a, .siteWideLinks a{
	color:#999;
	text-decoration: none;
}

.siteWideLinks a:hover{
	color:#000;
}







/* //////////////////////////    WIDGET STYLES    //////////////////////////////////////////////////////////////////////////////////////*/









