/* reset */

html, body, div, h1, h2, h3, h4, h5, h6, p, a, img, ul, li, form, footer, header, nav, {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.2;
	background-color: #fbfff2;
}

ul {
	list-style: none;
	background-color: #fbfff2;
}



body { 
  font-family: "Trebuchet MS", Verdana, "Open Sans", Ubuntu, Arial, Gotham, sans-serif;
 
}

/* STRUCTURE */

#pagewrap {
	padding: 0;
	width: 960px;
	margin: 0px auto;
	
}


#content {
	width: 592px; /* Account for margins + border values */
	float: left;
	padding: 0;
	margin: 0px ;
	background: #fbfff2;
}

#sidebar {
	width: 336px;
	padding: 5px 0px;
	float: left;
	background-color: #e2eccd;
	color:#404040;
}

footer {
	clear: both;
	padding: 0 15px;
	border-top: solid;
    border-color: #ab8;
    background: #fbfff2;
}

/************************************************************************************
COLOURS:
overall pale background: #fbfff2;
topblock sidebar: #e2eccd;
headermenu:#ab8;


TEXT
dark green text - class: green:#607732; and <hr>
class turquoise: #207b70;
sidebar grey: 404040;
orange: #dd4814;

NB podcastsinenglish header is URW Gothic
Header size is 592px

;
*************************************************************************************/



/************************************************************************************
REST OF CSS
*************************************************************************************/


/* colors */
.triangle {
	color: #dd4814;
	font-size: 120%;
}

/* colors */
#content .triangle {
	color: #dd4814;
	font-size: 95%;
}


.large-menu { display: inline; }
.small-menu { 
	display: none; 
}

.turquoise { color: #207B70;}
.red  { color: #dd4814;}
.brown { color: #de623e; }
.turquoise2  {color: #FF9933}
.green  {color: #607732}


.clear {
	clear: both;
	padding:3px;
	margin-bottom: 3px;
}	



hr {
height: 2px;
color: #6b813f;
background-color: #6b813f;
border: none;
margin-bottom: 15px;
}


a:link, a:visited {
	text-decoration: none;
	color: #dd4814;

}
a:hover {
	text-decoration: none;
	color: #930;
}

.center {
	text-align: center;
	}

h4 {
	font-size: 100%;
	font-weight: normal;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* header */	

#bottomheader ul{
padding: 0 ;
margin:0 35px 0 0;
}

#banner{
	background: url(/images/logos_new/banner.jpg) no-repeat;
	height:125px;
	background-position: center bottom;
}
#banner_home{
	background: url(/images/logos_new/banner_home.jpg) no-repeat;
	height:310px;
	background-position: center bottom;
}

#bottomheader {
	visibility: visible;
	margin:0px 0 0px 0;
	background-color: #ab8;
	height: 27px;
}

#bottomheader li {
	font-weight:bold;
	float: right;
	list-style: none;
	margin: 0;
	padding: 0px;
	font-size: 110%;
	
}

#content a {
    padding: 0px;
    line-height: 100%;
    font-size: 100%;
}
/* have to put bottomheader a padding below content a padding to ensure the main top menu items spread out and anchor tags don't take up too much space in content */

#bottomheader a {
	float: left;
	margin:0;
	padding:5px 8px ;
	color: white;
	text-decoration: none;

	
}
#bottomheader a:hover, body#home #home a, body#plus #plus a, body#level1 #level1 a, body#level2 #level2 a, body#level3 #level3 a, body#level0 #level0 a, body#extras #extras a, body#freebies #freebies a, body#comment #comment a {
float:left;
padding:5px 8px;
text-decoration:none;
background:white;
color:#6b813f;
}



/* main body - sidebar */

#sidebar p {
	margin: 0;
	padding: 0 10px 5px 10px;
	font-size: 90%;
}
#sidebar a {
	
	font-size: 100%;
}
#sidebar h3{
	margin:5px;
	padding: 0 5px; 

}

#sidebar {
display:inline;
list-style: none;
}


#sidebar ul {
	margin: 0px;
	padding:10px 0;
	fnt-size: 95%;
}

.reviews {

	font-size: 95%;
}


#sidebar ul h3 {
	padding:0 0 0 10px;
	margin:0;
}

#sidebar div {
	padding: 10px 10px;
	border-bottom: solid 2px #607732;
	
	
}
#sidebar img {
	margin: 0px;
	font-size: 100%;
	
}


#sidebar img.photo {
border: 1px solid #099;
margin-left: 10px;
}


#sidebar li {
	
	padding-top: 5px;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
	
}

#sidebar h1 {
	font-size: 90%;
	font-weight: normal;
	color: #000000;
	padding: 0 10px;
}


/* main body - content */


	/* padding-bottom needs to be 10 because of html5 player NB #left and right diff from pins.css as well */



#content h1{
	color: #607732;
	font-size: 90%;
	margin: 0px;
	padding: 10px 10px 5px 0;
	font-weight: n*ormal;
	}

#content div {
	padding: 0px 10px 0 0;
		}


h3 {
    display: block;
    font-size: 16px;
    font-weight: bold;
}

/* pron page */
h3.inline {display: inline;}

	
#left {
	padding-top: 10px;
	float: left;
	/* width:230px; */
	}

#right {
	padding-top: 10px;
	float: right;
	 /* width:230px; */ 
	}



#comments {
	clear: both;
}
		


#content p {
	margin: 5px 0 15px 0;
	padding: 0 5px 0 0;
	line-height: inherit;
}
#content p.bizright {
	float: right;
	padding-right: 60px;
}


#content h3 {
	margin-bottom: 4px;
	padding: 0px;
	margin-top: 8px;
	font-size: 20px;
}



#content ul.main_items {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#content img.photo1 {
	margin: 0 10px 5px 0px;
	float: left;
	border: 0px;
	padding: 0px;
	border: 1px solid #099;
	
}
#content img.photo2 {
	float: left;
	border: 1px solid #099;
	padding: 0px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#content img.photo {
	float: left;
	border: 1px solid #099;
	padding: 0;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#content img.week{
	margin-bottom: 10px
}


#content p.plus {
	font-size: 100%;
	line-height: normal;
	padding: 0 5px 5px 0;
	margin-top: 0px;
	margin-bottom: 5px;
	
}
#content1 {
	padding: 15px 7px 10px 0px;
	margin-left: 0px;
	}

#content1 p {
	font-size: 100%;
	line-height: normal;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 20px;
}

/* the player */

.audiojs .play {
    background: url(../../Scripts/audiojs/player-graphics.gif) -2px -4px no-repeat;
}
.audiojs .pause {
    background: url(../../Scripts/audiojs/player-graphics.gif) -2px -94px no-repeat;
}
.audiojs .loading {
    background: url(../../Scripts/audiojs/player-graphics.gif) -2px -34px no-repeat;    
}
.audiojs .error {
    background: url(../../Scripts/audiojs/player-graphics.gif) -2px -64px no-repeat;
}