body {
     background-color:#FFF;
     color:#000;
     font-family: 'Amethysta', serif;
     font-size:13px;
}

h1,h2,h3,h4,h5{
     font-family: "trajan-pro",sans-serif;
     font-style: normal;
     font-weight: 700;
     margin-bottom:10px;
}
h1{
     font-size:22px;
}
h2{
     font-size:20px;
}
h3{
     font-size:18px;
}
h4{
     font-size:18px;
     font-weight: 400;
}
h5{
     font-size:16px;
}
a, a:visited, a:active{
     color:#720000; /* Maroon */
}
a:hover{
     color:#909129; /*dark green */
}


/* AUDIO DIRECTORY TEMPLATE */
.audio_file{
     padding:15px 0;
     margin-bottom:15px;
     text-align:center;
}
.audio_photo{
     float:left;
     margin-right:10px;
}
.audio_details{
     /*float:left;*/
     display:inline-block;
     text-align:left;
     /*margin:0 auto;*/
}
.audio_date_title{
     font-weight:700;
     font-size:18px;
     margin-bottom:15px;
}
.audio_date_description{
    font-weight:bold;
     font-size:14px;
}
.audio_duration{
     font-style:italic;
}
.audio_actions{
     float:left;
}


/**
 * Alignment styles that are used by the InputfieldTinyMCE for 
 * positioning images in bodycopy. If you are using this field type, 
 * you may want to include these or similar styles in your site.
 *
*/
.align_left {
     float: left;
     margin: 0 1em 0.25em 0;
}

.align_right {
     float: right;
     margin: 0 0 0.25em 1em;
}

.align_center {
     display: block;
     margin-left: auto;
     margin-right: auto;
}

/**
 * WireFatalError is a class that ProcessWire will use to output
 * fatal errors in the design, but only if debug mode is on, or if
 * you are logged in as a superuser. 
 *
*/
.WireFatalError {
     background: #a30000;
     color: #fff;
     padding: 1em;
}

img.align_left {
     float:left;
     margin:5px 20px 10px 0;
}
img.align_right{
     float:right;
     margin:5px 0 10px 20px;
}
img.borderShadow{
     border:5px solid #FFF;
     -moz-box-shadow: 5px 5px 5px #888;
     -webkit-box-shadow: 5px 5px 5px #888;
}
strong em, em strong, em p, p em, em{
     font-style:italic;
}
strong{
     font-weight:bold;
}
.clear {
     clear:both;
}

/* Google Voice Link Color */
span.gc-cs-link, span.gc-cs-link:visited, span.gc-cs-link:active{
     color:inherit;
     text-decoration:inherit;
     font-family: inherit;
     font-size:inherit;
}
.gc-cs-link:hover{
     color:inherit;
     text-decoration:inherit;
     font-family: inherit;
     font-size:inherit;
}