/* CSS for styling content of pages */

div#application-content {
    overflow:visible;
    min-height: 530px;
}

div#bigheadshot-wrapper{
    background-color: white;
    margin-bottom:10px;
}
div#bigheadshot{
}
img.bigheadshot{
    border:1px solid #333;
}

div#inset-summary{
   border: 4px solid #AAA;
    padding:0 10px 30px 10px;
    background-color: #FFF;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
}

div#cz_jplayer{
}

div#gallery div.photo{
    margin-right:15px;
    margin-bottom:15px;
}

div#showreel {
    margin: 0 auto;
    width: 640px;
}

div.status {
    border:2px solid gray;
    margin: 5px 0 10px 0;
    padding: 10px;
}
ul.errors li {
    color: red;
}


/* HEADER */

div.signature {
font-family: Calibri,"Segoi UI","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Lucida,Verdana,Helvetica,sans-serif;
font-size: 50px;
text-transform:capitalize;
font-style: italic;
padding: 30px 0 20px 0;
text-align:center;
/*background-color:#093; */
float:left; width:700px; 
}

div#signature-wrapper {
margin:auto;
width:100%;
}

div#logo {
background-color:#ededed;
border:2px solid #888888;
}

div#logo {
-moz-border-radius:10px;
-webkit-border-radius:10px;
padding:8px;
position:absolute;
right:0px;
top:30px;
z-index:3;
background-color:#ededed;
}
div#logo-intro {
    color:white;
    position:absolute;
    right: 70px;
    top:8px;
    font-size:16px;
    font-style:italic;
}

/* Resume stuff */
h1 {
    font-size: 22px;
    font-weight: normal;
    margin: 10px 0 4px 0;
}
h2 {
    font-size: 16px;
    font-weight: normal;
    margin: 10px 0 4px 0;
}

table#experience, table#credits{
    border:1px solid #555;
    width:95%;
    padding:0px;
}
table#experience td, table#credits td{
    padding:2px;
}
table#experience td.col1, table#credits td.col1{
    width: 60px;
}
table#experience td.col2, table#credits td.col2{
    width: 150px;
}
table#experience td.col3, table#credits td.col3{
    width: 150px;
}
table#experience thead, table#credits thead{
    font-weight:bold;
}
table#details td.col1 {
    width: 100px;
    vertical-align: top;
    font-weight: bold;
}
div#miscellaneous-wrapper {
    width:100%;
    overflow:visible;
}
ul#miscellaneous {
    list-style-type: bullet;
    margin: 6px 0;
    padding: 0px;
}

ul#miscellaneous li {
    float:left;
    margin:0 6px 0 15px;
    list-style-type: circle;
    width: 280px;
}

table#representation td.col1, table#wardrobe td.col1{
    width: 150px;
}

/* Don't include the menu in the print-outs */
@media print {
  div#menu-wrapper {
    display:none;
  }
  div#pdf-link-wrapper {
    display:none;
  }
}

/* Forms */
div.label {
    padding-top:10px;
    font-size: 12px;
    font-weight:bold;
}

form {
    padding-left:20px;
}
input[type="text"], textarea {
    background-color: lightcyan;
}
input[type="submit"] {
    font-size:14px;
    padding:4px 10px;
}


/* Resume */
div#resume div#pdf-link{
    border: 2px solid red;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    float:right;
    margin-right: 30px;
    padding: 10px 20px;
}
div#resume .pdf-text-link{
    vertical-align:middle;
    font-size: 14px;
    font-weight: bold;
}
div#resume .pdf-text-link a{
    color:red;
}

/* Styles relating to editing of the resume */
div.edit-info {
    padding: 4px 10px;
    background-color:#F0E68B;
    color: black;
    font-size: 12px;
    text-align: left;
    border-bottom:1px solid black;
    margin-bottom: 5px;
}
div.edit-info .account-link{
    float:right;
}
div.edit-link-wrapper {
    padding:0;
    margin:5px 20px 0px 0px;
    border-top:1px solid #F0E68B;
}
div.edit-link {
    float:right;
    padding:0;
    border-left:1px solid #F0E68B;
    border-right:1px solid #F0E68B;
    border-bottom:1px solid #F0E68B;
}
div.edit-link a {
    padding: 3px 10px;
    background-color: #F0E68B;
}
div.edit-link a:hover {
    background-color: yellow;
}

div.edit_area textarea {
    min-height: 150px;
    background-color: #F0E68B;
}