/*
Theme Name: New Balance of Blue
Theme URI: http://www.brandonacox.com/2008/11/03/free-wordpress-theme-balance-of-blue/
Description: Balance of blue is a grid-based theme with two columns in the content area and three columns in the footer. It's optimized for ad space and is a great theme for a blog or business site.
Author: Brandon Cox
Author URI: http://www.brandonacox.com
Tags: white, blue, two columns, valid, widget ready, simple, clean, grid-based
Version: 1.5
License: This theme is released under GPL (http://www.opensource.org/licenses/gpl-3.0.html)
*/

body { margin: 0px; padding: 0px; font-family: Arial,sans-serif; font-size: 13px; line-height: 30px; background: #fff url(images/page-bg.jpg) repeat-x; }

img { border: none; }
a img { border: none; }
center,p, h1, h3, h4, h5, h6, h7, ul, small, blockquote { margin-top: 0px; margin-bottom: 15px;}
br { margin-top: 0px; margin-bottom: 5px; }
h2 { margin-top: 5px; margin-bottom: 5px; }
center,p, li, li li { line-height: 160%; }
h1 { font-size: 1.7em; vertical-align:bottom; padding-bottom: 5px; border-bottom: 2px #ccc solid; }
h1 a { color: #A42117; text-decoration: none; }
h2 { font-size: 18px; color: #036; font-weight:normal; }
small { font-size: 0.9em; line-height: 140%; }
a { color: #175190; text-decoration: none; font-weight: bold;}
a.ringing { color: brown; text-decoration: none; font-weight: bold;}

#container {
	width: 860px;
	margin: 10px auto;
}

#header {
	width: 100%;
	float: left;
	display: inline;
	overflow: hidden;
	margin: 0px 0px 5px;
	height: 125px;
	background: url(images/header-bg.png) no-repeat;
}

#header-left {
	float: left;
	width: 48%;
	height: 150px;
	display:inline;
	overflow: hidden;
}
#logo {
	overflow: hidden;
	width: 15%;
	float: left;
	padding: 10px 33px 0 20px;
	float: left;
	height: 130px;
}
#site_title {
	font-size: 20px;
	width: 65%;
	float: left;
	padding: 10px 0 0 0;
	font-weight: bold;
	color: #E2EEEC;
	line-height: 34px;
}
#site_title a:link {
	font-weight: 			bold;
	color: 					#E2EEEC;
}
#site_title a:visited {
	font-weight: 			bold;
	color: 					#E2EEEC;
}
#site_title a:hover {
	font-weight: 			bold;
	color: 					#E2EEEC;
}
#site_title a:active {
	font-weight: 			bold;
	color: 					#E2EEEC;
}
#site_caption {
	font-size: 15px;
	width: 65%;
	float: left;
	padding-top: 10px;
	font-style: italic;
	color: #E2EEEC;
	line-height: 20px;
}

#header-right {
	float: right;
	width: 52%;
	height: 150px;
	display: inline;
	overflow:hidden;
}

.banner-block { float: left; width: 468px; margin: 20px 10px 30px 10px; display: inline; overflow: hidden; height: 60px; }

#wrapper {
	display: inline;
	width: 100%;
}
div.float-left { float: right; display: inline; overflow: hidden; }
div.float-right { float: left; display: inline; overflow: hidden; }
div.one-column { width: 18%; padding: 10px 0 0 0; }
div.two-column { width: 79%; padding: 10px; }
div.three-column { width: 940px; padding: 10px; }
div.widget { margin-bottom: 20px; }
div.footer-column { width: 31%; text-align: center; padding: 10px; }

#sidebar, #content { overflow: hidden; }

#sidebar ul {
	margin: 0;
	padding: 0px;
	list-style: none;
}
#sidebar li {
	margin: 0px;
	padding: 2px 0px 2px;
	width: 100%;
}
#sidebar li a { display: block; color: #175190; text-decoration: none; padding: 0 15px; background: white url(images/li-bullet.jpg) 0px 4px no-repeat; }
#sidebar h2, #sidebar h2 a {
	color: #fff;
	text-decoration: none;
	background: url(images/h2-bg.jpg) no-repeat;
	height: 24px;
	padding: 4px 10px;
	margin: 0;
	font-size: 1.2em;
	line-height: 20px;
}

