/*
Edit Log
===================
P Coyle - 10/11/2014 (Mobile responsive issues addressed)

*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

.mobile {
	display:none;
}
	
.desktop {
	display: block;
}

html, body {
	height: 100%;
}

body {
    background: url("../images/tweed.png") repeat fixed center center #4a4a49;
    font: 300 14px/28px Arial,"Lucida Grande",sans-serif;
	margin:0;
	padding:0;
}

#wrapper {
	min-height:100%;
}

h1 {
	font-size: 48px;
	line-height: 64px;
}

h2 {
	font-size: 40px;
	line-height: 56px;
}

h3, {
	font-size: 32px;
	line-height:48px;
}

h4 {
	font-size: 20px;
	line-height:40px;
}

h5 {
	font-size: 18px;
	line-height:36px;
}

H6 {
	font-size: 16px;
	line-height:32px;
}

h1, h2, h3, h4, h5 {
    color: #4a4a49;
    font-family: Arial, sans-serif;
	font-weight:700;
	margin-bottom: 14px;
	letter-spacing:-1px;
}

p {
	padding: 7px;
	line-height: 21px;
}

img {
	max-width: 100%
}

a, a:visited {
	color: #0f2b52;
	text-decoration: none;
}

footer a, footer a:visited, h1 a, h1 a:visited, h2 a, h2 a:visited, h3 a, h3 a:visited, h4 a, h4 a:visited, h5 a, h5 a:visited {
	color: #4a4a49;
	text-decoration: none;
}

a:hover {
	text-decoration:underline;
}

i {
	margin-right: 8px;
}

figure {
}

figcaption {
	font-size: 12px;
	font-style:italic;
	line-height:14px;
	padding-top:12px;
}

table {
	width: 100%;
	border: 1px solid #f8f8f8;
	margin: 16px 0;
}

td {
    padding: 16px;
	vertical-align:middle;	
}

td h4 {
	margin-bottom: 0;
}

.alignleft {
    display: inline;
    float: left;
    margin-bottom: 14px;
    margin-right: 14px;
}
.alignright {
    display: inline;
    float: right;
    margin-bottom: 14px;
    margin-left: 14px;
}

.anchor{
    position:relative;
    top:-150px;
    }
	
#bg-display{
    background: none repeat scroll 0 0 rgba(0,0,0,1);
    color:rgba(255,255,255,0.5);
    display: block;
    left: 0;
    padding: 0 5px;
    position: fixed;
    text-align: center;
    top: 0;
    z-index: 99999;
	transition:all ease-in-out 0.2s;
}

#bg-display:hover  {
    background: none repeat scroll 0 0 rgba(0,0,0,1);
	color:rgba(255,255,255,1);
	cursor:pointer;
}

#bg-display i {
	margin-right: 0px;
}


.show-content {
	display:none;
}

.videoWrapper {
	background: url(../images/spiffygif_54x54.gif) no-repeat center center #000000;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 56.25%;
	margin: -20px -10px 20px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#site-content {
    padding-bottom: 180px;
}

header {
    background: none repeat scroll 0 0 #0f2b52;
	border-bottom: 3px solid #0f2b52;
	z-index:999;
}

header.row {
	margin:0 auto;
}


#site-title > a {
    display: block;
    line-height: 0;
}

#incore-link > a {
    display: block;
    line-height: 0;
}

#ulster-link > a {
    display: block;
    line-height: 0;
}

.row.top-nav {
    margin-top: -20px;
    margin-bottom: 0px;
}

#main-navigation > ul.navigation {
	margin: 8px 0px -1px 0px;
	text-align:center;
	padding: 0;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 700;
	text-transform:uppercase;
	font-size:18px;
	letter-spacing: -0.5px;
}

#main-navigation > .navigation li, .navigation li, #sort-links-list li {
	display: inline-block;
	margin-bottom: 9px;
}

ul.navigation ul {
    background: none repeat scroll 0 0 #4a4a49;
    height: 0;
    margin: 10px 0px 0px 0px;
    overflow: hidden;
    position: absolute;
    text-align: left;
    z-index: 999;
	min-width: 200px;
	max-width:100%;
}

ul.navigation li:hover ul {
	height:auto;
	overflow:auto;
}

ul.navigation ul li {
    border-bottom: 1px solid #505050;
    display: list-item !important;
    float: none;
    margin-bottom: 0 !important;
}

ul.navigation ul li a {
    display: block;
    line-height: 35px;
}

#main-navigation > .navigation li a {
	padding:8px;
	color:#fff;
	background-color: rgba(119,1,1);
	transition: background-color 0.3s ease 0s;
}

#main-navigation > .navigation li:hover > a{
	text-decoration:none;
	border-bottom:none;
	background-color: #696a6c;
}


#main-navigation ul.navigation li a:hover {
	text-decoration:none;
	border-bottom:none;
	background-color: #696a6c;
}

#main-navigation > .navigation li.active a {
	text-decoration:none;
	border-bottom: none;
	background-color: #0f2b52;
}

ul.navigation {
	margin: 0px;
	text-align:right;
	padding: 4px 0;
}


.navigation li a {
	padding:8px;
	color:#4a4a49;
}

.navigation li a:hover {
	border-bottom: 3px solid #0f2b52;
	text-decoration:none;
}

.navigation li.active a {
	text-decoration:none;
	border-bottom: 3px solid #4a4a49;
}

li.active ul li a {
    background-color: #4a4a49 !important;
}

li.active ul li a:hover {
    background-color: #696a6c !important;
}


#sort-links-list li a {
	transition: color 0.5s ease;
	padding:8px;
	color:#4a4a49;
}

#sort-links-list {
	display: inline-table;
}

.logos.row {
    margin-bottom: 0;
    padding: 10px 0;
}

#site-title {
	margin-bottom: 0;
    padding: 13px 0;
	text-align:center;
}

#incore-link {
	margin-bottom: 0;
    padding: 13px 0;
	text-align:right;
}

#ulster-link {
	margin-bottom: 0;
    padding: 13px 0;
	text-align:left;
}


.main-content {
	background: rgba(255,255,255,0.95);
	padding-top: 20px;
	box-shadow: 0 2px 16px rgba(0, 0, 0, 0.5);
	margin-bottom:0px;
}

.story-title {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 3px solid #0f2b52;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
    color: #4a4a49;
    padding: 20px;
	position:relative;
	z-index: 2;
	margin: -20px -10px 20px -10px;
}

.page-title {
    background: none repeat scroll 0 0 #2f3e62;
    border-bottom: 3px solid #0f2b52;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    padding: 20px;
	position:relative;
	z-index: 2;
	margin: -20px -10px 20px -10px;
}

.story-title > h4{
	color: #4a4a49;
	border-bottom: 2px solid #0f2b52;
}

.page-title > h3, .page-title > h4{
	color: #fff;
	margin-bottom: 0;
}

.story-title > p strong {
	color: #4a4a49;
}

.sub-story-title {
    font-size: 18px;
    font-weight: 300;
    text-transform: none;
}

.story-title::selection {
	background: #0f2b52;
}

.story-title::-moz-selection {
	background: #0f2b52;
}

.item-collection-url {
    background: none repeat scroll 0 0 #DDDDDD;
    border-radius: 0 0 8px 8px;
    margin-top: -23px;
	margin-bottom:14px;
    padding: 9px 0;
    position: relative;
    text-align: center;
    z-index: 1;
}

.address-block {
	display: inline-table;
}

.pagination_list {
	text-align:center;
}

.pagination_list li {
    display: inline-block;
}

.pagination_list li a {
	transition: background-color 0.5s ease;
    background: none repeat scroll 0 0 #F8F8F8;
    display: inline-block;
    padding: 24px;
	margin: 14px 0;
}

.pagination_list li a:hover {
    background: none repeat scroll 0 0 #eee;
}

li.pagination_current {
	background: none repeat scroll 0 0 #eee;
    padding: 24px;
	margin: 16px 0;
}

.social-share {
    display: block;
    float: right;
	font-size:16px;
	font-weight:normal;
}

#item-files {
	padding: 0px 0;
	text-align:center;
	background: #6e6e6e;
	margin: -20px -10px 20px;
}

.element-text {
	padding-top:20px;
}

.item-file.video-mp4 {
    margin-top: -20px;
}

.video-info, .collection-info, .generic-info, .organisation-info, .publication-info, .oral-history-information, .sound-information, .cain-links-area, .cat-cain-links-area {
	background: -webkit-linear-gradient(#f8f8f8, #ddd); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#f8f8f8, #ddd); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#f8f8f8, #ddd); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#f8f8f8, #ddd); /* Standard syntax */	
	padding: 16px;
	border: 1px solid #ddd;
	margin: -20px -10px 20px;
}

