/*
Theme Name: The Media Society
Theme URI: www.themediasociety.com
Description: The Media Society
Author: The Media Society
Author URI: www.themediasociety.com
*/

@font-face {
    font-family: 'SourceSansPro';
    src: url('fonts/SourceSansPro-Regular-webfont.eot');
    src: url('fonts/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SourceSansPro-Regular-webfont.woff') format('woff'),
         url('fonts/SourceSansPro-Regular-webfont.ttf') format('truetype'),
         url('fonts/SourceSansPro-Regular-webfont.svg#SourceSansPro') format('svg');
    font-weight: normal;
    font-style: normal; }
	
@font-face {
    font-family: 'SourceSansProBold';
    src: url('fonts/SourceSansPro-Bold-webfont.eot');
    src: url('fonts/SourceSansPro-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SourceSansPro-Bold-webfont.woff') format('woff'),
         url('fonts/SourceSansPro-Bold-webfont.ttf') format('truetype'),
         url('fonts/SourceSansPro-Bold-webfont.svg#SourceSansProBold') format('svg');
    font-weight: normal;
    font-style: normal; }


/* FONTS */
h1 {
	text-decoration:none;
	margin-top: 0;
	margin-bottom: 0;
	font-weight:normal; }
	
h2 {
	text-decoration:none;
	margin-top: 0;
	margin-bottom: 4px;
	font-weight:normal; }
	
h3 {
	text-decoration:none;
	margin-top: 0;
	margin-bottom: 4px;
	font-weight:normal; }
	
p {
	text-decoration:none;
	margin-top: 0;
	margin-bottom: 0;
	font-weight:normal; }
	
.Heading1Bold {
	font-family:SourceSansProBold, sans-serif;
	font-size:24px;
	color:#444;
	line-height:150%; }	
	
.Heading1Reg {
	font-family:SourceSansPro, sans-serif;
	font-size:24px;
	color:#444;
	line-height:150%; }	

.MainHeading {
	font-family:SourceSansProBold, sans-serif;
	font-size:18px;
	color:#444;
	line-height:150%; }	

.Main {
	font-family:SourceSansPro, sans-serif;
	font-size:15px;
	color:#444;
	line-height:150%; }	
	
.MainDateMonth {
	font-family:SourceSansProBold, sans-serif;
	font-size:12px;
	color:#FFF;
	line-height:150%; }
	
.MainDateDay {
	font-family:SourceSansProBold, sans-serif;
	font-size:20px;
	color:#FFF;
	line-height:150%; }		
	
.MainMore {
	font-family:SourceSansProBold, sans-serif;
	font-size:18px;
	color:#FFF;
	line-height:150%; }	
	

.Menu {
	font-family:SourceSansProBold, sans-serif;
	font-size:18px;
	color:#FFF;
	line-height:150%; }
	
.FooterHeading1Bold {
	font-family:SourceSansProBold, sans-serif;
	font-size:24px;
	color:#FFF;
	line-height:150%; }	
	
.FooterHeading1Reg {
	font-family:SourceSansPro, sans-serif;
	font-size:24px;
	color:#FFF;
	line-height:150%; }	
	
	
.FooterMain {
	font-family:SourceSansPro, sans-serif;
	font-size:15px;
	color:#FFF;
	line-height:150%; }	
	

/* LINKS */
img { 
	border:0;
	text-decoration:none;
	border-bottom:none; }
	
.ImageLink:link { 
	border:0;
	text-decoration:none;
	border-bottom:none; }
	
.ImageLink:visited { 
	border:0;
	text-decoration:none;
	border-bottom:none; }	
	
.ImageLink:hover { 
	border:0;
	text-decoration:none;
	border-bottom:none; }	
	
.ImageLink:active { 
	border:0;
	text-decoration:none;
	border-bottom:none; }				

a:hover img {
border-bottom:0px; }	

a:link {
	color:#444;
	text-decoration:none; }
	
a:visited {
	color:#444;
	text-decoration:none; }
	
