/* CSS Document */

/* Modified CSS from "CSS MASTERY" by Andy Budd - 3 column hybrid */

/* Pretty Stuff
================================== */

/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Trebuchet MS", Verdana, Tahoma, sans-serif;
  font-size: 14px;
  line-height: 30px;
  background: #beb url(images/bg_big.gif) no-repeat top center fixed;
}

h1 {
  font-size: 160%;
  font-weight: bold;
  color: #393;
  padding: 0px 0px 10px 0px;
}

h2 {
  font-size: 140%;
  font-weight: normal;
  color: #393;
}

p, li {
  font-size: 95%;
}

h1, h2, p {
  margin: 5px 0;
}

hr {
  border: 0;
  width: 95%;
  text-align: center;
  color: #393;
  background-color: #393;
  height: 2px;
}

.external
	{
	margin: -5px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	}
	
.more
	{
	background: #beb url(images/bg.gif);
	}

#wrapper {
  background: url(images/bg.gif) repeat-y top left;
}

#branding {
  height: 106px;
  background: #b9e8ba url(images/header.gif) no-repeat top left;
  border-bottom: 2px solid #393;
  border-right: 2px solid #393;
  padding: 5px 0px 10px 0px;
  margin: 0px;
}

#branding h1 {
  margin: 0;
}

#mainNav {
  list-style: none;
  padding: 0px 0px 0px 5px;
  line-height: 25px;
}

#mainNav li
	{
	font-size: 105%;
	padding-left: 10px;
	width: 129px;
	}

#mainNav a
	{
	color: #beb;
	text-decoration: none;
	display: block;
	}
	
#mainNav a:hover
	{
	font-weight: bold;
	background: url(images/arrow.gif) no-repeat left center;
	}

#content a
	{
	color: #393;
	text-decoration: none;
	font-weight: bold;
	font-size: 90%;
	}
	
#content a:hover
	{
	text-decoration: underline;
	}	
	
#secondaryContent {
  background: url(images/bg_secondary.gif) no-repeat top right;
  border-top: 2px solid #2e2;
  border-left: 2px solid #2e2;
  border-bottom: 2px solid #393;
  border-right: 2px solid #393;
  line-height: 20px;
}

#secondaryContent .big
	{
	font-size: 400%;
	font-weight: bold;
	float: left;
	display: inline;
	margin: -10px 0px 0px 0px;
	padding: 0;
	color: #333;
	text-align: left;
	vertical-align: text-top;
	}
	
#secondaryContent h2 {
  font-size: 90%;
  margin: 0;
  font-weight: bold;
}

#secondaryContent object
	{
	text-align: center;
	}

#secondaryContent p {
  font-size: 80%;
  padding: 0px 10px 20px 20px; 
}

#secondaryContent img	
	{
	border: none;
	display: inline;
	vertical-align: middle;
	}
	
#secondaryContent li
	{
	background: url(images/play.gif) no-repeat center right;
	list-style: none;
	font-size: 70%;
	border-bottom: 1px solid #393;
	}
	
#secondaryContent .last
	{
	border: none;
	}
	
#secondaryContent ul .links
	{
	background: none;
	border: none;
	font-size: 80%;
	}
	
#secondaryContent li a
	{
	color: #000;
	text-decoration: none;
	font-weight: normal;
	display: block;
	width: 100%;
	}
	
#secondaryContent .center
	{
	text-align: center;
	}	

#footer {
  background-color:#393;
  padding: 3px 0px;
  color: #7e7;
  text-align: center;
  height: 30px;
  font-size: 75%;
}

#content img
	{
	padding: 1px;
	display: inline;
	vertical-align: middle;
	}

/* The Core Technique
================================= */

body {
  text-align: center;
}

#wrapper {
  width: 95%;
  max-width: 100%; 
  margin: 0 auto; 
  text-align: left;
}

#mainNav { 
  width: 23%;
  max-width: 23%;
  float: left;
}

#content { 
  width: 75%;
  max-width: 75%; 
  float: right;
}

