/* 

	Michael Story
	Plankton Web Design
	michael@planktonwebdesign.com
	
	target Ö context = result
	
	so,
	
	24px / 16px = 1.5em
	
	988px / 16px = 61.75em
	
	700px / 988px = 0.7085 or 70.85%
	
	12 columns = 960px (dont include last padding)

*/
  		 
/* Presentational classes generated by WordPress */
.aligncenter	{ display: block; margin: 0 auto; }
.alignleft		{ float: left; margin: 0 20px 20px 0; }
.alignright		{ float: right; margin: 0 0 20px 20px; }
.wp-caption		{ border: 1px solid #999; text-align: center; background: #eee; padding: 10px; margin: 10px; }
.screen-reader-text, ul.sub-menu, .wpcf7-form label, .reply { display: none; z-index: 50; }
strong {font-weight: bold;}
em {font-style: italic;}
#post-58 strong {display: inline-block; width:24%;}

/* BASICS ---------------------------------------------- */

body {
				background: #557ac3 url(../images/Belfast-BG.jpg) top center;
				font: normal 100% Helvetica, Arial, sans-serif;
				color: #FFF;
}

.container {
				width: 95%; /* roughly 960px */
				margin: 0 auto;
				/* background: url(../images/grid.png); */
				max-width: 1110px;
				min-width: 960px;
}

.fw-left, .letter, .section div div, .form-submit, .comment {
				float: left;
				width: 100%;
}

.fw-center {
				width: 100%;
				margin: 0 auto;
}	

.alpha-vert {
				padding-top: 0.5em;
				margin-top: 0.5em;
}

#menu-quick-links {
				padding-top: 1.3em;
				margin-top: 0.7em;
}

.just-quick-links {
				padding-top: 0 !important;
				margin-top: 0 !important;
}

#content, .footer {
				overflow: hidden;
				/* #container:after {
 				 content: ".";
 				 display: block;
				 height: 0;
				 clear: both;
				 visibility: hidden;
				} */
				padding-bottom: 1em;
}	

.footer, .footer p {
				padding-top: 1em;
				border-top: 1px solid rgba(255, 255, 255, 0.16);
				padding-bottom: 0;
}

.header {
				height: 100px;
				padding-top: 1em;
				background: url(../images/jumping-girl.png) bottom right no-repeat;
				position: relative;
}


div.nav {
				float: right;
				width: 95%;
				margin-top: 1em;
				margin-right: 5%;
}

#banner, #syndicates {
				float: left;
				width: 99.98%;
				border-right: 1px solid rgba(255,255,255,0.1);
				margin-bottom: 1em;
				position: relative;
}

#values {
				float: left;
				width: 50%;
				margin: 1em 0 1em 1em;
				background: url(../images/belfast-loading.gif) center no-repeat;
}

#twitter-bubble {
				position: relative;
				height: 254px;
}

.video-container {
	position: relative;
	padding-bottom: 25.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin: 17px 3% 0 0;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.max-width {
				max-width: 100%;
				display: block;
				margin: 0 auto;
}

.section {
				float: left;
				width: 62.8888889%; /* 566px / 900px */
				position: relative;
}

.section > div {
				padding: 1em;
				
}

.aside {
				float: right;
				width: 36.7777778%; /* 331px / 900px */
				position: relative;
}

.syndicate {
				float: left;
				width: 14.5%;
				padding: 1em 1%;
}

.sidebar-container,
.aside .menu{
				margin: 0 auto;
				width: 69.7885196%; /* 231px / 331px */
				float: none;
}

.single .archive, .category .archive, .notices .alpha-vert {
				background: url(../images/sidebar-icons.png) no-repeat top right;
}

.single .archive, .category .archive {
				background-position: 117% 0em;
}

.single .notices .alpha-vert, .category .notices .alpha-vert {
				background-position: 98% -2.2em;
}

.sidebar-syndicate {
				position: relative;
				padding: 0;
}

p {
				font-size: 0.8em;
				margin-bottom: 1em;
				line-height: 1.2em;
}

.section ul > li {
				font-size: 0.8em;
				line-height: 1.2em;
}

.footer p {
				font-size: 0.75em; /* 12px / 16px = 0.75em; */
				margin-bottom: 0;
}



span.thumbnail {
				display: block;
				width: 75%;
				margin: 0 auto;
}

.sidebar-syndicate span.thumbnail, .syndicate-page span.thumbnail {
				float: left;
				width: 20% !important;
				padding-right: 0.5em;
				padding-top: 0.2em;
}

span.thumbnail img {
				max-width: 100%;
				margin-bottom: 0.2em;
}

.date {
				color: yellow;
				margin-bottom: 0.2em;
}

.syndicate-page {
				clear: both;
				padding: 0.6em 1em 0.4em 0 !important;
				margin: 0 1em;
}



input, textarea {
				border: none;
				padding: 0.6em 0.6em 0.4em 0.6em;
				font: 1em Helvetica, Arial, sans-serif;
				color: #252525;
}

#searchform {
				
				margin-top: 0.8em;
				position: absolute;
				width: 200px;
				top: 62px;
				right: 53px;

}

