/* ANDY JACKNESS - CSS stylesheet */
/* v2 */

/*---------- General Declarations------------------------------ */
body {
	background-color : white;
	font-family : Helvetica,Arial;
	min-width: 750px;
	min-height: 450px;}

html,body, #content_container, #flashcontent {height: 100%;
		   padding: 0%;
		   margin: 0%;}

#centeringdiv {height: 60%;
		   padding: 0%;
		   margin: 0%;}

.hidden {display:none;}

/*---------- Logo Information --------------------------------- */
#badge {
	height: 68px;
	width: 100%;} 

#badge a{
	background: url('./images/ajnameheader.gif') no-repeat;
	margin: 0;
	padding: 0;
	float: left;
	width: 477px;
	height: 68px;}

#badge a:hover{background-image : url('./images/ajnameheaderhover.gif');}

/*---------- Content Area -------------------------------------- */
#content_container {
	margin-top: 10px;
	float : left;
	width: 70%;
	height: 100%;}

.bio #content_container {padding-left: 10px;}

#content_container img {
	vertical-align: top;
	width: 100%;}

#flashcontent {
	height: 100%;}

#contact_info {
	vertical-align: top;
	height: 411px;
	width: 432px;}

/*---------- Main Design Menu ---------------------------------- */
#main_menu{
	width: 209px;
	float : left; 
	clear: left;
	list-style : none;
	height: 60%;}

#main_menu ul{
	display: block;
	list-style : none;
	padding: 0;
	margin:  0;}

#main_menu a{
	display: block;
	width: 209px;
	height: 40px;
	background-position: top left;
	background-repeat: no-repeat;}

#mm_main_menu a:hover {background-position: center left;}
#mm_main_menu a{background: url('./images/ajdesignlabel.gif');}

.film_page #mm_main_menu #mm_design_main{background-position: bottom left;}
.bway_page #mm_main_menu #mm_design_main{background-position: bottom left;}
.opera_page #mm_main_menu #mm_design_main{background-position: bottom left;}
.regional_page #mm_main_menu #mm_design_main{background-position: bottom left;}
.tv_page #mm_main_menu #mm_design_main{background-position: bottom left;}
.themed_page #mm_main_menu #mm_design_main{background-position: bottom left;}

#des_menu li a{
	height: 36px;
	background-position: 0px 0px;
	background-repeat: no-repeat;}

#des_menu a:hover{background-position: 0px -36px;}

#mm_des_film a{background: url('./images/ajfilmlabel.gif');}
#mm_des_bway a{background: url('./images/ajbroadwaylabel.gif');}
#mm_des_regional a{background: url('./images/ajregionallabel.gif');}
#mm_des_opera a{background: url('./images/ajoperalabel.gif');}
#mm_des_tv a{background: url('./images/ajtelevisionlabel.gif');}
#mm_des_themed a{background: url('./images/ajthemedlabel.gif');}


/*---------- Bottom of Page ------------------------------------ */
#footer_panel{ clear:both;}

#bottom_menu{
	margin-top: 8px;
	width: 209px;
	float : left;
	clear: left;}

#bottom_menu ul{
	margin : 0;
	display: block;
	list-style : none;
	padding: 0;}

#bottom_menu a{
	display: block;
	width: 209px;
	height: 40px;
	background-position: top left;
	background-repeat: no-repeat;}

#bm_contact_main a{background: url('./images/ajcontactlabel.gif');}
#bm_bio_main a{background: url('./images/ajbiolabel.gif');}
#bm_bottom_menu a:hover {background-position: center left;}

#footer_info, #splash_info {
	width: 70%;
	float: left;
	text-align: center;
	margin-top: 10px;
	color : #4d4c4c;
	font-weight : 100;
	font-size: 10pt;}

#splash_info {
	font-style : italic;}

.main #footer_info {text-align: right;}

#footer_info h2{
	text-align: right;
	font-weight : 100;
	font-size: 12pt;
	font-style : italic;
	color : #000000;
	display : inline;}

/*---------- Main Page Highlighting --------------------------- */
.contact #bm_contact_main a{background-position:bottom left;}
.contact #content_container h3{display:inline;}
.contact #content_container {margin-left:40px;}
.contact #bottom_menu,.bio #bottom_menu {
	position:absolute;
	left: 8px;
	top: 400px;}

