/* A Free Design by Bryant Smith (bryantsmith.com) */

@font-face {
   font-family: Didot;
   src: url('fonts/Didot.ttc');
}

@font-face {
   font-family: Caslon;
   src: url('fonts/ACaslonPro-Regular.otf');
}

@font-face {
   font-family: Caslon;
   src: url('fonts/ACaslonPro-Italic.otf');
   font-style: italic;
}

@font-face {
   font-family: Caslon;
   src: url('fonts/ACaslonPro-Bold.otf');
   font-weight: bold;
}

@font-face {
   font-family: Chaparral;
   src: url('fonts/ChaparralPro-Regular.otf');
}

@font-face {
   font-family: Chaparral;
   src: url('fonts/ChaparralPro-Bold.otf');
   font-weight: bold;
}

@font-face {
   font-family: Chaparral;
   src: url('fonts/ChaparralPro-Italic.otf');
   font-style: italic;
}

@font-face {
   font-family: Chaparral;
   src: url('fonts/ChaparralPro-BoldIt.otf');
   font-weight: bold;
   font-style: italic;
}

@font-face {
   font-family: Cabin;
   src: url('fonts/Cabin-Regular.otf');
}

@font-face {
   font-family: Cabin;
   src: url('fonts/Cabin-Italic.otf');
   font-style: italic;
}

@font-face {
   font-family: Cabin;
   src: url('fonts/Cabin-Bold.otf');
   font-weight: bold;
}

body {
   margin: 0;
   padding: 0;
   background: #333333;
   text-align: justify;
   font-family: Chaparral, "Trebuchet MS", Arial, Helvetica, sans-serif;
   /*font-size: 15px;*/
   color: #666666;
   background-color: #252F33;
}

* {
   margin: 0 auto 0 auto;
   text-align: left;
}

#header {
   position: relative;
   width: 730px;
   height: 99px;
   margin-left: 10px;
   margin-right: 21px;
   background: #101214 url(images/header.png) no-repeat;
}

#footer {
   width: 750px;
   height: 56px;
   background: url(images/footer.png) no-repeat;
   text-align: center;
   font-family: Chaparral, Georgia, Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #909294;
   padding-top: 32px;
}

#footer a {
   font-size: 10px;
   color: #909294;
}

#footer a:hover {
   text-decoration: underline;
}


#page {
   margin: 0 auto 0 auto; 
   width: 750px;
   height: 100%;  
   position: relative; 
   overflow: hidden; 
   background: #252F33 url(images/background.png) repeat-y;
}

.title {
   position: relative;
   left: 30px;
   top: 22px;
   text-align: left;
   /*font-family: Georgia, "Times New Roman", Times, serif;*/
   font-family: Didot;
   font-size: 32px;
   font-weight: bold;
   color: #E0E0E0;
}

.subText {
   position: relative;
   left: 62px;
   top: 20px;
   text-align: left;
   /*font-family: Georgia, "Times New Roman", Times, serif;*/
   font-family: Didot;
   font-size: 16px;
   font-weight: bold;
   color: #E0E0E0;
}

.articleTitle {
   text-align: left;
   padding-left: 25px;
   padding-top: 10px;
   padding-bottom: 10px;
   color: #101214;
   font-family: Didot, Verdana, Arial, Helvetica, sans-serif;
   font-size: 24px;
   font-weight: bold;
}

h1 {
   text-align: left;
   padding-top: 10px;
   padding-bottom: 10px;
   color: #101214;
   font-family: Didot, Verdana, Arial, Helvetica, sans-serif;
   font-size: 24px;
   font-weight: bold;
}

ul {
   margin-left: 16px;
   padding: 0;
}

.articleContent {
   width: auto;
   position: relative;
   padding-left: 25px;
   padding-right: 5px;
   color: #101214;
   text-align: left;
   font-family: Chaparral, Georgia, Arial, Helvetica, sans-serif;
   line-height: 27px;
}

.articleContent li {
   margin-bottom: 10px;
}

.recording {
   line-height: normal;
   margin-bottom: 45px;
}

.bioContent {
   width: auto;
   position: relative;
   padding-left: 25px;
   color: #101214;
   text-indent: 0.5in;
   text-align: left;
   font-family: Chaparral, Georgia, Arial, Helvetica, sans-serif;
   font-size: 15px;
   line-height: 27px;
}

img {
   float: right;
   border: solid;
   border-width: 2px;
   border-color: black;
}

.image {
   float: right;
   margin-left: 12px;
   margin-top: 15px;
}

.caption {
   position: relative;
   top: -4px;
   text-align: center;
   font-size: 12px;
   font-weight: normal;
   font-style: italic;
   margin-bottom: -20px;
   padding-bottom: 0px;
}

.caption a:hover {
   text-decoration:underline;
}

.bioContent p {
   margin-bottom: 20px;
}

.articleContent a {
   text-decoration: underline;
}

.bioContent a {
   text-decoration: underline;
}

#bar {
   position: relative;
   width: 730px;
   height: 57px;
   margin-left: 8px;
   margin-right: 21px;
   background: url(images/bar.png) no-repeat;
}

.menuLink {
   position: relative;
   left: 53px;
   height: 37px;
   width: 105px;
   text-align: center;
   float: left;
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
   color: #EAD5A8;
   padding-top: 18px;
}

.menuLink a {
   color: #101214;
   /*display: block;
   height: 34px;
   text-align: center;*/
}

.menuLink a:hover {
   /*color: #2F74F5;*/
   text-decoration:underline;
}

.menuLink:hover {
   /*background: url(images/bar2.png) repeat-x;*/
}

a {
   text-decoration: none;
   color: #252F33;
}

#pageContent {
   width: 700px;
   height: auto;
   padding-bottom: 20px;
}

html, body {
   text-align: center;
   background-image:url('images/dark_exa.png');
   background-repeat:repeat;
}

p {
   margin-top: 0.5em;
   text-align: left;
}

object {
   margin-top: 0.5em;
}