@charset "utf-8";
/* CSS Document */

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

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .76em;
	color:#000000;
	background-color:#909cad;
	/**
	background: url(/images/ref/bg-ps-03.jpg) center top repeat #f0e8e0;
	**/
	background-image: url(https://mikescottwaterboys.com/images/home/allsoulshill_clouds_bg_blue_v2.jpg);

	 overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

img {
	max-width: 100%;
}

p {
	margin-bottom: 5px; 
}

a {
	color: #4B4A4A;
	text-decoration:none;
}

a:hover {
	color:#731d30;
}

a:hover {
	color: #731d30;
}

a#manlink {
	color: #4B4A4A;
	text-decoration:underline;
}

a#manlink:hover {
	color: #731d30;
	text-decoration:underline;
}

a#centrelink {
	color: #4B4A4A;
	text-decoration:underline;
	text-align:center;
	display:block;
}

a#centrelink:hover {
	color: #731d30;
	text-decoration:underline;
	text-align:center;
	display:block;
}

a.socialmailing {
	color: #ffffff;
}

a.socialmailing:hover {
	color: #909cad;
}

table {
	border-collapse:collapse;
}

td {
	vertical-align:top;
	border-collapse:collapse;
}

a:hover {
	color:#909cad;
}

li {
	list-style:none;
}

img {
	border: 0;
}

input, textarea {
	font-family: Arial, Helvetica, sans-serif;
}

textarea {
	font-size: 100%;
}

/*** text ***/

.textLarge {
	font-size: 120%;
}


#logo {
	width: 72%;
}

#header-container {
margin-bottom: 10px;	
}

#mainContainer {
	width: 980px;
	margin: 0 auto;
	position: relative;
	z-index: 100;
	
}

#headermain-waterboys-title_2019.png {
	margin-top: 20px;
	height: 207px;
	margin-bottom: 10px;
}

#header #menuTopReleases {
	
}

#header #menuTopReleases li {
	list-style: none;
	display: inline;
	padding: 0;
	margin: 0;
	line-height: 60%;
}

#header #menuTop li, #header #menuTopYeats li {
	list-style: none;
	display: inline;
	padding: 0 13px 0 0;
	
	font-weight: bold;
}

#header #menuTop li {
	font-size: 110%;
}

#header #menuTopYeats li {
	font-size: 12px !important;
}

#header #menuTop li a, #header #menuTopYeats li a {
	color: #FFFFFF;
}

#header #menuTop li a:hover, #header #menuTopYeats li a:hover {
	color: #7a3025;
}

#header #topMenu li {
	list-style:none;
	display:inline;
	border: 0;
}

#header #socialIcons {
	width: 190px;
	float: right;
	
}



.socialIconHolder {
	margin-top: 6px;
	height: 18px;
	color: #fff;
	font-size: 10px;
	padding: 4px;
	background:#731d30;
}

.socialIconHolder .icons {
	float: right;
	width: 117px;
	text-align: right;
}

.socialIconHolder .icons2 {
	float: right;
	width: 100px;
	text-align: right;
}

.socialIconHolder .socialmailing a:link { color: #ffffff !important; }
.socialIconHolder .socialmailing a:visited { color: #909cad !important; }
.socialIconHolder .socialmailing a:hover { color: #909cad !important; }
.socialIconHolder .socialmailing a:active { color: #ffffff !important; }
/** SPLASH **/

#splash {
	margin: 20px auto;
	position: relative;
}

#splash #splash-photo {
	position: relative;
	margin: 0 auto;
	width: 800px;
}

#splash #splash-photo p {
	margin: 20px;
	text-align: center;
	font-size: 22px;
	font-weight: normal;
	color: #909cad;
}

#splash #splash-photo #splash-back {
	width: 100%;
}

#splash #splash-photo #splash-video {
	position: absolute;
	width: 1024px;
	top: 150px;
	left: 0; 
	bottom: 0; 
	right: 0;
	
}

#splash #splash-photo #splash-video #video {
	position: relative;
	margin: 0 auto;
	width: 600px;
	height: 376px;
	display:block;
}



/** RESP **/

.full-width {
	max-width: 980px;
	margin: 0 auto;
}

#news {
	width: 68%;
	float: left;
	background: #fff;
}

#news p {
	font-size: 130%;
	line-height: 140%;
}