.banner-block { float: left; width: 468px; margin: 10px 10px 0 10px; display: inline; overflow: hidden; height: 70px; }
.nav { width: 468px; margin: 10px; float: left; height: 22px; }
.nav ul { margin: 0; padding: 0; list-style: none; }
.nav li { color: white; float: left; margin-right: 38px; }
.nav li a { color: white; text-decoration: none; }

/* Comments */
#content .comments { font-size: 90%; line-height: 20px; margin: 20px 0px; }
#content .comments ul { margin: 10px 20px; padding: 0px 20px; list-style: none; border-left: 5px #ccc solid; border-right: 5px #ccc solid; }
#content .comments li { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px solid #ccc; list-style-type: none; }
#content .comments img { padding: 0px; margin: 0px 0px 10px 10px; float: right; }

#footer-wrapper {
	float: left;
	display: inline;
	width: 100%;
	margin-bottom: 20px;
	background: url(images/footer-top.png) top no-repeat;
}
#footer {
	overflow: hidden;
	font-size: 90%;
	background: #A42117;
	font-size: 12px;
	color: #ddd;
	line-height:	10px;
	-webkit-border-radius:	8px;
	-moz-border-radius: 	8px;
}
#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#footer li {
	margin: 0px;
	padding: 1px 0 1px 0;
	width: 280px;
	display: block;
}
#footer a, #footer li a { text-decoration: underline; padding: 0; color: #eee; }
#footer h2, #footer h2 a {
	font-size: 15px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

/* WordPress Images and Captions */
#content .post p.wp-caption-text { text-align: center; font-size: 0.8em; line-height: 135%; margin: 0px; padding: 3px 0px; }
#content img.alignnone { margin: 0px 10px 10px 0px; }
#content .post div.alignleft, #content .post img.alignleft { float: left; margin: 0px 10px 10px 0px; }
#content .post div.aligncenter, #content .post img.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; clear: both; }
#content .post div.alignright, #content .post img.alignright { float: right; margin: 0px 0px 10px 10px; }


/*JACQUI CUSTOMISED CSS*/
#rightcol {
	width:					150px;
	padding:				5px;
	margin:					0 -10px 0 5px;
	/*background-color:			#E2EEEC;*/
	float:					right;
	text-align:				right;
	-webkit-border-radius: 	8px; 
	-moz-border-radius: 	8px;
}
#centercolA {
	width:					300px;
	height:					273px;
	float:					right;
	margin-left:			10px;
}
#twitter {
	padding:				0;
	margin-bottom:			20px;
	float:					left;
}
#column3 {
	width:					30%;
	float:					left;
	margin-top:				20px;
	padding:				0 10px 0 10px;
}

/* PARA */
hr.con {
	border: 			1px solid red;
	margin: 			10px 0 10px 0;
}
hr.con2 {
	border: 			1px solid red;
	margin: 			0 0 10px 0;
}
p.grey 		{margin-top: 10px; text-align: right; color: grey;}
p.red		{color: red; font-weight: bold; padding-bottom: 40px;}
p.italics	{font-style: italics; padding-top: 5px; text-align: center;}
p.space 		{margin-top: 25px; text-align: center;}
p.conSpace	{display: block; margin-left: 20px; line-height: 25px;}
p.conSpace2	{display: block; margin-left: 40px; line-height: 25px;}
p.conSpace3	{display: block; margin-left: 60px; line-height: 25px;}


/* TABLES */
div.c7 {text-align: center} /* CENTER! */
table{
  width: 				100%;
  border: 				none;
  padding:				0;
  margin:				0 0 10px 0;
  line-height:			18px;
}
th{
	font-weight:		bold;
	background-color:	#4D3F22;
	text-align:			center;
	color:				white;
}
th a:link {color:		white;}
th a:hover {color:	white;}
th a:visited {color:	white;}