.video-info h4, .collection-info h4, .generic-info h4, .organisation-info h4, .publication-info h4, .oral-history-information h4, .sound-information h4, .cain-links-area h4, .cat-cain-links-area h4 {
	margin-bottom: 0;
}

#video-element-sets, #publication-element-sets, #oral-history-elements-sets, #sound-elements-sets, #collection-elements-sets, #generic-elements-sets, #organisation-element-sets {
	padding-top: 16px;
}

.item-file.image-jpeg {
    display: inline;
}

.element.item-files-container {
    margin: -30px 0 30px 0;
}

.element.video-element-container {
    margin: -44px -10px 20px -10px;
}

#sort-links {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #ddd;
    margin: -10px -10px 10px;
    padding: 10px;
}

.show {
 	background: linear-gradient(#0f2b52, #2f3e62) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    float: right;
    font-size: 16px;
    padding: 0 10px;
	min-width: 65px;
    text-align: center;	
}

a.show {
	color: #ffffff;
	text-decoration: none;
}

.hide {
	display: none;
 	background: linear-gradient(#0f2b52, #0f2b52) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    float: right;
    font-size: 16px;
    padding: 0 10px;
	min-width: 65px;
    text-align: center;
}

.cain-links-area {
	color: #4a4a49;
}

.cain-links-area h3{
	color: #4a4a49;
	margin-bottom: 0;
}

.cain-links {
	margin-top: 16px;
	border-radius: 8px;
	padding: 8px;
	background: #f8f8f8;
	border: 2px solid #f2f2f2;
	color: #4a4a49;
	display: none;
}

.cain-links a {
	color: #0f2b52;
}


.cat-cain-links-area {
	color: #4a4a49;
}

.cat-cain-links-area h3{
	color: #4a4a49;
	margin-bottom: 0;
}

.cat-cain-links {
	margin-top: 16px;
	border-radius: 8px;
	padding: 8px;
	background: #f8f8f8;
	border: 2px solid #f2f2f2;
	color: #4a4a49;
	display: none;
}

.cat-cain-links a {
	color: #0f2b52;
}

.meta-row {
	border-bottom: 1px solid #ccc;
	padding: 4px 0;
}

.meta-row, .meta-row h5 {
	margin-bottom: 0;
}

.item-row {
	background-color: rgba(255,255,255,0.6);
	transition: background-color 0.5s ease;
	border-bottom: 1px solid #ccc;
	padding: 8px 0px;
	margin-bottom: 0;
}

.item-row:hover {
	background-color: rgba(255,255,255,1);
}

.item-row:hover > .item-type span.item-type-icon {
    color: #0f2b52;
}

.item-img {
    float: right;
    max-width: 100px;
    padding: 8px;
}

.item {
	padding: 14px 0;
}

h5.item-title {
    color: #0f2b52;
}

.thumb-holder {
    display: block;
    height: 200px;
    overflow: hidden;
    text-align: center;
    width: 100%;
}

.featured-story {
	padding: 20px 0px;
	margin-bottom: 0px;
}

.home-title, .sub-heading {
    border-bottom: 3px solid #0f2b52;
    color: #4a4a49;
    padding: 7px 0px;
}

.content-block {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 0 7px;
}

.home-feature-box {
    background-color: #ffffff;
    border-bottom: 5px solid #0f2b52;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    margin-bottom: 7px;
    min-height: 405px;
    padding: 14px;
    position: relative;
    text-align: left;
}

.row.homepage-video {
    background: url("../images/home-feat-video-bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    margin-left: -10px;
    margin-right: -10px;
    padding: 10px;
}

.feat-vid-notice {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
    border-left: 5px solid #0f2b52;
    color: #909090;
    display: block;
    font-size: 12px;
    font-style: italic;
    padding: 5px;
    text-align: center;
}

.sidebar {
    background: none repeat scroll 0 0 #e5e5e5;
    border-radius: 0px;
    box-shadow: none;
    padding: 21px;
}

.row.filter {
    margin-top: -20px;
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;

}

.item-filters {
    background: none repeat scroll 0 0 #ddd;
    padding-top: 10px;
    text-align: center;
	margin-bottom: 0px;
}

.item-filters li {
	display: inline-block;
	text-align:center;
	width: 150px;
	padding: 0px;
}

.item-filters li a {
	background: none repeat scroll 0 0 #ddd;
    color: #4a4a49;
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
    padding: 10px 0;
    text-transform: uppercase;
    transition: all 0.25s ease-in-out 0s;
	height:50px;
}
.item-filters li a:hover {
	background:#0f2b52;
	color: #fff; 
	text-decoration:none;
}

ul.item-filters a > i {
    font-size: 24px;
}

li.cat-item {
padding: 3px 0;
}

.item-meta > h4 {
    margin-bottom: 0;
}

ul.page-numbers {
text-align: center;
}

.page-numbers li {
padding: 21px;
display: inline-block;
background: #ccc;
}

.postcontent ul {
list-style: disc;
margin-left: 28px;
}

.postcontent ul li {
	line-height:28px;
}

span.item-type-icon {
    color: rgba(0, 0, 0, 0.5);
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding: 20px 20px 0;
    text-align: center;
	transition:all 0.5s;
}

span.item-type-icon > i {
	font-size:24px;
	margin-right:0px;
	padding-right:0px;
}

#item-citation {
    background: none repeat scroll 0 0 #eee;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05) inset;
    padding: 5px 15px;
	margin-bottom: 10px;
}

.cite {
    background: none repeat scroll 0 0 #fff;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 10px;
    text-align: left;
}

#post-feat-image {
	margin-bottom: 14px;
}

/* Search Form 
===================================================*/

input[type="text"], input[type="password"], input[type="email"], textarea, select {
    height: 35px;
    width: 75% !important;
	font-size:14px;
	padding:6px 4px !important;
}

label {
    color: #4a4a49;
    margin-bottom: 0;
    padding: 5px 10px;
    width: 200px;
}

.form-section {
    background: none repeat scroll 0 0 #f2f2f2;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    padding: 10px;
}


input[type="button"], input[type="submit"],input[type="button"]:hover, input[type="submit"]:hover {
   background: none repeat scroll 0 0 #0f2b52;
    border: medium none;
    border-radius: 0px;
    color: #ffffff;
    font-family: helvetica,arial,sans-serif;
    font-weight: bold;
    padding: 14px;
    text-transform: uppercase;
	font-size:13px;
	text-shadow: none;
}

.search-link a {
    background: none repeat scroll 0 0 #0f2b52;
    border-radius: 5px 10px;
    color: #fff !important;
    float: right;
    font-size: 21px;
    padding: 5px;
	text-decoration:none;
}

#simple-search-form {
    background: none repeat scroll 0 0 #eee;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05) inset;
    padding: 5px 15px;
	margin-bottom: 10px;
}

