/* Creative Therapy Sessions, Ver. 2 */
/* Authored by Carlos Solorzano, DragonFire Interactive - 11/15/2006 */

/* The following removes built-in stylings set by browsers
------------------------------------------------------------ */
p,h2,h3,h4,h5,h6,pre,code { font-size: 1 em, font-weight: normal;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin: 0; padding: 0 }
a img,:link img,:visited img { border: none}
:link,:visited { text-decoration: none }
ul { list-style: none}

/* Layout Structure 
----------------------------------------------------------- */

body {
	background-color: #999966;
	padding: 0px;
	margin: 0px;
	font-size: 100%;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

#container {
	width: 760px;
	background-color: #FFF;
	margin: 0 auto;
	padding: 0 0 0 0;
	position: relative;
	text-align: left;
}

#header {
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 760px;
	height: 154px;
	background-image:url(../images/banner.jpg);
}

#navigation {
	float: left;
  	margin-top: 20px;
  	margin-left: 25px;
  	padding: 0;
  	width: 175px;
  	text-align: left;
}
	
#main_content {
	float: left;
	width: 420px;
	margin-top: 40px;
  	margin-left: 40px;
  	padding: 0px;
  	margin-right: 0px;
	text-align: left;
	line-height: 18px;
}

img.main_content {
	position: relative;
	float: right;
	padding: 0px;
	margin-left: 15px;
}

img.floatLeft {
	position: absolute;
	top: 0px;
	left: 0px;
	border: none;
	padding: 0px;
	margin: 0px;
}

img.floatright {
	position: relative;
	top: 0px;
	left: 539px;
	border: none;
	padding: 0px;
	/*--the negative bottom margin fixes a weird bug in IE6 and IE7 ---*/
	margin-bottom: -3px;
}

#podcast {
	font-size:105%;
	color:#CC6633;
	position:absolute;
	left: 283px;
	top: 335px;
}

#widgetbackground {
	padding-top: 20px;
	
}

#rss_icon {
	color: #CC6633;
	position: absolute;
	left: 435px;
	top: 320px;

}

#rss_subscribe {
	font-size: 105%;
	color: #CC6633;
	position: absolute;
	left: 478px;
	top: 335px;
}

#footer {
	padding: 20px;
	clear: both;
	margin-top: 30px;
	text-align: center;
	font: 80% verdana, sans-serif; 
}

/* Typography 
----------------------------------------------------------- */
p {
	font-size: 80%; 
	margin: 10px 0 10px 0; 
	text-align: left;
}
	
h1 {
	font-size: 100%;
	color: #333366;
	text-align: left;
	margin: 0 0 5px 0;
}

h2 {
	font-size: 80%;
	color: black;
	text-align: left;
}

h3 {
	font-size: 100%;
	color: black;
	text-align: left;
}

h4 {
	font-size: 80%;
	color: black;
	text-align: left;
	margin: 0 0 -10 0px;
}

p.podcast_credits {
	font-size: 70%;
}


/* Links (presentation) 
----------------------------------------------------------- */

a:link { 
	font-weight: normal; 
	text-decoration: none; 
	color: #6666CC;
}

a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #666699;
}

a:hover, a:active { 
	text-decoration: underline; 
	color: #9685BA;
}

#main_content a{
	font-weight: normal; 
	text-decoration: underline; 
	color: #0000CC;
}

#main_content a:visited{
	font-weight: normal; 
	text-decoration: underline; 
	color: #990099;
}

#podcast a {
	text-decoration:none;
	color:#999933;
}

#podcast a:visited {
	text-decoration:none;
	color:#999933;
}

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

#rss_subscribe a {
	text-decoration:none;
	color:#999933;
}

#rss_subscribe a:visited {
	text-decoration:none;
	color:#999933;
}

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

/* Lists (presentation)
----------------------------------------------------------- */
#linkList { 
	position: relative; 
	font: 75% verdana, sans-serif; 
	padding: 10px; 
	margin-top: 10px; 
}

#linkList h3.select { 
	margin: 25px 0px 0px 0px; 
	height: 20px; 
	color: #CC6600;
}

#linkList h3.select a { 
	margin: 25px 0px 0px 0px; 
	height: 20px;
	font-weight: bold;
	color: #CC6600;
}

#linkList ul {
	margin: 0px;
	padding: 0px;
}

#linkList li {
	list-style: none;
	line-height: 2.5ex; 
	padding-top: 5px; 
	margin-bottom: 5px;
}

#linkList li a:link { 
	color: #666600;
}


#linkList li a:visited {
	color: #999966;
}

.recipe_ul {
	list-style:inside;
	font-size: 80%;
	margin: 10 0 10 0px;
}

.recipe_ol {
	list-style:decimal;
	font-size: 80%;
	margin: 10 20 10 20px;
}