@font-face {
    font-family: 'trilogyicons';
    src:url('/theme/fonts/trilogyicons.eot');
    src:url('/theme/fonts/trilogyicons.eot?#iefix') format('embedded-opentype'),
    url('/theme/fonts/trilogyicons.woff') format('woff'),
    url('/theme/fonts/trilogyicons.ttf') format('truetype'),
    url('/theme/fonts/trilogyicons.svg#trilogyicons') format('svg');
    font-weight: normal;
    font-style: normal; 
    }
  
.icons {
    font-family: 'trilogyicons';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;  
    }

body { 
    font: 14px/20px 'UniversLTW01-47LightCn','Arial','Helvetica',sans-serif;
    text-align: center; 
    color: #444444; 
    }
    
    @media (min-width : 1200px) { body { font-size: 16px; line-height: 22px; } } 


/* Global Links
------------------------------------ */

a { 
    color: #00839a; 
    text-decoration: none;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition:    color .3s ease-in-out;
    -o-transition:      color .3s ease-in-out;
    -ms-transition:     color .3s ease-in-out;
    transition:         color .3s ease-in-out; 
    }

a:focus, a:hover { 
    color: #023b59; 
    outline: none; 
    }

a:visited { color: #0072a5; }  


/* Firefox Seleted Text
------------------------------------ */

::-moz-selection {
  background: #00aec5;
  color: #fff; } 
::selection {
  background: #00aec5;
  color: #fff; } 	



/* Headings
------------------------------------ */
h1, h2, h3, h4, h5, h6 { 
    line-height: 1;  
    font-family: 'UniversLTW01-47LightCn','Arial','Helvetica',sans-serif;
    }
    
h1 { 
    margin-bottom: 10px;   
    font-size: 36px;
    color: #0d4890;
    }
  
h2 { 
    font-size: 32px;
    margin-bottom: 10px; 
    }
  
h3 { 
    font-size: 28px;   
    margin-bottom: 10px; 
    }
  
h4 { 
    font-size: 24px;
    margin-bottom: 10px; 
    }
  
h5 { 
    font-size: 20px;
    line-height: 1.2;  
    margin-bottom: 10px;
    }
  
h6 { 
    font-size: 18px;  
    line-height: 1.2;  
    margin-bottom: 10px;
    }
    
    

/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.1em; }
p img.left  { float: left; margin: 0 10px 10px 0; padding: 0; }
p img.right { float: right; margin: 0 0 10px 10px; }

small { font-size: .9em; color: #9a9a9b; }


blockquote  { margin: 1.5em; color: #666; font-style: italic; }
blockquote .attribution  { margin: 10px 0 0 0; color: #666; font-style: normal; text-align: right; font-size: .8em; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 
.footnote   { font-size: .75em; }
.meta       { margin-bottom: 1em; }

.clear      { 
clear: both; 
display: block; }



/* Lists
-------------------------------------------------------------- */

article li ul, 
article li ol  { margin: 0 1.5em; }
article ul, ol { margin: 0 1.5em 1.5em 1.5em; }

article ul { list-style-type: disc; }
article ol { list-style-type: decimal; }

article dl    { margin: 0 0 1em 0; }
article dl dt { font-weight: bold; }
article dd    { margin-left: 1.5em; }




/* Tables
-------------------------------------------------------------- */


table      { margin-bottom: 1.4em; width:100%; }
th         { font-weight: bold; }
th,td      { padding: 4px 10px 4px 5px; }
td         { vertical-align: top; }
tr.even td { background: #E5ECF9; }
tfoot      { font-style: italic; }
caption    { background: #eee; }


/*table      { margin-bottom: 1.4em; width:100%; font-size: .9em; background: #f0f0f0; border-bottom: 4px solid #b9b9b9; }
th         { font-weight: bold;  background: #e0e0e0;}
th,td      { padding: 4px 10px 4px 5px; line-height: 1.2; padding: 5px 10px;}
td         { vertical-align: top; }
tr.even td { background: #E5ECF9; }
tfoot      { font-style: italic; }
caption    { background: #eee; }*/

table p   { margin-bottom: 0; }


/* ---- Feed/Lists ---- */   
     
.list { position: relative; } 

.list.more { 
    margin-top: 10px;
    padding-top: 15px;
    border-top: 5px solid #f5f5f5; 
    clear: both;
    display: block; 
    }

.list article {
    width: auto;
    padding: 5px 0 20px 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out; 
    }
  
.list article a { display: block; }
.list article a:hover { text-decoration: none; }


.list article figure {
    position: relative;
    float: left;
    display: block;
    margin: 5px 10px 0 0; 
    width: 50px;
    } 
    
.list article figure:before {   
    -moz-box-shadow:    inset 2px 2px 5px rgba(0,0,0,.3);
    -webkit-box-shadow: inset 2px 2px 5px rgba(0,0,0,.3);
    box-shadow:         inset 2px 2px 5px rgba(0,0,0,.3); 
    content: "";
    position: absolute;   
    bottom: 0;
    left: 0;
    right: 0;
    top: 0; 
    }   

.list article figure img {
    float: right;  
    width: 100%;
    }   
  
.list article small { 
    font-size: 12px;
    line-height: 1;
    color: #9a9a9b;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition:    color .3s ease-in-out;
    -o-transition:      color .3s ease-in-out;
    -ms-transition:     color .3s ease-in-out;
    transition:         color .3s ease-in-out; 
    }
    
    @media (min-width : 1200px) { .list article small { font-size: 16px; } } 
  
    .list article a:hover small,
    .list article a:visited small,
    .list article a:active small { color: #808082; text-decoration: none; }
  
.list article small .author { 
    color: #444444; 
    font-family: 'UniversLTW01-57Condense 723821','Arial','Helvetica',sans-serif;
    } 
  
.list article h3 { 
    font-size: 24px;
    line-height: .95;
    font-family: 'UniversLTW01-47LightCn','Arial','Helvetica',sans-serif;
    margin-bottom: 3px;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition:    color .3s ease-in-out;
    -o-transition:      color .3s ease-in-out;
    -ms-transition:     color .3s ease-in-out;
    transition:         color .3s ease-in-out; 
    }
    
    @media (min-width : 1200px) { #commentaries h3 { font-size: 28px; } } 

.list article p { 
    color: #9a9a9b;
    margin-bottom: 0;
    line-height: 1.2;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition:    color .3s ease-in-out;
    -o-transition:      color .3s ease-in-out;
    -ms-transition:     color .3s ease-in-out;
    transition:         color .3s ease-in-out; 
    }
  
    .list article a:hover p,
    .list article a:visited p,
    .list article a:active p { color: #808082; text-decoration: none; }



/*----- Staff List adjustments -----*/


.list.staff article figure {
    margin: 5px 2% 0 0; 
    width: 15%;
    } 
    
.list.staff article .text {
    width: 83%;
    display: inline-block;
    } 
    
    
.list.staff article p a {
    display: inline-block;
    } 






/*----- Infinite Scroll Loader -----*/

#infscr-loading { 
    text-align: center;
    font-size: 10px; 
    color: #afafaf;
    text-transform: uppercase;
    padding: 6px 0; 
    }
  
#infscr-loading em { font-style: normal; }   