.bio #bm_bio_main a {background-position: bottom left;}
.bio h4{
	display:inline;
	font-style: italic;
	font-size: 12pt;
	font-family: Helvetica, Arial;
	font-weight: bolder;}

/* ie hack */
* html .bio h4 {margin-right: 3px;}

.film_page #mm_des_film a{background-position: 0px -72px;}
.bway_page #mm_des_bway a{background-position: 0px -72px;}
.regional_page #mm_des_regional a{background-position: 0px -72px;}
.opera_page #mm_des_opera a{background-position: 0px -72px;}
.tv_page #mm_des_tv a{background-position: 0px -72px;}
.themed_page #mm_des_themed a{background-position: 0px -72px;}

.film_page #mm_des_film a:hover{background-position: 0px -72px;}
.bway_page #mm_des_bway a:hover{background-position: 0px -72px;}
.regional_page #mm_des_regional a:hover{background-position: 0px -72px;}
.opera_page #mm_des_opera a:hover{background-position: 0px -72px;}
.tv_page #mm_des_tv a:hover{background-position: 0px -72px;}
.themed_page #mm_des_theme a:hover{background-position: 0px -72px;}

#show_list {
	position: relative;
	left: -2%;
	top: -2px;
	padding-top: 0px;
	padding-bottom: 5px;}

#show_list *{
	text-transform: uppercase;
	text-align: center;
	font-weight : 100;
	font-size: 12pt;
	font-style : normal;
	font-family : Helvetica, Arial;
	display : inline;}

#show_list li a {
	text-decoration: none;
	white-space: nowrap;
	color: #696363;}

#show_list a:hover {color: #000000;}

/*---------- Design Page Highlighting--------------------------- */
#id_film_bignight #film_bignight a {color: #000000;}
#id_film_killshot #film_killshot a {color: #000000;}
#id_film_ethanfrome #film_ethanfrome a {color: #000000;}
#id_film_everybodyfine #film_everybodyfine a {color: #000000;}
#id_film_imposters #film_imposters a {color: #000000;}
#id_film_loveletter #film_loveletter a {color: #000000;}
#id_film_preludekiss #film_preludekiss a {color: #000000;}
#id_film_reckless #film_reckless a {color: #000000;}
#id_film_ontheline #film_ontheline a {color: #000000;}
#id_film_theassociate #film_theassociate a {color: #000000;}

#id_bway_birdie #bway_birdie a {color: #000000;}
#id_bway_littlefoxes #bway_littlefoxes a {color: #000000;}
#id_bway_scarletpimpernel #bway_scarletpimpernel a {color: #000000;}
#id_bway_whistlewind #bway_whistlewind a {color: #000000;}
#id_bway_wings #bway_wings a {color: #000000;}
#id_bway_carnival #bway_carnival a {color: #000000;}


#id_reg_art #reg_art a {color: #000000;}
#id_reg_bbvr #reg_bbvr a {color: #000000;}
#id_reg_asyoulikeit #reg_asyoulikeit a {color: #000000;}
#id_reg_dyinggaul #reg_dyinggaul a {color: #000000;}
#id_reg_misalliance #reg_misalliance a {color: #000000;}
#id_reg_mourningelectra #reg_mourningelectra a {color: #000000;}
#id_reg_oleanna #reg_oleanna a {color: #000000;}
#id_reg_roadmecca #reg_roadmecca a {color: #000000;}
#id_reg_roberts #reg_roberts a {color: #000000;}
#id_reg_silentwoman #reg_silentwoman a {color: #000000;}

#id_opera_cosi #opera_cosi a {color: #000000;}
#id_opera_intermezzo #opera_intermezzo a {color: #000000;}
#id_opera_salome #opera_salome a {color: #000000;}
#id_opera_savageland #opera_savageland a {color: #000000;}

#id_tv_gloaming #tv_gloaming a {color: #000000;}
#id_tv_lifeasweknowit #tv_lifeasweknowit a {color: #000000;}

#id_themed_tamara #themed_tamara a {color: #000000;}