.inputs #keyword-search {
    padding: 5px 10px !important;
    width: 90% !important;
}

.advanced-search-link {
    float: right;
    font-size: 12px;
    padding: 14px 0;
}

.textinput {
    height: auto;
}

.search-form-description {
    margin-bottom: 10;
    padding: 10px;
}

.advanced-search-button {
    text-align: center;
}

#submit_search_advanced {
    margin-top: 20px;
    min-width: 220px;
}

/* Recaptcha Fix 
===================================================*/

.recaptcha_nothad_incorrect_sol.recaptcha_isnot_showing_audio {
    margin-bottom: 20px;
}

.recaptcha_input_area > input {
    display: inline;
    height: auto !important;
}

/* Tags and Tag Cloud Styles 
===================================================*/

#item-tags a {
    background: none repeat scroll 0 0 #0f2b52;
    color: #fff;
    padding: 5px 10px;
	transition:all 0.2s;
}

#item-tags {
    color: rgba(0, 0, 0, 0);
}

#item-tags a:hover {
    background: none repeat scroll 0 0 #ddd;
    color: #4a4a49;
    padding: 5px 10px;
	text-decoration:none;
}

.hTagcloud {
    border-bottom: 1px solid #EEEEEE;
    border-top: 1px solid #EEEEEE;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 20px 0 0;
}

