fea/* ------------------------------------
Site: DeniseCenter
CSS Author: Donia
Updated at: 6/22/14
Updated by: Donia
--------------------------------------*/	

/* ------------------------------------
resets
--------------------------------------*/

html, body, ul, ol, li, form, fieldset, legend {
   margin: 0;
   padding: 0;
}

fieldset, img {
   border: 0;
}

legend {
   color: #000;
}

input, textarea, select, button {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 100%;
   line-height: 1.1;
}

button {
  width: auto;
  overflow: visible;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  vertical-align: top;
  font-weight: normal;
}

abbr, acronym {
  border-bottom: .1em dotted;
  cursor: help;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

pre, code {
  font-family: "Courier New", monospace, serif;
  font-size: 100%;
  line-height: 1.2;
}
/* Tell the browser to render HTML 5 elements as block */  
header, footer, aside, nav, article {  
    display: block;  
}
li {
	list-style: none;
}

/* ------------------------------------
elements
-------------------------------------*/
@media screen {
	body {
		color:#000;
		font: 100% Verdana, Arial, Helvetica, sans-serif;
		line-height: 1.3em;
		background-color: #FAFAD2;
		margin:0;
		position:relative;
	}
	
	h1, h2, h3, h4, h5, h6 {
	    margin: 0 0 0.5em 0;
	}

	h1 {
		color: #8e0f2c; /*800000 */
		/* font-family: 'Josefin Sans', sans-serif; /* 'Delius', cursive; */
		font-weight: 400;
		font-size: 175%;
		font-weight: bold;
		padding: 13px 0;
	}

	h2 {
		color: #8e0f2c;
		/* font-family: 'Josefin Sans', sans-serif; /* 'Delius', cursive; */
		font-weight: 400;
		font-size: 150%;
		font-weight: bold;
	}

	h3 {
		color: #8e0f2c;
		/* font-family: 'Josefin Sans', sans-serif; /* 'Delius', cursive; */
		font-weight: 400;
		font-size: 125%;
		font-weight: bold;
	}

	h4 {
		color: #8e0f2c;
		font-size: 110%;
		font-style: italic;
		font-weight: bold;
		padding: 0 35px 0 0;
	}

	h5 {
		color: #8e0f2c;
		font-size: 110%;
		font-weight: normal;
		align: justify;
	}
	
	p {
		margin: 0;
		padding-bottom:20px;
		color:#000;
	}
	
	a:link { color: #8e0f2c; } /* 730E16, text-decoration:none; */
	a:visited { color: #000; }
	a:focus { color: #f9a502; outline: thin dotted; }
	a:hover { color: #f9a502; }
	a:active { color: #000; }

/*  
 	#nav a { color: #7e2129; } 
	#nav a:hover { color: #cb9c32; }
	#nav a.current { color: #000; }  
*/
	
	input, textarea {
		color: #000;
		
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding:5px;
		/* width:100%; */ 
		font-size:90%;
		font-family:Arial, Helvetica, sans-serif;
		margin: 0 auto 10px;
	}
	
	.button {
		background: #7e2129;
		color: #FFF;
		font-weight:bold;
		text-align:center;
		width:50%;
		margin: 10px 0;
		border:solid #800000;
	}	 
	#mc-embedded-subscribe:hover, .inset {
	   -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,.4);
	   -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,.4);
	   box-shadow: inset 0 3px 8px rgba(0,0,0,.24);
	}

	.contact_form { margin: 0 auto; width:75%; } /* name of form on contact page */

	ul { padding-left: 2em; }

	
/* ------------------------------------
Header - navigation and logo
--------------------------------------*/		
	#header {
		width: 96%;
		margin: 1% 2% 1em 2%;
		padding: 0;
		position: relative;
		/*background-color: #EEE7D5; /* #AD6F1B, #D4A017 */
		overflow:auto;
		}
		#logo {
			float: left;
			width: 50%;
			margin: 0 auto;
			padding: 0;
			}
			#logo img { height:75px; float:left; padding:0 1em; }
			#logo h1 { padding: 0.6em 0 0 0; color: #8e0f2c; font-family: 'Amarante', 'cursive'; line-height:0.8;}
			#logo h2 { padding: 0.5em 0 0 2em; color: #eee7d5; font-family: 'Amarante', 'cursive'; } 
		
		#language_options p { font-size: 85%; padding-bottom: 1em; }
		#language_options a.current { color: #8E0F2C; text-decoration: none; }
		#language_options a:hover { color: #8E0F2C; }
		#social_media_bar {
			float:left;
			width: 50%;
			margin: 0;
			padding: 0;
			text-align:right;
			}
			#social_media_bar img { width:50px; }
	
			#facebook_icon { background:transparent url(../images/facebook_burgundy.png) center top no-repeat; display:inline-block; height: 48px; width: 48px; }
			#youtube_icon { background:transparent url(../images/youtube_burgundy.png) center top no-repeat; display:inline-block; height: 48px; width: 48px; }
			#email_icon { background:transparent url(../images/email_burgundy.png) center top no-repeat; display:inline-block; height: 48px; width: 48px; }
			#facebook_icon:hover { background-image:url(../images/facebook_burgundy_dark.png); }
			#youtube_icon:hover { background-image: url(../images/youtube_burgundy_dark.png); }
			#email_icon:hover { background-image:url(../images/email_burgundy_dark.png); }

	
	#nav {
		/*width: 1024px;
		margin: 0 auto;*/
		width: 96%;
		padding: 0 2%;
		margin:0;
		overflow:auto;
		background-color: #7e2129;	
		position: relative;
		}
		#nav ul {
			padding:0;
			margin:0;
			list-style: none;
			float:right;
			}
			#nav ul li {
				display: inline;
				margin: 0;		
			}
			#nav a {
				color: #FFF;  /* 730E16 */ 
				/* font-family: 'Josefin Sans', sans-serif; */
				font-size: 110%;
				/*font-weight: bold;
				color: #000; /* #D4AF37, #F0E68C; */
				text-decoration: none;
				margin: 0;
				padding: 0.5em 1em;
				display:inline-block;

			}
			#nav a:last-of-type {
				padding: 0.5em 0 0.5em 1em;
			}
			#nav a:hover, #top_bar a:hover, #submenus a:hover {
				color: #f9a502;
			}
			#nav a.current { 
				color: #000; /*#D4AF37; /*#FFd700;/*dd9830;*/
				font-weight: 700;
			}			

		#video_highlight { color: #FFF; font-size:400%; position:absolute; top:-200px; right:50px; line-height:0.8em; color:#FAFAD2; z-index:2; }
		#pic_pane {	
     	 	width: 100%    !important;
      		height: auto   !important;
      		max-height: 400px;
			margin:0;
			padding: 0;
			background: #000000 url(../images/video_still.png) no-repeat left center;
			overflow:hidden;
			text-align:center;
			position: relative;	
		}
		#pic_pane img { margin:0 auto; }
	
	#content {
		clear:both;
		width: 75%;
		padding: 2% 12.5%;
		/*width: 1024px;
		padding: 20px 0; */
		margin: 0 auto;
		/*background-color: #D4AF37; /* Denise says this looks like green: #ae9b59; /*rgba(255,255,255,0.8);	*/		
		overflow:auto;
		}

		
		
		#feature_boxes { float:left; width: 56%; padding:2%; }
			#temp_feature, #feature1, #feature2, #feature3, #feature4, #feature5, #feature6, #feature7, #feature8 { padding: 1em; border-top: 2px solid #EEE8AA; border-radius: 10px; } /* f9a502, d9d2bf*/
			.learn_more { text-align:right; } /* float: right; overflow:auto; } */
			.learn_more a { padding: 1em 0 0 0 ; color: #353535; display:inline-block; }
				.title, p.title { padding: 1em 0 0 0; color: #353535; font-weight:bold; }
				table.schedule { width: 100%; }
				.schedule td { padding: 0.5em 1.5em; border-bottom:1px solid #EEE8AA; } /* d9d2bf */
				.schedule tbody tr:nth-child(odd) { background-color:#CDC9A5; } /* 8B8970    EAEAAE #fdfdfb */
				.schedule tbody tr:nth-child(even) { background-color:#FFFACD; } /* CDC9A5    E0D873 eae9e5 */
				.schedule tbody tr.title { background-color:#FAFAD2; }
				.schedule tbody td.title { padding-left: 0.25em; padding-top: 1.5em; }

			
			#sidebar_boxes { float:right; width: 36%; padding:2%; }
			#sidebar_boxes  h2 { color: #353535; padding-bottom:1em; }
			#sidebar_boxes h2::after, p.learn_more::after { padding-left: 6px; content:url(../images/double_arrows_353535.png); }
			.sidebar_box { padding: 1em; border: 2px solid #EEE8AA; border-radius: 10px; margin-bottom: 1em; } /* d9d2bf cdc4ad */
				#box1 { background: #dab94e; }			 
				#box2 { background: #d7b142; }
				#box3 { background: #cb9c32; }
				#box4 { background: #b9862a; }
				#box1 p.learn_more, p.learn_more { color:#eae9e5; }
				/* a.learn_more:hover, #box1 p.learn_more:hover, #box2 p.learn_more:hover { color: #000;} */
				/* #box1 p.learn_more, #box2 p.learn_more { color:#fdfdfb; } */
				
			/* 
				#box1 { background: #dab94e url(../images/curls_dab94e.jpg) no-repeat left top; }			 
				#box2 { background: #d7b142 url(../images/deco_d7b142.jpg) no-repeat left top; }
				#box3 { background: #cb9c32 url(../images/arab_cb9c32.jpg) no-repeat left top; }
				#box4 { background: #b9862a url(../images/nouveau_b9862a.jpg) no-repeat left top; }
				
				#box1 { background: #981735 url(../images/arab_981735.jpg) no-repeat left top; }			 
				#box2 { background: #88132d url(../images/deco_88132d.jpg) no-repeat left top; }
				#box3 { background: #7c0721 url(../images/curls_7c0721.jpg) no-repeat left top; }
				#box4 { background: #650014 url(../images/nouveau_650014.jpg) no-repeat left top; }
			*/	

			
	#footer {
		clear: both;
		width: 96%;
		padding: 1% 2% 2% 2%;
		margin: 0 auto;
		background-color: #7e2129;
		/*border: #ae9b59 solid 2px; /*rgba(255,255,255,0.8);	*/		
		/*border-radius: 0 0 15px 15px;
		-moz-border-radius-bottomright: 15px;
		-moz-border-radius-bottomleft: 15px;
		border-bottom-right-radius: 15px; 
		border-bottom-left-radius: 15px;*/
		overflow:auto;
		text-align:center;
	}
	#footer p, #footer a {
		color: #d6a175;
		padding-bottom:0;
	}
	#footer a:hover {
		color: #FFF;
	}
		

/* ------------------------------------
Shared Bits
--------------------------------------*/

	.collapsed, .collapse {
		background-image: url(../images/notch_right_000.png);
	    background-repeat: no-repeat;
	    background-position: right 50%;
	    padding-right: 12px;
	 }
	.expanded, .expand { 
		background-image: url(../images/notch_down_000.png);
	    background-repeat: no-repeat;
	    background-position: right 50%;
	    padding-right: 18px;
	 }
	.expand + .toggleable {
		display:none;
	}
	 
	 .highlight_box {
	 	background-color:#e1cc89;
	 	padding: 2em;
	 	margin: 2em;
	 	border-radius:5px;
	 	text-align:center;
	 }
	 .highlight_box p {
	 	color:#7e2129;
	 	padding-bottom:0;
	 }
	 
	.text_shadow { text-shadow: 1px 1px 1px #fff; } /* 57171c */
	
	.box_shadow {
	  	-moz-box-shadow:    3px 3px 5px 6px #ccc;
	  	-webkit-box-shadow: 3px 3px 5px 6px #ccc;
	  	box-shadow:         3px 3px 5px 6px #ccc;
	}

	.photo_right {
		float: right;
		padding: 0 0 20px 20px;
		/* add width definition directly in img tag */
	}
	
	.photo_left {
		float: left;
		padding: 0 20px 20px 20px;
		/* add width definition directly in img tag */
	}
	
	.photo_center {
		float: left;
		padding: 20px;
		text-align:center;
		/* add width definition directly in img tag */
	}
	.caption {
		text-align: center;
		padding: 10px;
		font-size:90%;	
	}
			

/* ------------------------------------
Classes
--------------------------------------*/
	.class_entry {
		padding: 20px;
		display:none;
	}
	blockquote {
	  /* color: #FAFAD2; */
	  font: 1em italic Times, serif;
	  padding: 8px;
	  /*background-color: rgba(0,0,0,0.6);*/
	  border-top: 1px solid #e1cc89;
	 /* border-bottom: 1px solid #e1cc89; */
	  margin: 0.75em;
	  background-image: url(../images/openquote1.gif);
	  background-position: top left;
	  background-repeat: no-repeat;
	  text-indent: 23px;
	  }
	  blockquote span {
	    	display: block;
	    	background-image: url(../images/closequote1.gif);
	    	background-repeat: no-repeat;
	    	background-position: bottom right;
	  	}


	
/* ------------------------------------
News
--------------------------------------*/
	.news_listing {
		margin:0;
		padding: 20px;
		clear:both;
	}
	p.news_title {
		font-size:200%;
		color: #000; /* #871e25, #ec2298; */
		font-weight:bold;		
	}
	p.news_subtitle {
		font-size:125%;
		color: #8e0f2c; /* FAFAD2 */		
	}
	p.news_datetime {
		color: #000; /* FAFAD2 */
	}
	p.news_fee {
		color: #000; /* FAFAD2 */
	}
	p.news_description { }
	

/* ------------------------------------
Misc
--------------------------------------*/

.announcement { padding: 2%; background-color:#dab94e; border-radius: 10px; } /* f9a502, d9d2bf*/
.class_details { padding-top: 0.5em; font-size:90%; }