/* -- ROOT -- */
p {
	font-size:1em;
	margin-bottom: 1.5em;
}

li {
    color: #000000;
}


h2 {
font-family: Arial;
word-spacing: normal;
text-align: left;
letter-spacing: 0;
line-height: 1.6em;
font-size: 1.8em;
margin: 0px;

}

h3 {
	color: #3e3e3e;
	font-size: 1.4em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 4px;
}

h3 a{
	color: #3e3e3e;
}

h3 a:hover{
	color: #3e3e3e;
}


h4 {
	color: #333333;
	font-size: 0.9em;
	width: auto;
}


hr {
	float: left;
	width: 100%;
	height: 1px;
}

a {
	color: #000000;
	text-decoration: none;
	font-weight:bold;
}

a:hover {
	color: #333333;
	text-decoration: underline;
}

.read_more {
float:left;
line-height:1.4em;
}

/* LINKS PAGE */
.links-container
{
line-height: 1.6em;
}

.links-container a
{
font-weight: bold;
text-decoration: none !important;
}

.links-container a:hover
{
font-weight: bold;
text-decoration: underline !important;
}



/* LINKS PAGE END *?






/*--MASTER ELEMENTS--*/
.inactive {
	display: none;
}

#site-col-alpha {
	float: left;
	width: 308px;
	height: auto;
	margin: 30px 0 20px 0;
	clear: right;
/*	font-size:1.1em;*/
}

#site-col-beta {
	float: left;
	position: relative;
	top: 0px;
	left: auto;
	width: 632px;
	margin:-166px 0 0 20px;
	height: auto;
	display: block;
	clear: right;
}
/* podcast right column - default page */
#site-col-default {
position: relative;
	float: right;
	width: 160px;
	height: auto;
	margin: 0px 0 0 0;
}
/*--MASTER ELEMENTS--*/

/*--BANNER AND NAVIGATION--*/
#banner {
	position: relative;
	top: 0px;
	width: 960px;
	height: 320px;
}


#banner a {
	color: #ffffff;
	text-decoration: none;
	font-weight:normal;
}

#banner a:hover {
	color: #000000;
	text-decoration: none;
}
 
/* banner - home page */
.banner-common {
	background: #ffffff url(../img/banner-homehosed.jpg);
	background-repeat:no-repeat;
}
 


#banner ul.left {
	position: absolute;
	top:320px;
	left: 0px;
	width: 296px;
	background-color:#fbe4db; /* live stream bar - colour */
	padding:6px;
}

#banner ul.left a{
	color:#000000;
}

#banner ul.left a:hover{
	text-decoration:underline;
}

#banner ul.left li {
	color: #333333;
}

#banner ul.right {
	position: absolute;
	top: 132px;
	left: 330px;
	width: 630px;
}

#banner ul.right li {
	width: auto;
	float: left;
	padding: 6px 8px 0px 8px;
	margin: 0 5px 0 0;
	color: #ffffff;
	height: 18px;
	font-size: 1.1em;
	text-transform: uppercase;
}

#banner ul.right li.active {
	background: #ffffff;
	color: #000000;
}

#banner ul.right li.active a{
	background: #ffffff;
	color: #000000;
}


/*--BANNER--*/

/*--STORIES NAV--*/


.leftnav
{
margin: 0px 0px 20px 0px;
}

.leftnav li
{
margin: 6px 0px 0px 0px;
}


/*--//STORIES NAV--*/



/*-- CENTRE CONTENT --*/
#content-wrap {
	float: left;
	position: relative;
	width: 455px;
	height: auto;
	margin:20px 0 20px 0;

}

#content-wrap p {
font-size: 1.1em;
}

/* for Home & Hosed blogs */
#content-wrap-wide
{
	float: left;
	position: relative;
	width: 100%;
	height: auto;
	margin:20px 0 20px 0;
}

/* MORE VERTICAL */
#more
{
clear: both;
padding-top: 10px;
width: 100%;
line-height:1.8em;
border-top: dotted 1px #cccccc; /* color */
}


#more ul
{
padding: 0 0 0 8px;
margin: 0 0 18px;
}

#more ul li
{
padding: 0 0 0 20px;
background:url(/triplej/img/layout/txt_li_point.gif)  no-repeat 0 6px;
}

/* MORE HORIZ */


#more-horiz
{
margin-top: 10px;
padding-top: 10px;
width: 100%;

}

#more-horiz .alpha
{
float: left;
width: 15%;
margin-bottom: 0 0 20px 0;
}

#more-horiz .beta
{
float: right;
width: 85%;
text-align: right;
margin-bottom: 20px;
padding-top: 10px;
}


#more-horiz ul
{
padding: 0px;
margin: 0 0 18px;
}

#more-horiz ul li
{
display: inline;
}

#more-horiz ul li a
{
padding: 7px 7px 7px 7px !important;
background: #f0f0f0;
margin: 0 3px 0 0px;
}

#more-horiz ul li a:hover
{
padding: 7px 7px 7px 7px;
background: #fff4f0; /* color bg */
margin: 0 3px 0 0px;
text-decoration:none;
}


#more-horiz ul li.selected a
{
/*padding: 7px 10px 7px 10px;*/
background: #d05b32;
color: #ffffff;
}




/*-- PLAYLISTS--*/

.playlists {
line-height:1.6em;
margin: 20px 0 20px 0;
border-top: dotted 1px #cccccc;
padding-top: 10px;
}

	

/*-- ABOUT -- */
# _latest_pod,
#blog_archive_pod,
#about-wrap {
clear: both;
	margin: 50px 0px 50px 0px;
	float: left;
	width: 100%;
	padding: 6px 0;
}

