/* red ????: #4F0808 */
/* light brown text: #E6DAB9; */

* html #header,
* html #nav,
* html #content-main .fragment-section-heading,
* html #content-main ul.fragments,
* html #home #content #content-nav .content-nav-container,
* html #home #footer .footer-container-b 
           {height: 1%;}
* html body #branding-title a {margin-left: 8px;}

.era {font-variant: small-caps; text-transform: lowercase;}
.greek {font-size: 1.25em; font-family: "TITUS Cyberbit Basic", "Gentium", "New Athena Unicode", "Palatino Linotype", "Arial Unicode MS", "Georgia Greek";}
.title {font-style: italic;}
* html #home #search {height: 21px;}



html {height: 100%; padding-bottom: 1px;}
body {margin: 0; font-family: Verdana, Geneva, Arial, sans-serif;}
body#home {background: #E6DAB9;}

.home-container {
    margin: 0 auto;
    width: 748px;
  }

#header {
    background: #E6DAB9;
    overflow: auto;
  }
#header-container { max-width: 990px; margin: 0 auto;}
#branding-title {margin: 0; }
#branding-title a {display: block; margin: 20px 0 5px 16px;
    font-size: 0;
    float:left;
    height: 30px; width: 365px;
    overflow: hidden;
    background: transparent url(images/branding-title.gif) 0 0 no-repeat; /* http://www.dafont.com/capitalis-typoasis.font */
    text-indent: -10000px;
  }
#home #branding-title a {margin-left: 0px;}
#search {
    min-height: 21px;
    text-align: right;
    padding: 27px 16px 5px .5em; 
    font-size: 75%;
    line-height: 133%;
  }
#search input#search-box {background-color: #F3EDDC; border: 1px solid; border-color: #AAA #888 #888 #AAA; font-size: 133%; width: 15em;}
#search input#search-box:focus {background-color: #FFF;}
#search input#search-go {width: 2em;}

#nav {
    background: #420707 top left repeat-x url(images/content-nav-item-heading.gif);
    font-size: 80%; font-weight: bold;
    float:left;
    width:100%;
    overflow: auto; 
  }
#nav #nav-container {max-width: 990px; margin: 0 auto;}  
#nav ul {margin:0; padding: 3px 16px 0; list-style:none;}
#nav li {display:block; float: left; margin:0; padding: 0 3px 0 0;  
  }
#nav a {
    float:left;
    background:url("images/nav-left.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 9px;
    text-decoration:none;
    color: #E6DAB9;    
  }
#nav a span {
    float:left;
    display:block;
    background:url("images/nav-right.gif") no-repeat right top;
    padding:5px 15px 4px 6px;
    font-weight:bold;
    color: #E6DAB9;
  } /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #nav a span {float:none;}
    /* End IE5-Mac hack */
#nav #current a {background-position:0 -300px;}
#nav #current a span {background-position:100% -300px; color: #4F0808;}
#nav #current a:link:hover span, #nav #current a:visited:hover span {color: #A58439;}
#nav a:hover {background-position:0% -150px;}
#nav a:hover span {background-position:100% -150px;  color: white;}


#breadcrumb { max-width: 990px; margin: 0 auto; font-size: 85%; clear:both;}
#breadcrumb-container {padding: 1em 20px;}
#breadcrumb span {padding: 0 5px;}

#content {max-width: 990px; margin: 0 auto; overflow: auto;}
#content h1 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 167%; color: #4F0808; font-weight: normal; border-bottom: 1px solid black; margin: .5em 16px 1em;}

#sponsors {width: 25%; float:right; background: repeat-y url(images/sponsors-border.gif)}
#sponsors-container {margin: 0 16px;}
#sponsors h3 {font-size: 90%; color: #AAA; margin-top: 0px;  font-weight: bold;}
#sponsors img {padding: 1px; border: 1px solid #CCC;}
#sponsors #sponsor-typegreek {text-align: center;}
#sponsors p {font-size: 80%; text-align: left;}


#content-main {margin: 0; float: left; width: 75%;}
#content-main-container {margin: 0 16px;}
#content-main .modify-display { font-size: 80%; color: #AAA; font-weight: normal; text-align:right;}
#content-main .h3 {overflow: auto; border-bottom: 1px solid #AAA;}
#content-main h3 {font-size: 125%; color: #888; font-weight: normal; float:left; margin: 0;}
#content-main .modify-display a {color: #AAA;}
#content-main .modify-display a:hover {color: #00F;}
#content-main .fragment-section {padding-bottom: .5em;}
#content-main .fragment-section.category ul.featured {border: 1px solid #CCC; background: #FFA; margin: 1em 0 1em; padding: 0;}
#content-main .fragment-section.category ul.featured li {margin: 1em 0 0 2.5em; padding: 0;}
#content-main p {clear: right;}


#content-main .greektext p {
  font-size: 1.5em; font-weight: bold; margin: .25em auto .5em;
  }
#content-main .translation p {font-size: 111%;}


#content-main .fragment-section p {line-height: 200%;}
#content-main .fragment-section ul {margin-bottom: 2em;}
 
#content-main-container {max-width: 700px;}

#content-main ul.fragments { list-style: none; overflow: auto; margin: 0; padding: 0;}
#content-main ul.fragments li {float:left; width: 4em; text-align: center; margin: 0 0 1em; padding: 0;}



#footer {clear: both; border-top: 1px black dashed;}