/*
Theme Name: The Long Good Friday
Theme URI:
Description:
Author:
Version:
License:
License URI:
Tags:
*/

/** @RESET **********************************/
body, div, img,
ul, li, ol, dl, dd, dt,
table, td, tr, th,
form, input, textarea, fieldset, button,
blockquote, .reset, header, nav, section, article, figure, figcaption, aside, footer, img{
	margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

header, nav, section, article, figure, figcaption, aside, footer{display:block}


h1, h2, h3, h3, h4, h5, h6, p{
	font-weight:normal;
	margin:0; padding:0;
}

ul, ol{
	list-style-position: inside
}


img{
	border:0; 
	vertical-align:middle
}

html{
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust: 100%;
}



/** SCROLL BAR TO AVOID PAGE JUMP **********/
html{overflow-y: scroll}



/** @GENERAL  *******************************/

/* lighbox fixes box sizing issue */
#fancybox-outer,
#fancybox-wrap,
#fancybox-content{
	-webkit-box-sizing: content-box!important;
	-moz-box-sizing: content-box!important; 
	box-sizing: content-box!important;
}


.wrapper{
	max-width:970px; margin:0 auto;
	padding:40px 0;
	background:#fff;
}

.content-wrapper, header{
	max-width:818px; margin:0 auto; padding:0 20px;
}


.content{
	width:100%;
}

/*
.full_width{
	width: 100%; margin-left:auto; margin-right:auto;
	content: ""; display: table; clear: both;
}
*/




.clear{
	/* content: ""; display: table; clear: both; */
	overflow:hidden;
}





/* LINKS */


.widgets a{
	color:#333
}

.widgets a:hover{
	color:#cd2027;
}




article a:hover{
	color:#333
}

article a{
	color:#cd2027; text-decoration: none;
}






.moretag, .widgets .moretag{
	text-decoration: none; color:#cd2027; font-family: 'URWBaskerT-RegIta', 'baskerville-urw', serif;
	text-transform: capitalize;
}


.logo:focus{
	outline:none;
}




/* NAV */
nav{
	width:100%; overflow:hidden;
}

nav ul{
	list-style:none;
}

nav	 li{
	font-size:16px; text-transform:uppercase; line-height:1.5em
}





nav li a,
nav li ul li a,
nav li.sfHover ul li a{
	text-decoration:none; color:#333; letter-spacing: 2px;
}


nav li a:hover,
nav li.current-menu-item a,
nav li.sfHover ul li a:hover,
nav li.sfHover a,
.single .menu-item-306 a{
	color:#cd2027; text-decoration:none;
}










/** TYPE ***********************************/
h1{
	font-size:2.3em; color:#cd2027; line-height:1.2em;
}

h2{
	font-size:2.3em; color:#cd2027; line-height:1.2em;
}

h2 a{
	color:#cd2027;
}

.page h2{
	margin:15px 0 5px;
}

h3{
	font-size:1.5em; margin:15px 0 5px;
}

h4{}

h5{}

h6{}

p, ul, ol{
	margin-bottom:8px;
}

p.firstpara{
	font-family:'URWBaskerT-BolObl', 'baskerville-urw';
	font-weight:700;
	font-style:italic;
}

p.img-caption{
	text-align:center; 
	font-family:'URWBaskerT-RegIta','baskerville-urw', serif; 
	font-style:italic;
	padding-top:5px;
}


p.posted-by{
	color:#cd2027; clear:both;
}

em, strong, em strong{
	font-style: normal; font-weight:normal
}



strong{
	font-family:'URWBaskerT-Bol', 'baskerville-urw', serif;
	font-wight:700;
}

em{
	font-family:'URWBaskerT-RegIta', 'baskerville-urw', serif;
	font-style:italic
}

em strong{
	font-family:'URWBaskerT-BolObl', 'baskerville-urw', serif;
	font-weight:700;
	font-style:italic;
}


blockquote{
	font-size:1.5em; line-height:1.2em; 
	font-family:'URWBaskerT-RegIta', 'baskerville-urw', serif;
	font-style: italic;
	border-left:4px solid #f8dedf; padding-left:10px;
	width:80%; margin:15px 0 15px 10px;
}




/** @BASELINE ******************************/
body{
	font-size:14px; line-height:20px; 
	font-family:'URWBaskerT-Reg', 'baskerville-urw', 'Georgia', serif; 
	color:#333;
	background:#666;
}







/** @LAYOUT*********************************/




/* HEADER */
header{
	margin-bottom:40px;
}


.banner{
	margin-bottom:40px;
}

.banner img{
	max-width:100%; height:auto;
}





/* ARTICLES */

article{
	margin-top:15px; padding-bottom:15px; border-bottom:1px solid #ccc;
	width:100%; overflow:hidden;
}

article:first-child{
	margin-top:0;
}

article h2 a{
	text-decoration:none;
}

article img{
	max-width:100%; height:auto; display:block;
}


.meta{
	color:#cd2027; margin-bottom:10px;
}

