/* CSS Document */
/* Author : Oscar Contreras*/
/* Web: First Scottish Books - National Library of Scotland*/

/*---------------------Global styles-----------------------*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}
	
body{
margin: 0;
padding: 0;
text-align: center;
font-size: 62.5% ; /* reduce text size to 10 px as a global value and then increase in ems as appropriate*/
background-color:#F1F0F1;
color:#FFFFFF;
}

#wrapper{
width:960px;
height:100%;
margin:0px auto;
text-align:left;
background-image:url(../img/background.jpg);
background-repeat:repeat-y;

}


a{
color:#993300;
text-decoration:underline;


}
/*-----------------------------Header----------------------------------------*/
#header {
width:750px;
height:104px;
margin-left:103px;
background-image:url(../img/header.jpg);
}

#header h1 span{
color:#000000;
display:none;
}


/*-----------------------------Menu---------------------------------------*/

#menu {
font:bold 1.3em Arial, Helvetica, sans-serif;
width:750px;
height:26px;
margin-left:103px;
padding-top:10px;
background-image:url(../img/menu_bck.jpg)

}

#menu li{
display:inline;
padding-left:10px;

list-style:none;
}

#menu li a{

color:#993300;
padding-left:15px;
text-decoration:none;
}

#menu li a:hover{
color: #333333;
}

/*------------------------------Content------------------------------------*/


#content{
width:750px;
margin-left:103px;
background-color:#FFFFFF;

}



#content h1.introduction, #content h1.digitisation, #content h1.provenance, h1.view, h1.letter_T, h1.letter_G, h1.letter_E, h1.letter_W, h1.letter_D, h1.letter_J, h1.letter_R, h1.letter_A {
color:#993300;
padding-left:58px;
padding-top:33px;
height:25px;
font:bold 1.6em Arial, Helvetica, sans-serif;
background-repeat: no-repeat;

}

#content h1.introduction {
background-image:url(../img/introduction_bck.jpg);

}

#content h1.digitisation {
background-image:url(../img/digitisation_bck.jpg);

}

#content h1.provenance {
background-image:url(../img/provenance_bck.jpg);

}

#content h1.view {
background-image:url(../img/view_bck.jpg); 

}

#content h1.letter_T {
background-image:url(../img/T_bck.jpg); 

}
#content h1.letter_G {
background-image:url(../img/G_bck.jpg); 

}
#content h1.letter_E {
background-image:url(../img/E_bck.jpg); 

}
#content h1.letter_W {
background-image:url(../img/W_bck.jpg); 

}
#content h1.letter_D {
background-image:url(../img/D_bck.jpg); 

}
#content h1.letter_J {
background-image:url(../img/J_bck.jpg); 
height:35px;
}
#content h1.letter_R {
background-image:url(../img/R_bck.jpg); 

}

#content h1.letter_A{
background-image:url(../img/A_bck.jpg); 

}




#content p{
font:1.3em "Times New Roman", Times, serif;
color:#000000;
margin: 20px 155px 20px 55px;

}

#content p.introtext {
margin-top:3px;
padding-top:2px;
padding-bottom:2px;
width:475px;

}
	
#content h3{
font:bold 1.2em "Times New Roman", Times, serif;
color:#993300;
padding:10px 0 0px 10px;
}

#content h3.itemtitle{
padding-left:75px;

}



.rightimage{
float: right;
margin: 5px 26px 5px 5px;
color:#993300;
font:1.1em "Times New Roman", Times, serif;
padding: 10px;
width:100px;
clear:right;

}

.leftimage{
float:left;
margin: 5px 5px 5px 26px;
color:#993300;
font:1.1em "Times New Roman", Times, serif;
padding: 10px;
clear:left;

}

img.crop {
margin:15px 30px 15px 100px;

}

img.millar {
margin:10px 15px 10px 0;

}

/*
.captionleft{
float:left;
width:200px;
height:100px;
font:1.0em Arial, Helvetica, sans-serif;
padding: 10px;

}*/


#items p{
margin-right:40px;
}

/*------------------- album images ----------------*/

#content img.imagealbum { 
float:left;
margin:10px 10px 10px 25px;
clear:right;
}

#content p.textalbum{
margin-left:390px;
margin-right:0;
margin-top:11px;


}

#content img.item {
float:left;
margin:10px 10px 10px 25px;

}

/*---------------------------album -----------------------*/

#albumnav {

width:700px;
background-color:#DACFBB;
padding-top:3px;
padding-bottom:3px;
margin-top:15px;
margin-left:25px;
border:1px solid #993300;

}

#albumnav li{
display:inline;
list-style:none;
margin-top:30px;
margin-bottom:30px;
padding-left:55px;
background-color:#DACFBB;
}

#albumnav li a {
color:#993300;
background-color:#DACFBB;
text-decoration:none;
padding: 0 5px 2px 5px;
font:bold 1.2em Arial, Helvetica, sans-serif;

}

#albumnav li a:hover{
color:#333333;

}

#albumnav li  a.noactive:hover, #albumnav li a.noactive{
color:#666666;
text-decoration:line-through;

}
#albumnav li  a.nohover:hover, #albumnav li a.nohover{
color:#993300;

}



/*------------------------------Footer----------------------------------------*/

#footer{
width:750px; 
font:bold 1.1em arial, verdana, helvetica;
background-image:url(../img/footer_bck.jpg);
background-repeat:no-repeat;
margin-top:-6px;
height:79px;
}
#footer a { 
text-decoration: none;
padding:0 2px 0 2px; /*padding left-right between links*/

}
#footer a.sublink {

font:normal 1.0em Arial, Helvetica, sans-serif;


}

#footer a:link, a:visited {
color:#000000;
}

#footer a:hover, a:active {
color:#993300;
}


img#logo {
float:right;
padding:5px 15px 0 0;
}

#footer p {
color:#993300;
padding-top:5px;
}