#mainContent { 
  width: 66%;
  max-width: 66%;
  float: left;
}

#secondaryContent { 
  width: 31%;
  max-width: 31%;
  margin: 7px 0px 0px 0px;
  float: right;
} 

#footer { 
  clear: both; 
} 

/* Add some padding
================================== */

#mainNav, #secondaryContent {
  padding-top: 20px;
  padding-bottom: 20px;
}

#mainNav *, #secondaryContent * {
  padding-left: 20px;
  padding-right: 20px;
}

#secondaryContent * * {
  padding-left: 0;
  padding-right: 0;
}

#mainNav * *
	{
	padding-left: 10px;
	padding-right: 0px;
	}

/* PLAYER PAGE */

#pod_play
	{
	border: 1px solid #003300;
	width: 210px;
	padding: 3px;
	}
	
#pod_play a
	{
	color: #393;
	text-decoration: none;
	font-weight: bold;
	font-size: 90%;	
	}
	
#pod_play a:hover
	{
	text-decoration: underline;
	}
	
/* ABOUT PAGE BOTTOM LINKS */

#mainContent .center
	{
	text-align: center;
	padding-top: 5px;
	}	
	
#mainContent .current
	{
	color: #333333;
	text-decoration: underline;
	}
	
#mainNav .current
	{
	font-weight: bold;
	color: #333333;
	}
	
/* PHILOSOPHY TEXT */

.list
	{
	font-size: 85%;
	}
	
/* PODCAST PAGE - LIST */

#pods
	{
	width: 100%;
	margin: 0px auto 10px auto;
	border-bottom: 2px solid #393;
	border-top: 2px solid #393;
	border-left: 2px solid #393;
	border-right: 2px solid #393;
	}
	
.pods_a
	{
	width: 100%;
	background: #6c6;
	margin: 0 auto;
	padding: 0;
	}
	
.pods_b
	{
	width: 100%;
	background: #bfb;
	margin: 0 auto;
	padding: 0;
	}
	
#pods dt a
	{
	display: block;
	background: #beb url(images/sm_podLogo.gif) no-repeat right center;
	margin: 3px;
	padding: 2px;
	height: 40px;
	font-weight: bold;
	color: #000;
	}
	
#pods dt a:hover
	{
	text-decoration: none;
	background: #beb url(images/sm_podLogoPlay.gif) no-repeat right center;
	}
	
#pods dd
	{
	font-size: 80%;
	margin: 0px 5px;
	line-height: 25px;
	font-style: italic;
	}
	
/* ADS */

.ads
	{
	text-align: center;
	}
	
/* WEBSITES */

#webs
	{
	width: 100%;
	margin: 0px auto 10px auto;
	}
	
.webs_a
	{
	width: 98%;
	background: #6c6;
	margin: 0 auto;
	border-bottom: 2px solid #393;
	border-top: 2px solid #393;
	border-left: 2px solid #393;
	border-right: 2px solid #393;
	}
	
.webs_b
	{
	width: 98%;
	background: #bfb;
	margin: 0 auto;
	border-left: 2px solid #393;
	border-right: 2px solid #393;
	}
	
#webs .edge a 
	{
	display: block;
	background: #beb url(images/edge.gif) no-repeat right center;
	margin: 3px;
	padding: 5px;
	height: 40px;
	font-weight: bold;
	color: #000;
	}
	
#webs .nature a
	{
	display: block;
	background: #beb url(images/nature.gif) no-repeat right center;
	margin: 3px;
	padding: 5px;
	height: 40px;
	font-weight: bold;
	color: #000;
	}
	
#webs .lynne a
	{
	display: block;
	background: #beb url(images/lynne.gif) no-repeat right center;
	margin: 3px;
	padding: 5px;
	height: 40px;
	font-weight: bold;
	color: #000;
	}
	
#webs dd
	{
	font-size: 80%;
	margin: 0px 5px;
	line-height: 25px;
	font-style: italic;
	}
	
/* GALLERY PAGE */

#gallery
	{
	margin: 1px auto 10px auto;
	}