.popularity li {
    display: inline-block;
    padding: 5px;
}

.popular {
    font-size: 12px;
}

.v-popular {
    font-size: 14px;
}

.vv-popular {
    font-size: 16px;
}

.vvv-popular {
    font-size: 18px;
}

.vvvv-popular {
    font-size: 20px;
}

.vvvvv-popular {
    font-size: 22px;
}

.vvvvvv-popular {
    font-size: 24px;
}

.vvvvvvv-popular {
    font-size: 26px;
}

.vvvvvvvv-popular {
    font-size: 28px;
}


/* Collection Tree Styles
================================================== */ 
#collection-tree, #collection-tree ul li ul li, #collection-tree ul li ul li ul li {
	font-size: 16px;
	line-height:24px;
}

#collection-tree ul li .arrow-right {
	display:none;
}

#collection-tree ul ul li .arrow-right {
	display:none;
}

#collection-tree ul ul li {
	transition: background-color 0.5s ease;
    border-top: 3px solid #ddd;
    padding: 15px 0 0;
}

#collection-tree ul ul li a {
	font-weight: normal;
}

#collection-tree ul ul ul li a {
	font-size: 16px;
	line-height:32px;
	font-weight: 300;
}

#collection-tree ul ul li:hover {
    background: #f8f8f8;
}