#searchform input {
				padding: 0.5em 0.5em 0.4em 0.5em;
				font-size: 0.8em;
				color: white;
				width: 92%; 
				float: left;
				-webkit-border-radius: 0px !important;
				-moz-border-radius: 0px !important;
				border-radius: 0px !important;
}

#searchform #searchsubmit {
				position: absolute;
				bottom: 1px;
				right: 0px;
				width: 30px;
				height: 25px;
				background: url(../images/search.png) 2px 2px no-repeat;
				text-indent: -9999px;
				cursor: pointer;
				border: none;
				padding: 0;
}

.googlemap {
				position: absolute;
				top: 1em;
				right: 1em;
}

.captcha-instructions {
				display: block;
}

.wpcf7 {
				float: left;
				width: 48%;
				margin-bottom: 27px;
}

#content .archives {
				margin-bottom: 1em;
}

/* STYLE ------------------------------------------ */

input, textarea, #menu-quick-links li {
				-webkit-border-radius: 6px;
				-moz-border-radius: 6px;
				border-radius: 6px;
}

.divider, .post-navigation, .letter, .category #reply-title {
				background: url(../images/line.png) repeat-x;
}

#menu-primary-menu li,
#banner,
.section,
#menu-quick-links li,
#syndicates,
.syndicate h2,
#s {
				background: url(../images/dark-bg.png); /* browsers that don't support rgba */
				background: rgba(61,74,148,0.2);
				-webkit-box-shadow: 0px 4px 2px -5px rgba(0,0,0,0.4) inset;
				-moz-box-shadow: 0px 4px 2px -5px rgba(0,0,0,0.4) inset;
				box-shadow: 0px 4px 2px -5px rgba(0,0,0,0.4) inset;	
				border-bottom: 1px solid rgba(255,255,255,0.1);	
}

#menu-primary-menu {
				float: right;
				width: auto;
				padding-left: 20%;
}

#menu-primary-menu > li {
				float: left;
				font-family: 'MuseoSlab500';
				font-size: 12px;
				padding: 7px 10px;
				position: relative;
				
}

#menu-primary-menu li#menu-item-19 {				
				border-right: 1px solid rgba(255,255,255,0.1);

}
 
#menu-primary-menu li.corner {
				background: url(../images/corner.png) no-repeat right center;
				width: 21px;
				height: 28px;
				padding: 0;
				

}

#menu-primary-menu li.corner-right {
				display: none;
				background: url(../images/corner-right.png) no-repeat left center;
				width: 21px;
				height: 28px;
				padding: 0;
				

}

#content {
				border-bottom: solid 1px rgba(0,0,0,0.16);
}

#twitter-bubble img {
				position: absolute;
				z-index: 20;
}

#twitter-bubble .stop-press {
				position: absolute;
				top: 52px;
				margin-left: 9%;
				z-index: 30;
				
}

#twitter-bubble .stop-press a {
				color: black !important;
}

