body { 
   font: 14px/24px Arial, Helvetica, sans-serif;
   text-align: center; 
   color: #3f3f3f; }
   
/* font: font-style font-variant font-weight font-size/line-height font-family; */

/* Global Links
------------------------------------ */

a { 
    color: #4b5f78; 
    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: #364559; 
	outline: none; 
	text-decoration: none; }
   

/* Firefox Seleted Text
------------------------------------ */

::-moz-selection {
   background: #00aec5;
   color: #fff; } 
::selection {
   background: #00aec5;
   color: #fff; } 	

/* Headings
------------------------------------ */
h1, h2, h3, h4, h5, h6 { 
   font-family: nimbus-sans-condensed, 'arial narrow', helvetica, arial; 
   line-height: 1; 
   font-style: normal;
   font-weight: 700; }

h1 { 
   color: #494949;
   font-size: 42px;
   margin-bottom: 10px;   
   text-transform: uppercase; }
h2 { 
   font-size: 32px;
   font-weight: 700;
   color: #494949;
   text-transform: uppercase;
   margin-bottom: 10px; }
h3 { 
   color: #696969;   
   font-size: 24px;   
   margin-bottom: 10px; }
h4 { 
   color: #696969;
   font-size: 18px;
   margin-bottom: 10px; }
h5 { 
   font-size: 16px;
   font-weight: 300;
   color: #696969;
   margin-bottom: 10px; }
h6 { 
   color: #696969;   
   font-size: 14px;   
   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; }

.intro { font-size: 17px; }


blockquote  { margin: 1.5em; color: #666; font-style: italic; }
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; } 

.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; }



/* ---- Feed/Lists ---- */   
         
.feed { position: relative; }  
.feed.more { 
   margin-top: 10px;
   padding-top: 15px;
   border-top: 1px solid #f5f5f5; 
   clear: both;
   display: block;
   }

.feed article {
    width: auto;
    padding: 5px 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; 
    }
    
.feed.more article { width: 195px !important; }
.act .feed article { padding: 5px 0 10px; }

.feed article a { display: block; }

.feed article small { 
   font-size: 10px;
      line-height: 1;
      color: #8c9ca3;
      text-transform: uppercase; 
   -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; }
    
    .feed.events article small { 
       font-size: 14px;
       text-transform: none; 
       }
       
    .feed.grid.events article small { font-size: 13px; }
    
.feed article:hover small { color: #7e8e95; }
      
.feed article h3 { 
    font-family: nimbus-sans-condensed, 'arial narrow', helvetica, arial; 
    font-size: 32px;
    line-height: .9; 
    font-style: normal;
    font-weight: 700;
    color: #494949;
    margin-bottom: 5px;
    -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; }
    
.feed article:hover h3 { color: #2b3961; }

.feed article p { 
    font-size: 16px;
    line-height: 1.1;
    color: #787878;
    margin-bottom: 0;
    -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; }
    
    #content .feed article p { font-size: 14px; }
    .feed article:hover p { color: #484848; }

.feed.grid article {
    width: 287px;
    min-height: 210px;
    padding: 0 20px 0 0;
    margin: 5px 20px 0 0; 
    float: left;
    -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; 
      border-right: 4px solid #d7dce1;
      }
      
.feed.grid.events article {
    width: 165px;
    min-height: 80px;
    padding: 15px;
    margin: 5px 5px 0 0; 
    border: none;
    background: #f6f8f9;
    }      
    
    .feed.grid.events article:hover {
        background-color: #7994ac; 
        -moz-box-shadow:       0 1px 2px rgba(0,0,0,.15);
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
        box-shadow:         0 1px 2px rgba(0,0,0,.15); }
        
        .feed.grid.events article:hover h3,
        .feed.grid.events article:hover p,
        .feed.grid.events article:hover small { color: white; }
            
   .feed.grid.events article:active {
        background-color: #4e637e; 
        -moz-box-shadow:    inset 0 1px 2px rgba(0,0,0,.15);
        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.15);
        box-shadow:         inset 0 1px 2px rgba(0,0,0,.15); }
        
        .feed.grid.events article:active h3,
        .feed.grid.events article:active p,
        .feed.grid.events article:active small { color: white; }
    
   .feed.grid article:last-child { 
        margin-right: 0; 
        padding-right: 0;
        border-right: none;  
        }
        
    .feed.grid.events article:last-child { 
        margin-right: 0; 
        padding: 15px;
        border-right: none;  
        }

.feed .icon { 
   background-position: center center;   
   background-repeat: no-repeat;
   background-color: #7994ac;  
   width: 32px;
   height: 32px;
   margin-right: 10px;
   display: inline-block;
   float: left;
   -moz-border-radius:    6px;
   -webkit-border-radius: 6px;
   border-radius:         6px;   
   -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; 
}
.feed article:hover .icon { 
    background-color: #af403c; 
   -moz-box-shadow:    0 1px 1px rgba(0,0,0,.15);
   -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.15);
   box-shadow:         0 1px 1px rgba(0,0,0,.15);
}   
.feed article:active .icon  { 
   background: #47556;
   -moz-box-shadow:    inset 0 1px 1px rgba(0,0,0,.35);
   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.35);
   box-shadow:         inset 0 1px 1px rgba(0,0,0,.35);
}  

.col2.feed article p { padding-left: 42px; }
     
    


/*----- 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; }