/* Royale colours and fonts*/

@font-face { 
  font-family: 'Narziss'; 
  src: url(../fonts/Narziss-Drops.otf); 
}

@font-face { 
  font-family: 'ACaslonPro-Bold'; 
  src: url(../fonts/ACaslonPro-Bold.otf); 
}

@font-face { 
  font-family: 'ACaslonPro-Bold-Italic'; 
  src: url(../fonts/ACaslonPro-BoldItalic.otf); 
}

@font-face { 
  font-family: 'ACaslonPro-Regular'; 
  src: url(../fonts/ACaslonPro-Regular.otf); 
}

@font-face { 
  font-family: 'ACaslonPro-SemiBold'; 
  src: url(../fonts/ACaslonPro-Semibold.otf); 
}

@font-face { 
  font-family: 'ACaslonPro-SemiBoldItalic'; 
  src: url(../fonts/ACaslonPro-SemiboldItalic.otf); 
}

@font-face { 
  font-family: 'ACaslonPro-Italic'; 
  src: url(../fonts/ACaslonPro-Italic.otf); 
}

.simple{
  font-family: 'ACaslonPro-SemiBold';
  font-size:12px;
}




body {
	text-align:center;  /* IE6 needs this to center the layout in the browser window */
	 font-family: 'ACaslonPro-Regular'; 
	}
	
	
#nav {
font-family:"Adobe Caslon Pro",Georgia, "Times New Roman", Times, serif;
	}	

#content {	
font-family:"Adobe Caslon Pro",Georgia, "Times New Roman", Times, serif;
	}	
	
#hectorhome img {
margin-top:12px;
margin-bottom:0px;
	}
	
	
#nav a {
color:#d139c1;
text-decoration:none;
}

#nav form {
margin:0px;
padding-right:30px;
}

#prev_next a span {
display: none;
}

#prev_next a.navprev:link {
display: inline-block;
width: 46px;
height: 30px;
background-image: url(../imgs/nav/left-off.png);
background-repeat: no-repeat;
background-position: top left;
}

#prev_next a.navprev:link:hover {
display: inline-block;
width: 46px;
height: 30px;
background-image: url(../imgs/nav/left-on.png);
background-repeat: no-repeat;
background-position: top left;
background-color:transparent;
}


#prev_next a.navprevon:link {
display: inline-block;
width: 46px;
height: 30px;
background-image: url(../imgs/nav/left-on.png);
background-repeat: no-repeat;
background-position: top left;
background-color:transparent;
}

#prev_next a.navnext:link {
display: inline-block;
width: 46px;
height: 30px;
background-image: url(../imgs/nav/right-off.png);
background-repeat: no-repeat;
background-position: top left;
}

#prev_next a.navnext:link:hover {
display: inline-block;
width: 46px;
height: 30px;
background-image: url(../imgs/nav/right-on.png);
background-repeat: no-repeat;
background-position: top left;
background-color:transparent;
}

#prev_next a.navnexton:link {
display: inline-block;
width: 46px;
height: 30px;
background-image: url(../imgs/nav/right-on.png);
background-repeat: no-repeat;
background-position: top left;
background-color:transparent;
}

#prev_next img {
padding-left:4px;
margin-top:4px;

}

.italic{
	font-style:italic;
	}


#nav a{
color:#000;	
-webkit-border-radius: 3px;
}

ol{
color:#ccc;
}

#nav a:hover {
background-color:#e7e7e7;
}

#nav a.homelink:hover {
background-color:transparent;
}

a{
	color:#d139c1;
	text-decoration:none;
	padding:3px;
}

a:hover{
	background:#923F8C;
	color:#e2e3e8;
	-webkit-transition: background .5s, color .5s;
	-webkit-border-radius: 3px;
	padding:3px;	
	
	}


#nav_inner ol.interaction li.here a{
color:#ccc;
}

	

h2.navtitle{
font-family: 'ACaslonPro-Bold-Italic'; 
font-size:20px;
font-stretch:narrower;
margin-bottom:5px;
margin-top:-6px;
margin-left:2px;
color:#CCCCCC;
font-weight:200;
}

h2.navtitle2{
font-style:oblique;
font-size:20px;
font-stretch:narrower;
margin-bottom:5px;
margin-top:-5px;
margin-left:25px;
}

.big{
	font-size:60px;
	}
	
#big_image{
margin-top:42px;
	}	
#title_section h1{
	font-family: 'Narziss';
	color:#000;
	font-size:30px;
	letter-spacing:-1px;
	margin:0;
	padding:0;

}


#title_section img{
margin:0px;
margin-top:0px;
padding-left:190px;
padding-top:0px;
}


#title_section h2{
font-style:oblique;
font-weight:100;
font-size:18px;
margin-bottom:5px;
margin-top:-2px;
padding-top:0px;
padding-bottom:0px;
line-height:18px;
}

#title_section h4{
font-family: 'ACaslonPro-SemiBold'; 
font-weight:100;
font-size:12px;
margin-bottom:0px;
margin-top:-1px;
padding-top:0px;
padding-bottom:0px;
}


ol.interaction{
padding-top:0px;
margin-top:0px;
font-size:13px;
padding-left:23px;
margin-bottom:0px;
font-weight:100;
}	

#nav ul{
padding-top:0px;
margin-top:0px;
font-size:12px;
padding-left:23px;
margin-bottom:0px;
list-style-type: none;
}	

#promo {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
	}
	
img{
border-style:none;
	}
	
#thumbnails a:hover {
background-color:#d139c1;
	}
	
#authors{
width:134px;
margin-left:10px;
margin-bottom:0px;
margin-top:0px;
float:left;
}

#keywords{
margin-top:10px;
margin-left:7px;
float:left;
width:134px;
}

#external_links{
margin-left:150px;
margin-top:10px;
float:left;
width:134px;

}

#external_links a{
color:#d139c1;
padding-bottom:10px;
text-decoration:none;
}

#external_links a:hover{
background-color:#991271;
color:#FFFFFF;
padding:2px;
}

#external_links p{
margin:0px;
padding-top:-5px;
padding-bottom:0px;
line-height:14px;
}


#keywords p{
margin:0px;
padding-top:-5px;
padding-bottom:0px;
}

#authors p{
padding-bottom:5px;
}

#pocketsquare{
margin-left:440px;
margin-bottom:0px;
margin-top:30px;
}


#thumbnails img{
padding-right:1px;
padding-top:3px;
	}

#header_inner, #nav_inner, #content_inner, #promo_inner {
	overflow:hidden; /* prevents oversize elements from breaking the layout */
	}
#nav_inner {
margin-top:10px;
	}

	
#body_section{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding-top:3px;
margin-bottom:0px;
padding-right:10px;
line-height:13px;
}

#body_section2{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding-top:0px;
margin-top:0px;
padding-right:10px;
line-height:13px;
}

#body_section2 a{
color:#d139c1;
font-style:oblique;
text-decoration:none;
}

.heart{
	font-size:24px;
color:#d139c1;	
}


#body_section2 a:hover{
background-color:#991271;
color:#FFFFFF;
}

#body_section a{
color:#d139c1;
font-style:oblique;
text-decoration:none;
}

#body_section a:hover{
background-color:#991271;
color:#FFFFFF;
}

