/* eveandbowie.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; 
    width: 125px;
    height: 20px; 
    padding: 0;
    margin: 0;
}


/******************************************************************************************************/
/* Links on the left side of the layout*/
/******************************************************************************************************/


/* 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; */
}

.projectsLinks{
    position: relative;
    /*top: -10px;*/

    /*background-color: blue; */
}

.headingInit {
    /*position: relative;*/
    /*top: 20px;*/

	/*background-color: green;*/
}

.proposalsHilite{
    color: #333333;
    position: relative;
    top: 20px;

	/*background-color: purple;*/
}
.projectsHilite{
    color: #333333;
    position: relative;
    /*top: 20px;*/

	/*background-color: purple;*/
}
.titleInit {
  font-style: normal;
  font-weight: normal;
  /*font-size: 90%;*/
  color: #808080;
  position: relative;
  /*top: 20px;*/
}
.titleHilite {
  font-style: normal;
  font-weight: normal;
  /*font-size: 90%;*/
  color: #CC0000;
  position: relative;
  /*top: 20px;*/
}
.proposalTitleInit {
  font-style: normal;
  font-weight: normal;
  /*font-size: 90%;*/
  color: #808080;
  position: relative;
  top: 20px;
}
.proposalTitleHilite {
  font-style: normal;
  font-weight: normal;
  /*font-size: 90%;*/
  color: #CC0000;
  position: relative;
  top: 20px;
}
.proposalsMove{
    position: relative;
    top: 30px;

	/*background-color: green; */
}


/* 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;
}
*/
.bioLinkInit{
}
.bioLinkHilite{
    color: #333333;
}

.mailingListInit{
    position: relative;
    top: 15px;
}
.mailingListHilite{
    color: #333333;
    position: relative;
    top: 15px;
}

.contactLinkInit{
    position: relative;
    top: 30px;
}
.contactLinkHilite{
    color: #333333;  
    position: relative;
    top: 30px;
}


/******************************************************************************************************/
/* Content on the right side of the layout */
/******************************************************************************************************/

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

    /*background-color: green; */
}

.stillImage{
    margin-bottom: 15px;
}

.projectInfoBasic {
    font-family: "Arial", sans-serif;
    font-style: italic; 
    font-size: 13px;      
    text-align: center;
    position: relative;
    left: 0;
    top: 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 {
    position: relative;
    left: 32px;
    top: 35px; 
    padding: 0;
    margin: 0;
    width: 360px;
}

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

.unsubscribe {
    font-size: 13px;      
    font-weight: normal;    
    position: relative;
    left: 0px;
    top: 0px;  

}

.linkText {
    font-size: 12px;      
    font-weight: normal; 
    text-align: center;
	color: #FF6633   
    position: relative;
    left: 0px;
    top: 0px;  
    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; */
}


.otherJoshs {
    color: #999999;
    font-size: 13px;
    font-weight: normal;
    position: relative;   
    left: 0px;
    top: 55px; 
    padding: 0;
    margin: 0;

}

.upcoming {
    color: #999999;
    font-size: 15px;
    font-weight: normal;
/*    position: relative;   
    left: 0px;
    top: 222px; */
    padding: 0;
    margin: 0;
    
/*    background-color: blue; */
}

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



/******************************************************************************************************/
/* 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; }