#collection-tree ul ul li span {
	display: none;
}

#collection-tree ul ul ul li span {
	display: inline;
}

#collection-tree ul ul ul li {
    border: none;
    padding: 8px;
}

.arrow-right{
	background: none repeat scroll 0 0 #CCCCCC;
    display: none;
    float: left;
    margin-left: -20px;
    margin-right: 8px;
    padding: 0 8px;
	color: #4a4a49;
}

.arrow-down{
	background: none repeat scroll 0 0 #CCCCCC;
    display: none;
    float: left;
    margin-left: -20px;
    margin-right: 8px;
    padding: 0 8px;
	color: #4a4a49;
}

#key {
    background: none repeat scroll 0 0 #fff;
    border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
    margin: 0 -10px;
    padding: 10px;
}

#key p {
    padding-bottom: 10px;
}

.is-deposited, .delayed-access, .is-website, .is-cain {
	font-family: 'Open Sans', sans-serif;
    border-radius: 5px;
    color: #fff !important;
    font-size: 12px;
    padding: 2px 5px;
	font-weight:700;
	text-transform:uppercase;
	margin-left: 5px;
	min-width:140px;
}

.is-deposited {
    background: none repeat scroll 0 0 #7E8F7C;
}

.is-website {
    background: none repeat scroll 0 0 #75665c;
}

.is-cain {
    background: none repeat scroll 0 0 #770101;
}

.delayed-access {
    background: none repeat scroll 0 0 #cf9e6f;
}

.is-deposited:hover, .delayed-access:hover, .is-website:hover, .is-cain:hover {
  position: relative;
}

.is-deposited[title]:hover:after , .delayed-access[title]:hover:after, .is-website[title]:hover:after , .is-cain[title]:hover:after{
  content: attr(title);
  background-color: rgba(0,0,0,0.65);
  padding: 2px 4px;
  color: #fff;
  position: absolute;
  left: 100%; 
  top: -200%;
  white-space: nowrap; 
  z-index: 20px;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;  
  border-radius: 5px;  
  -moz-box-shadow: 0px 0px 4px #222;  
  -webkit-box-shadow: 0px 0px 4px #222;  
  box-shadow: 0px 0px 4px #222;  
}

.collection-entry {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #eee;
    margin-bottom: 7px;
    padding: 0 10px;
	transition: background-color 0.5s ease;
}

.collection-entry:hover {
	background-color: #f8f8f8;
}

.row.collection-title-row, .row.collection-title-row > h4 {
	margin-bottom: 0px;
}

/* Footer Styles
================================================== */

footer {
	width: 100%;
    position: relative;
    bottom: 0;
	left: 0;
	margin-top: -188px;
	height:180px;
	clear:both;
}

#footer {
	background: none repeat scroll 0 0 #0f2b52;
    border-top: 3px solid #0f2b52;
	margin-bottom: 0;
	border-top: 3px solid #0f2b52;
	z-index: 999;
}
	
	/*Footer Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

.footer-title {
    color: #fff;
	padding:10px;
}

.footer-text-left {
	color: #fff;
}

.footer-text p {
	padding-left:10px;
}

.footer-text-right {
	color: #0f2b52;
}

.footer-text-left p, .footer-text-right p {
	margin-bottom: 0px;
}

.footer-text-left > p a, .footer-text-right a, .footer-text-right a:visited {
	color: #ffffff;
	text-decoration:none;
	font-weight: normal;
}

.footer-text-left > p a:hover, .footer-text-right a:hover {
	border-bottom: 3px solid #0f2b52;
}

.footer-text-left {
    text-align: left;
}

.footer-text-right {
    text-align: right;
}

ul.logos-row {
    margin: 20px 0 0;
}

ul.logos-row img {
    transition: all 0.25s ease-in-out 0s;
}

ul.logos-row img:hover {
    transform: scale(1.1, 1.1) translateZ(0px);
}

/* Tables 
================================================= */

