a:link {text-decoration:none; color:#FEBC8C; font-weight:bold;}
a:visited {text-decoration:none; color:#FEBC8C; font-weight:bold;}
a:hover {text-decoration:none; color:#DCDCDC; font-weight:bold;}
a:active {text-decoration:none; color:#DCDCDC; font-weight:bold;}

 
@font-face
{
font-family: myfont;
src: url('Spyroclassic.ttf');
}
 
#text{
/* Attributes for normal text */
background-color:#000000;
margin-left:auto;
margin-right:auto;
margin-top:50px;
width:90%;
height:80%;
font-size:17px;
color:#DCDCDC;
text-align:left;
font-family:myfont;
}
 
 
 /* BODY */
body{
/* everything, really */
background-color:#000000;
margin-top:30;
}

#bottomspacer{
/* below everything */
width:900px;
height:1px;
margin-left:auto;
margin-right:auto;
background-color:#FEBC8C;

}


#area{
/* the entire area that includes both left and right sides */
background-color:#000000;
width:900px;
height:450px;
margin-left:auto;
margin-right:auto;
}

/* HEADER */

#header{
/* the larger header space, obviously */
background-color:#000000;
float:left;
width:525px;
height:50px;
}

#firstline{
/* the navigation buttons fit inside here */
background-color:#000000;
float:left;
width:100%;
height:28px;
margin-left:1px;
}

#topspace{
/* not sure... */
background-color:#000000;
height:12px;
width:100%;
}

#navunit{
/* the blocks with the navigation text in them? */
background-color:#000000;
float:left;
width:auto;
height:17px;
font-family:"Times";
font-size:17px;
font-weight:bold;
font-family:myfont;
color:#FEBC8C;
}
	 
#navspace{
/* spaces between the navunits? */
background-color:#000000;
float:left;
width:49px;
height:17px;
}

#spacerbar{
/*little orange 1-pixel bars */
background-color:#FEBC8C;
float:left;
width:100%;
height:1px;
}

#spacerbar2{
/* ...with a margin */
background-color:#FEBC8C;
float:left;
width:100%;
height:1px;
margin-top:10px;
margin-bottom:0px;
}

/* LEFT SIDE */

#left{
background-color:#000000;
float:left;
width:525px;
height:450px;
}


p.indent{
color:#FFFFFF;
text-indent:.7cm;
}


#levelonebar{
background-color:#000000;
float:right;
width:100%;
height:22px;
color:#FEBC8C;
margin-top:5px;
margin-bottom:0px;
font-size:22px;
font-weight:bold;
}

#leveltwobar{
/* highest level within the text area, for things like "Journalism" */
background-color:#000000;
float:left;
width:90%;
height:17px;
color:#FEBC8C;
margin-top:5px;
margin-bottom:0px;
}

#leveltwotext{
margin-top:0;
font-size:17px;
font-weight:bold;
padding:0 0 0 90px;
}

/* #writingtextbar2 */


#levelthreebar{
background-color:#000000;
float:left;
height:auto;
padding:0px 0px 0px 220px;
width:55%;
margin-top:5px;
color:#FFFFFF;
font-size:15px;
}

/* LIST OF PERFORMANCES */

#performpage{
/* the area in which a list of 3 or 4 performances is seen, with a "more" button at bottom */
width:100%;
height:200px;
float:left;
background-color:000000;
padding:20px 0 0 0;
}
	 
#performentry{
/* the line on which the performance date and location is written */
width:100%;
float:left;
height:auto;
padding:5px 0 0 0;
}
	
#performleft{
/* the space within the line, where the performance date is written */
width:15%;
float:left;
text-align:right;
height: auto;
padding:7px 0 0px 0;
color:#FFFFFF;
background-color:#000000;
font-weight:bold;
}
	 
#performright{
/* the second space within the line, where the performance venue and work is written */
width:80%;
float:right;
text-align:left;
height: auto;
color:#FFFFFF;
padding: 7px 0 0 0;
background-color:#000000;
}
	 
#performmore{
/* the area for the "more" button */
width:50%;
text-align:right;
color:#FFFFFF;
padding:10px 0 0 0;
height:17px;
float:right;
vertical-align:bottom;
font-size:12px;
}

#performback{
width:50%;
text-align:left;
color:#FFFFFF;
padding:10px 0 0 0;
height:17px;
float:left;
vertical-align:bottom;
font-size:12px;
}

/* WRITING */

#writingmore{
/* "more" button for the writing section */
width:55%;
text-align:right;
color:#FFFFFF;
padding:0 0 0 100px;
height:17px;
float:right;
text-align:right;
vertical-align:bottom;
background-color:#000000;
font-size:12px;
}

/* RADIO */

#radioyear{
/* right-hand space for the date of the radio show */
width:auto;
margin-top:5px;
float:left;
color:#FFFFFF;
font-size:14px;
} 

#radiobar{
/* for formatting reasons, a bar for each entry in a list of radio programs */
background-color:#000000;
float:left;
height:auto;
padding:0px 0px 0px 90px;
width:50%;
margin-top:5px;
color:#FFFFFF;
}

/* LINKS */

#linkbar{
/* again for formatting reasons, a separate link bar */
width:30%;
background-color:000000;
height:17px;
font-size:17px;
float:left;
text-align:right;
padding:0px 0 3 0px;
/*padding:5px 0 0 10px;*/
margin-top:3px;
/*margin-top:10px;*/
color:#FFFFFF;
}

/* CONTACT */

#textcontact{
background:#FEBC8C;
border:0px;
}

#buttoncontact{
border:1px solid;
background-color:#FFFFFF;
float:right;
}

#sendbutton{
width:50%;
height:20px;
float:right;
padding:12px 38px 0 0;
background-color:#000000;
}

/*RIGHT SIDE*/
#right{
background-color:#000000;
float:right;
width:375px;
height:450px;
}

#player{
background-color:#000000;
float:left;
width:100px;
height:30px;
padding: 15px 0 0 105px;
}