a:hover {
	color:#444;
	border-bottom:1px dotted #444; }
	
a:active {
	color:#444;
	text-decoration:none; }
	
.MainHeadingLink:link {
	color:#444;
	text-decoration:none; }
	
.MainHeadingLink:visited {
	color:#444;
	text-decoration:none; }
	
.MainHeadingLink:hover {
	color:#444;
	border-bottom:1px dotted #444; }
	
.MainHeadingLink:active {
	color:#444;
	text-decoration:none; }		
	
.MainMoreLink:link {
	color:#FFF;
	text-decoration:none; }
	
.MainMoreLink:visited {
	color:#FFF;
	text-decoration:none; }
	
.MainMoreLink:hover {
	color:#FFF;
	border-bottom:1px dotted #FFF; }
	
.MainMoreLink:active {
	color:#FFF;
	text-decoration:none; }	
	
.MenuLink:link {
	color:#444;
	text-decoration:none; }
	
.MenuLink:visited {
	color:#444;
	text-decoration:none; }
	
.MenuLink:hover {
	color:#444; }
	
.MenuLink:active {
	color:#444;
	text-decoration:none; }
	
.SubMenuLink:link {
	color:#FFF;
	text-decoration:none; }
	
.SubMenuLink:visited {
	color:#FFF;
	text-decoration:none; }
	
.SubMenuLink:hover {
	color:#FFF; }
	
.SubMenuLink:active {
	color:#FFF;
	text-decoration:none; }	

/* Menu Links */
ul.navigation{
	list-style:none; }
	
ul.navigation li { 		
	font-family:SourceSansProBold, sans-serif;
	font-size:18px;
	color:#444;
	display: inline; 
	list-style-type: none;  }
	
ul.navigation li :hover {
	border-bottom:2px solid #444; }
	
ul.navigation li.highlight{
	font-family:SourceSansProBold, sans-serif;
	font-size:18px;
	color:#444;
	display: inline; 
	list-style-type: none;  }

ul.navigation li.highlight a { 	
	color:#444; 	
	border-bottom:2px solid #444; }	

ul.navigation2 {
	list-style:none; }
	
ul.navigation2 li { 		
	font-family:SourceSansProBold, sans-serif;
	font-size:18px;
	color:#444;
	display: inline; 
	list-style-type: none;  }
	
ul.navigation2 li :hover {
	border-bottom:2px solid #444; }
	
ul.navigation2 li.highlight2 {
	font-family:SourceSansProBold, sans-serif;
	font-size:18px;
	color:#444;
	display: inline; 
	list-style-type: none;  }

ul.navigation2 li.highlight2 a { 
	color:#444; 	
	border-bottom:2px solid #444; }
	
	
	
ul.navigation3 {
	list-style:none; }
	
ul.navigation3 li { 		
	font-family:SourceSansPro, sans-serif;
	font-size:15px;
	color:#FFF;
	display: inline; 
	list-style-type: none;  }
	
ul.navigation3 li :hover {
	border-bottom:1px solid #FFF; }
	
ul.navigation3 li.highlight3 {
	font-family:SourceSansPro, sans-serif;
	font-size:15px;
	color:#FFF;
	display: inline; 
	list-style-type: none;  }

ul.navigation3 li.highlight3 a { 
	color:#FFF; 	
	border-bottom:1px solid #FFF; }		


/* DIVS */

/* Body */
body {
	background-color:#FFF;
	margin:0;
	padding:0; }
	
#Container {
	position:relative;
	width:100%;
	height:100%;
	clear:both; }
	
#BodyContainer {
	width:940px;
	padding-top:40px;
	padding-bottom:40px;
	position:relative;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	clear:both; }
	
#HomeBodyContainer {
	width:940px;
	padding-top:20px;
	padding-bottom:40px;
	position:relative;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	clear:both; }	
	
	
/* Homepage */
#HomeContainer {
	top:16px;
	background-color:#F2F2F2;	
	position:relative;
	width:100%;
	height:100%;
	clear:both; }
	
#HomeBodyContainer {
	width:940px;
	padding-top:20px;
	padding-bottom:20px;
	position:relative;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	clear:both; }
	
#HomeHero {
	width:940px;
	position:relative;
	text-align:center;
	clear:both; }
	
#HomeLatestNews {
	width:580px;
	padding:20px 20px 10px 20px;
	margin-right:20px;
	margin-bottom:20px;
	background-color:#FFF;
	position:relative;
	text-align:left;
	float:left; }
	
	
/* Divides */
#MainDivide {
	position:relative;
	width:580px;
	margin-top:10px;
	margin-bottom:20px;
	min-height:2px;
	background-image:url(im/main_divide.png);
	background-position:top;
	background-repeat:no-repeat;	
	clear:both;}
	
#SBDivide {
	position:relative;
	width:260px;
	margin-top:2px;
	margin-bottom:20px;
	min-height:2px;
	background-image:url(im/sidebar_divide.png);
	background-position:top;
	background-repeat:no-repeat;	
	clear:both;}
	
#FooterMainDivide {
	position:relative;
	width:580px;
	margin-top:10px;
	margin-bottom:20px;
	min-height:2px;
	background-image:url(im/footer_main_divide.png);
	background-position:top;
	background-repeat:no-repeat;	
	clear:both;}
	
#FooterSBDivide {
	position:relative;
	width:260px;
	margin-top:10px;
	margin-bottom:20px;
	min-height:2px;
	background-image:url(im/footer_sidebar_divide.png);
	background-position:top;
	background-repeat:no-repeat;	
	clear:both;}
	
	
			