.meta a{
	font-size:1.16em; font-family:'URWBaskerT-RegIta', 'baskerville-urw', 'Georgia', serif;
	font-style:italic;
	text-decoration:none;
	font-style: italic;
}

.post_thumb, .post_thumb_small{
	padding:4px;
	-webkit-box-shadow: 0 0 5px #ccc;
	-moz-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	
	float:right; margin:0 5px 10px 20px;
}

.post_thumb_small{
	margin:15px 5px 0 20px;
}


/* remove caption text, kludgey */

.home .wp-caption-text{
    display:none;
    position:absolute;
}



.pagination{
	margin-bottom:40px;
	padding-top:6px;
	/* line-height:40px; */
	overflow:hidden; /* color:#cd2027 */
}

.pagination a{
	text-decoration:none; font-size:14px; color:#333333;
}

.pagination a:hover{
	color:#cd2027
}

.next, .nav-next{
	float:right;
	text-align:right;
}

.previous, .nav-previous{
	float:left;
	text-align:left;
}


/* FRIDAY FRAME */

.img-frame img{
	margin:0; width:100%; height:auto; margin-bottom:5px;
}



.img-frame, .img-frame.alt{
	float:left; width:100%; margin:0 auto 20px;
}







/*
.img-frame a{
	opacity:1;
	transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-webkit-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
}


.img-frame a:hover{
	opacity:0.5;
	
}
*/



/* FRIDAY FROLICS */

/*
.single-event .eo-event-meta{
	margin-bottom:10px; padding-bottom:10px;
	border-bottom:1px solid #ccc;
}

*/
.single-event .eventorganiser-event-meta{
	margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #ccc;
}

.single-event .entry-meta.footer{
	border-top:1px solid #ccc; padding-top:15px;
}

/* EVENT CALENDAR */

#wp-calendar,
.ui-datepicker-calendar{
	width:100%; border-collapse: collapse;
	margin-bottom:10px;
}

#wp-calendar caption,
.ui-datepicker-calendar caption{
	text-align:left; 
}

#wp-calendar td,
.ui-datepicker-calendar td{
	text-align:center; border:1px solid #fff;
	padding:4px;
}

#wp-calendar a,
.ui-datepicker-calendar a{
	
	/*background:#fff; color:#333333; font-weight:bold;*/
	display:block; padding:4px; margin:-4px;

}

#wp-calendar a:hover,
.ui-datepicker-calendar a:hover{
	text-decoration: none;
	color:#333
}

.ui-state-highlight,
.ui-state-highlight a{
	background:#cd2027; color:#fff;
}

.ui-state-highlight a:hover{
	color:#fff;
}

.ui-datepicker-today,
.ui-datepicker-today a{
	background:#fff;
	color:#333333;
}

.ui-datepicker-today a:hover{
	color:#333;
}



#wp-calendar tfoot td,
#wp-calendar tfoot td a,
.ui-datepicker-calendar tfoot td,
.ui-datepicker-calendar tfoot td a{
	background: none; border:none; color:#333333
}

#wp-calendar td#eo-widget-prev-month,
.ui-datepicker-prev{
	text-align:left;
	float:left;
}


#wp-calendar td#eo-widget-next-month,
.ui-datepicker-next{
	text-align:right;
	float:right;
}

.ui-datepicker-title{
	clear:both
}




/* SOCIAL */
.social-share{
	background:url('images/sprite.png') no-repeat; width:27px; height:27px;
	display:block; float:left; margin-right:5px;
	cursor:pointer;
}

.social-inline{
    background:url('images/sprite.png') no-repeat; width:27px; height:27px;
    display:inline-block;
    cursor:pointer;
    text-indent:-9999px;
    margin:3px 0 0 .5em;
}

.st_twitter_custom{
	 background-position:0 0;
}

.st_facebook_custom{
	background-position:-28px 0;
}	

.st_email_custom{
	background-position:-56px 0;
}

.st_rss_custom{
	background-position:-84px 0;
}



/* =WIDETS **********************************/
.widgets{
	background:#efefef; margin-top:15px; padding:10px;
	overflow:hidden;
}

.widgets:first-child{
	margin-top:0;
}

.widgets ul{
	list-style: none; margin:0;
}

.widgets li{
	line-height:20px;
}

.widgets h4{
	text-transform:uppercase; color:#cd2027; font-size:1em; letter-spacing: 2px;
	padding-bottom:8px; margin-bottom:8px; border-bottom:1px solid #999; line-height:1em;
}

.widgets a{
	text-decoration:none;
}

aside img{
	width:100%; height:auto
}


/* LATEST POSTS */
.widgets.latest_posts li{
    border-bottom:1px solid #ccc;
    padding-bottom:6px;
    margin-bottom:6px;
}

.widgets.latest_posts li:first-child{

}



/* CATEGORIES */

.widget_categories li{
	float:left; margin-left:5px; color:#cd2027;
}

.widget_categories li a{
	font-family:'URWBaskerT-RegIta','baskerville-urw', serif;
}


.widget_categories li:before{
	content:'/';
	padding-right:5px;
}