#about-wrap p{
margin: 3px 0px 0px 0px;
}
.about-wrap {
	margin: 20px 0px 0px 0px;
}
.about-wrap p{
margin: 3px 0px 0px 0px;
}

/*-- BLOG --*/
.blog_story {
background: #fef3b7; /* organefef2aefff2a7fdf3b8 ffffca fff4f0; */
padding: 10px 10px 10px 14px;
clear:both;
float:left;
margin: 0px 0 7px 0px;
line-height:1.2em;
font-size:1em;
width:96%;
margin-bottom: 20px;
}

.blog_story a {
color: #454545;
text-decoration: none;
}

.blog_story a:hover {
color: #454545;
text-decoration: underline;
}



.blog_story h2 {
line-height: 1.4em;
color: #d05b32;
}


.blog_story h2 a {
color: #d05b32;
text-decoration: none;
font-weight: normal;
}

.blog_story h2 a:hover {
color: #d05b32;
text-decoration: underline;
font-weight: normal;
}

.blog_story img {
/*float:left;
margin: 0 5px 5px 0;
*/
display:block;
}

.blog_line
{
width: 98%;
height: 35px;
border-bottom: dotted 1px #666666; /* color */
margin: 5px 0px 15px 0px;
color: #333333;
} 


.author {
font-weight:bold;
line-height:2em;
}

.blog_story p {
font-size: 1.1em;
}

.mediaattach {
background-color:#339999;
}

.top
{
clear: both;
margin: 0px 0px 30px 0px;
width: 98%;
background: #ffffff;
text-align: right;
}

/*-- //BLOG --*/

/* FORM */
input, textarea{
margin: 3px;
}
/* FORM END*/



/*-- MEDIA AZ --*/

.media-heading-az
{
	width: 100%;
	/*float: left;*/
	color: #d05b32;
	font-size: 35pt;
	border-bottom: dotted 1px #8b830b; /* color */
	margin-top: 0px;
	margin-bottom:10px;
}
.media-heading-latest
{
	width: 100%;
	/*float: left;*/
	color: #8b830b;
	font-size: 1.2 em;
	border-bottom: dotted 1px #8b830b; /* color */
	margin: 15px 0 15px 0;
}


#media-az-container
{
float: left;
width: 300px;
height: auto;

}

.media-az
{
width: 100%;
height: auto;
float: left;
margin-top: 10px;

}
.media-az-beta
{
height: auto;
float: right;
width: 150px;
margin-top: 10px;
background: #f0f0f0;
padding: 5px;
}


 .media-az a{
  display: block;
  width: 25px;
  height: 23px;
  text-decoration: none;
  font: bold 13px Arial;
  color: #d05b32; /* green text */
  float: left;
  display: inline;
  margin: 0 8px 8px 0;
  border: 1px solid #CCCCCC;
  padding-top: 4px;
  text-align:center;
  } 
  
    .media-az a:hover{
background-color:#d05b32; /* green bg */
    color: #FFFFFf;
	 border: 1px solid #CCCCCC; /*8b830b*/
  }    
  
  .media-az ul{
margin: 0px;
}

.media-az ul li{
margin: 6px
}
  
  
/* MEDIA AZ END */




/*--PODCAST PROMO--*/
#podcastpromo {
background-color:#e5e8c6;
position: relative;
	float: right;
	width: 160px;
	height: auto;
}

#podcastpromo a{
font-weight:normal;
color:#333333;
}

.rssicon {
padding:0 4px 0 0;
vertical-align:middle;
}

#podcastpromo p{
padding: 4px;
}

/*-- //PODCAST PROMO --*/


/*-- PROMO WIDGETS --*/
.promo-item {
	width: 152px;
	height: auto;
	border: 1px solid #d7d7d7;	
	padding: 3px;
	margin: 0 0 0px 0;
}

.promo-item-bold {
margin: 5px 0 0 0;
font-weight: bold;
}


.promo-item-small a {
	width: 152px;
	height: auto;
	border: 1px solid #d7d7d7;	
	padding: 3px;
	margin: 20px 0 5px 0;
	/*color: #333333;*/
	display:block;
	background: #ffffff;
	color: #000000;
	text-decoration: none;
	font-weight:normal;
}

.promo-item-small a:hover {
	width: 152px;
	height: auto;
	border: 1px solid #d7d7d7;	
	padding: 3px;
	margin: 20px 0 5px 0;
	width: 152px;
	height: auto;
	font-weight:normal;
	color: #000000;
	/*color: #f03f35;*/
	background: #E5E8C6;
}


.promo-item img {
	float: left;
	margin: 0 0 5px;
}

.promo-text-only {
	width: 152px;
	height: auto;
	border: 1px solid #d7d7d7;	
	padding: 3px;
	margin: 0 0 5px 0;
	font-family: verdana;
	font-size: 8pt;
	font-color: #ff0000;
}

/*-- PROMO WIDGETS --*/



/*-- ELEMENTS COLOURS --*/
h2 {
color: #d05b32; /*blue: d05b32; /*ffb548*/
}

/*-- //ELEMENTS COLOURS --*/



/* FORUM */
.forum
{
border-bottom: 1px dotted #ccc;
padding: 0px 0px 10px 0px;
margin-bottom: 7px;
}
.forum-date
{
color: #3c3c3c;
padding: 0px;
margin-bottom: 2px;
}

.forum-author
{
color: #3c3c3c;
font-style: italic;
}
/* FORUM END */