/*
  
  CSS for ARCH project page designs
  Chris Stephens - March 2012
  
  */

/* general web styles */

body,
html {
    margin:0;
    padding:0;
    color:#000;
    background:#fff url('./images/grade.png') repeat-x left top;
}

#content {
    width:1087px;
    margin:0 auto;
    background:#fff;
}

#header {
    width:1087px;
    height:127px;
    background:#ddd url('./images/index_01d.png') no-repeat left top;
}
#header-inner{
    margin:0 auto;
    text-align:left;
    padding-top:5px;
    margin-left:500px;
    
}

#header-inner p {
    color:#fff;
    font-size:24pt;
    
}


h1 {
    margin:0;
}
ul#nav{
    list-style:none;    
}
ul#nav li {
    margin-left:-10px;
    margin-right:3px;
    padding-left:10px;
    height:45px;
    margin-bottom:40px;
    background:transparent url('./images/button-bg.png') repeat-x left top;
    font-family:sans-serif;
    color:red;
    font-size:10pt;
}
ul#nav li a {
    color:#fff;
    font-weight:bold;
    text-decoration:none;
}
#main {
    float:right;
    width:955;
    background:#fff;
}

#main-inner{
    margin:17px;
    
}
div.page_body {
    margin-left: 10px;
    margin-right: 10px;
}
h2 {
    margin:0 0 1em;
}

#featured{
    background:#eee;
    padding:20px;
    
}


#sidebar {
    float:left;
    width:132px;
    height:2150px;
    background:#ddd url('./images/index_03d.png') repeat-y left top;
}
#sidebar-inner{
    margin:12px;
    margin-top:17px;
    
}



#footer {
    clear:both;
    height:127px;
    background:#ddd url('./images/index_05d.png') no-repeat left top;}
#footer-inner{
    margin:0 auto;
    text-align:center;
    padding-top:5px;
}

#footer-inner p, #footer-inner p a:visited,#footer-inner p a:link {
    color:#fff;
    font-size:10pt;
}

/* single page per record styles */

.rec_title{
    font-family:sans-serif;
    font-size:14pt;
    font-weight:normal;
    color:#6a6;
}

.rec_atitle{
    font-family:sans-serif;
    font-size:10pt;
    font-weight:normal;
    color:#000;
}

.rec_desc{
    font-family:sans-serif;
    font-size:10pt;
    font-weight:normal;
    color:#000;
}

.rec_url{
    font-family:sans-serif;
    font-size:10pt;
    font-weight:normal;
    color:#000;
}

.rec_uk{
    font-family:sans-serif;
    font-size:10pt;
    font-weight:normal;
    color:#000;
}

.rec_ck{
    font-family:sans-serif;
    font-size:10pt;
    font-weight:normal;
    color:#000;
}
.rec_lang{
    font-family:sans-serif;
    font-size:10pt;
    font-weight:normal;
    color:#000;
}
.rec_period{
    font-family:sans-serif;
    font-size:10pt;
    font-weight:normal;
    color:#000;
}
.rec_geo{
    font-family:sans-serif;
    font-size:10pt;
    font-weight:normal;
    color:#000;
}

.field_label{
    font-family:sans-serif;
    font-size:14pt;
    font-weight:bold;
    color:#999;
}

.normal{
    font-family:sans-serif;
    font-size:12pt;
    font-weight:bold;
    color:#ddd;
    
    
}

.rec_content {
    width:95%;
    margin:0 auto;
    padding:10px;
    background:#fff;
}

/* common styles */

#featured{
    margin:10px;
}

#featured p{
    text-align:left;
    font-family:sans-serif;
    font-size:10pt;
    font-weight:normal;
    color:#000;
}
#featured p b{
    font-size:14pt;
    font-weight:bold;
    color:#777;
}

#featured h2{
    text-align:center;
    font-family:sans-serif;
    font-size:18pt;
    font-weight:normal;
    padding:10px;
    background-color:#fff;
    border:1px solid #777;
    border-right:2px solid #777;
    border-bottom:2px solid #777;
}

#featured p a {
    font-weight:bold;
    text-align:center;
    color:#00f;
    text-decoration:none;
}

span.counter{
    text-align:left;
    font-family:sans-serif;
    font-size:14pt;
    font-weight:bold;
    color:#777;
    padding:3px;
    padding-left:5px;
    padding-right:5px;
    background-color:#fff;
    border:1px solid #777;
    
}

span.pale{
    color:#aaa;
}

hr#recdiv{
    width:30%;
    text-align: right;
    margin-right:0;
    color: #777;
    background-color: #777;
    height: 5px;
}

/* SL Specific Styles */

#slcontent {
    width:800px;
    margin:0 auto;
    background:#fff;
}

#slheader {
    width:800px;
    height:169px;
    background:#ddd url('./sl/header.png') no-repeat left top;
}

#slheader-inner{
    margin:0 auto;
    text-align:left;
    padding-top:5px;
    margin-left:500px;
    
}

#slheader-inner p {
    color:#fff;
    font-size:24pt;
    
}

#slmain {
    float:right;
    width:800px;
    background:#fff;
}

#slmain-inner{
    margin:0px;
    padding:5px;
    background:#eee;
    border-bottom:#555 solid 2px;
    border-right:#555 solid 2px;
    border-top:#aaa solid 2px;
    border-left:#aaa solid 2px;
}

#slfooter {
    clear:both;
}
#slfooter-inner{
    margin:0 auto;
    text-align:center;
    padding-top:5px;
}

#slfooter-inner p {
    color:#fff;
    font-size:24pt;
}