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

@import url("webfonts.css");
 
body {
	background-color:#FFFFDB;
	background:url(../images/bkgrnd1.jpg);
	position: relative; 
}
p {
		font-family: Margot Regular, sans-serif;
		font-size: 1.1em;
		color:#FFC;
		text-align: justify;
		text-justify: inter-word;
}
a {
	color:#ffcc33 !important;
} 
a:hover {
	text-decoration:underline;
}

ul {
    list-style-image: url('../images/ul.png');
}

#section1  p {
	padding: 0 18%;
}
#section1 {
	padding-top:20px; 		
	margin: 70px auto 10px auto;
}
#section2 {padding-top:50px;  }
#section3 {padding-top:50px; }
#section4 {padding-top:50px; }

.container-fluid {
		margin: 0 auto;
}

.navbar {
	border: 0 2px 2px 2px solid;
    border-radius:  0px 0px 20px 20px !important;
	background:url(../images/red_leaf_background.jpg);
	box-shadow: 0px 0px 4px 3px #333;
	margin: 0 2%;
} 

.nav {
	font-family: Margot Regular, sans-serif;
	font-size:1.5em;
} 
.navbar-brand {
	font-family: Fontasia, cursive;
	color:#ffcc33 !important;
	font-size:2.7em !important;
	margin: 8px 6px 1px 2px !important;
}  
.nav-pills>li>a  {
	color:#ffcc33 !important;
	padding:4px 8px !important;
	margin:11px 20px 2px 20px !important;
}
.nav>li>a:focus, .nav>li>a:hover {
	background-color:#ffcc00 !important;
	color:#660000 !important;
	background:url(../images/footer-bg.jpg);
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
	background-color:#ffcc33 !important;
	color:#660000 !important;
	background:url(../images/footer-bg.jpg);
} 
.mainMenu {
	float:left;
	width:32%;
	margin:5px 5px 30px 5px;
	text-align:center;
	color:#FFFFDB;
	cursor:pointer;
}
.mainMenu p {
	margin:-15px 5px 5px 5px;	
	font-family: Macondo Swash, cursive;
	font-size:2em;
}
.mainMenu:hover {
	color:#F93;
}
.charmed {
	font-family:Charms, sans-serif;
	font-size:5em;
	text-align:left;
	margin:5px;
}
#dragon {
	margin: 20px auto;
	width:50%;
	padding: 10px;
	border: 2px solid #333;
	border-radius:30px;
	text-align:center;
	background-color:#FFC;
	background:url(../images/paper.jpg);
}
#dragon img {
	width:95%;
}

.topSectionThing {
	position:relative;
	z-index: 1;
	margin: 0 auto;
	padding:10px;
    width: 80%;
}
.topSectionThing:before  {
    content: "";
  	position: absolute;
    z-index: -1;
	margin: 0 auto;
    background: url(../images/red_leaf_background.jpg) center center;
    opacity: .7;
    width: 78%;
     top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	 border: 2px solid #333;
    border-radius:  20px 20px 20px 20px !important;
	box-shadow: 0px 0px 4px 3px #333;

}
.topSectionThing p {
	margin: 10px 0;
}   

.sectionThing  {
	position:relative;
	z-index: 1;
	margin: 10px 10px 10px 10px;
	padding-top: -1%;
}
.sectionThing:before  {
    content: "";
  	position: absolute;
    z-index: -1;
    background: url(../images/red_leaf_background.jpg) center center;
    opacity: .7;
    width: 90%;
     top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	 border: 2px solid #333;
    border-radius:  0px 0px 20px 20px !important;
	box-shadow: 0px 0px 3px 1px #333;
}
 
.sectionThing p {
	padding: 5px 15px 15px 15px;
    width: 90%;
}   

.sectionHeader {
	width:106%;
	margin: 2% -4% !important;
	margin: 10px auto;
	padding: 10px 50px;
	font-family:Fontasia, cursive !important;
	font-size:4em !important;

	color:#660000 !important;
	text-align:left;
	background:url(../images/paper.jpg);
}
#returnTop p {
	text-align:center;
	margin: 11% 0 1% 0;
	font-family:Fontasia, cursive !important;
	font-size:2.2em;
	color:#ffcc33;
}
footer {
	float:left;
	font-family: Margot Regular, sans-serif;
	width: 103%;
	height:4%;
	margin: 2% -3% -4% -3% !important;
	text-align:center;
	background:url(../images/footer-bg.jpg) repeat;
	 border: 2px solid transparent;
	box-shadow: 0px 0px 3px 1px #333;
}
footer p {
	text-align:center;
	color:#600;
	margin: 0 20px;
}
.socialIcon {
	margin:10px 2px;
}