/* Header */
#HeaderContainer {
	position:relative;
	background-color:#333;
	margin-top:0px;
	width:100%;
	height:155px;
	clear:both;	 }

#HeaderBody {
	width:940px;
	height:110px;
	position:relative;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	clear:both; }

#HeaderMenuContainer {
	position:relative;
	background-color:#EEE;
	background-image:url(im/menu_bg.jpg);
	background-position:top;
	background-repeat:repeat-x;	
	width:100%;
	height:45px;	
	clear: both; }
	
#HeaderMenuBody {
	width:940px;
	height:20px;
	top:14px;
	left:-40px;
	position:relative;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	clear: both; }
	
#SubHeaderMenuContainer {
	position:relative;
	background-color:#333;
	width:100%;
	height:45px;	
	clear: both; }
	
#SubHeaderMenuBody {
	width:940px;
	height:20px;
	top:14px;
	left:-40px;
	position:relative;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	clear: both; }	

/* MAIN */
#MainBody {
	width:580px;
	padding:20px 20px 20px 20px;
	margin-bottom:20px;
	margin-right:20px;
	background-color:#F2F2F2;
	position:relative;
	text-align:left;
	float:left; }
	
#SingleBody {
	width:580px;
	padding:20px 20px 20px 20px;
	margin-bottom:20px;
	margin-right:20px;
	background-color:#F2F2F2;
	position:relative;
	text-align:left;
	float:left; }
	
#SingleBody a:link {
	color:#444;
	border-bottom:1px dotted #444;
	text-decoration:none; }
	
#SingleBody a:visited {
	color:#444;
	border-bottom:1px dotted #444;
	text-decoration:none; }
	
#SingleBody a:hover {
	color:#cc6600;
	text-decoration:none;
	border-bottom:1px dotted #cc6600; }
	
#SingleBody a:active {
	color:#444;
	border-bottom:1px dotted #444;
	text-decoration:none; }
	
#MainBodyHeader {
	width:580px;
	position:relative;
	text-align:left;
	float:left; }
	
#MainBodyHeaderText {
	width:539px;
	position:relative;
	text-align:left;
	float:left; }
	
#MainBodyHeaderDate {
	width:41px;
	height:41px;
	background-image:url(im/post-date_bg.png);
	background-position:top;
	background-repeat:no-repeat;	
	position:relative;
	text-align:left;
	float:left; }
	
#MainBodyHeaderDateText {
	width:41px;
	height:41px;
	position:relative;
	text-align:center; }
	
#MainBodyHeaderDateTextMonth {
	width:41px;
	height:20px;
	top:4px;
	position:relative;
	text-align:center; }
	
#MainBodyHeaderDateTextDay {
	width:41px;
	height:20px;
	top:-6px;
	position:relative;
	text-align:center; }			
	
#MainBodyContainer {
	width:580px;
	margin-top:10px;
	position:relative;
	text-align:left;
	float:left;
	clear:both; }
	
#JoinBodyContainer {
	width:580px;
	margin-top:40px;
	margin-bottom:20px;
	position:relative;
	text-align:left;
	float:left;
	clear:both; }
	
#Join60Container {
	width:280px;
	position:relative;
	padding-right:20px;
	text-align:center;
	float:left; }
	
#Join1Container {
	width:280px;
	position:relative;
	text-align:center;
	float:left; }				
			
#MainMoreLinkContainer {
	background-color:#cc6600;
	background-image:url(im/more-btn_bg.jpg);
	background-position:top;
	background-repeat:repeat-x;		
	padding:2px 10px 1px 10px;
	margin-bottom:40px;
	margin-top:20px;
	position:relative;
	text-align:center;
	float:right; }
	
#SubscribeLinkContainer {
	background-color:#cc6600;
	background-image:url(im/more-btn_bg.jpg);
	background-position:top;
	background-repeat:repeat-x;		
	padding:2px 10px 1px 10px;
	margin-bottom:20px;
	margin-right:20px;
	position:relative;
	text-align:center;
	float:left; }
	
	
#BlogNavContainer {
	position:relative;
	width:580px;
	float:left;
	clear:both;}
	
#BlogNavPrev {
	position:relative;
	width:290px;
	float:left;
	text-align:left; }

#BlogNavNext {
	position:relative;
	width:290px;
	text-align:right;
	float:right;
	clear:both;}
	
