/* evebiddle.com */
/* CSS */


/******************************************************************************************************/
/* Basics */
/******************************************************************************************************/


/* make links not default to being underlined and blue because it's no longer 1992 */
a {
    color: #999999;
    text-decoration: none;  
}

/* fluid margins for the whole site */ 
body {

    margin-left: 10%;
    margin-right: 15%;
    margin-top:0; 
/*  background-color: aqua; */
}


/* position signature1 at the top of the page */
.signature {
    position: relative; 
    left: 500px;
/*    top: 40px; */
    font-family: "Arial", sans-serif; 
    font-size: 40px;
    font-weight: normal; 
/*    letter-spacing: -0.02em; */
    padding: 0;
    margin: 0; 
}


/******************************************************************************************************/
/* Links on the top of the layout*/
/******************************************************************************************************/

/* position at the top of the page */
.toplink {
    position: relative; 
    left: 75px;
    top: 40px; 
    font-family: "Arial", sans-serif; 
    font-size: 20px;
    font-weight: normal;
/*    letter-spacing: -0.02em; */
    text-align: left;
    padding: 0;
    margin: 0;
}

/* format the main links along the left side */ 
.mainLinks { 
  /*  float: left;*/
    width: 235px; 
    height: 500px;
    position: relative;
    left: -95px;
    top: 60px;
    font-family: "Arial", sans-serif; 
    font-size: 13px;
    font-weight: normal;
    letter-spacing: -0.02em;
    line-height: 20px;
    text-align: right;
    padding: 0;
    margin: 0;
    
    /*background-color: red; */
}

/* bio, cv, mailing list, contact */
.bottomLinksInit {
    position: relative;
    top: 100px;
}

/* this version keeps the a set distance from the links above, they move up and down a lot */
.bottomLinksMove {
    position: relative;
    top: 100px;
}

/* this version keeps the bottom links frozen in place at the bottom of the screen */
/*
.bottomLinksMove {
    float: bottom;
    width: 150px;
    position: absolute;
    top: 330px;
    left: 85px;
}


/******************************************************************************************************/
/* Content in the middle of the layout */
/******************************************************************************************************/

/* general content placement */ 
.content {
    color: #666666; 
    font-family: "Arial", sans-serif; 
    text-align: center;
/*    width: 425px;    */
    position: relative;
	width: 533px;   
    left: 75px;
    top: 25px;  
    padding: 0;
    margin: 0;

    /*background-color: green; */
}

/* public art content placement */ 
.contentB {
    color: #666666; 
    font-family: "Arial", sans-serif; 
    text-align: center;
/*    width: 425px;    */
    position: absolute;
	width: 533px;   
    left: 300px;
    top: 0px;  
    padding: 0;
    margin: 0;

/*    background-color: green; */
}

.contentC {
    color: #666666; 
    font-family: "Arial", sans-serif; 
    text-align: center;
/*    width: 425px;    */
    position: relative;
	width: 533px;   
    left: 0px;
    top: 25px;  
    padding: 0;
    margin: 0;

    /*background-color: green; */
}
.stillImage{
    margin-bottom: 15px;
}

.stillImageAlt{
    margin-bottom: 15px;
	left: 500px;
}

.projectInfoBasic {
    font-family: "Arial", sans-serif;
    font-style: italic; 
    font-size: 13px;      
    text-align: center;
	left: 75px;
/*	width: 533px; */
    position: relative;
    left: 0;
    top: 15px; 
	bottom: 15px;
    padding: 0;
    margin: 0;

/*    background-color: red; */
}
.projectInfoAlt {
    font-family: "Arial", sans-serif;
    font-style: normal; 
    font-size: 13px;      
    text-align: center;
    padding: 0;
    margin: 0;
}
.projectDescription {
    font-family: "Arial", sans-serif;
    font-style: normal; 
    font-size: 13px;      
    text-align: left;
    position: relative;
    left: 75px;  
    top: 15px; 
 	bottom: 15px; 
    padding: 0;
    margin: 0;
    width: 360px; 
	height: 415px; 
/*	    background-color: red; */

}

.plainText {
    font-size: 13px;      
    font-weight: normal;    
    text-align: left;
    position: relative;
    left: 0px;
    top: 2px;  
    padding: 0;
    margin: 0;
}

.linkText {
    font-size: 12px;      
    font-weight: normal; 
    text-align: center;
	color: #FF6633   
    position: relative;
    left: 0px;
    top: 15px;  
/*    margin-bottom: 15px; */

}
.prevText {
	color: #FF6633
}
.prevTextInactive {
	font-weight: normal
}
.nextText {
	color: #FF6633
}

.emailAddress {
    color: #999999;
    font-family: "Arial", sans-serif;
    font-size: 15px;
    font-weight: normal;
    position: relative;
    top: 11px;
    left: 245px; 
    text-align: left;
    width: 300px;
    /* I think the paddin might make the text slightly easier to select in firefox */
    padding-left: 20px;
    padding-right: 20px;
    margin: 0;
    /* background-color: blue; */
}

.submitButton {
    position: relative;
    top: 5px;
}

/* format the project links on the project page */ 
.projectLinks { 
  /*  float: left;*/
    width: 300px; 
/*    height: 500px; */
    position: relative;
    left: -95px;
    top: 60px;
    font-family: "Arial", sans-serif; 
    font-size: 13px;
    font-weight: normal;
    letter-spacing: -0.02em;
    line-height: 20px;
    text-align: right;
    padding: 0;
    margin: 0;
    
    /*background-color: red; */
}

/* format the upcoming links on the upcoming page */ 
.upcomingLinks { 
  /*  float: left;*/
    width: 600px; 
    position: relative;
    left: 75px;
    top: 60px;
    font-family: "Arial", sans-serif; 
    font-size: 13px;
    font-weight: normal;
    letter-spacing: -0.02em;
    line-height: 20px;
    text-align: left;
    padding: 0;
    margin: 0;
    
    /*background-color: red; */
}

/******************************************************************************************************/
/* Links on the bottom of the layout*/
/******************************************************************************************************/

/* position at the bottom of the page */
.bottomlink {
  	font-family: "Arial", sans-serif; 
    font-size: 13px;
    font-weight: normal;
/*    letter-spacing: -0.02em; */
	text-align: center;
    left: 75px;
/*	width: 533px; */
    position: relative; 
	left: 0;
    top: 40px; 
	bottom: 10px;
    padding: 0;
    margin: 0;
}


/* position at the bottom of the page for projects page*/
.bottomlinkProjects {
  	font-family: "Arial", sans-serif; 
    font-size: 13px;
    font-weight: normal;
/*    letter-spacing: -0.02em; */
	text-align: center;
    left: 364px;  
/*	width: 533px; */
    position: absolute;  
    top: 564px; 
    padding: 0;
    margin: 0;
}

/******************************************************************************************************/
/* Odds and Ends */
/******************************************************************************************************/

/* use for italics in my email address */
.emailItal {
    font-size: 13px; 
    font-style: italic;
    font-weight: normal;
}

/* rollover/tabbing pseudoselectors for various browsers */
a:focus  { color: #FF6633; }
a:hover  { color: #FF6633; }
a:active { color: #FF6633; }