#twitter-bubble p {
				width: 220px;
				margin: 0 auto;
				font-size: 1em;
				line-height: 1em;
				color: black;
				display: block !important;
				font-family: 'Covered By Your Grace', Helvetica;
				border-bottom: none !important;
				text-align: center;

}

#letters li {
				float: left;
				margin-left: 2.2%;
				margin-bottom: 2em;
}

.letter, .category #reply-title {
				padding-top: 1em;
}

#gallery-1 {
				padding-bottom: 1em;
}

.comment-container {
				position: relative;
				min-height: 100px;
				padding: 1em;
}

.even {
				background: rgba(0,0,0,0.1);
}

.vcard {
				position: absolute;
				top: 1em;
				left: 1em;
}

.reply {
				position: absolute;
				bottom: 1em;
				right: 1em;
}

.comment-content {
				float: left;
				margin-left: 110px;
				width: 80% !important;
}

.fn {
				font-weight: bold;
}

.depth-2, .depth-3 {
				margin-left: 16%;
}

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

a {
				color: white;
				text-decoration: none;
}

#site-title a {
    			display: block;
    			height: 89px;
    			width: 192px;
}


a:hover,
li.current_page_item > a,
li.current-menu-parent > a,
#twitter-bubble li a  {
				color: #1b1c21;
}

.twitter-follow-button {
				position: absolute;
				bottom: 1em;
				margin-left: 0%;
				width: 175px;
				text-align: center;
				font-size: 1em;
				color: white;
				background: url(../images/twitter.png) 0px 2px no-repeat;
				z-index: 30;
				font-family: 'Covered By Your Grace', Helvetica;
}

#menu-quick-links a {
				background: url(../images/docs-sprite.png) no-repeat;
				padding: 0.85em 0 0.7em 50px;
				display: block;
				
}

#menu-quick-links li {
				background: url(../images/button-up1.png); 
				margin-bottom: 1em;
				padding-left:10px;
}

li#menu-item-117 a {
				background-position: 0 -178px;
}

li#menu-item-37 a {
				background-position: 0 -118px;
}

li#menu-item-38 a {
				background-position: 0 -58px;
}

li#menu-item-39 a {
				background-position: 0 2px;
}

#menu-quick-links li:hover {

				background: url(../images/button-up.png); 

}

li:hover > ul.sub-menu {
				display: block;
				position: absolute;
				top: 2.4em;
				left: 0px;
}

#menu-primary-menu li ul.sub-menu li {
				padding: 0.5em;
				width: 166px;
				background: #4d6ab6; /* browsers that don't support rgba */
				background: rgba(77,106,182,1);
}

ul.sub-menu li a {
				margin-left: 5px;
}

.footer-block {
				float: left;
				width: 25%;
				border-bottom: solid 1px rgba(0,0,0,0.16);
				height: 142px;
}

.footer li {
				font-size: 13px;
				line-height: 16px;
}

#footer-contact {
				background: url(../images/footer-branding.png) no-repeat;
				padding: 8px 0 0 79px;
				height: 142px;
				margin-right: -79px;
}

.pdfs li a {
				padding: 0.2em 0 0 25px;
				margin-bottom: 0.7em;
				background: url(../images/PDF.png) no-repeat;
				display: inline-block;
}

.no-pdf a {
				background: none !important;
}

.back, .forward {
				float: left;
				width: 50%;
				margin-bottom: 1em;
				
}

.post-navigation {
				padding-top: 1em;
}

.post-navigation a {
				background: url(../images/docs-sprite.png) 0 -225px no-repeat;
				padding: 5px 0 5px 23px;
				
}

.forward {
				float: right;
				text-align: right
}

.forward a {
				text-align: right;
				padding: 5px 23px 5px 0;
				background-position: right -248px;
}
/* Headings --------------------------------------- */

h1,h2,h3,h4 {
				font-family: 'MuseoSlab500';
}

#content h3 {
				margin: 0.5em 0 0.3em 0;
}

.syndicate h2 {
				text-align: center;
				padding: 0.2em 0;
}

.section-heading {
				padding: 0.5em 0 0 1%;
				margin-bottom: 0;
}

