/*<style>*/

.tier-site-header {background: #46a3b4;}
.tier-site-primary-nav { background: #46a3b4;}
.nav-site-primary { background: #46a3b4;}
.nav-site-primary-main a {color: #fff;}
.nav-site-primary-main a:hover {color: #46a3b4; background-color: #fff;}

.tier-grey {background: #ececec; padding: 20px 0 20px 0;}
.tier-inner-grey {background: #ececec;}
.tier-inner-2-grey {background: #ececec;}

.tier-blue {background: #368db9; padding: 20px 0 20px 0;}
.tier-inner-blue {background: #368db9;}
.tier-inner-2-blue {background: #368db9;}


.tier-site-mainplus {padding-top:0px;padding-bottom:0;}
.mc-inner {margin-bottom:0;}
.tier-site-main-on .tier-site-mainplus {padding-top:30px;}



.h h1, .h h1 a {
    color: #000303;
}

sh .breadcrumb a.breadcrumb-home {
    background-image: url(https://www.tcd.ie/tms/2/t/trinity-theme-2014/assets/images/icon-home-breadcrumb.svg.php?color=46a3b4);
}

.sh .breadcrumb p a {
    color: #000;
}

.sh .breadcrumb p a[href] span {
    border-bottom: 1px solid #46a3b4;
}

.sh .breadcrumb .breadcrumb-separator {
    color: #46a3b4;
}

.breadcrumb-separator-1:before {
    content: ':';
    color: #46a3b4;
}

.h h1 a:hover {color: #fff;}

.n .sitemap ul {
    border-top: 2px solid #46a3b4;
  
}

.n .sitemap ul ul{
    border-top: 0px solid #46a3b4;
  
}


.tier-site-mainplus {padding-top:0px;padding-bottom:0;}
.mc-inner {margin-bottom:0;}
.tier-site-main-on .tier-site-mainplus {padding-top:30px;}

.nav-site-primary-main .nav-sitemap-button a {
  background-color: #46a3b4;
  border: 1px solid #46a3b4;
  color: #fff;
  border-bottom: 0;
    border-top: 0;
}


.nav-site-primary-main a.selected {
    background-color: #fff;
    border: 1px solid #fff;
    color: #000;
    border-bottom: 0;
    border-top: 0;
}


.n .sitemap li a.selected {

    background: #46a3b4;
    color: #000;
}
.n .sitemap li a.hover {

    background: #46a3b4;
    color: #000;
}

.n .sitemap li.selected > ul > li:first-child > a {
    border-color: #000;
}


.n .sitemap li a:hover,
.n .sitemap li a:focus {display:block;}
.n .sitemap li a:hover {background:#46a3b4;
	-webkit-transition: background-color 0.1s linear;
	-moz-transition: background-color 0.1s linear;
	-ms-transition: background-color 0.1s linear;
	-o-transition: background-color 0.1s linear;
	transition: background-color 0.1s linear;
	color: #fff;
}

.n .sitemap li a {
	border-bottom: 1px solid #000
}


.n .sitemap li li a {
    color: #46a3b4;
    font-size: .9em;
    line-height: 1.39;
}

.nav-site-primary-sitemap-clone li a:hover {background:#46a3b4;background:#46a3b4;color:#fff ;}

.tier-site-main-on .tier-site-mainplus {
    padding-top: 10px;
}

#main-content > div > div > div > div { margin-top: 40px;}


#main-content h1 {
    font-size: 260%;
    line-height: 1.25;
    margin-top: 0.0625em;
    margin-bottom: 0.425em;
	color:#000000;font-family:"Merriweather",sans-serif;font-weight:600;
	border-bottom: 2px solid #46A3B4;
	padding-bottom: 0.425em;
		
}

.h1, h2, h3, h4, h5, h6 {color:#000000; }

.writers-page .link-style-feature {display:block;text-decoration:none; margin-bottom:20px; background:none;position:relative;  padding: 0px; border-radius: 4px; text-align: center;}

.writers-page .link-style-feature .link-title {margin-top:0;color:#000000;font-family:"Merriweather",sans-serif;font-weight:600;font-size:1.42em;position:relative;  padding: 20px; border-bottom: 1px solid #d4d4d4;}

.writers-page .link-style-feature .link-title:after {content:'';position:absolute;top:50%;margin-top:-16px;right:-32px;display:block;width:32px;height:32px;background:url(assets/images/boxed-arrow.svg.php?primary=0,0,64&height=32) no-repeat 0 0;}

.writers-page .link-style-feature .link-main {margin:0 -57px 0 -20px;}

.writers-page .link-style-feature .link-image {display:block; width:220px; margin:0; }

.writers-page .link-style-feature img.link-image { -webkit-filter: grayscale(100%); filter: grayscale(100%);}

.writers-page .link-style-feature:hover { }

.writers-page .link-style-feature:hover .link-title:after {background:url(assets/images/boxed-arrow.svg.php?primary=0,0,100&height=32) no-repeat 0 0;}

.writers-page .link-style-feature:hover .link-title { text-decoration: underline;}

.writer-spot { margin-bottom: 20px; }




.contributors-page .link-style-feature {display:block;text-decoration:none; margin-bottom:20px; background:none;position:relative;  padding: 0px; border-radius: 4px; text-align: left;}
.contributors-page .link-style-feature .link-title {margin-top:0;color:#000000;font-family:"Merriweather",sans-serif;font-weight:600;font-size:1.42em;position:relative;  padding-bottom: 12px; border-bottom: 2px solid #d4d4d4; margin-bottom: 12px;}
.contributors-page .link-style-feature .link-title:after {content:'';position:absolute;top:50%;margin-top:-16px;right:-32px;display:block;width:32px;height:32px;background:url(assets/images/boxed-arrow.svg.php?primary=0,0,64&height=32) no-repeat 0 0;}
.contributors-page .link-style-feature .link-main {margin:0 -57px 0 -20px;}
.contributors-page .link-style-feature .link-image {display:block; width:220px; margin:0; }
.contributors-page .link-style-feature img.link-image { -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.contributors-page .link-style-feature:hover { }
.contributors-page .link-style-feature:hover .link-title:after {background:url(assets/images/boxed-arrow.svg.php?primary=0,0,100&height=32) no-repeat 0 0;}
.contributors-page .link-style-feature:hover .link-title { text-decoration: underline;}




blockquote { font-family:"Open Sans",sans-serif;font-weight:300;font-size:1.42em;} 


.img-circular {
 width: 200px;
 height: 200px;
 background-image: url('http://www.3ammagazine.com/3am/wp-content/uploads/2012/01/beckett.jpg');
 background-size: cover;
 display: block;
 
 border-top-left-radius: 100px;
 -webkit-border-top-left-radius: 100px;
  -moz-border-top-left-radius: 100px;
  
   border-top-right-radius: 100px;
 -webkit-border-top-right-radius: 100px;
  -moz-border-top-right-radius: 100px;
  
  
 border-bottom-right-radius: 100px;
 -webkit-border-bottom-right-radius: 100px;
 -moz-border-bottom-right-radius: 100px;
 
 border-bottom-left-radius: 100px;
 -webkit-border-bottom-left-radius: 100px;
 -moz-border-bottom-left-radius: 100px; 
 
 background-position: center
}

.img-circular:hover { opacity: 0.5;}

.image-strip {width: 280px; float: right; margin-left: 20px; margin-top: 60px; font-size: 0.9em; }
.image-strip p { border-bottom: 1px #eee solid; padding-bottom: 20px}



/*.circle {
	border-radius: 50%;
	width: 100%;
	height: 100%; 
	min-height: 220px;
	min-width: 220px;
	display: block;

	background-color: #7eb5b9;
	text-align: center;
}
*/
.circle {
position: relative;
border-radius: 50%;
width: 100%;
height: auto;
padding-top: 100%;
/*background-color: #7eb5b9;*/

}

/* Create the animation blocks */
@keyframes spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

/* Spinning, gradient circle; CSS only! */
#advanced {
	width: 220px;
	height: 220px;
	
	background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%);
	background-image: -webkit-radial-gradient(45px 45px, circle cover, yellow, orange);
	background-image: radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%);
	
	animation-name: spin; 
	animation-duration: 3s; /* 3 seconds */
	animation-iteration-count: infinite; 
	animation-timing-function: linear;
}

.beckett-portrait { background-image:url(assets/img/beckett-portrait.png); 

background-repeat:no-repeat;
background-size:contain;
background-position:center;


   -webkit-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
    -moz-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
    -o-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
   -ms-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
    box-shadow:inset 0px 0px 0px 8px #7eb5b9;


}

.dawe-portrait { background-image:url(assets/img/dawe-portrait.png); 

background-repeat:no-repeat;
background-size:contain;
background-position:center;


   -webkit-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
    -moz-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
    -o-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
   -ms-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
    box-shadow:inset 0px 0px 0px 8px #7eb5b9;


}

.goldsmith-portrait { background-image:url(assets/img/goldsmith-portrait.png); 

background-repeat:no-repeat;
background-size:contain;
background-position:center;


   -webkit-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
    -moz-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
    -o-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
   -ms-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
    box-shadow:inset 0px 0px 0px 8px #7eb5b9;


}

.longley-portrait { background-image:url(assets/img/longley-portrait.png); 

background-repeat:no-repeat;
background-size:contain;
background-position:center;


   -webkit-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
    -moz-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
    -o-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
   -ms-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
    box-shadow:inset 0px 0px 0px 8px #7eb5b9;


}

.madden-portrait { background-image:url(assets/img/madden-portrait.png); 

background-repeat:no-repeat;
background-size:contain;
background-position:center;


   -webkit-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
    -moz-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
    -o-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
   -ms-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
    box-shadow:inset 0px 0px 0px 8px #7eb5b9;


}

.mahon-portrait { background-image:url(assets/img/mahon-portrait.png); 

background-repeat:no-repeat;
background-size:contain;
background-position:center;


   -webkit-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
    -moz-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
    -o-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
   -ms-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
    box-shadow:inset 0px 0px 0px 8px #7eb5b9;


}

.chuilleanain-portrait { background-image:url(assets/img/chuilleanain-portrait.png); 

background-repeat:no-repeat;
background-size:contain;
background-position:center;


   -webkit-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
    -moz-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
    -o-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
   -ms-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
    box-shadow:inset 0px 0px 0px 8px #7eb5b9;


}

.stoker-portrait { background-image:url(assets/img/stoker-portrait.png); 

background-repeat:no-repeat;
background-size:contain;
background-position:center;


   -webkit-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
    -moz-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
    -o-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
   -ms-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
    box-shadow:inset 0px 0px 0px 8px #7eb5b9;


}

.swift-portrait { background-image:url(assets/img/swift-portrait.png); 

background-repeat:no-repeat;
background-size:contain;
background-position:center;


   -webkit-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
    -moz-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
    -o-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
   -ms-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
    box-shadow:inset 0px 0px 0px 8px #7eb5b9;


}

.synge-portrait { background-image:url(assets/img/synge-portrait.png); 

background-repeat:no-repeat;
background-size:contain;
background-position:center;


   -webkit-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
    -moz-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
    -o-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
   -ms-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
    box-shadow:inset 0px 0px 0px 8px #7eb5b9;


}

.kennelly-portrait { background-image:url(assets/img/kennelly-portrait.png); 

background-repeat:no-repeat;
background-size:contain;
background-position:center;


   -webkit-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
    -moz-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
    -o-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
   -ms-box-shadow:inset 0px 0px 0px 8px #7eb5b9;
    box-shadow:inset 0px 0px 0px 8px #7eb5b9;


}


.photo-col p { background: #ececec;  padding: 20px; font-size: 0.92em;}
.photo-col img { padding-bottom: 10px;}

a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-30px; margin-left:28px;
    width:300px; line-height:16px;
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
      background:#none;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
img.callout  { max-width: 300px; }

/*CSS3 extras*/
a.tooltip span
{
 /*   border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;*/
}