/*
$Id: //depot/twyk/leighevansyoga/choreograph.css#15 $
$Author: tlholaday $
$Change: 1625 $
$DateTime: 2009/10/17 17:22:40 $
*/

.pics { height: 380px; width: 285px; padding: 0; margin: 0;  overflow: hidden; }
.pics img {  
    background-color: #eee; 
    top: 0; 
    left: 0}

#pageheader {
    width: 272px;
    height: 25px;
    background-image: url(images/choreo_logo2.png);
    margin: auto;
    margin-bottom: 1em;
            }


img.illo {
    float: right;
                   }

img.illox {
    padding: 0 0 0 0;
    float: right;
    margin-left: 1em;
    margin-bottom: 1em;
          }

.heading, .words {
    font-family: Lucida Sans Unicode, Century Gothic;
       }

.performance {
    width: 872px;
    margin-bottom: 1em;
             }
.words {
    width: 45.5%;
    float: left;
       }
.illustration {
    float: left;
    margin-left: 12%;
              }

.title, .subtitle {
/*
    clear: both;
*/
    font-weight: bold;
                         }

.title {
    font-size: 19pt;
       }

.subtitle {
    font-size: 13.8pt;
    margin-bottom: 1.2em;
          }

.collaboration li {
    margin: 2px 0px;
                  }

.collaboration {
    font-size: 12pt;
    font-weight: 300;
    font-style: italic;
               }

.collaboration ul {
    list-style-type: none;
    margin: 0;
    padding: 0;}


.precis, .precis .title {
    font-size: 10.1pt;
                        }
.precis {
    margin-top: 1.2em;    
        }

.precis .title {
    font-style: italic;
    font-weight: 300;
               }

.performance .main {
    height: 20em;
          }
.review {
    margin: 1em auto auto 1em;
    border: thin grey solid;
    padding: .5em;
        }
.review .credit  {
    text-align: right;
                 }

.review .pullquote {
    font-style: italic;
    font-weight: 300;
    padding-left: 1em;    
    font-size: 12.5pt;
            }

.review .pullquote a {
    text-decoration: none;
                     }

.review .pullquote a:hover {
    text-decoration: underline;
                           }

.review .credit .reviewer {
    font-style: italic;
                          }

.review .credit .publication {
    font-style: normal;
                             }

#redrivers, #daybecomes, .illox {
    width: 285px;
          }

body{ 
    font: 62.5% "Trebuchet MS", sans-serif; 
    margin: 50px;
    }
.ui-tabs-vertical { 
    height: 658px; /* 520px; */
    width: 1022px;
    }
.ui-tabs-vertical .ui-tabs-nav { 
    padding: .2em .1em .2em .2em; 
    float: left; 
    width: 12em; 
    }
.ui-tabs-vertical .ui-tabs-nav li { 
    clear: left; 
    width: 100%; 
    border-bottom-width: 1px !important; 
    border-right-width: 0 !important; 
    margin: 0 -1px .2em 0; 
    }
.ui-tabs-vertical .ui-tabs-nav li a { 
    display:block; 
    }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { 
    padding-bottom: 0; 
    padding-right: .1em; 
    border-right-width: 1px; 
    border-right-width: 1px; 
    }
.ui-tabs-vertical .ui-tabs-panel { 
    padding: 1em; 
    float: right; 
    width: 862px; /* 40em; */
    }