A:link { text-decoration: underline; color:#000000}
A:visited { text-decoration: underline; color:#000000}
A:hover { text-decoration: underline; color:#2F3562}
A:active  { text-decoration: underline; color:#2F3562}


A.basiclink:link { text-decoration: underline; font-family: helvetica, arial, verdana, sans-serif; font-size: 12px; line-height:18px; color:#686868}
A.basiclink:visited { text-decoration: underline; font-family: helvetica, arial, verdana, sans-serif; font-size: 12px; line-height:18px; color:#686868}
A.basiclink:hover { text-decoration: underline; font-family: helvetica, arial, verdana, sans-serif; font-size: 12px; line-height:18px; color:#ef6512}
A.basiclink:active { text-decoration: underline; font-family: helvetica, arial, verdana, sans-serif; font-size: 12px; line-height:18px; color:#ef6512}

A.artlink:link { text-decoration: none; font-family: helvetica, arial, verdana, sans-serif; font-size: 11px; line-height:14px; color:#686868}
A.artlink:visited { text-decoration: none; font-family: helvetica, arial, verdana, sans-serif; font-size: 11px; line-height:14px; color:#686868}
A.artlink:hover { text-decoration: none; font-family: helvetica, arial, verdana, sans-serif; font-size: 11px; line-height:14px; color:#ef6512}
A.artlink:active { text-decoration: none; font-family: helvetica, arial, verdana, sans-serif; font-size: 11px; line-height:14px; color:#ef6512}


.borderit:link img{ border: 1px solid #FFFFFF; }
.borderit:visited img{ border: 1px solid #FFFFFF; }
.borderit:hover img{ border: 1px solid #bcbcbc; }
.borderit:active img{ border: 1px solid #bcbcbc; }


.basictext {font-family: helvetica, arial, verdana, sans-serif; font-size: 1em; line-height:1.61em; color:#404040; text-align:justify; text-justify:newspaper;  }

.article {font-family: helvetica, arial, verdana, sans-serif; font-size: 11px; line-height:14px; color:#404040;  }

.copy {font-family: helvetica, arial, verdana, sans-serif; font-size: 10px; line-height:14px; color:#999999;  }

 
#contactinfo {

float: left;
width: 47%;
padding-left: 3%;

}
 
    
/*! SlidesJS Optional: If you'd like to use this design */ 
    body {
      -webkit-font-smoothing: antialiased;
      font: normal 15px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #232525;
      padding-top:70px;
      background-color: #FFFFFF;
    }

    #slides,
    #slides2,
    #slides3 {
      display: none;
      margin-bottom:18px;
    }

    .slidesjs-navigation {
      margin-top:3px;
    }

    .slidesjs-previous {
      margin-right: 5px;
      float: left;
      width: 25px;
      height: 25px;
      background: url('images/leftarrow.gif') bottom;
      text-indent: -99999px;
    }
    
    .slidesjs-previous:hover {
    background-position: 0 0;
    }

    .slidesjs-next {
      margin-right: 5px;
      float: left;
      width: 25px;
      height: 25px;
      background: url('images/rightarrow.gif') bottom;
      text-indent: -99999px;
    }
    
    .slidesjs-next:hover {
    background-position: 0 0;
    }    

    .slidesjs-pagination {
      margin: 6px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    a:link,
    a:visited {
      color: #333
    }

    a:hover,
    a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }
    
/*! End SlidesJS Optional */ 


/*! SlidesJS Required: These styles are required if you'd like a responsive slideshow */ 
    #slides {
      display: none
    }

    .container {
      margin: 0 auto
    }

    /* For tablets & smart phones */
    @media (max-width: 767px) {
      body {
        padding-left: 20px;
        padding-right: 20px;
      }
      .container {
        width: auto
      }
    }

    /* For smartphones */
    @media (max-width: 480px) {
      .container {
        width: auto
      }
    }

    /* For smaller displays like laptops */
    @media (min-width: 768px) and (max-width: 979px) {
      .container {
        width: 724px
      }
    }

    /* For larger displays */
    @media (min-width: 880px) {
      .container {
        width: 872px
      }
    }
    

/*! End SlidesJS Required */ 

#projectbox {

width: 100%;

}


@media (max-width: 950px) {

#projectbox {
width: 90%;
margin: 0 auto;
}


}



#portrait {
float: left;
width: 50%;
}

#bio {
float: left;
width: 47%;
padding-left: 3%;
}

#pressleft {
padding-top:20px;
float: left;
}

#pressright {
padding-left:30px;
padding-top:20px;
float: left;
}


@media (max-width: 480px) {

#portrait {
float: none;
width: 100%;
}

#bio {
float: none;
width: 100%;
padding-left: 0;
}

#contactinfo {

float: left;
width: 37%;
padding-left: 3%;

}
}

@media (max-width: 373px) {

#pressleft {
width: 100%;
padding-top:20px;
float: none;
}

#pressright {
width: 100%;
padding-left:0;
padding-top:20px;
float: none;
}
}