/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/* British Orthodox Church - CSS Stylesheet - Created by Trevor Maskery 2015 */

*{padding: 0px; margin: 0px;}

.clearfx { clear:both;}

BODY {background:#013F47; font-family:Georgia, "Times New Roman", Times, serif;}

#container {margin-left:auto; margin-right:auto; position:relative;}

#title {font-size:2.2em; color:#FFF;}
#subtitle {font-size:1.6em; color:#FFF; margin-left:10px;}

/* colour specific to sections */

/* Home section */
.home-colour {background:#00B5DF;}
	.home-sub1 {background:#00596F;}
	.home-sub2 {background:#0093B6;}
		.home-sub2 img { width:100%; height:auto;}
	.home-sub3 {background:#EDF7F5; padding:10px;}
		.home-sub3 h2 { display: block; font-size: 1.4em; margin:0.1em 0 0.7em 0; color:#00B5DF}
		.home-sub3 p { margin: 1em 0px; font-size:1em;}
		

/* About us section */
.about-colour {background:#DC3426;}
.about-sub1 {background:#681915;}
	.learn1 a { display:block; text-align:center; color:#FFF; font-size:1.2em; font-weight:bold; padding-top:28px;padding-bottom:28px; text-decoration:none;}	
	
	.clergy { float:left; width:48%; padding-left:10px;}
	.boctv { float:right; width:48%; padding-right:10px;}
	.clergy a { display:block; min-height:147px; background:#B22C26 url(../images/clergy.jpg) no-repeat center; background-size:contain;}
	.boctv a { display:block; min-height:147px; background:#B22C26 url(../images/boctv.jpg) no-repeat center; background-size:contain;}
	.photogallerylink a { display:block; text-align:center; color:#FFF; font-size:1.4em; padding:35px 0; text-decoration:none;}
.about-sub2 {background:#B22C26;}


.clergyheader { background: #dae4e2;}
.clergyheader h2 { margin-top:58px;  margin-left:-10px;}
.clergypic { width: 120px;height: 120px; margin:10px; border-radius: 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px; background: #f9e0dc no-repeat center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;}
.clergylinks { margin-left:-10px; margin-top:10px;}
	.clergylinks a { text-decoration:none; color:#333 !important; padding:5px 8px; border-radius: 5px; background:#c0cecb; line-height:35px;}

/* News section */
.news-colour {background:#53B848;}
.newsdatemain {float: left; width:15%; max-width:50px; text-align:center; color:#fff; background:#35AD4A; padding:5px; font-size:100%; border-radius: 5px; margin:0 10px 10px 0;}

.news-sub1 {background:#236E37;}
	.news-sub1 li:hover { background:#006633;}
.news-sub1 li { margin:10px 0; padding:10px; color:#FFF; font-size:1.1em; text-align:center; min-height:55px;}
	.news-sub1 li a { color:#FFF; text-decoration:none; font-size:16px;}
.newssidedate {float:left; width:15%; max-width:50px; text-align:center; color:#fff; background:#35AD4A; padding:.3em; font-size:.8em; border-radius:5px;}
.newssidebutton {text-align:center; color:#fff; background:#35AD4A; padding:.3em .5em; font-size:0.8em; border-radius:5px; text-decoration:none; line-height:1.2em;}

.news-sub2 {background:#35AD4A;}

.newslbox {display:block; padding:10px;}
	.newslbox select { width:100%; background:#35AD4A; border:0; outline:none; font-size:1.4em; color:#FFF; font-family:Georgia, "Times New Roman", Times, serif;}

.newsheader { line-height:40px;}

/* Fellowship section */
.fell-colour {background:#50C3C2;}
	.fell-sub1 {background:#006D6A;padding:10px;}
		.fell-sub1 p { margin: 1em 0px; font-size:1em;}
	.fell-sub2 {background:#00B4AF;padding:10px;}
		.fell-sub2 p { margin: 1em 0px; font-size:1em; line-height:1.3em;}
.fell-pubimg { border:0;}
.fell-pubimg img { width:24%; height:auto; max-width:300px;}
.fell-publink a {text-align:center; display:block; margin-top:10px; color:#fff; background:#003c3a; padding:.3em .5em; font-size:16px; border-radius:5px; text-decoration:none; line-height:30px;}

	.publeft {float:left; width:25%; text-align:center;}
	.publeft img {width:100%; height:160px; padding:5px; border:0px;}
	.pubright {float:left; width:70%; max-width:100%; padding:5px; margin:5px; }
	#navpub { text-align:center; margin:0; }
		#navpub a { border:1px solid #50C3C2; border-radius: 5px; margin-right:3px; padding:3px 8px;; text-decoration: none; background-color: #FFF; color: #50C3C2; }
		#navpub a:hover { color: inherit; }
		#navpub .selected { border:1px solid #50C3C2; background-color: #50C3C2; color:#FFF;  }
		#navpub .selected:hover { color:#FFF }

/* Glastonbury review section */
.glas-colour {background:#DDDD1F;}

.glas-sub1 {background:#F5EC39; padding:10px; min-height:127px;}
	.glastoimg {width:auto; text-align:center;}
		
	.glastolastissue {font-weight:bold; text-align:center; margin-top:40px;}
	.glastodate{font-weight:bold; text-align:center; margin-bottom:20px;}
	#glastobuy{ text-align:center;}

#glastobuy .readonline { border-radius: 5px 0px 0px 5px; }
#glastobuy .buyonline { border-radius: 0px 5px 5px 0px; }

#glastobuy .readonline, #glastobuy .buyonline { text-align:center; background:#fdd119; line-height:.9em; border:0; color:#3f3808; padding:10px; text-decoration:none; font-size:.8em; }
#glastobuy .readonline:hover, #glastobuy .buyonline:hover { background:#fffb5a;}

.glas-sub2 {background:#fffb5a;}
	.glas-sub2 li { margin:10px 0; padding:10px; color:#000; font-size:1em; text-align:center;}
		.glas-sub2 li a { text-decoration:none; color:#000;}
		.glas-sub2 li:hover { background:#FFC;}
	
/* Archive section */	
.arch-colour {background:#DCB327;}
	.arch-sub1 {background:#a27200;}
		.arch-sub1 li { color:#FFF; font-size:1em; text-align:center; padding:10px;}
			.arch-sub1 li a { text-decoration:none; color:#FFF;}
			.arch-sub1 li:hover { background:#ca8e00;}
	.arch-sub2 {background:#B4862D;}
		.arch-sub2 li { color:#FFF; font-size:1em; text-align:center; padding:10px;}
			.arch-sub2 li a { text-decoration:none; color:#FFF;}
			.arch-sub2 li:hover { background:#d09f40;}


.arch-longsb { display:block;}

/* Directory section */
.dir-colour {background:#78499D;}
	.dir-sub1 {background:#3B2369;}
	.dir-sub1 li {color:#FFF; font-size:1em; text-align:center; padding:10px;}
		.dir-sub1 li a { text-decoration:none; color:#FFF;}
		.dir-sub1 li:hover { background:#5D3B97;}
	.dirlbox { display:none;}
	.dir-sub2 {background:#5D3B97; padding:10px; color:#FFF;}
		.dir-sub2 p { margin: 1em 0px; font-size:1em; line-height:1.3em;}
		.dir-sub2 li a { text-decoration:none; color:#FFF;}
		.dir-sub2 li:hover { background:#5D3B97;}
	
/* Contact us section */
.cont-colour {background:#BC417B;}
	.cont-sub1 {background:#6D0D35; padding:10px; color:#FFF}
		.cont-sub1 a {color:#FFF; text-decoration:none;}
	.cont-sub2 {background:#B51E5A; padding:10px; color:#FFF}
		.cont-sub2 li { padding:5px 0;}
		.cont-sub2 a {color:#FFF; text-decoration:none;}
	.cont-sub3 {background:#B51E5A; padding:10px; color:#FFF}
		.cont-sub3 a {color:#FFF; text-decoration:none;}
		.cont-sub3 li { padding:5px 0;}
	
/* sidebar box styles */
.sideh2 {display: block; font-size: 1.4em; margin-before: 0.7em;margin-after: 0.8em; color:#FFFFFF; padding:0.8em 0 0 0.9em; font-weight:normal;}
#sub1 { margin:10px;}

#sub2 { margin:10px;}

#sub3 { margin:10px;}

/* Formatting of main content box */
#main { background:#EDF7F5; margin:10px; padding:10px;}
	#main h1 { display: block; font-size: 1.7em;}
		#main h1 a { text-decoration:none; color:#000000;}
	#main h2 { display: block; font-size: 1.6em; }
	#main h3 { display: block; font-size: 1.4em; }
	#main h4 { display: block; font-size: 1.3em; }
	#main h5 { display: block; font-size: 1.2em; }
	#main h6 { display: block; font-size: 1.1em; }
	#main p { margin: 1.2em 0px; font-size:1.2em; line-height:1.3em;}
	#main img { min-width:100%; max-width:100%; height:auto;}
	#main strong { font-weight:bold;}
	#main em { font-style:italic;}
	#main p a { color:#00B5DF;}
	#main hr { margin:20px 0;}
	#main pre { background:#d1dddb; padding:1em; display: block;font-family: monospace; white-space: pre;}
	#main blockquote {background:#e3f3f0 ; margin: 1em 0; padding: 0.5em 1em; quotes: "\201C""\201D""\2018""\2019";}
		#main blockquote:before {color: #000; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em;}
		#main blockquote p {display: inline;}
	#main ul { margin: 1em 0; list-style-type: disc; list-style-position: inside;}
	#main ol { margin: 1em 0; list-style-type: decimal; list-style-position: inside;}
#main .wp-caption[style] { max-width:100% !important;} /* Resets article images with captions*/
.readlink {text-align: right; margin: 10px 0;}
.readlink a {background: #00B5DF; white-space: nowrap; border-radius: 5px; padding: 2px 5px; color: #FFF; text-decoration: none; line-height:25px;}

#main .tagline a {background: #999;white-space: nowrap;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;padding: 2px 5px;color: #FFF;text-decoration: none;line-height:25px;}

#main .wp-caption { background:#d1dddb; padding:10px; margin-left:auto; margin-right:auto;}
#main .wp-caption-text { margin:0; text-align:center; font-size:.9em;}

#main input { width:100%; line-height:30px; border:2px solid #999; font-size:.8em; padding:0 5px; font-family:Georgia, "Times New Roman", Times, serif; border-radius: 5px; outline:none  }
#main textarea {width:100%; line-height:30px; border:2px solid #999; font-size:.8em; padding:0 5px; font-family:Georgia, "Times New Roman", Times, serif; border-radius: 5px; outline:none; max-width:626px;}
#main input[type="submit"] {font-size:1em; padding:0 10px;}
#main .captcha { min-width:inherit; max-width:none; width:250px;}
#main .ajax-loader { width:16px; height:16px; min-width:16px; max-width:none;  }

.blognavleft {float: left; background:#00B5DF; font-size:1em;border: 0px;border-radius: 5px;}
.blognavright {float: right; font-size:1em;background: #00B5DF;border: 0px;border-radius: 5px;}

.blognavleft a, .blognavright a { color:#FFFFFF; text-decoration:none; margin:0px 10px; line-height:1.4em;}

.post-edit-link { color:#fff; border-radius: 5px; background:#026872; text-decoration:none; padding:5px 8px; position:fixed; bottom:10px; right:10px; }

.nocomments {background:#d9e3e1; margin:10px; padding:10px; min-height:100%;}

.footnotes {background:#d9e3e1; margin:10px; padding:10px; min-height:100%;}
	.footnotes li { list-style:inside decimal; }
	
#pagepage { text-align:center; line-height:35px;}
#pagepage .contentjumplink {border:1px solid #DDDDDD; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-right:3px; padding:3px 8px; text-decoration:none; color:#000; }
#pagepage .contentjumplink:hover { background:#666; color:#FFF;}

#pagepage span.contentjumpnumber {border:1px solid #DDDDDD; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-right:3px; padding:3px 8px; text-decoration:none; background:#666; color:#FFF; }
#pagepage span.contentjumpnumber:hover { background:#FFF; color:#000;}

#pagepage a.contentjumpnumber {border:1px solid #DDDDDD; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-right:3px; padding:3px 8px; text-decoration:none; color:#000; }
#pagepage a.contentjumpnumber:hover { background:#666; color:#FFF;}

		
/* hack for embedded youtube */
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 

/* footer formatting */
#footer {color:#FFF; text-align:center; margin:10px 0; font-size:1em;}
	#footer a { color:#FFF; text-decoration:none;}