/*
Green - #009A49 (#007D3A, #00602C)
Orange - #FF7900 (#FF9639, #FFAD64)

Font
font-family: 'Fenix', serif;
font-family: 'Uncial Antiqua', cursive;
*/

/*
Image Credits:
http://www.subtlepatterns.com/
http://shiftercat.deviantart.com/
*/


/* Body Tags */
html, body {
			padding: 0px;
			margin: 0px;
			border: 0px;
			height: 100%;
}

body {
		 background-image: url("img/shamknot.png");
		 font-family: 'Fenix', serif;
		 font-size: 14px;
		 color: #111111;
}

a {
	color: #009A49;
}
a:hover {
			color: #FF7900;	
}

#container {
					 text-align: center;
					 padding: 0px;
					 height: 100%;
}

#content {
				 background-image: url("img/cream_dust.png");
				 box-shadow: 0px 0px 20px black;
				 display: inline-block;
				 width: 800px;
				 padding-left: 10px;
				 padding-right: 10px;
				 min-height: 100%;
				 position: relative;
}

@media (max-width: 800px) {
			 #content {
			 					width: calc(100% - 20px);
			 }
}


/* Logo Tags */
#logo {
			padding-top: 10px;
			padding-bottom: 10px;
}

#logo img {
			width: 100%;
}


/* Menu Bar Tags */
#currach {
				 width: 100%;
				 position: relative;
				 text-align: center;
				 z-index: 5;
				 left: 0px;
}

#brendan {
				 list-style-type: none;
				 display: block;
				 padding: 0px;
				 border: 0px;
				 padding-bottom: 5px;
				 border-bottom: 5px solid #FF7900;
				 padding-top: 5px;
				 border-top: 5px solid #009A49;
				 position: relative;
				 background-image: url("img/cream_dust.png");
				 background-position: -10px -270px;
}
#brendan li:last-child {
				 padding-right: 37px;
				 margin-right: 0px;
}
#brendan li:last-child:after {
							 background-image: url("img/knots/brownknot8sm.png");
							 background-position: right;
							 background-repeat: no-repeat;
							 display: block;
							 content: '';
							 position: absolute;
							 right: 0px;
							 top: 0px;
							 height: 100%;
							 width: 32px;
}

#brendan img {
				 height: 32px;
				 width: 32px;
}

#brendan li {
				 display: inline-block;
				 height: 32px;
				 margin-right: 5px;
				 position: relative;
}

#brendan a {
				 padding-left: 37px;
				 display: block;
				 height: 32px;
				 line-height: 32px;
				 font-size: 1.25em;
				 text-decoration: none;
				 text-transform: uppercase;
				 background-image: url("img/knots/brownknot8sm.png");
				 background-repeat: no-repeat;
}

#brendan a:hover {
				 background-image: url("img/knots/greenknot8sm.png");
}


/* Footer Tags */
#ghillie {
				 padding: 10px 0px;
				 clear: both;
}

#footer {
				padding-bottom: 5px;
				border-bottom: 5px solid #FF7900;
				padding-top: 5px;
				border-top: 5px solid #009A49;
				font-size: .95em;
				text-transform: uppercase;
}


/* Main Tags */
#main {
			margin-bottom: 25px;
			text-align: left;
}

#main p:first-letter {
			font-family: 'Uncial Antiqua', cursive;
			font-size: 1.5em;
}

.intro {
			 font-size: 1.25em;
			 text-align: center;
}

.quote {
			 font-family: 'Uncial Antiqua', cursive;
			 font-size: 1.5em;
			 text-align: center;
			 padding: 0px;
			 margin: 10px;
}

#main h1 {
			padding: 0px;
			margin: 15px 0px;
			padding-bottom: 5px;
			border-bottom: 5px solid #FF7900;
			padding-top: 5px;
			border-top: 5px solid #009A49;
			font-family: 'Uncial Antiqua', cursive;
			font-size: 2em;
			line-height: 100%;
			text-align: center;
			clear: both;
}

.ilist {
			 padding: 0px;
			 margin: 0px;
			 border: 0px;
			 list-style-type: none;
			 width: auto;
			 overflow: hidden;
}

