html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* General tags */
body {line-height: 1; background: url(blueline_background.jpg) repeat; font:100% "helvetica neue", arial,verdana,sans-serif; color:rgba(252,252,197,0.405);}
p {margin:0 0 1em 0;}
ul, ol {margin:0 0 1em 1em; padding-left:0.25em;}
ul ul, ol ol {margin:0.25em 0 0 1em;}
img {margin:0 0.75em 0.25em 0; border: solid thin #9E724C; border: solid thin rgba(158,114,76,0.4);}

a {color:#FCFCC5; text-decoration:none;}
a:hover {color:#FCFCC5; text-decoration:none;}
a:visited {color:#FCFCC5; text-decoration:none;}
a:active {color:#FCFCC5; text-decoration:none;}

a {color:rgba(243,230,209,0.635); text-decoration:none;}
a:hover {color:rgba(243,230,209,0.635); text-decoration:none;}
a:visited {color:rgba(243,230,209,0.635); text-decoration:none;}
a:active {color:rgba(243,230,209,0.635); text-decoration:none;}

em {font-style:italic;}

/* Headers */
h1 {color:rgba(243,230,209,0.9); font-size:3em; letter-spacing:-.05em; margin:0; text-align:right; font-weight:500;}
h2 {color:rgba(243,230,209,0.7); font-size:1.75em; font-weight:normal; letter-spacing:-1px; margin:0.5em 0 0.5em;}
h3 {color:rgba(243,230,209,0.55); font-size:1em; font-weight:100; letter-spacing:0.1em; margin:0.2em 0 -0.25em;}

/* IDs */
#title {margin:1.5em auto -9px; width:64em;}
#title h2 {color:rgba(243,230,209,.8); font-size:2em; font-weight:normal; letter-spacing:-1px; margin:-.45em 0 .75em; text-align:right; font-weight:100;}
#title a, a:visited, a:hover, a:active {color:rgba(243,230,209,.8); text-decoration:none;}


#container {color:#373a33; margin:0 auto 1em; padding:1em; width:70em; line-height:1.3em;}
#leftbar {display: inline; background-color:rgba(252,252,197,0.23); border:thin solid #9e724c; float:left; padding-left:.75em; padding-right:1em; width:15em;}
#leftbar p {margin:10px 0 5px 10px; text-align:left; font-size:0.8em; color:rgba(252,252,197,0.405);}
#leftbar p a {font-weight:400;}
#leftbar p a:hover {color:rgba(243,230,209,0.635); text-decoration:none;}
#leftbar p a:visited {color:rgba(243,230,209,0.635); text-decoration:none;}
#leftbar p a:active {color:rgba(243,230,209,0.635); text-decoration:none;}


#main {display: inline; float:right; width:49em;}
#footer {clear:both; color:#aaa;}

#show_info {margin:2em 0 0 0; position:relative;}
#show_info_vertical  {margin:5em 0 0 6em; position:relative;}

/* Gallery */
#gallery {width:46em; height:32em; position:relative;}
#gallery .default {border: solid thin rgba(158,114,76,0.4); z-index:-1;}
#gallery .thumbNormal {width:4em; height:4em; text-decoration:none; padding:.4em; border:thin solid rgba(158,114,76,0.15);}
#gallery .thumbSelected {width:4em; height:4em; text-decoration:none; padding:.4em; border:thin solid rgba(158,114,76,0.5);}


#gallery ul {display: inline; padding:0; margin:0; width:10em; float:right;}
#gallery ul li {display:inline; width:5em; height:5em; float:left;}

/* 3 image navigation */

#three_col_container {width:46em; position:relative; text-align:left;}
#three_col_container img {width:15em; height:auto;}
#three_col_container a {color:#9e724c; text-decoration:none;}
#three_col_container a:hover {color:rgba(243,230,209,0.7); text-decoration:none;}
#three_col_container a:visited {color:#9e724c; text-decoration:none;}
#three_col_container h2 {color:#9e724c; font-size:1.75em; font-weight:500; letter-spacing:-1px; margin:-.25em 0 0.5em;}
#three_col_container h3 {color:rgba(243,230,209,0.55); font-size:1em; font-weight:normal;  margin:0.2em 0 -0.25em;}

#three_col_container p {color:rgba(243,230,209,0.5); font-weight:200;font-size:0.9em; line-height: 1.1; padding-bottom:.2em;}

#three_col_one {width:15em; position:absolute; margin: 0;}
#three_col_two {width:15em; position:absolute; margin: 0 0 0 15.5em;}
#three_col_three {width:15em; position:absolute; margin: 0 0 0 31em;}
#three_col_body {width:45em; position:absolute; margin: 14.25em 0 0 0;}

.intro {font-size:1em;}
#three_col_body_menu {display: inline; width:10em; position:relative; float:right; margin-top:2em;}
#three_col_body_menu h3 {font-size:2em; font-weight:200; letter-spacing:0em; line-height:1em; text-align:right;}
#three_col_body_menu ul {font-weight:700; margin-top:1em; text-align:right;}


/* Resume navigation */

#four_col_container {width:46em; position:relative; text-align:left; margin-left:-14em;}
#four_col_container img {width:15em; height:auto;}
#four_col_container a {color:#9e724c; text-decoration:none;}
#four_col_container a:hover {color:rgba(243,230,209,0.7); text-decoration:none;}
#four_col_container a:visited {color:#9e724c; text-decoration:none;}
#four_col_container h2 {color:#9e724c; font-size:1.75em; font-weight:500; letter-spacing:-1px; margin:-.25em 0 0.5em;}
#four_col_container h3 {color:rgba(243,230,209,0.55); font-size:1em; font-weight:normal;  margin:0.2em 0 -0.25em;}

#four_col_container p {color:rgba(243,230,209,0.5); font-weight:200;font-size:0.9em; line-height: 1.1;}

#four_col_one {width:15em; position:absolute; margin: 0;}
#four_col_two {width:15em; position:absolute; margin: 0 0 0 14em;}
#four_col_three {width:15em; position:absolute; margin: 0 0 0 28em;}
#four_col_four {width:15em; position:absolute; margin: 0 0 0 42em;}
#four_col_body {width:45em; position:absolute; margin: 14.25em 0 0 0;}

.intro {font-size:1em;}
#four_col_body_menu {width:10em; position:relative;}
#four_col_body_menu h3 {font-size:2em; font-weight:200; letter-spacing:0em; line-height:1em;}
#four_col_body_menu ul {font-weight:700; margin-top:1em;}

.opera {margin:10em 0 0 -.5em;}
.dance {margin:9em 0 0 7.7em;}
.theater {margin:8em 0 0 16.4em;}


/* Menu */
#menu {width:45em; 
background-color: rgba(230,225,207,0.42); 
margin: 1.2em 0 0 0em; 
position:relative; 
border:thin solid rgba(230,225,207,0.75); 
display:block; 
padding:0.3em 0.5em 0.0em 0.5em; }

#menu a {color:#373a33; text-decoration:none;}
#menu a:hover {background-color:#f8f8f8; color:#373a33; text-decoration:none;}

#menu ul {margin: 0 0 1.5em -.4em; padding: 0 0 1em 0em; list-style-image: none; }
#menu li {display: inline; font-size:1.25em; } 
#menu .item1 {position: absolute; left:0.4em;} 
#menu .item2 {position: absolute; left:7em;} 
#menu .item3 {position: absolute; left:14em;} 
#menu .item4 {position: absolute; left:22em;} 
#menu .item5 {position: absolute; left:28em;} 
#menu .item6 {position: absolute; left:34.5em;} 

#menu_threecol {width:45em; 
background-color: rgba(230,225,207,0.42); 
position:relative; 
margin-top:30em;
margin-left:-.25em;	
border:thin solid rgba(230,225,207,0.75); 
display:block; 
padding:0.3em 0.5em 0.0em 0.5em; }

#menu_threecol a {color:#373a33; text-decoration:none;}
#menu_threecol a:hover {background-color:#f8f8f8; color:#373a33; text-decoration:none;}

#menu_threecol ul {margin: 0 0 1.5em -.4em; padding: 0 0 1em 0em; list-style-image: none; }
#menu_threecol li {display: inline; font-size:1.25em; } 
#menu_threecol .item1 {position: absolute; left:0.4em;} 
#menu_threecol .item2 {position: absolute; left:7em;} 
#menu_threecol .item3 {position: absolute; left:14em;} 
#menu_threecol .item4 {position: absolute; left:22em;} 
#menu_threecol .item5 {position: absolute; left:28em;} 
#menu_threecol .item6 {position: absolute; left:34.5em;} 

.root_index {position:relative; left:21.25em; top:2em;}


/* Various classes */
.credits {color:#373a33; font-size:0.5em; margin-bottom:0;font-weight:normal;}
.credits a {color:#373a33;}
.contact {display: inline; color:#373a33; font-size:0.5em; margin-bottom:0;font-weight:normal; float:right; letter-spacing:.5em;}
.photos {color:rgba(243,230,209,0.5); font-size:0.5em; font-weight:normal;  padding:2em .8em .4em .8em; line-height:1.1;}
.root_credits {position:relative; left:-30em;}

.photos a {color:rgba(243,230,209,0.635); text-decoration:none;}
.photos a:hover {color:rgba(243,230,209,0.635); text-decoration:none;}
.photos a:visited {color:rgba(243,230,209,0.635); text-decoration:none;}
.photos a:active {color:rgba(243,230,209,0.635); text-decoration:none;}

.resume {font-weight:200;}
.resume ul {color:rgba(243,230,209,0.55); margin:0;}
.resume ul li {font-size:.7em; margin-bottom:-.5em;}
.resume h3 {margin:0; color:rgba(243,230,209,0.55);}

.resume_opera h3 {position:relative; margin-top: -.5em;}
.resume_dance h3 {position:relative; margin-top:19em;}
.resume_theater h3 {position:relative; margin-top:18em;}
.resume_assist h3 {position:relative; margin-top:27em;}
.resume_education h3 {position:relative; margin-top:36em;}

.resume_menu {position:relative; left:24.5em; top:2em;}

#show_info {margin:2em 0 0 0; position:relative;}
#show_info_vertical {position:absolute; top:20em; left:19em;}