.modal-backdrop {
	background:url(../images/modalbg.jpg);
	opacity: .9 !important;
	
}
.modal-content {
	border: 1px solid #000 !important;
	box-shadow: 0px 0px 8px 1px #000 !important;
	background-color:#000 !important;
}
.modal-header	 {
	background:url(../images/footer-bg.jpg) repeat;
	font-family:Fontasia, cursive !important;
	color:#600;
	border: 2px 2px 0 2px solid #333 !important;
  	border-radius: 6px 6px 0 0;
	margin: 0 0 -3% 0;
}
.modal-header .close {
	font-size: 3em;
	color:#600;
	opacity:.7;
}
.modal-title {
	font-size: 3em;
}

.modal-body {
    background: url(../images/red_leaf_background.jpg) center center;
	color:#FFC;
	font-family: Margot Regular, sans-serif;
	font-size: 1.2em !important;
	margin: -2px 0;
	text-align:justify;
}
.modal-body h3  {
	font-family:Fontasia, cursive !important;
	font-size: 3.2em !important;
}

.modal-footer {
	background:url(../images/footer-bg.jpg) repeat;
	border: 2px 2px 0 2px solid #333 !important;
  	border-radius:  0 0 6px 6px;
}
.modal-header .close:hover {
	color: #000 !important;
	opacity:1;
}
.modal-footer button {
    background: url(../images/paper.jpg) center center;
	border: 1px solid #333 !important;
	font-family: Margot Regular, sans-serif;
	text-transform:capitalize;
	font-size:1.2em;
	color:#600;
	padding:5px 5px 1px 5px;
}
.modal-footer button:hover {
	box-shadow: 0px 0px 2px 1px #000 !important;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity .6s linear !important;
    transition: opacity .6s linear !important;
}
#payPalDiv {
	width:112%;
    background: url(../images/paper.jpg) center center;
	text-align:center;
	margin: -16% -6% -6% -6%;
}
#payPalDiv p {
	color:#2D2D2D;
	text-align:left;
	margin: 9% 5% -12% 5% !important;
}
#studioPics {
	float:right;
	width:45%;
	margin: 1% 12% 1% 1%;
	border:1px solid #000;
	border-radius: 15px !important;
    background-color: transparent;
    overflow: hidden;
}
.carousel-control.left {
	border-radius: 15px 0 0 15px !important;
}
.carousel-control.right {
	border-radius: 0 15px 15px 0 !important;
}
#studioPics img {
	border-radius: 15px !important;
    overflow: hidden;
}
.carousel-indicators li {
    background: transparent !important;
	border:1px solid #B08D24 !important;
	opacity: .8;
}

.carousel-indicators .active {
	background:#B08D24 !important;
	color:#B08D24 !important;
}

/*  ---------------------------  form stuff --------------------------------- */
 
 #formWrapper {
	 margin: 2% 20%;
 }
 .form-group {
	 margin-bottom: -3% !important;
 }
 div.form-error {
	 padding:5px !important;
	 width: 40% !important;
	 text-align:center !important;
	 margin: 1% 31% 1% 24% !important;
	 
 }
 label {
	 display:inherit !important;
	 margin-bottom: -5px !important;
 } 
input[type="text"], textarea {
	background:url(../images/footer-bg.jpg) repeat;
	border: 2px solid #000;
	transition: box-shadow 0.3s, border 0.3s;
	 border-radius:10px;
	 color:#600 !important;
	 width:100%;
	 font-size:1.2em;
	 padding: 2px;
} 
input[type="text"]:focus,  textarea:focus, input[type="text"].focus, textarea.focus {
	outline: none;
	border: 2px solid #060;
	box-shadow: 0 0 5px 1px #000;
}
input[type="submit"], input[type="submit"] {
	background:url(../images/paper.jpg) repeat;
	border:2px solid #000;
	border-radius:5px;
	font-family: Margot Regular, sans-serif;
	font-size:1.3em;
}
input[type="submit"]:hover, input[type="submit"].hover {
	box-shadow: 0 0 5px 3px #000;
	background:url(../images/footer-bg.jpg) repeat;
}
.has-success .form-control, .has-error .form-control {
	background-color:#ffcc33;
	border: 2px solid #000;	
}

#error-message-wrapper {
	font-family: Margot Regular, sans-serif;
	text-transform:capitalize;
}
#sentMessage {
	display:inherit;
	width:40%;
	margin: 0 26%;
	border:2px solid #000;
	border-radius: 15px;
	box-shadow: 0 0 5px 3px #000;
	background:url(../images/modalbg.jpg);
	font-size:1.2em;
	
}
#sentMessage p {
	text-align:center !important;
	padding:5% 5% 0 10% !important;
}
#spinnyThing {
	margin:12px 2px 2px 15px !important;
	padding:5px;
}
#captchaWrapper {
	margin: 0 5% 0 25%;
} 
#submitWrapper {
	float:right;
	width:20%;
	margin: -2% 20% 1% 1%;
	padding:12px;
}


#message {
	font-size: 2em;
	text-align: center;
	padding: 20px;
}
#message::placeholder {
color: #620208;
}