#news h2,
#mainRight h2,
#mainLeft h2,
#mainRightEqual h2,
#mainLeftEqual h2,
#mainCentreEqual h2,
#mainRightArchive h2,
#mainLeftArchive h2 {
	background: #731d30;
	color: #fff;
	padding: 10px;
}

#side-panel {
	width: 30%;
	float: right;
}

#side-panel .block {
	margin-bottom: 20px;
}

#newsletter {
	margin-bottom: 20px;
}

#newsletter a img {
	width: 100%;
	height: auto;
	
}

/** banners **/

#banner {
	margin: 10px 0 20px;
}


/** OLDER SECTIONS **/

#mainLeftArchive {
	width: 240px;
	float: left;
	background:#fff;
}

#mainRightArchive {
	width: 720px;
	float: right;
	background:#fff;
}

#mainLeftEqual {
	width: 480px;
	float: left;
	background:#fff;
	position: relative;
}

#mainCentreEqual {
	width: 480px;
margin: auto;
	background:#fff;
	position: relative;
}

#mainLeft {
	width: 550px;
	float: left;
	background:#fff;
	position: relative;
}

#mainRightEqual {
	width: 480px;
	float: right;
	background:#fff;
	position: relative;
}

#mainRight {
	width: 410px;
	float: right;
	background:#fff;
	position: relative;
}

#archiveLeft {
	float: left;
	width: 26%;
}

#archiveLeft table td:first-child {
	width: 90px;
}



#archiveLeft table td {
	padding: 4px;
}

#archiveRight {
	float: right;
	width: 68%;
	padding-right: 10px;
}

#archiveRight table td {
	padding: 4px;
}

.archiveMenu {
	width: 80%;
}

.archiveMenu li {
	margin-bottom: 3px;
	list-style: none;
}

.archiveMenu li a {
	padding: 3px 8px;
	display: block;
	color: #fff;
	background: #333;
}

.archiveMenu li a:hover {
	color: #909cad;
	background: #333;
}



/** NEWS **/

.newsItem {
	clear: both;
}

.newsDate {
	float: left;
	width: 40px;
	height: 64px;
	background: url(/images/home/bg-date-red.png) top left no-repeat #731d30;
	position: relative;
}

.newsDate .month {
	position: absolute;
	left: 4px;
	top: 1px;
	width: 34px;
	text-align:center;
	color: #ffffff;
	font-weight:bold;
	font-size: 120%;
}

.newsDate .day {
	position: absolute;
	left: 4px;
	top: 22px;
	width: 34px;
	text-align:center;
	color: #000000;
	font-weight:bold;
	font-size: 150%;
}


.newsDate .year {
	position: absolute;
	left: 4px;
	top: 45px;
	width: 34px;
	text-align:center;
	color: #ffffff;
	font-weight:bold;
	font-size: 120%;
}

.newsArticle {
	float: right;
	width: 90%;
}

#shows {
	background: #fff;
	height: 100%;
	overflow: hidden;
}

#shows h2 {
	padding: 10px;
	background: #731d30;
	color: #fff;
}

#shows #show-container {
	padding: 10px;
	padding-bottom: 20px;
}
#shows #show-container2 {
	padding: 10px;
}
#shows .newsDate {
	float: left;
	width: 20%;
	height: auto;
	background: none;
}

#shows .newsDate .month {
	position: relative;
	left: auto;
	top: 0;
	width: auto;
	text-align:left;
	color: inherit;
	font-weight:bold;
	font-size: 120%;
}

#shows .newsDate .day {
	position: relative;
	left: auto;
	top: 0;
	width: auto;
	text-align:left;
	color: inherit;
	font-weight:bold;
	font-size: 120%;
}


	

#shows .newsArticle {
	float: right;
	width: 70%;
}


#management {
	height: 20%;
	width:100%
  
}

#management h3 {
	padding: 10px;
	background: #731d30;
	color: #fff;
}

#management #management-container {
	padding: 10px;
}


/** older **/

#mainRight .newsArticle {
	width: 310px;
}

.newsTitle {
	font-weight: bold;
	font-size: 120%;
	margin: 0 0 14px 0;
	padding: 0;
}

.newTitleText {
color: #000000
}
	
.innerContainer {
	padding: 9px 18px;
}

#centralContainer {
	width: 980px;
	margin: 0 auto;
}


.imgCenter {
	display:block;
	margin: 0 auto;
}

#footer { 
	 
	clear: both; 
	padding: 10px 0; 
	color: #fff;
	
}

.mailingList {
	background-image:url(mikescottwaterboys/Images/home/bg-transparent.png);
	text-align: center; 
	color: #ffffff;
	font-weight:bold;
	width: 100%;
	bottom: 0;
}

.mailingList p {
	padding:10px;
}

.textColumn {
	width: 400px;
	margin: 0 auto;
}

#sideColumn {
	float: right;
	width: 50%;
	position: relative;
}

#sideColumnNews {
	float: right;
	width: 600px;
}

#sideColumnRightWide {
	float: right;
	width: 720px;
	margin-top: 12px;
}

#sideColumnLeftNarrow {
	float: left;
	width: 250px;
	margin-top: 12px;
	height: 500px;
}

.borderPanels {
	border: 1px solid #000000;
}

#sideColumnLeftNews {
	float: left;
	padding: 8px;
	border: 1px solid #000000;
	margin: 12px 0 8px 12px;
	width: 330px;
	background-image:url(mikescottwaterboys/Images/home/bg-home-9.jpg);
	background-position:center center;
	height: 500px;
}

#sideColumnLeft {
	float: left;
	padding: 8px;
	border: 1px solid #000000;
	margin: 12px 0 8px 12px;
	width: 330px;
	height: 500px;
}

#sideColumnLeftHeading {
	float: left;
	width: 120px;
}

#sideColumnLeftMenu {
	float: right;
	width: 180px;
	visibility:hidden;
}

#sideColumnLeftHeading img {
	margin-top: 12px;
}

.panel {
	padding: 8px;
	border: 1px solid #000000;
	margin: 12px 0 8px 12px;
}

#sideColumn .panel {
	width: 454px;
}

#sideColumnNews .panel {
	width: 560px;
}

p {
	padding: 4px 0;
}

img {
	border: 0;
}

.listInline li {
	list-style:none;
	display:inline;
	margin: 0 6px;
}

.listInline li img {
	border: 1px solid #A8A8A8;
}

.sideMenu {
	background-image:url(mikescottwaterboys/Images/home/bg-transparent-panel.png);
	width: 140px;
	border: 1px solid #7a7474;
	margin: 12px 0 8px 0;
}

.sideMenu li a {
	font-weight:bold;
	padding: 6px;
	display: block;
}

.sideMenu li a:hover {
	background-color:#FFFFFF;
}

.tableData td {
	padding: 4px 4px 4px 0;
}

#tableMenu {
	margin: 5px auto 0;
}

#tableMenu td {
	padding: 0 6px;
}

#tableMenu td.padTop {
	padding-top: 6px;
}

#tableMenu li {
	list-style:none;
}

.width80 {
	
}

.tableCenter {
	margin: 5px auto;
}

.tableCenter td {
	padding: 5px;
}

/******* TOURS *************/ 

.tourTable td {
	padding: 12px 4px;
	border-bottom: 1px solid #CCC;
}

/******* NEWS *************/

.ReleaseMenu {
	width: 120px;
}

.ReleaseMenu li {
	margin: 2px 0;
	text-align:center;
}

.ReleaseMenu li a {
	width: 100%;
	display: block;
	font-weight:bold;
	padding: 2px 4px;
	background-color:#666666; 
	color: #FFFFFF;
	text-decoration:none;
}

.ReleaseMenu li a:hover {
	background-color:#000000;
}

.newsItem { 
	margin: 5px 0 22px 0;
}

.newsItem .newsTitle {
	font-weight:bold;
}

.newsItem  p.newsTitle {
	padding-bottom: 0;
	margin-bottom: 8px;
}

#songList li a {
	display: block;
	padding: 4px 6px;
}

#songList li a:hover {
	background: #CCC;
}

.videoHolder {
	width: 110px;
	float: left;
	margin-right: 6px;
	text-align:center;
	height: 126px;
	
	font-weight:bold;
}

.videoHolder br {
	magin-top: 4px;
}	

.galleryMenuItem {
	margin-bottom: 9px;
}

.galleryMenuItem li {
	list-style: none;
	display: inline;
	margin-right: 5px;
}

