/*----------------------------------------- Reset -----------------------------------------*/

body, html { margin: 0; padding: 0; }
img { border: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
p { margin: 0 0 10px 0; }

/*----------------------------------------- Menu -----------------------------------------*/

#menu ul, #menu ul li { list-style: none; margin-left: -20px; }
#menu a { font-weight: bold; }
body#home a#menu-home, body#episodes a#menu-episodes, body#characters a#menu-characters, 
	body#assortment a#menu-assortment, body#vowel a#menu-vowel, 
	body#recipe a#menu-recipe { color: #222; text-decoration: none; }

/*----------------------------------------- Style -----------------------------------------*/

a {}
	a:link, a:visited { color: #c60; }
	a:hover, a:active { color: #222; }
	a.spade { font-size: 20px; font-weight: normal; margin-right: 5px; text-decoration: none; }
body { color: #222; background: #fff; font: 13px Arial, Helvetica, sans-serif; }
div {}
	#container { margin: 67px 0 0 84px; width: 845px; }
	body#assortment #container { margin: 67px 0 0 430px; width: 400px; }
	body#flash #container { margin: 67px auto 10px auto; }
	body#monstermaker #container { margin: 0; }
	body#recipe #container { margin: 40px 0 40px 345px; width: 540px; }
	body#vowel #container { margin: 40px 0 40px 230px; width: 760px; }
	#epsfloat { float: right; width: 505px; }
	div.char { clear: both; margin: 32px 0 0 160px; width: 680px; }
	div.charbeaver { clear: both; margin: 32px 0 0 160px; width: 480px; }
	div.charbluedog { clear: both; margin: 0 0 20px 430px; text-align: center; }
	div.chargallery { margin: 0 0 0 200px; }
	div.charleft { clear: both; float: left; margin: 30px 0 0 180px; text-align: center; }
	div.charright { float: right; margin: 30px 50px 0 0; text-align: center; }
	div.charupdate { clear: left; margin: 0 0 40px 355px; padding-top: 30px; }
	div.emotiongallery { float: left; margin-top: 30px; text-align: center; width: 250px; }
	div.emotionmargin { margin-left: 250px; }
	div.ep { clear: right; margin-left: 48px; }
	div.eptop { margin-top: 20px; }
	div.bunnyfloat { float: left; margin: 0 32px 30px 0; }
h1 {}
	h1 { font-size: 22px; text-transform: uppercase; }
	h2 { font-size: 13px; font-weight: normal; text-transform: uppercase; }
	h3 { font-size: 11px; font-weight: normal; margin-bottom: 10px; }
	h4 { color: #777; font-size: 10px; font-weight: normal; margin-bottom: 10px; }
	h5 { font-size: 13px; margin-bottom: 10px; padding-top: 34px; text-transform: uppercase; }
	h6 { font-size: 13px; margin-bottom: 10px; padding-top: 10px; text-transform: uppercase; }
	body#recipe h6 { font-size: 18px; padding-top: 22px; text-transform: none; }
	div.ep h2 { font-weight: bold; }
img {}
	img.assortment { float: left; margin: 12px 18px 10px 0; }
	img.arrow { margin-right: 8px; }
	img.charleft { float: left; margin: 0 25px 0 40px; }
	img.charright { float: right; margin-left: 30px; }
	img.epfloat { float: right; margin: 0 0 14px 60px; }
	img.tv { float: left; margin: 78px 28px 0 2px; }
	img.synopsis { float: left; margin: 48px 28px 20px 178px; }
	img.vowel { vertical-align: -5px; }
ins { text-decoration: none; }
p {}
	body#legend p { margin-left: 300px; }
	div.chargallery p { padding-top: 120px; }
	.clear { clear: left; }
	p.assort1 { margin-top: 55px; }
	p.assort2 { margin-top: 63px; }
	p.assort3 { margin-bottom: 40px; padding-top: 20px; }
	p.epclear { clear: right; margin-bottom: 40px; }
	p.hands { margin-bottom: 25px; padding-top: 14px; width: 600px; }
	p.margintop { margin-top: 90px; }
span {}
	span.asterix { bottom: 1px; font-size: 20px; position: relative; }
	span.meld1 { color: #111; }
	span.meld2 { color: #222; }
	span.meld3 { color: #333; }
	span.meld4 { color: #444; }
	span.meld5 { color: #555; }
	span.meld6 { color: #666; }
	span.meld7 { color: #777; }
	span.meld8 { color: #888; }
	span.meld9 { color: #999; }
	span.melda { color: #aaa; }
	span.meldb { color: #bbb; }
	span.meldc { color: #ccc; }
	span.spade { font-size: 30px; margin-right: 5px; vertical-align: -4px; }
	span.strike { text-decoration: line-through; }
	span.sup { bottom: 5px; font-size: 10px; position: relative; }
	span.vowel { font-weight: bold; text-decoration: underline; }
table {}
	table.synopsis { border-top: 1px solid #000; border-left: 1px solid #000; float: right; margin-bottom: 40px; width: 700px; }
	table.synopsis td { border-bottom: 1px solid #000; border-right: 1px solid #000; padding: 8px; width: 350px; }
	td.cell1 { background: #806c50; }
	td.cell2 { background: #604ca0; }
	td.cell3 { background: #98c840; }
	td.cell4 { background: #a090c0; }
	table.synopsis td.cell5 { border: none; }
	td.cell6 { background: #b8bcd8; }
	td.cell7 { background: #c08048; }
	table.vowel, table.dipthong { border-top: 1px solid #000; border-left: 1px solid #000; margin-bottom: 10px; width: 760px; }
	table.vowel td, table.dipthong td { border-bottom: 1px solid #000; border-right: 1px solid #000; padding: 4px; }
	table.dipthong { width: 230px; }
	table.recipe { border: 0; clear: left; margin-top: 10px; width: 540px; }
	table.recipe td { background-color: #ffdede; padding: 2px; text-align: center; }
	table.recipe td.pink { background-color: #ffc6c6; }
ul {}
	ul li { list-style: square; margin-left: -25px; }