.widget_categories li:first-child:before{
	content:'';
	padding-right:0;
}

.widget_categories li:first-child{
	margin-left:0;
}


/* SIGN UP */

.sign-up label{
	margin-bottom:0;
}

.sign-up label span{
	color:#cd2027; 
}

.widgets.sign-up input[type="email"]{
	background:#fff; border:none; float:right;
	
	display:block; padding:0.5em 1em; width:100%; margin-top:6px;
	font-family:'URWBaskerT-Reg', 'Georgia', serif; color:#333;
	
	
	
}

.widgets.sign-up  .submit{
	border:none; width:auto; height:auto; padding:0.5em 1em; margin-top:10px;
	font-family:'URWBaskerT-Reg', 'Georgia', serif;
}

.submit:focus{
	outline:none;
}



/* friday frame */

.caption-frame{
	padding:5px 10px; background:#efefef; font-family:'URWBaskerT-RegIta';
}




/* FOOTER */
footer{
	background:#333; max-width:970px; margin:0 auto; overflow:hidden;
}
	
	footer .inner{
		max-width: 818px; margin: 0 auto; padding: 16px 20px; overflow:hidden;
	}

footer p, footer a{
	color:#fff; line-height:1em; margin:0; font-size:14px;
	text-decoration:none;
}

footer .copy{
	float:left;
}

footer .link{
	float:right;
}


/** @FORMS*********************************/
.wpcf7{
	clear:both; overflow: hidden; width:100%;
}

.wpcf7 p{
	margin-bottom:24px;
}

label{
	margin-bottom:24px; overflow:hidden; display:block;
}

.wpcf7 input, .wpcf7 textarea,
input, textarea{
	display:block; border:none; background:#efefef;
	padding:6px; width:100%; margin-top:6px;
	font-size:14px; font-family:'URWBaskerT-Reg', 'baskerville-urw', 'Georgia', serif; color:#333;
	
}

input:focus, textarea:focus{
	outline:1px solid #cd2027;
}

.wpcf7 .wpcf7-submit, .submit{
	width:auto; display:block; width:120px; height:30px; background:#666; color:#fff;
	cursor:pointer;
}

.wpcf7 .wpcf7-submit:focus{
	outline:none;
}




/* notifications */
.wpcf7 div.wpcf7-response-output, 
.wpcf7 .wpcf7-not-valid-tip{
	padding:0.4em; font-style:normal; font-size:14px;
	display:none; margin:0;
}

.wpcf7 .wpcf7-not-valid-tip{
	background:none; border:none;
	display:block; color:#cd2027; width:100%; text-align:right; position:relative;
	left:auto;
}

.wpcf7-mail-sent-ok{
	background:#e9fae5; border:1px solid #52cc00; text-align:center;
}





/** ALIGNMENT ******************************/
.alignleft,
img.alignleft {
	display: inline; float: left; margin-right: 20px; margin-bottom:10px;
}

.alignright,
img.alignright {
	display: inline; float: right; margin-left: 20px; margin-bottom:10px;
}

.aligncenter,
img.aligncenter {
	clear: both; display: block; margin-left: auto; margin-right: auto;
}




/** RESPONSIVE *******************************/


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

	article img.alignleft, article img.alignright{
		display:block; float:none;
	}
	
	article img, .post_thumb, .post_thumb_small{
		max-width:90%; margin:0 0 10px 5px;
		display:block; float:none;
	}
	
	.single article img, 
	.single.post_thumb, .single .post_thumb_small{
		margin-left:0;
	}
	
	.page-id-297 img{
		width:auto;
	}
	
}



@media only screen and (min-width:481px){
	
	aside{
		width:35.73%; float:right; padding-left:45px;
	}
	
	.primary{
		float:left; width:64.25%; 
	}
	
	.page article{
		/* min-height:633px */
	}
		
	nav	 li{
		float:left; padding-right: 20px; 
	}

	nav li:before{
		content:'/';
		padding-right:20px;
		color:#cd2027;
	}
	
	
	nav	 li:first-child{
		margin-left:0;
	}
	
	nav	 li:first-child:before{
		padding-right:0;
		content:'';
	}
	

	
	.img-frame, .img-frame.alt{
		float:left; width:40%; margin:0 20px 20px 0;
	}
	
	.img-frame.alt{
		clear:left;
	}
	
}


@media only screen and (min-width:780px){

	.img-frame{
		width:30.6%; float:left; margin:0 0 20px 20px;
	}
	
	.img-frame.alt{
		margin:0; width:30.6%; float:left;
	}
	
	

}



@media only screen and ( max-width: 815px ){
	
	.img-frame, .img-frame.alt{
		margin:0 20px 20px 0px;
	}
	
	.pagination span{
    	width:50%;
	}
	
}

@media only screen and ( max-width:760px ){
	
	.single article img{
		display:block; float:none;
	}
}


@media only screen and ( max-width:345px ){
	
	footer p{
		float:none; width:100%; text-align:center; margin:0; line-height:1.5em;
	}
}