.ilist li {
			 margin-bottom: 10px;
			 padding-left: 20px;
			 background-image: url("img/knots/greytriskxsm.png");
			 background-repeat: no-repeat;
}

.split {
			 border-right: 1px solid #111111;
			 margin-right: 10px;
}


/* Tabs */
#tabs {
						text-align: center;
}

#tabs p {
			margin-left: 10px;
			margin-right: 10px;
}

.links {
			 list-style-type: none;
			 display: inline-block;
			 padding: 0px 0px 0px 20px;
			 border: 0px;
			 margin: 0px auto;
			 min-height: 16px;
			 line-height: 16px;
			 font-size: 1.15em;
			 background-image: url("img/knots/greytriskxsm.png");
			 background-repeat: no-repeat;
}

.links li {
			 display: inline-block;
			 height: 16px;
			 padding: 0px 20px 0px 0px;
			 background-image: url("img/knots/greytriskxsm.png");
			 background-position: right;
			 background-repeat: no-repeat;
}

.links a {
			 text-decoration: none;
			 text-transform: uppercase;
			 color: #111111;
			 transition: all .2s;
}

.links a:hover {
			 color: #B57426;
}

.ui-tabs-active a {
								font-weight: bold;
}

#tabs table {
			margin: 0px auto;
}

#tabs td {
			text-align: left;
}


/* Image */
.rimg {
			width: 43%;
			margin: 0px 10px 10px 10px;
			display: block;
			float: right;
			clear: both;
}

.limg {
			width: 43%;
			margin: 0px 10px 10px 10px;
			display: block;
			float: left;
			clear: both;
}

.inl {
		 width: 25%;
		 clear: both;
}


/* Slideshow */
.slides {
				list-style-type: none;
				padding: 0px;
				border: 0px;
				margin: 10px;
				margin-top: 30px;
				margin-bottom: 30px;
				height: 300px;
				position: relative;
}

.slides img {
				max-height: 300px;
				display: block;
				margin-left: auto;
				margin-right: auto;
}

@media (max-width: 800px) {
			 .slides img {
			 				 max-height: auto;
			 				 max-width: 80%;
			 }
}

.slides li {
				position: absolute;
				width: 100%;
				z-index: 1;
				opacity: 0;
}

.slides li.top {
				z-index: 3;
				opacity: 1;
}

.slides li.below {
				z-index: 2;
				opacity: 1;
}

.slides li:last-child {
				opacity: 1;
}

.slides li:nth-child(2n+1) img {
				border: 5px solid #009A49;
				transform:rotate(5deg);
				-ms-transform:rotate(5deg); /* IE 9 */
				-webkit-transform:rotate(5deg); /* Opera, Chrome, and Safari */
}

.slides li:nth-child(2n) img {
				border: 5px solid #FF7900;
				transform:rotate(-5deg);
				-ms-transform:rotate(-5deg); /* IE 9 */
				-webkit-transform:rotate(-5deg); /* Opera, Chrome, and Safari */
}

/* Events */
.events {
				list-style-type: none;
				padding: 0px;
				border: 0px;
				margin: 0px;
}

.events>li {
					 clear: both;
					 text-align: center;
					 display: block;
					 margin-top: 5px;
					 margin-bottom: 25px;
}

.events img {
				max-width: 250px;
				margin-top: 5px;
				margin-left: auto;
				margin-right: auto;
				display: block;
				border: 5px solid #009A49;
}

.events p {
				margin: 5px;
}

.events h2 {
				text-shadow: 1px 1px 2px #B57426;
				display: inline-block;
				font-size: 1.75em;
				margin: 5px;
				height: 32px;
				padding-left: 35px;
				padding-right: 35px;
				background-image: url("img/knots/greytrisksm.png");
				background-repeat: no-repeat;
				position: relative;
}
.events h2:after {
				content: '';
				display: block;
				background-image: url("img/knots/greytrisksm.png");
				height: 32px;
				width: 32px;
				position: absolute;
				right: 0px;
				top: 0px;
}

.events h3 {
				text-transform: uppercase;
				text-align: center;
				font-size: 1.1em;
				font-weight: normal;
				margin: 0px;
}

