*			{padding: 0;
			margin: 0;
			border: 0;}

body		{background: #000000 url(/drama/design/bg.gif);
			font-size: .8em;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #dddddd;
			text-align: center;}

a:link		{color: #ddaf3c;}

a:visited 	{color: #ddaf3c;}

a:hover 	{color: #ddaf3c;}

.holder		{margin: auto;
			display: block;
			position: relative;
			width: 775px;
			background: url(/drama/design/radionav_bg.gif) repeat-y;}

.header		{background: #000000 url(/drama/design/header.gif) no-repeat;
			display: block;
			position: relative;
			width: 775px;
			height: 122px;}

.ad-top		{display: block;
			position: relative;
			width: 775px;
			height: 90px;
			margin-top: 10px;}

/* Navigation */
.nav-top	{display: block;
			position: relative;
			width: 775px;
			height: 83px;
			margin: 12px 0 10px 0;
			background: url(/drama/design/nav_radiobar.gif) no-repeat;}
.nav-flashbar
			{display: block;
			position: absolute;
			width: 570px;
			height: 24px;
			top: 16px; left: 102px;}

a.nav-home	{display: block;
			position: absolute;
			width: 84px;
			height: 83px;
			top: 0; left: 13px;}
a.nav-home:hover
			{background: url(/drama/design/nav_bt_home_h.gif) no-repeat;}

a.nav-play	{display: block;
			position: absolute;
			width: 78px;
			height: 83px;
			top: 0; left: 686px;}
a.nav-play:hover
			{background: url(/drama/design/nav_bt_play_h.gif) no-repeat;}

.nav_bt_holder
			{display: block;
			position: absolute;
			width: 88px;
			height: 16px;
			top: 56px;
			background: url(/drama/design/nav_bt_h.gif) no-repeat;}
a.nav-button
			{display: block;
			width: 88px;
			height: 16px;
			background: url(/drama/design/nav_bt.gif) no-repeat;
			text-decoration: none;
			text-align: center;
			font-size: 10px;
			font-weight: bold;
			padding: 1px 0 0 0;}
a.nav-button:hover
			{background: transparent;
			padding: 2px 0 0 2px;}
a.nav-button, a.nav-button:visited, a.nav-button:hover
			{color: #303030;}

.content	{display: block;
			position: relative;
			width: 735px;
			margin: 0 20px;
			min-height: 40em;}

/* Attributes for the main area of text */
.maintext
			{display: block;
			position: relative;
			float: left;
			text-align: justify;}
.maintext p
			{margin: 0 0 1.5em 5px;}


/* General header size - specifics can be styled separately, like center alignment and such, where needed. */
h2			{font-size: 125%;}

/* This is called if there needs to be a sidebar on the left hand side. The width is generic, and can be adjusted on each page with a sidebar if need be. The width of .maintext must also be adjusted - it is 735 - (sidebarwidth + 15) */
.sidebar	{display: block;
			position: relative;
			float: left;
			width: 150px;
			text-align: left;
			margin: 0 10px 0 0;}

.twitter	{width: 176px;
			text-align: center;
			margin-bottom: 10px;}
.twitter p	{font-size: 80%;
			margin-bottom: 3px;}
.twitter a	{text-decoration: none;}

.ad-right	{display: block;
			position: relative;
			width: 160px;
			height: 600px;
			margin: 0 0 12px 15px;
			float: right;}

.copyright	{margin: auto;
			display: block;
			position: relative;
			width: 775px;
			background: url(/drama/design/copyright_bg.gif) repeat-y;}
.copyright p
			{padding: 0 12px 4px 12px;}
.copyright_top, .copyright_bottom
			{display: block;
			position: relative;
			width: 775px;
			height: 14px;}
.copyright_top
			{background: url(/drama/design/copyright_top.gif) no-repeat;}
.copyright_bottom
			{margin: auto;
			background: url(/drama/design/copyright_bottom.gif) no-repeat;}


/* Audition demo pages */
.demo_bt_holder
			{display: block;
			position: relative;
			width: 88px;
			height: 16px;
			left: 6px;
			margin-bottom: 12px;
			background: url(/drama/design/nav_bt_h.gif) no-repeat;}
a.demo_button
			{display: block;
			width: 88px;
			height: 16px;
			background: url(/drama/design/nav_bt.gif) no-repeat;
			text-decoration: none;
			text-align: center;
			font-size: 10px;
			font-weight: bold;
			padding: 1px 0 0 0;}
a.demo_button:hover
			{background: transparent;
			padding: 2px 0 0 2px;
			margin: 0 0 -1px -1px;}
a.demo_button, a.demo_button:visited, a.demo_button:hover
			{color: #303030;}

.demo_player
			{display: block;
			position: relative;
			float: right;
			margin: 55px 5px 15px 20px;}
.demo_header
			{text-align: center;
			margin: 16px 0;}
.demo_instr	{font-size: 125%;
			font-weight: bold;
			color: #daad3c;}

/* Just a brief bit of formatting for the players on the promos and episodes pages */
.promo_player, .ep_player
			{margin-bottom: 1.5em;
			text-align: center;}

/* Notice in case JavaScript is not enabled */
.no_javascript
			{display: block;
			position: relative;
			width: 775px;
			background-color: #cc0000;
			font-weight: bold;
			color: #ffffff;
			padding: 15px 0;
			margin: 0 0 20px 0;}


/* Generally useful and common classes */

.txt_c		{text-align: center;}
.txt_em1	{color: #ff0000;}	/* Major emphasis color, currently red */
.txt_em2	{color: #daad3c;}	/* Emphasis color, currently orange */