table {
	width: 100%;
	border-collapse: collapse;
}

table th, table td {
	padding: 10px 10px 9px;
	text-align: left;
}

table td {
	vertical-align: top;
	border-top: solid 1px #ddd;
}

table th {
	padding-top: 9px;
	font-weight: bold;
	vertical-align: middle;
}

table.condensed th, table.condensed td {
	padding: 5px 5px 4px;
}

table.bordered {
	border-collapse: separate;
	border: solid 1px #ddd;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

table.bordered th + th,
table.bordered th + td,
table.bordered td + td {
	border-left: solid 1px #ddd;
}

.zebra-striped tbody tr:nth-child(odd) td,
.zebra-striped tbody tr:nth-child(odd) th {
	background: #f5f5f5;
}

td > h5 {
    margin-bottom: 0;
}

/* Admin Bar
================================================== */

#admin-bar {
    background: none !important;
    padding: 0px !important;
    box-shadow: none !important;
	z-index: 1000;
	display:block;
	position: fixed;
}

#admin-bar li {
    padding:5px !important;
	background: rgba(119,1,1,0.8);
}

/* Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
	.mobile {
		display:block;
	}
	
	.desktop {
		display: none;
	}
	
	#site-title, #incore-link, #ulster-link {
		text-align:center;
	}
		
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	
	body {
		background-image: none !important;
	}
	
	.container12, .container16 {
		width: 95% !important;
	}
	
	.container12 .column1, .container16 .column1, .container12 .column2, .container16 .column2, .container12 .column3, .container16 .column3, .container12 .column4, .container16 .column4, .container12 .column5, .container16 .column5, .container12 .column6, .container16 .column6, .container12 .column7, .container16 .column7, .container12 .column8, .container16 .column8, .container12 .column9, .container16 .column9, .container12 .column10, .container16 .column10, .container12 .column11, .container16 .column11, .container12 .column12, .container16 .column12, .container16 .column13, .container16 .column14, .container16 .column15, .container16 .column16 {
		margin: 0 auto;
		width: 100% !important;
	}
	
	p {
		padding: 10px !important;
	}
	
	form#contact-form {
		padding: 10px;
	}
	
	.address-block {
		display: inline-table;
		padding: 10px;
	}
	
	.videoWrapper {
		background: url(../images/spiffygif_54x54.gif) no-repeat center center #000000;
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 25px;
		height: 56.25%;
		margin: -20px 0px 20px;
	}
	
	h1, h2, h3, h4, h5 {
		color: #4a4a49;
		font-family: Arial, sans-serif;
		font-weight: 700;
		margin-bottom: 14px;
		letter-spacing: -1px;
		padding: 10px;
	}
	
	.inputs #keyword-search {
		padding: 10px !important;
		width: 80% !important;
		margin: 10px;
	}
	
	.home-title, .sub-heading {
		border-bottom: 3px solid #0f2b52;
		color: #4a4a49;
		margin: 8px;
	}
	
	#key {
		background: none repeat scroll 0 0 #fff;
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
		margin: 0;
		padding: 10px;
	}
	
	.item-description {
		padding: 10px;
	}
	
	#sort-links {
		background: none repeat scroll 0 0 #fff;
		border-bottom: 1px solid #ddd;
		margin: -10px 0px 10px;
		padding: 10px;
	}
	
	.page-title {
		background: none repeat scroll 0 0 #2f3e62;
		border-bottom: 3px solid #0f2b52;
		box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
		color: #FFFFFF;
		padding: 20px;
		position: relative;
		z-index: 2;
		margin: -20px 0px 20px 0px;
	}
	
	.row.filter {
		margin-top: -20px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 10px;
		border-bottom: 1px solid #ccc;
	}
	
	.row.homepage-video {
		background: url("../images/home-feat-video-bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
		margin-left: 0px; 
		margin-right: 0px; 
		padding: 10px;
	}

	.mobile {
		display:block;
	}
	
	.desktop {
		display: none;
	}
	
	#site-title, #incore-link, #ulster-link {
		text-align:center;
	}
	
	#bg-display {
		display:none;
	}
	
	header.row {
		margin: 0 auto;
	}
	
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */
