/* custom css for Alex Haunty website by Bobbette Rsoe*/

/*max width is 1100px and is determined in Bootstrap.css code on line 1237*/
@media (min-width: 1300px) {
  .container {
    max-width: 1300px;
  }
}

body {
  background-color:#fcb040;
  background-image:url(../img/bk-tile.jpg);
  background-repeat:repeat-x;
}


.wrapper{
	max-width: 1200px;
}


.homeBox {   /*homepage*/
	background-color:#fff;
	margin: 20px 0 0 0px;
	padding:0px 0 0px 0px;
	  -webkit-border-top-right-radius: 8px;
		 -moz-border-top-right-radius: 8px;
			  border-top-right-radius: 8px;
	  -webkit-border-top-left-radius: 8px;
		 -moz-border-top-left-radius: 8px;
			  border-top-left-radius: 8px;
}
.news {
	
  background-repeat:none;
}
	
	
logo{
 padding-left:30px; 
 padding-right:70px;
}

.logoMark {
	margin: 0 0 0 25px;
}

.logoText {
	margin: 20px 0 0 0px;
	padding:0;
	max-width: 60%;
}

.intro {
	padding: 10px 100px 0 70px;
	margin-top: -20px;
}


.ahtafiNav ul {
	margin:-32px 50px 20px 180px;
	padding: 0 50px 0 0;
	text-align:right;
	 	border-bottom:solid 1px #fcb040;

}

.ahtafiNav li {
	margin:0;
	padding: 5px 5px 3px 5px;
	text-transform:uppercase;
	list-style-type:none;
	display:inline;
	font-size:.85em;
}

.ahtafiNav li a {
	padding: 5px 5px 3px 5px;
	color:#d20419;
	text-decoration:none;
	font-weight:400;
}
.ahtafiNav li a:hover {
	background-color:#fcb040;
	padding: 5px 5px 3px 5px;
	color:#fff;
	font-weight:400;
	text-decoration:none;
}




.genText {
	padding: 10px 100px 0 70px;
}

.genText h1 {
	color:#d20419;
	font-size: 32px;
	margin: 15px 0px 10px 0;
	font-weight:400;
}

.genText h2 {
	color:#d20419;
	font-size: 20px;
	margin: 15px 0px 0 0;
	font-weight:600;
}

.genText p {
	font-size: 14px;
	margin: 15px 0px 0 0;
	hyphens:none;
}

.genText img {
	max-width: 120px;
	margin: 10px;
	
	
}

.well {
  min-height: 20px;
  padding: 19px;
  margin: 20px 50px;
  background-color: #fef4e6;
  border: 1px solid #fcb040;
  border-radius: 8px;
}

.btn-default {
  margin-top:10px;
  padding: 2px 5px;
  background-color: #fef4e6!important;
  border-color: #fcb040!important;
}



.theaterBox h2 {
	margin:35px 0 0 5px;
	padding:10px 0 0px 0;
	font-size: 1.2em;
	font-weight:600;
	color:# D1BFAB;
	border-top: solid 1px #fcb040;
}

.intro p {
	/*color: #d20419;*/
	font-size: 14px;
	margin: 15px 0px 40px 0;
	hyphens:none;
}

.intro img {
	max-width: 90px;
	margin: 0 30px 0px 5px;
	
}

.contentBox {
	border-top: solid 2px #fcb040;
	margin: 30px 50px 0 50px;
	padding: 0 0px;
    
}

.contentBox p{
	font-size: 13px;
}

.infoBox-right,
.infoBox-middle,
.infoBox-middle2,
.infoBox-left {
	padding:10px 15px 0 15px;
	/*margin-bottom: -99999px;
    padding-bottom: 99999px;*/
	min-height:500px;
}

.infoBox-left {
	border-right: solid 2px #fcb040;
}


.infoBox-right,
.infoBox-middle2 {
	border-left: solid 2px #fcb040;
}


.footer {
	background-color: #d20419;
	margin:0px 0 0px 0;
	padding:10px 0;
	border-top:none;
	max-width:1200px;
}

.footer p {
	margin:10px 0;
	padding:0;
	color:#fff;
	font-size:12px;
	text-align:center;
}

.homeTile iframe {
	width: 100%;
}

a:link,
a:visited {
  color: #d20419;
  text-decoration: none;
	 font-weight:400;
	 text-decoration:underline;
}

a:hover,
a:focus {
  color: #fba321;
  text-decoration: underline;
}

.commission {
	margin:20px auto;
}

.commission hr {
	color:#fcb040;
background-color:#fcb040;
height: 2px;
margin:20px 0 20px 0;
}

.commission p {
	margin:0;
	padding:0;
}

.commission h2 {
	font-size:12px;
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
}

.comText {
	padding: 10px 100px 0 70px;
}

.comText h1 {
	color:#d20419;
	font-size: 28px;
	margin: 15px 0px 10px 0;
	font-weight:400;
}

.comText h2 {
	color:#d20419;
	font-size: 16px;
	margin: 0px 0px 0 0;
}

.comText p {
	font-size: 14px;
	margin: 15px 0px 0 0;
	hyphens:none;
}


.AFCHcaption h1 {
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:600;
}

.AFCHcaption p {
	margin:8px 10px 0 0;
	padding:0;
	font-size:12px;
	font-weight:400;
}

.donate {
	border-top: 1px solid #fcb040;
	margin: 15px 0 0 0;
	padding: 20px 0 0 0;
}
 
p.JoinUs{
	font-size:18px;
	margin-top:15px;
}

p.subTitle {
	font-size:1.1em; 
	margin-top:30px; 
	margin-bottom:8px;
	font-weight: 600;
}

@media (max-width: 800px) {
.contentBox {
	border-top: solid 1px #fcb040;
	margin: 30px 50px 0 50px;
	padding: 0 0px;
}

.contentBox p{
	font-size: 14px;
	margin-top:50px;
}


.float {
	float:left;
}


.infoBox-left {
	
	padding:10px 15px;
	border-top: solid 1px #fcb040;
	min-height: 230px;
	border-right:none;
}



.homeTile img{
	margin: 0 auto;
}

.subTitle {
  text-align: left;
  font-size:2em;
  margin:0 20px;
	 }

.homeTile p {
	text-align:left;
	margin: 15px 25px
		
}


.infoBox-middle,
.infoBox-middle2 {
	padding:10px 15px;
	border-top: solid 1px #fcb040;
	min-height: 230px;
}



.infoBox-right,
.infoBox-middle2 {
	padding:10px 0px;
	border-left: none;
	min-height: 230px;
}

.infoBox-right iframe,
.infoBox-middle iframe,
.infoBox-middle2 iframe,
.infoBox-left iframe{
	padding:10px 15px 0 15px;
	margin:0 auto;	
	min-height:200px;
	display:block;
}

.infoBox-right,
.infoBox-middle,
.infoBox-middle2,
.infoBox-left {
		margin:0 auto;
	display:block;
}


.ahtafiNav ul {
	margin:-29px 30px 20px 138px;
	padding: 0 5px 0 0;
	text-align:right;
	border-bottom:solid 1px #fcb040;

}

.ahtafiNav li {
	margin:0;
	padding: 5px 2px 3px 2px;
	text-transform:uppercase;
	font-size:.75em;
}

.genText h1 {
	font-size: 26px;
}


.genText {
	padding:10px 30px 0 30px;
}

}








 @media (max-width: 400px) {

.intro {
	padding: 40px 25px 0 25px;
}

.intro p {
	font-size: 13px;
	margin: 0px 0px 0 0;
}



.contentBox {
	border-top: solid 1px #fcb040;
	margin: 30px 15px 0 15px;
	padding: 0 0px;
}

.contentBox p{
	font-size: 12px;
}



.infoBox-left {
	padding:10px 0px;
	border-left: none;
	min-height: 100%;
}

.infoBox-middle {
	padding:10px 15px;
	border-top: solid 1px #fcb040;
	min-height: 100%;
}

.infoBox-right {
	padding:10px 15px;
	border-right: none;
	border-top: solid 1px #fcb040;
	min-height: 100%;
}


	 
.footer p {
	padding:0 10px;
	font-size:11px;
}

.paintingBox {  /*painting page*/
	background-color:#ffffff;
	background-repeat:no-repeat;
	border: 2px solid #21a9c0;
	margin: 10px 0 0px 0;
	padding:10px 0 10px 0;
  -webkit-border-top-right-radius: 8px;
     -moz-border-top-right-radius: 8px;
          border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
     -moz-border-bottom-right-radius: 8px;
          border-bottom-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
     -moz-border-top-left-radius: 8px;
          border-top-left-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
     -moz-border-bottom-left-radius: 8px;
          border-bottom-left-radius: 8px;
}


.ahtafiNav ul {
	margin:0px 10px 0px 10px;
	padding: 0 2px 0 0;
	text-align:right;
	border-bottom:solid 1px #fcb040;

}

.ahtafiNav li {
	margin:0;
	padding: 5px 2px 3px 2px;
	text-transform:uppercase;
	font-size:.85em;
		display:block;
		text-align:left;
		border-top:1px solid #fcb040;

}

.gallery {
	margin:10px 0 10px 0px;
	padding: 0 25px;
	border-left: solid 1px #21a9c0;
}


.gallery h1 {
	margin:10px 0 0 0;
	padding:0;
	font-size:1.6em;
	color:#023683;
	font-weight:500;
}


.gallery h2 {
	margin:10px 0 0 0;
	padding:0;
	font-size:1.2em;
	color:#023683;
	font-weight:400;
}


.gallery p {
	margin:8px 80px 30px 0;
	padding:0;
	font-size:1em;
	color:#023683;
	font-weight:400;
}

.gallery table {
	margin-bottom:50px;
}


.gallery td {
	margin:0;
	padding:0;
	max-height:130px;
	max-width:130px;
	border: 1px solid #0192aa;
}


logo{
 padding-left:0; 
 padding-right:0;
}

.genText h1 {
	font-size: 18px;
	margin:0 0px;
	padding:0;
}

.well {
  padding: 10px;
  margin: 20px 10px;
  
}


.genText {
	padding:10px 30px 0 30px;
}




 }
 
 
 .timeline {
	 margin:30px 60px;
 }
 
 .timeline h1 {
	 margin: 20px 0 0 0;
	 padding:0;
	 font-size: 1.6em;
	 font-weight:400;
	 color:#F00;
 }
 
  .timeline h2 {
	 margin: 20px 0 0 0;
	 padding:0;
	 font-size: 1.6em;
	 text-transform:uppercase;
	 font-weight:400;
	 color:#F00;
 }
 
 .timeline img {
	 margin: 10px;
 }