table.reports{
  width: 				100%;
  border: 				none;
  padding:				0;
  text-align:			center;
  line-height:			30px;
}

th.second{
	font-weight:		bold;
	background-color:	#A8595C;
	text-align:			center;
	color:				white;
}

td.calendar a  {
	color: white;
}
td.c6 {
	background-color: 		blue;
	text-align:				center;
	-webkit-border-radius: 	8px; 
	-moz-border-radius: 	8px;
}
td.c5 {
	background-color: 		green;
	text-align:				center;
	-webkit-border-radius: 	8px; 
	-moz-border-radius: 	8px;
}
td.c4 {
	background-color: 		red;
	text-align:				center;
	-webkit-border-radius: 	8px; 
	-moz-border-radius: 	8px;
}
td.c3 {
	background-color: 		purple;
	text-align:				center;
	-webkit-border-radius: 	8px; 
	-moz-border-radius: 	8px;
}
td.c2 {
	background-color: 		maroon;
	text-align:				center;
	-webkit-border-radius: 	8px; 
	-moz-border-radius: 	8px;
}
td.c1 {
	background-color: 		black;
	text-align:				center;
	-webkit-border-radius: 	8px; 
	-moz-border-radius: 	8px;
}
tr.c10 {background-color: #E2EEEC;}
div.c13 {text-align: center;}
span.c12 {color: green;}
span.c11 {color: blue;}
span.c9 {color: maroon;}
span.c8 {color: purple;}
span.c7 {color: red;}

table.eventReports{
  width: 				200px;
  border: 				none;
  margin:				0 auto;
  margin-top:			0;
  margin-bottom:		0;
  padding:				5px;
  color:				white;
  text-align:			center;
}
table.event_reports{
	color:				#175190;
}
td.outstanding{
  color:				green;
  font-weight:			bold;
  font-style:			italic;
}
td.late{
  color:				red;
  font-weight:			bold;
  font-style:			italic;
}

table.calendar{
  font-size: 			88%;
  line-height:			17px;
  margin-bottom:		-15px;
}

table.clothing{
  width: 				100%;
  border: 				none;
  margin:				auto;
  background-color:		#A42117;
  text-align:			center;
  color:				white;
  -webkit-border-radius:8px;
  -moz-border-radius: 	8px;
}
th.clothing {
	background-color:	transparent !important;
}

table.masters{
  width: 				100%;
  border: 				none;
  margin:				auto;
  color:				maroon;
}
th.presidents{
  font-weight:			bold;
  text-align:			left;
  color:				black;
}

table.method{
  width: 				100%;
  border: 				none;
  margin:				auto;
  color:				green;
  padding:				3px;
  background-color:		#FFFFCC;
}
th.method{
  font-weight:			bold;
  color:				white;
  padding:				5px;
  background-color:		green;
  text-align:			left;
}

table.ringer{
  width: 				100%;
  border: 				none;
  margin:				auto;
  color:				purple;
  padding:				3px;
  background-color:		#FFFFCC;
  margin:				0 0 10px 0;
}
th.ringer{
  font-weight:			bold;
  color:				white;
  padding:				5px;
  background-color:		purple;
  text-align:			left;
}

table.conductor{
  width: 				100%;
  border: 				none;
  margin:				auto;
  color:				maroon;
  padding:				3px;
  background-color:		#FFFFCC;
  margin:				0 0 10px 0;
}
th.conductor{
  font-weight:			bold;
  color:				white;
  padding:				5px;
  background-color:		maroon;
  text-align:			left;
}

table.photo{
  width: 				100%;
  border: 				none;
  margin:				0 0 0 0;
  padding:				0 0 8px 0;
  text-align:			center;
  font-style:			italic;
  font-weight:			bold;
  background-color:		lightgreen;
  line-height:			20px;
  -webkit-border-radius:8px;
  -moz-border-radius: 	8px;
}

table.photo2{
  width: 				100%;
  border: 				none;
  margin:				20px 0 0 0;
  padding:				0 0 8px 0;
  text-align:			center;
  font-style:			italic;
  font-weight:			bold;
  background-color:		#FF99FF;
  line-height:			20px;
  -webkit-border-radius:8px;
  -moz-border-radius: 	8px;
}

table.photoSub{
  width: 				100%;
  border: 				none;
  margin:				auto;
  padding:				10px;
  text-align:			center;
  font-weight:			bold;
  line-height:			40px;
}

/* ------------------------- */
/* IMAGES */
.photoframeleft, .photoframeright {
  padding: 					4px;
  padding-bottom: 			0px;
  border-style: 			none;
}

.photoframeleft {
  float: 					left;
  margin-right: 			10px;
  border-style: 			none;
}

.photoframeright {
  float: 					right;
  margin-left: 				10px;
  border-style: 			none;
}
.ringing_resources {
  float: 					right;
  border-style: 			none;
}

.photoframeright2 {
  float: 				right;
  margin-left:			10px;
  padding:				5px;
  background-color:		#FFCCFF;
  -webkit-border-radius:8px; 
  -moz-border-radius: 	8px;
}

.photoframeleft img, .photoframeright img {
  border: 					0px;
  border-style: 			none;
}

.photoframeleft a, .photoframeright a {
  border: 					0px;
  border-style: 			none;
}

#photos img {border:none;}


/* // PEAL AND QUARTERS */

.quarterholder {
	width: 					305px;
	background: 			#FFFFCC;
	border: 				2px solid #CCCCCC;
	padding: 				5px;
	text-align:				center;
	margin: 				0 0 15px 0;
	-webkit-border-radius: 	8px 8px 8px 8px;
	-moz-border-radius: 	8px 8px 8px 8px;
}

.pealholder {
	width: 					305px;
	background: 			#CCFFFF;
	border: 				2px solid #CCCCCC;
	padding: 				5px;
	text-align:				center;
	margin: 				0 0 15px 0;
	-webkit-border-radius: 	8px 8px 8px 8px;
	-moz-border-radius: 	8px 8px 8px 8px;
}

.method {
	font-weight: 		bold;
	font-size: 			100%;
	margin: 			10px 0 0 0;
}
.soc {
	font-weight: 		bold;
	font-size: 			100%;
	text-align:			center;
	padding-top:		4px;
}

.place {
	font-size: 			100%;
}

.quarterdate {
	margin-top: 		4px;
	font-size: 			100%;
	font-style: 		italic;
	font-style: 		italic;
}

.ringers {
	margin-top: 		15px;
	font-size: 			100%;
	text-align:			left;
}

.dedication {
	font-size: 			100%;
	font-style: 		italic;
}

/* -------------------------------------------------------------------------------- LIGHTBOX --------------------------------------------------------------------------------*/
#lightbox{position:absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#lightbox img{width:auto;height:auto;}
#lightbox a img{border:none;}
#outerImageContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#imageContainer{padding:10px;}
#loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0;}
#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#imageContainer>#hoverNav{left:0;}
#hoverNav a{outline:none;}
#prevLink,#nextLink{width:49%;height:100%;background-image:url(data:image/gif;base64,AAAA);display:block;}
#prevLink{left:0;float:left;}
#nextLink{right:0;float:right;}
#prevLink:hover{background:url(/config/images/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover{background:url(/config/images/nextlabel.gif) right 15% no-repeat;}
#imageDataContainer{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;}
#imageData{padding:0 10px;color:#666;}
#imageData #imageDetails{width:70%;float:left;text-align:left;}
#imageData #caption{font-weight:bold;}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1.0em;}
#imageData #bottomNavClose{width:66px;float:right;padding-bottom:.7em;outline:none;}
#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#000;}
/* -------------------------------------------------------------------------------- END LIGHTBOX --------------------------------------------------------------------------------*/

/* -------------------------------------------------------------------------------- TWITTER --------------------------------------------------------------------------------*/
/**
 * Twitter - http://www.twitter.com
 * Copyright (C) 2009 Twitter
 * Author: Dustin Diaz (dustin@twitter.com)
 *
 * V 2.1.1 Twitter search/profile/faves/list widget
*/
.twtr-widget{position:relative;font-size:12px!important;font-family:"lucida grande",lucida,tahoma,helvetica,arial,sans-serif!important;zoom:1;}
.twtr-fullscreen{font-size:220%!important;}
.twtr-fullscreen .twtr-new-results{_display:none!important;}
.twtr-widget .twtr-spinner{width:14px;height:14px;position:absolute;background:url(/config/images/spinner.gif) no-repeat;top:3px;right:3px;}
.twtr-inactive{display:none;}
.twtr-widget a img{border:0!important;}
.twtr-doc{overflow:hidden;width:100%;text-align:left;font-weight:normal;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.twtr-bd{padding:0 1px;}
.twtr-widget .twtr-tweet-wrap{padding:6px 8px;overflow:hidden;zoom:1;}
.twtr-fullscreen .twtr-tweet-wrap{padding:20px;}
.twtr-widget .twtr-tweet{border-bottom:1px dotted #ddd;overflow:hidden;zoom:1;}
.twtr-widget .twtr-tweet a.twtr-reply{visibility:hidden;}
* html .twtr-widget .twtr-tweet a.twtr-reply{visibility:visible;}
.twtr-widget .twtr-tweet:hover a.twtr-reply{visibility:visible;}
.twtr-widget-profile img.twtr-profile-img{display:block;float:left;width:31px;height:31px;border:0!important;}
.twtr-widget h3,.twtr-widget h4,.twtr-widget p{margin:0!important;padding:0!important;line-height:1.2!important;width:auto!important;}
.twtr-widget-profile h3,.twtr-widget-profile h4{margin:0 0 0 40px!important;}
.twtr-widget h3{font-size:11px!important;font-weight:normal!important;}
.twtr-widget h4{font-size:16px!important;}
.twtr-widget i,.twtr-widget .twtr-new-results{font-size:9px;font-style:normal;display:block;margin-top:2px;zoom:1;}
.twtr-widget .twtr-new-results{text-align:center;padding:3px;margin:0 auto -10px auto;display:block;position:relative;bottom:5px;}
.twtr-results-inner{line-height:1;font-size:100%;padding:4px 0;position:relative;bottom:-2px;width:40%;margin:0 auto;z-index:2;text-align:center;}
.twtr-results-hr{width:100%;position:relative;z-index:1;height:1px;border-bottom:1px dotted #ddd;bottom:7px;background:none;overflow:hidden;}
.twtr-new-results span{position:relative;z-index:3;top:-14px;display:block;font-size:9px!important;}
.twtr-fullscreen .twtr-new-results span{font-size:24px!important;}
.twtr-hd{padding:10px;position:relative;zoom:1;overflow:hidden;}
.twtr-fullscreen .twtr-hd{height:0;padding:0;}
.twtr-timeline{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;position:relative;overflow:hidden;z-index:2;height:225px;}
.twtr-scroll .twtr-timeline{overflow-x:hidden;overflow-y:auto;}
.twtr-widget .twtr-tweet:last-child{border-bottom-width:0;}
.twtr-ft{position:relative;}
.twtr-ft div{overflow:hidden;padding:0 10px 0 0;zoom:1;}
.twtr-ft span{float:right;text-align:right;}
.twtr-ft a{float:left;display:block;}
.twtr-ft span a{float:none;}
.twtr-avatar{width:40px;height:40px;float:left;overflow:hidden;display:block;}
.twtr-fullscreen .twtr-avatar{width:80px;height:80px;}
.twtr-img{height:25px;width:25px;}
.twtr-img img{width:30px;height:30px;}
.twtr-fullscreen .twtr-img img{width:72px;height:72px;}
.twtr-fullscreen a.twtr-join-conv{display:none;}
.twtr-tweet-text{margin-left:40px;}
.twtr-fullscreen .twtr-tweet-text{margin-left:90px;}
.twtr-doc a{text-decoration:none!important;}
.twtr-doc a:hover{text-decoration:underline!important;}
/* -------------------------------------------------------------------------------- END TWITTER --------------------------------------------------------------------------------*/