/* Board/Court */
.bios {
			list-style-type: none;
			margin: 0px;
			border: 0px;
			padding: 0px;
}

.bios li {
			display: inline-block;
			margin: 5px;
}

.ribbon {
			width: 210px;
			height: 0px;
			border: 10px solid #007D3A;
			border-left: 20px solid transparent;
			border-right: 20px solid transparent;
			margin-top: 200px;
			margin-bottom: 5px;
			position: relative;
}

.ribpic {
				width: 188px;
				height: 198px;
				overflow: hidden;
				position: absolute;
				top: -200px;
				left: 10px;
				border: 1px solid #FF7900;
				background-color: #FF7900;
}

.ribpic img {
				width: 100%;
				height: auto;
}

.fillw {
			 width: 100% !important;
			 height: auto !important;
}

.fillh {
			 height: 100% !important;
			 width: auto !important;
}

.ribname {
				 height: 20px;
				 width: 200px;
				 line-height: 20px;
				 color: white;
				 background-color: #009A49;
				 position: relative;
				 left: 5px;
				 top: -5px;
}
.ribname:before {
								display: block;
								content: '';
								position: absolute;
								bottom: 100%;
								left: -5px;
								border: 5px solid transparent;
								border-bottom: 0px solid transparent;
								border-right: 5px solid #00602C;
}
.ribname:after {
							 display: block;
							 content: '';
							 position: absolute;
							 bottom: 100%;
							 right: -5px;
							 border: 5px solid transparent;
							 border-bottom: 0px solid transparent;
							 border-left: 5px solid #00602C;
}

.ribgae {
				font-family: 'Uncial Antiqua', cursive;
				font-size: 1.2em;
}

.ribeng {
				font-style: italic;
}

.banner {
				position: relative;
				width: 250px
}
.banner:before {
							 display: block;
							 content: '';
							 height: 100%;
							 width: 20px;
							 background-color: #FF9639;
							 position: absolute;
							 top: 0px;
							 left: -15px;
}
.banner:after {
							 display: block;
							 content: '';
							 height: 100%;
							 width: 20px;
							 background-color: #FF9639;
							 position: absolute;
							 top: 0px;
							 right: -15px;
}

.bantext {
				 position: relative;
				 top: 5px;
				 z-index: 2;
				 padding: 5px;
				 font-size: .85em;
				 font-style: italic;
				 background-color: #FFAD64;
}
.bantext:before {
								display: block;
								content: '';
								position: absolute;
								bottom: 100%;
								left: -5px;
								border: 5px solid transparent;
								border-bottom: 0px solid transparent;
								border-right: 5px solid #FF7900;
}
.bantext:after {
							 display: block;
							 content: '';
							 position: absolute;
							 bottom: 100%;
							 right: -5px;
							 border: 5px solid transparent;
							 border-bottom: 0px solid transparent;
							 border-left: 5px solid #FF7900;
}

/* Activities */
.act {
		 list-style-type: none;
		 margin: 0px;
		 padding: 0px;
		 border: 0px;
}

.act>li {
				margin-bottom: 20px;
				clear: both;
}

.act h2 {
		 margin: 0px;
		 padding: 0px;
		 font-family: 'Uncial Antiqua', cursive;
		 text-shadow: 1px 1px 2px #B57426;
		 background-image: url("img/knots/greytrisksm.png");
		 background-repeat: no-repeat;
		 width: auto;
		 overflow: hidden;
		 margin-bottom: 5px;
		 padding-left: 35px;
		 line-height: 32px;
}

.act p, .deets {	 
		 width: auto;
		 overflow: hidden;
		 margin-left: 20px;
}

.act ul {
		 list-style-type: none;
		 margin: 0px;
		 padding: 0px;
}

.act>li>ul>li {
		 width: auto;
		 overflow: hidden;
		 padding-left: 20px;
}

.act h3 {
		 position: relative;
		 line-height: 16px;
		 display: inline-block;
		 margin: 5px 0px;
}

.act h3:before {
		 display: block;
		 content: '';
		 height: 0px;
		 width: 0px;
		 border: 4px solid transparent;
		 position: absolute;
		 left: -11px;
		 top: 4px;
}