.galleryMenuItem li a {
	padding: 2px 4px;
	background-color:#C60;
	color: #FFF;
}

.galleryMenuItem li a:hover {
	background-color:#000;
	color: #FFF;
}

.galleryImage {
	float: left;
	margin: 0 5px 5px 0;
	
}

.galleryImage img {
	height: 100px;
	width: 100px;
}

#linkContainer li {
	padding: 4px 0;
}

.rowHeader {
	font-size: 120%;
	padding-top: 12px;
	color: #000;
	font-weight: bold;
}

.formField {
	width: 250px;
}

#otherReleases li a {
	display: block;
	padding: 4px 2px;
	font-size: 120%;
	font-weight: bold;
	color: #333;
}

#otherReleases li a:hover {
	color: #909cad;
}

#mailingForm {
	padding: 5px 10px 5px 20px;
	background:#333;
	color: #CCC;
	margin: 0 0 12px 0;
	display: none;
}

#mailingForm td {
	padding: 6px 12px 6px 0;
}

#messageBar {
	padding: 10px;
	background-color:#731d30;
	border: 1px solid #C30;
	font-weight: bold;
}

.error {
	display: block;
	color: #C00;
	font-weight: bold;
	padding-top: 5px;
}

.navigation {
	float: right;
	width: 120px;
	text-align: right;
}


/**** home page shows **/

#homeShows .newsDate {
	float: left;
	width: 50px;
	height: 20px;
	background: none;
	position: relative;
}

#homeShows .newsDate .month {
	position: relative;
	left: 0;
	top: 0;
	float: left;
	width: 25px;
	text-align:left;
	color: #300;
	font-weight:bold;
	font-size: 100%;
}

#homeShows .newsDate .day {
	position: relative;
	left: 0;
	top: 0;
	width: 20px;
	float: left;
	text-align:right;
	color: #927b7a;
	font-weight:bold;
	font-size: 100%;
}

#homeShows .newsArticle {
	float: right;
	width: 380px;
}

#homeShows #mainRight .newsArticle {
	width: 310px;
}

#homeShows .newsTitle {
	color: #633;
	font-weight: bold;
	font-size: 100%;
	margin: 0 0 14px 0;
	padding: 0;
}

#buttonPrevious {
	float: left;
	width: 50px;
	text-align: left;
}

#buttonNext {
	float: right;
	width: 50px;
	text-align: right;
}

/** media queries **/

@media all and (max-width: 579px) {
	#newsletter {
		display: none;
	}
		
	#menuTopReleases {
		display: none;
	}
	
	#news {
		width: 100%;
		float: none;
	}
	
	#side-panel {
		width: 100%;
		float: none;
	}
}
@media only screen and (max-device-width: 579px) and (-webkit-min-device-pixel-ratio: 3){
	#newsletter {
		display: none;
	}
		
	#menuTopReleases {
		display: none;
	}
	
	#news {
		width: 100%;
		float: none;
	}
	
	#side-panel {
		width: 100%;
		float: none;
	}
}
@media only screen and (max-device-width: 579px) and (-webkit-min-device-pixel-ratio: 2){
	#newsletter {
		display: none;
	}
		
	#menuTopReleases {
		display: none;
	}
	
	#news {
		width: 100%;
		float: none;
	}
	
	#side-panel {
		width: 100%;
		float: none;
	}
}
@media all and (min-width: 580px) and (max-width: 759px) {
	
	.full-width {
		max-width: 560px;
	}
	
	#newsletter {
		display: none;
	}
		
	#menuTopReleases {
		display: none;
	}
	
	#news {
		width: 100%;
		float: none;
	}
	
	#side-panel {
		width: 100%;
		float: none;
	}

}

@media all and (min-width: 760px) and (max-width: 859px) {
	
	.full-width {
		max-width: 740px;
	}
	
	#menuTopReleases {
		display: none;
	}
	
	#header {
		height: 150px;
	}

}


@media all and (min-width: 860px) and (max-width: 979px) {
	
	.full-width {
		max-width: 840px;
	}
	
	#menuTopReleases {
		display: none;
	}
	
	#header {
		height: 150px;
	}

}

@media all and (min-width: 980px) {
	
	.full-width {
		max-width: 980px;
	}

}