.footer h4 {
				color: #1b1c21;
				margin: 5px 0 0.6em;
}

h1#site-title, div#site-title {
				width: 189px;
				height: 90px;
				background: url(../images/branding.png) no-repeat;
				text-indent: -9999px;
				position: absolute;
				top: 1em;
				left: 0px;
}

#site-description {
				font-size: 0.75em; /* 12px / 16px = 0.75em */
				display: none;
}

h2, #content h1, ul.sidebar-container h2 {
				
				font-size: 1.1em;
				margin-bottom: 0.8em;

}

#syndicates h3 {
				margin: 5px 0 0.3em 0;
}

.aside h2	{
				margin-bottom: 0.2em;
				font-size: 0.9em;		
}

.aside h3	{
				margin-bottom: 0.2em;
				font-size: 0.9em;		
}

#post-58 h2 {
    margin-bottom: 0.3em;
    margin-top: 1.3em;
}

/* Form --------------------------------------- */

.half {
				float: left; 
				width: 45%;
				margin-left: 5%;
}

/* Calendar --------------------------------------- */

    .calnk a:hover {
         background-position:0 0;
         text-decoration:none;  
         color:#000000;
         border-bottom:1px dotted #000000;
         }
    .calnk a:visited {
         text-decoration:none;
         color:#000000;
         border-bottom:1px dotted #000000;
        }
    .calnk a {
        text-decoration:none; 
        color:#000000; 
        border-bottom:1px dotted #000000;
        }
    .calnk a span { 
        display:none; 
        }
    .calnk a:hover span {
        color:#333333; 
        background:#F6F79B; 
        display:block;
        position:absolute; 
        margin-top:1px; 
        padding:5px; 
        width:150px; 
        z-index:100;
        line-height:1.2em;
        }
     .calendar-table {
        border:none;
        width:90%;
        margin:0 auto;
     }
     .calendar-heading {
        height:1.7em;
        text-align:center;
       	background: none repeat scroll 0 0 rgba(61, 74, 148, 0.2);
    	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    	box-shadow: 0 4px 2px -5px rgba(0, 0, 0, 0.4) inset;
        padding-top: 0.4em;
        padding-bottom: 0.4em;
     }
     .calendar-next {
        width:25%;
        text-align:center;
        font-size: 0.8em;
     }
     .calendar-prev {
        width:25%;
        text-align:center;
        font-size: 0.8em;
     }
     .calendar-month {
        width:50%;
        text-align:center;
        font-family:  'MuseoSlab500';
     }
     .normal-day-heading {
        text-align:center;
        width:25px;
        height: 1.7em;
        padding-top: 0.9em;
        font-size:0.8em;
        background: none repeat scroll 0 0 rgba(61, 74, 148, 0.2);
    	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    	box-shadow: 0 4px 2px -5px rgba(0, 0, 0, 0.4) inset;
     }
     .weekend-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        background: none repeat scroll 0 0 rgba(61, 74, 148, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 4px 2px -5px rgba(0, 0, 0, 0.4) inset;
        color: yellow;
     }
     .day-with-date {
        vertical-align:text-top;
        text-align:left;
        width:57px;
        height:60px;
        border: 1px solid rgba(255, 255, 255, 0.1);
       padding: 3px 0 0 3px;
     }
     .no-events {

     }
     .day-without-date {
        width:57px;
        height:60px;
        border: 1px solid rgba(255, 255, 255, 0.1);
     }
     span.weekend {
        color:yellow;
     }
     .current-day {
        vertical-align:text-top;
        text-align:left;
        width:57px;
        height:60px;
        background: none repeat scroll 0 0 rgba(61, 74, 148, 0.4);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 4px 2px -5px rgba(0, 0, 0, 0.4) inset;
padding: 3px 0 0 3px;
     }
     span.event {
        font-size:0.75em;
     }

 .kjo-link p {

position: absolute;
text-indent: -9999px;
     }
     .calendar-date-switcher {
        height:25px;
        text-align:center;
        border:1px solid #D6DED5;
        background-color:#E4EBE3;
     }
     .calendar-date-switcher form {
        margin:0;
        padding:0;
     }
     .calendar-date-switcher input {
        border:1px #D6DED5 solid;
     }
     .calendar-date-switcher select {
        border:1px #D6DED5 solid;
     }
     .cat-key {
        width:100%;
        margin-top:10px;
        padding:5px;
        border:1px solid #D6DED5;
     }
     .calnk a:hover span span.event-title {
        padding:0;
        text-align:center;
        font-weight:bold;
        font-size:1.2em;
        }
     .calnk a:hover span span.event-title-break {
        width:96%;
        text-align:center;
        height:1px;
        margin-top:5px;
        margin-right:2%;
        padding:0;
        background-color:#000000;
     }
     .calnk a:hover span span.event-content-break {
        width:96%;
        text-align:center;
        height:1px;
        margin-top:5px;
        margin-right:2%;
        padding:0;
        background-color:#000000;
     }
     .page-upcoming-events {
        font-size:80%;
     }
     .page-todays-events {
        font-size:80%;
     }
     
