* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

body {
	/*background: #CC6600;*/
	background-color: #FF9900;
	margin: 0;
	padding: 0;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 85%;
}

#container {
	width: 55em;
	margin-left: 6em;
	position: relative;
	min-height: 100%;
	height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
}

html>body #container {
    height: auto;
	}


/* Formatting for Blocks */

#intro {
	position: relative;
	padding: 2em 0 0 0;
}

#intro a {
	text-decoration: none;
}

#pageHeader {
	background-color: #6699CC;
	border-color: #03c;
	border-top-style: double;
	border-left-style: outset;
	border-bottom-style: double;
	border-right-style: outset;
	border-bottom-width: thick;
	border-left-width: thick;
	padding: 2em 0 .7em 0;
	margin-left: -4em;
	margin-right: 13.5em;
	margin-bottom: .5em;
	/* compensates for the container, so background panel is flush with left. */
	text-transform: lowercase;
	text-indent: 6em;	/* places headline text with proper margin */
}

/* Major title */
#pageHeader h1 {
	text-align: left;
}

/* Sub title */
#pageHeader h2 {
	text-align: left;
	/* margin: 0 23.5em .3em 0; /* puts subtitle just below major title */
	/*margin: 0 33em .3em 0; */
	margin: 0 0 .3em 6.7em;
	padding-bottom: 1em;
}


/* under the Sub title */
#quickSummary {
	width: 21em;
	/*padding: 0em 5em 0em 25em;*/
	padding: 0;
	margin: 0 0 0 8em;
}

/* Contains the text just above the adsense banner */
#quickSummary p.p1 {
	color: #660000;
	height: 100%;
	font-family: Gill Sans, Verdana;
	font-size: .85em;
	text-transform: capitalize;
	letter-spacing: .3px;
	font-weight: normal;
}


#content {
	background-color: #fc0;
	border-color: #a60;
	border-top-style: double;
	border-right-style: double;
	border-left-style: double;
	border-right-width: thick;
	padding-top: .1em;
	margin-left: 5em;
}

/* Google adsense banner */
#adsense {
	width: 50em;
	margin-top: .25em; 
	margin-left: 10.6em;
}

#opening {
	margin-top: 1.5em;
	width: 49em;
	padding: 0 10em 0 4em;
	text-align: justify;
}

#opening h3 {
	font-family: Gill Sans, Verdana;
	font-size: 1.8em;
	font-style: oblique;
	font-weight: normal;
	margin-bottom: .4em;
}

#opening .subtitle {
	color: #660000;
	font-size: .8em;
	font-style: oblique;
}

#opening p {
	margin-right: 4em;
	text-align: left;
}

#supportingText {
	position: relative;
	padding: 1.5em 10em 0em 4em;
	width: 46em;
	text-align: justify;
}

#creatureSection {
	float: right;
	width: 21em;
	margin-right: 2em;
}

#creatureSection h3 {
	font-family: Gill Sans, Verdana;
	font-size: 1.5em;
	font-style: oblique;
	font-weight: normal;
	margin-bottom: .4em;
}

/* for episode section of title page only--BEGIN */
#episodeTitleSection {
	width: 21em;
}

#episodeTitleSection a:hover {
	background-color: #630;
	color: #FFFF00;
}

#episodeTitleSection h3 {
	font-family: Gill Sans, Verdana;
	font-size: 1.5em;
	font-style: oblique;
	font-weight: normal;
	margin-bottom: .2em;
}
/* END--episode section of title page */

#episodeSection {
	width: 21em;
}

#episodeSection a:hover {
	display: block;
	/*background-color: #630;*/
	background-color: #700;
	padding-top: .3em;
	margin-top: -.3em;
	padding-left: .5em;
	margin-left: -.5em;
	padding-bottom: .02em;
	margin-bottom: -.02em;
	color: #FFFF00;
}

#episodeSection h3 {
	font-family: Gill Sans, Verdana;
	font-size: 1.5em;
	font-style: normal;
	font-weight: normal;
	margin-bottom: .2em;
}

#episodeSection h4 {
	font-family: Gill Sans, Verdana;
	font-size: 1.2em;
	font-style: oblique;
	font-weight: normal;
	margin-bottom: .3em;
}

.episode {
	margin-bottom: 2em;
}

.latest {
	color: #EE0000;
	height: 100%;
	font-family: Gill Sans, Verdana;
	font-size: 1em;
	text-transform: capitalize;
	letter-spacing: .3px;
	font-weight: normal;
}

#commercialSection {
	float: right;
	width: 21em;
	margin-right: 2em;
}

#commercialSection a:hover {
	display: block;
	background-color: #700;
	color: yellow;
	padding-top: .3em;
	margin-top: -.3em;
	padding-left: .5em;
	margin-left: -.5em;
	padding-bottom: .02em;
	margin-bottom: -.02em;
}

#commercialSection h3 {
	font-family: Gill Sans, Verdana;
	font-size: 1.5em;
	font-style: normal;
	font-weight: normal;
	margin-bottom: .2em;
}

#commercialSection h4 {
	font-family: Gill Sans, Verdana;
	font-size: 1.2em;
	font-style: oblique;
	font-weight: normal;
	margin-bottom: .3em;
}

.commercial {
	margin-bottom: 2em;
}


#creatureRC {
	width: 21em;
}

#creatureRC h3 {
	font-family: Gill Sans, Verdana;
	font-size: 1.5em;
	font-style: normal;
	font-weight: normal;
	margin-bottom: .4em;
}

#creatureRC h4 {
	font-family: Gill Sans, Verdana;
	font-size: 1.2em;
	font-style: oblique;
	font-weight: normal;
	margin-bottom: .2em;
}

.creatureRC {
	margin-bottom: 2em;
}


#creaturePD {
	float: right;
	width: 21em;
	margin-right: 2em;
}

#creaturePD h3 {
	font-family: Gill Sans, Verdana;
	font-size: 1.5em;
	font-style: normal;
	font-weight: normal;
	margin-bottom: .4em;
}

#creaturePD h4 {
	font-family: Gill Sans, Verdana;
	font-size: 1.2em;
	font-style: oblique;
	font-weight: normal;
	margin-bottom: .2em;
}

.creaturePD {
	margin-bottom: 2em;
}


#blogSection {
	clear: both;
	margin-top: 1.2em;
	width: 50em;
}

#productSection {
	margin-top: .7em;
	padding-bottom: 1em;
	width: 49em;
}

#productSection h3 {
	font-family: Gill Sans, Verdana;
	font-style: oblique;
	font-weight: normal;
	margin-bottom: .4em;
}


#contactSection {
	margin-top: .7em;
	padding-bottom: 1em;
	width: 49em;
}

#contactSection h3 {
	font-family: Gill Sans, Verdana;
	font-style: oblique;
	font-weight: normal;
	margin-bottom: .4em;
}

#contactSection p {
	margin-right: 4em;
	text-align: left;
}

#copyright {
	text-align: left;
	font-family: Gill Sans, Verdana;
	text-transform: uppercase;
	font-size: smaller;
	margin: 1em 0 0 3em;
}

#footer {
	position: relative;
	width: 100%;
	background-color: #6699CC;
	border-color: #03c;
	border-top-style: double;
	border-left-style: outset;
	border-bottom-style: double;
	border-right-style: outset;
	border-bottom-width: thick;
	border-left-width: thick;
	margin-top: 1.5em;
	margin-left: -8em;
	padding-top: 1.2em;
	padding-bottom: 2em;
	padding-right: 10em;
	padding-left: 0;
	text-align: right;
}

#footer h3 {
	margin-right: 15em;
}

#footer a {
	padding-left: 1em;
	padding-right: 1em;
}

a:hover {
	color: #FF9900;
	background: #332;
}

a:visited {
	color: #424;
}

#linkList {
	position: absolute;
	background-color: #f60;
	border-color: #c30;
	border-top-style: double;
	border-top-color: #fc0;
	border-right-style: outset;
	border-right-color: #c90;
	border-bottom-color: #fc0;
	border-bottom-style: double;
	border-left-style: outset;
	/*top: 10.95em;*/
	top: 12.4em;
	left: -5.8em;
	padding: 0 .8em 3em 1em;
	height: 23em;
}

#linkList a:hover {
	color: #FF9900;
	background: #332;
	margin-left: -1.5em;
	padding-left: 1.5em;
}


	
	#linkList2 {
		position: relative;
		height: 100%;
		font-family: Gill Sans, Verdana;
		color: #333;
		font-size: .75em;
		line-height: 14px;
		text-transform: uppercase;
		letter-spacing: .3px;
		font-weight: normal;
		padding-bottom: 53%;
	}
	
	#linkList2 li.selected {
		color: #FF9900;
		background: #bba;
		margin-left: -1.8em;
		padding-left: 1.8em;
		margin-right: -.2em;
		padding-right: .2em;
	}
	
	
	
	#linkList2 ul.outerUL {
		list-style-type: none;
		margin-left: 1.5em;
	}
	
	#linkList2 ul.innerUL {
		list-style-type: none;
		margin-left: 1em;
	}
	
	#linkList2 ul.innerUL a:hover {
		display: block;
	}
	
#linkList2 span.dimMenuItem {
	color: #800;
}

	#lsearchbar {
		margin-top: 1.5em;
	}
	
	#lsearchbar div.searchBox {

	}
	
	#lsearchbar div.searchButton {
		margin-top: .5em;
	}

	#lcategory {
		margin-top: 1.3em;
	}
		.category {
		}
	
	#ldrrhythm {
		margin-top: 3.5em;
	}
	
		.drrhythm {
		}
	
	#lresources {
		margin-top: 3.5em;
	}
	
		.resources {
		}


/* fonts */

/* Srwoon fonts */
#srwoon {
	background-color: black;
}

p.srwoon {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	color: #fff;
	clear: both;
	padding-bottom: 6px; 
}

p.srwoon_gray {
	display: block;
	color: #666;
	font-size: 9px;
	padding-top: 5px;
}

h1.srwoon {
	margin: 0px;
	padding: 0px;
	display: block;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	letter-spacing: -1px;
	color: #fff;
	line-height: 24px;
}

/*Coudal patterns */

#coudal {
	background-color: white;
}

h3.coudal {
	font-family: Gill Sans, Verdana;
	color: #eee;
	font-size: 10px;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: .5px;
	font-weight: normal;
}

h2.coudal {
	font-family: Gill Sans, Verdana;
	color: #111;
	font-size: 11px;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
}

h1.coudal {
    /*font-family: times, Times New Roman, times-roman, georgia, serif;*/
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
	margin: 0;
	padding: 0px 0px 6px 0px;
	font-size: 51px;
	line-height: 44px;
	/*letter-spacing: -2px;*/
	letter-spacing: 1en;
	/*font-weight: bold;*/
	font-weight: normal;
}

/* I love Typography */
#ilt {
	background-color: white;
}

h1.ilt {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	margin-top: 5px; margin-bottom: 0px;
	text-align: center;
	font-weight: normal;
	color: #222;
}

h2.ilt {
    font-family: "Lucida Grande", Tahoma;
	font-size: 10px;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
	color: #666666;
    margin-top: 10px;
	text-align: center!important;
	letter-spacing: 0.3em;
}