/*************************************************************/
/*         CSS STYLESHEET FOR JULIESHAPIRO.INFO              */
/*                                                           */
/*    Author: Joel Brennan <joelbrennan@gmail.com>           */
/*                                                           */
/*    Created:   09 December 2008                            */
/*    Last Edit: 25 January  2009                            */
/*                                                           */
/*                                                           */
/*                                                           */
/*                                                           */
/*************************************************************/
/* GENERAL CSS STYLES                                        */

      body {
        background-color: white;
        color: black;
        font-family: "Garamond", Times, Arial, serif;
        text-align: left;
        align: left;
        margin: 0px 0px 0px 0px;   
      }

      #container {
        width: 800px;
        margin-left: auto; 
        margin-right: auto;
      }

/*                                                           */
/*************************************************************/
/* HEADER/FOOTER CSS STYLES                                  */

      #title {
        text-align: center;
        width: 100%;
        font-size: 2.2em;
        margin-top: 5%;
        letter-spacing: 1px;
      }

      #first {
        color: #696969;
      }

      #last {
        color: black;
      }

     .copyright {
       width: 100%;
       text-align: center;
       font-size: 0.8em;
       margin-top: 25px;
       color: #BFBFBF;
       clear: both;
     }

      .poprishchin a, .poprishchin a:active, .poprishchin a:visited {
         color: #BFBFBF;        
         text-decoration: none;
      }
/*                                                           */
/*************************************************************/
/* MENU CSS STYLES                                           */

      #menu {
        width: 100%;
        margin: 35px auto auto auto;
      }

      #menu .link, .active_link {
        float: left;
        display: inline;
/*        border: 1px solid red;*/
      }


      #menu a, #menu a:active, #menu a:visited {
        text-decoration: none;
        color: #BFBFBF;
        background-color: transparent;
        font-size: 1.25em;
        letter-spacing: 1px;
      }

      #menu a:hover {
        color: #371300;
      }

      #menu .active_link a, #menu .active_link a:active, #menu .active_link a:visited {
        text-decoration: none;
        color: #371300;
        background-color: transparent;
        font-size: 1.25em;
        letter-spacing: 1px;
      }

      #menu .sub a, #menu  .sub  a:active, #menu  .sub  a:visited {
        text-decoration: none;
        color: #371300;
        background-color: transparent;
        font-size: .9em;
      }

     #CS {
       margin-top: 50px;
       font-size: 1.5em;
       font-variant: small-caps;
     }


/*                                                           */
/*************************************************************/
/* ALL PAGES CSS STYLES                                      */

     #pagetitle {
       margin-top: 20px;
       margin-bottom: 20px;
       font-size: 1.5em;
       width: 100%;
       text-align: left;
       font-family: monospace;
     }
 
     .error {
       margin-top: 100px;
       font-weight: bold;
       font-size: 1em;
       text-align: center;
     }
/*                                                           */
/*************************************************************/
/* BIOGRAPHY CSS STYLES                                      */

    .cv_heading {
      width: 800px;
      text-align: left;
      margin-top: 20px;
      font-size: 0.8em;
      display: block;
    }

    .cv_date {
      margin-left: 25px;
      width: 75px;
       float: left;
       display: table-cell;
      text-align: left;
      font-size: 0.8em;

    }

   .cv_data {
      width: 700px;
       float: left;
       display: table-cell;
      text-align: left;
      font-size: 0.8em;
    }

   .cv_data {
       display: block;
    }

    .section_title a, .section_title a:active, .section_title a:visited {
        text-decoration: none;
        color: black;
        background-color: transparent;
        font-size: 1em;
        letter-spacing: 1px; 
      }

      #cv {
       width: 800px;
      display: table;

      }


/*                                                           */
/*************************************************************/
/* CATALOGUE CSS STYLES                                      */

     #works {
       margin-top: 40px;
       float: left;
       clear: both;
     }

     #works .table {
       width: 215px;
       height: 250px;
       float: left;
       display: table-cell;
       vertical-align: middle;
       text-align: center;
     }


     #works .M {
       text-align:center;
     }


     #works .M .data_div, #works .M .section_title { 
       width: 100%;
     }



     #works .L {
       float: left;
       width: 185px;
       text-align: left;
     }


     #works .L .data_div, #works .L .section_title { 
       text-align: center;
     }

     #works .R {
       width: 185px;
       text-align: right;
     }

     #works .R .data_div, #works .R .section_title {
       text-align: center;
       width: 145px;
       float: right;
     }

     #works .table img {
      margin-bottom: 5px;
      vertical-align: middle;
    }

    #works a img {
      border: none;
    }

    .work_title, .work_title a {
        font-weight: bold;
        font-size: 0.9em; 
        position: relative;
        bottom: 0px;
        color: black;
        text-decoration: none;
        margin-top: 4px;
    }


    .material, .size {
        margin-top: 2px;
        font-size: 0.75em; 
    }

/*                                                           */
/*************************************************************/
/*  DETAILS CSS STYLES                                       */

    .details .work_title {
        font-weight: bold;
        font-size: 1em; 
        position: relative;
        bottom: 0px;
        color: black;
        text-decoration: none;
        margin-top: 5px;
    }


    .details .material, .size {
        margin-top: 2px;
        font-size: 0.85em; 
    }

    .full_size { 
      margin-top: 10px;
      display: block;
      width: 100%;
      clear: all;
    } 
/*                                                           */
/*************************************************************/

  .lp-link {
    margin-left: 8px;
    margin-top: 4px;
    margin-bottom: 10px;
    display: table;
    float: left;
    text-align: left;
    width: 100%;
  }

  .linkTitle {
    display: block;
    width: 100%;
    float: left;
  }

  .hyperlink {
    margin-left: 20px;
    float: left;
    display: block;
    width: 100%;
  }


      .year {
        width: 50px;      
      }
      
      .entryname {
        width: 500px;      
      }
      
      .location {
        width: 200px;      
      }