.act li li:nth-child(2n+1) h3:before {
		 border-left: 6px solid #009A49;
}
.act li li:nth-child(2n) h3:before {
		 border-left: 6px solid #FF7900;
}

.yes {
			 color: #009A49;
			 font-weight: bold;
}

.no {
		color: #FF7900;
		font-style: italic;
}

/* Event Slideshows */
.photobox {
					text-align: center;
}

.photobox h2 {
				text-shadow: 1px 1px 2px #B57426;
				display: inline-block;
				font-size: 1.75em;
				margin: 5px;
				height: 32px;
				padding-left: 35px;
				padding-right: 35px;
				background-image: url("img/knots/greytrisksm.png");
				background-repeat: no-repeat;
				position: relative;
}
.photobox h2:after {
				content: '';
				display: block;
				background-image: url("img/knots/greytrisksm.png");
				height: 32px;
				width: 32px;
				position: absolute;
				right: 0px;
				top: 0px;
}

.photobox table {
					width: 100%;
					text-align: center;
}

.photobox td:first-child, .photobox td:last-child {
					width: 80px;
}

.spiral {
					margin: 5px;
					padding-top: 35px;
					background-image: url('img/knots/greytrisksm.png');
					background-repeat: no-repeat;
					background-position: top center;
					text-transform: uppercase;
					font-family: 'Uncial Antiqua', cursive;
					font-size: 1.5em;
					color: #111111;
					cursor: pointer;
}

.spiral:hover {
					background-image: url('img/knots/greentrisksm.png');
					color: #B57426;
}

.photolist {
					 list-style: none;
					 margin: 0px;
					 border: 0px;
					 padding: 0px;
					 position: relative;
					 overflow: hidden;
					 display: inline-block;
}

.photolist li {
					 overflow: hidden;
					 position: absolute;
					 top: 0;
					 z-index: 0;
}

.photolist li.showme {
				position: relative;
				z-index: 1;
}

.photolist li img {
					 display: block;
					 height: 375px;
					 max-width: 600px;
}

.photolist li:nth-child(2n+1) img {
					 border: 5px solid #009A49;
}
.photolist li:nth-child(2n) img {
					 border: 5px solid #FF7900;
}

.thumblist {
					 height: 100px;
					 width: 790px;
					 overflow-x: scroll;
					 overflow-y: hidden;
					 margin: 0px;
					 padding: 0px;
					 list-style-type: none;
					 white-space: nowrap;
}

.thumblist li {
					 display: inline-block;
					 opacity: .75;
}

.thumblist li:hover {
					 opacity: 1;
}

.thumblist li img {
					 height: 75px;
}

.tricolor {
					list-style-type: none;
					margin: 0px;
					border: 0px;
					padding: 0px;
}

.tricolor li {
					height: 16px;
					line-height: 16px;
			 		padding: 0px 0px 0px 20px;
			 		background-image: url("img/knots/greytriskxsm.png");
			 		background-position: left;
			 		background-repeat: no-repeat;
}

/* Resources */
.dagda {
			 list-style-type: none;
			 padding: 0px;
			 border: 0px;
			 margin: 0px;
}

.dagda h2 {
				text-shadow: 1px 1px 2px #B57426;
				display: inline-block;
				font-size: 1.75em;
				margin: 5px;
				margin-top: 10px;
				height: 32px;
				padding-left: 35px;
				padding-right: 35px;
				background-image: url("img/knots/greytrisksm.png");
				background-repeat: no-repeat;
				position: relative;
}
.dagda h2:after {
				content: '';
				display: block;
				background-image: url("img/knots/greytrisksm.png");
				height: 32px;
				width: 32px;
				position: absolute;
				right: 0px;
				top: 0px;
}

.dagda ul {
			 margin-bottom: 10px;
			 list-style-type: none;
			 padding: 0px;
			 border: 0px;
			 margin: 0px;
			 text-align: left;
}

.dagda h3 {
			 text-align: left;
}

/* IFrames */
.iframe_wrapper {
								position: relative;
								padding-bottom: 75%;
								padding-top: 25px;
								height: 0;
}

.iframe_wrapper iframe {
								position: absolute;
								top: 0px;
								left: 0px;
								width: 100%;
								height: 100%;
}