#BlogDetailsContainer {
	width:580px;
	padding-top:20px;
	position:relative;
	text-align:left;
	float:left;
	clear:both; }	
	
#BlogTimeContainer {
	width:180px;
	position:relative;
	text-align:left;
	float:left; }		
	
#BlogSharingContainer {
	width:360px;
	top:-4px;
	position:relative;
	text-align:left;
	float:right; }	
	
/* COUNCIL */
#CouncilBody {
	width:580px;
	margin-bottom:40px;
	position:relative;
	text-align:left;
	float:left;
	clear:both; }	
	
#CouncilPhoto {
	width:140px;
	margin-right:20px;
	position:relative;
	text-align:left;
	float:left; }
	
#CouncilText {
	width:420px;
	position:relative;
	text-align:left;
	float:left; }	
	
			
/* SIDEBAR */
#SBBody {
	width:300px;
	overflow:auto;
	position:relative;
	text-align:left;
	float:right; }
	
#SBContainerPromo {
	width:300px;
	margin-bottom:20px;
	position:relative;
	text-align:left;
	clear:both; }	

#SBContainerGrey {
	background-color:#F2F2F2;
	width:260px;
	overflow:auto;
	padding:10px 20px 10px 20px;
	margin-bottom:20px;
	position:relative;
	text-align:left;
	clear:both; }
	
#SBContainerWhite {
	background-color:#FFF;
	width:260px;
	overflow:auto;
	padding:10px 20px 10px 20px;
	margin-bottom:20px;
	position:relative;
	text-align:left;
	clear:both; }
	
#SBMoreLinkContainer {
	background-color:#cc6600;
	background-image:url(im/more-btn_bg.jpg);
	background-position:top;
	background-repeat:repeat-x;		
	padding:2px 10px 1px 10px;
	margin-top:20px;
	position:relative;
	text-align:center;
	float:right;
	clear:both; }		
	
	
	
/* Footer */
#FooterContainer {
	position:relative;
	background-color:#333;
	margin-top:0px;
	width:100%;
	clear:both;	 }

#FooterBody {
	width:940px;
	overflow:auto;
	padding-bottom:0px;
	padding-top:20px;
	position:relative;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	clear:both; }
	
#FooterMainBody {
	width:580px;
	padding:10px 20px 10px 20px;
	margin-right:20px;
	position:relative;
	text-align:left;
	float:left; }
	
#FooterSBBody {
	width:300px;
	overflow:auto;
	position:relative;
	text-align:left;
	float:right; }
	
#FooterSBContainer {
	width:260px;
	padding:10px 20px 10px 20px;
	margin-bottom:20px;
	position:relative;
	text-align:left;
	clear:both; }
	
		

#FooterMenuContainer {
	position:relative;
	background-color:#EEE;
	background-image:url(im/menu_bg.jpg);
	background-position:top;
	background-repeat:repeat-x;	
	width:100%;
	height:45px;
	clear: both; }
	
#FooterMenuBody {
	width:940px;
	top:14px;
	left:-40px;	
	height:20px;
	position:relative;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	clear: both; }
	
#FooterCharityContainer {
	position:relative;
	background-color:#FFF;
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
	clear: both; }
	

/* TWITTER FEED */
#loading-container {
    padding:16px 0px 16px 0px;
    text-align:center;  
}
 
#twitter-feed {
    width:260px;
    margin:auto;
	font-family:SourceSansPro, sans-serif;
	font-size:15px;	
    color:#FFF;
	line-height:170%;
    overflow:auto;
}
 
 
.twitter-article, #loading-container {
    width:260px;
    float:left; 
}
 
 
.twitter-text {
    width:260px;
    float:left;
    font-size:15px;
}
.twitter-text p {
    margin:0px;
	line-height:170%;
}
.twitter-text a,  h1 a {
	color:#dd8b3f;
	border-bottom:1px dotted #dd8b3f;
	text-decoration:none;
	}
	
.twitter-text a:hover,  h1 a:hover {
	color:#dd8b3f;
	border-bottom:1px dotted #333;
	text-decoration:none;
	}
 
.tweet-time {
    font-size:12px;
    color:#999;
	border-bottom:1px dotted #333;	
    float:left;
	padding-bottom:10px;
}
.tweet-time a, .tweet-time a:hover {
	color:#999;
	border-bottom:1px dotted #333;	
	text-decoration:none;
	}
	
/* CONTACT */
#ContactFormBody {
	width:580px;
	position:relative;
	text-align:left;
	float:left; }	
	
/* PODCAST */
div.episode { 
	position:relative;
	text-align:left;
	margin-bottom:40px; }
	
div.episode p.artist { display: none; }