/* Media Queries 
@media screen and (max-width: 1120px) {

#values {
			width: 52.9%;
}

.aside .menu {
			width: 92%;
}

.video-container {
			margin-top: 30px;
}

}

@media screen and (max-width: 1027px) {



.container {
			width: 98%;
}

.video-container {
			margin-top: 35px;
}

}



@media screen and (max-width: 1000px) {

#values {
			width: 55.9%;
}

.video-container {
			margin-top: 40px;
}

div.nav {
			margin-right: 0;
}

.header {
			background: none;
}

}

@media screen and (max-width: 980px) {


#twitter-bubble img {
			left: -5%;
}

.video-container {
			margin-right: 1%;
}



}

@media screen and (max-width: 947px) {

h1#site-title, div#site-title {
			width: 100%;
			background-position: center;
} 

#site-title a {
			margin: 0 auto;
}

div.nav {
			float: none;
			margin: 6.25em auto;
			width: 100%;
			
}

#menu-primary-menu {
			float: none; 
			margin: 0 auto;
			display: block;
			width: 737px;
			padding:0;
}

#menu-primary-menu li#menu-item-19 {
			border-right: 0;

}

#menu-primary-menu li.corner-right {
			display: inline;
}


#searchform {
			position: absolute;
			top: 9em;
			left: 38%;
			width: 25%;
 
}

.header {
			margin-bottom: 5em;
}


}

@media screen and (max-width: 922px) {


.nivo-directionNav a {
			top: -9999px !important;
	}
	
.video-container {
			display: none;
	}
	
#values {
			margin: 1em 0;
			width: 100%;	
}

.nivo-directionNav a {
			top: 45% !important;
	}

}
	
}

@media screen and (max-width: 840px) {

.section {
			margin-bottom: 1em;
}

.section, .aside {
			width: 100%;
}

#twitter-bubble {
			width:31%;
			min-width: 252px;
			float: right;
			
}

.aside .menu {
			width: 50%;
			float: left;
}

#menu-quick-links {
			margin: 0;
			padding: 0;
			background: none;
}

#menu-quick-links li {
			width: 240px;
			margin: 0 auto 1em;

}

.twitter-follow-button {
			margin-left: -16%;
}

#twitter-bubble img {
			left: -16%;
}

#syndicates {
			margin-top: 0.8em;
}



}


@media screen and (max-width: 768px) {


#menu-primary-menu li.corner-right {
			margin-right: 6px;
}

}

@media screen and (max-width: 762px) {


#menu-primary-menu li.corner-right, #menu-primary-menu li.corner  {
			display: none;
}



#menu-primary-menu li {
			float: none;
			background: none;
			box-shadow: none;
}

#menu-primary-menu {
			width: 300px;
			
}

div.nav {
			float: left;
			margin-bottom: 3em;
}

#searchform {
			display: none;
}

li:hover > ul.sub-menu {
			display: block;
			position: relative;
			top: 0px;
}

#menu-primary-menu li ul.sub-menu li {
			background: none;
			border: none;
}





}

*/