@charset "UTF-8";
/* CSS Document */
#navLinks { text-align: center;width: 100%;}
#navLinks ul {margin: 0px;padding: 0px;display: inline-block;margin-top: 25px;}
#navLinks ul li {float: left;text-align: center;margin: 0px;list-style: none;cursor: pointer;background: none;padding: 5px;border: none;text-transform:uppercase;font-size: 20px;}
#navLinks ul li:hover {background: none;color: #FFF;text-decoration: underline;}
#navLinks ul li.active {background: none;color: #FFF;outline-width: 7px;text-decoration: underline;}
#navLinks ul li.active:hover {background: none;color: #FFFFFF;text-decoration: none;}
section article #contentContainer {width: 80%;height: auto;margin: 5% 10%; border: none;overflow: hidden;}
#wrapper {width: 300%;position: relative;left: 0px;transition: left .5s ease-in-out;}
.content {float: left;width: 800px;height: auto;white-space: normal;background-repeat: no-repeat;}
.content p {padding:0;margin:20px 0 0 0;font:normal 16px/24px "texgyreadventor regular";color:#fff;}
.content a {color: #033;text-decoration: none;}
.content a:hover {text-decoration: underline;color: #033;}
.green {color: #033;}
.italic {font-style: italic;}
.img-left { height: auto; min-width: 150px;max-width: 300px;float: left;margin-right:2rem; border-radius: 50%;-webkit-shape-outside:circle();shape-outside:circle();}
.img-right { height: auto;min-width: 150px;max-width: 300px;float: right;margin-left:2rem; border-radius: 50%;-webkit-shape-outside:circle();shape-outside:circle();}
#itemOne {background-color: transparent;width: 32%;height: auto;text-align: justify;display: inline-block;float: left;font:normal 16px/24px "texgyreadventor regular";}
#itemOne h2 {padding:0;margin:0;text-align: right;}
#itemTwo {background-color: transparent;width: 32%;height: auto;text-align: center;margin-left: 2%;font-size: 16px;display: inline-block;float: left;}
#jonnyb { width: 100%; display: block; height: auto; float: none; clear: both; }
#dan { width: 100%; display: block; height: auto; float: none; clear: both; }
#jonnyc { width: 100%; display: block; height: auto; float: none; clear: both; }
#itemTwo .bandmember h3 {font:normal 20px/30px "texgyreadventor regular";}
#itemTwo .photo {width:150px;font:12px/14px;display:inline-block;text-align:center;margin-top:2%;margin-bottom:2%;margin-right:2%;}
#itemTwo .bandmember {max-width: 70%;margin-top: 0;margin-right: 4%;margin-bottom: 5%;text-align: left;display: inline-block;float: right;}
#itemTwo .sidenote {width: 70%;margin-top: 50px;margin-left: 15%;margin-right: 15%;text-align: left;display: block;float: none;clear: both;}
#itemThree { background-color: transparent;width: 32%;height: auto;text-align: center;margin-left: 1%;display: inline-block;float: left;}
#itemThree .facts1, .quotes1 {text-align: left;font:normal 14px/22px "texgyreadventor regular";width: 45%;margin: 0 5% 0 0;padding: 0;display: inline-block;vertical-align: top;}
#itemThree .facts2, .quotes2 {text-align: left;font:normal 14px/22px "texgyreadventor regular";width: 45%;margin: 0;padding: 0;display: inline-block;vertical-align: top;}
#itemThree h3 {font:normal 26px/36px "texgyreadventor regular";}
#itemThree ul li {margin: 15px 0 0 0;list-style-position: outside;list-style-image: none;list-style-type: disc;}
#itemThree p {font:normal 14px/22px "texgyreadventor regular";margin: 20px 0 0 0;background-image: url(../Images/blockquote.png);background-repeat: no-repeat;background-position: left top;text-indent: 35px;}
#itemThree .img-tattoo {height: auto;min-width: 75px;float: right;margin-left:2rem; border-radius: 50%;-webkit-shape-outside:circle();shape-outside:circle();}