/* ------------------------------------
Site: DeniseBellydancer
CSS Author: Donia
Updated at: 4/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: #000;
		margin:0;
		position:relative;
	}
	
	h1, h2, h3, h4, h5, h6 {
	    margin: 0 0 0.5em 0;
	}

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

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

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

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

	h5 {
		color: #7e2129;
		font-size: 110%;
		font-weight: normal;
		align: justify;
	}
	
	p {
		margin: 0;
		padding-bottom:20px;
		color:#000;
	}
	
	a:link {color: #cb9c32; } /* text-decoration:none; */
	a:visited {color: #cb9c32;}
	a:focus {color: #dab94e; outline: thin dotted;}
	a:hover {color: #dab94e;}
	a:active {color: #e68f95;}
	
	input, textarea {
		color: #000;
		border:#333333;
		-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, .button {
		background: #7e2129;
		color:#FFFFFF;
		text-align:center;
		margin: 10px 0;
		border:solid #80012f;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}	 

	#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 */
	



	
/* ------------------------------------
Header - navigation and logo
--------------------------------------*/		
	#header {
		width: 100%;
		margin:0;
		padding: 0;
		position: relative;
		background-color: #EEE7D5; /* #AD6F1B, #D4A017 */
		overflow:auto;
		}
		#logo {
			float:left;
			width: 50%;
			margin: 0 auto;
			padding: 0;
		}
		#social_media_bar {
			float:left;
			width:50%;
			margin: 0;
			padding: 0;
			text-align:right;
			}
			#social_media_bar img { width:50px; }

#nav_strip {
	width: 100%;
	margin:0;
	padding: 0;
	position: relative;
	background-color: #EEE7D5; /* #C79825, #D4AF37 */
	overflow:auto;
	}		
	#nav {
		/*width: 1024px;
		margin: 0 auto;*/
		padding: 0;
		}
		#nav ul {
			padding:0;
			margin:0;
			list-style: none;
			float:right;
			}
			#nav ul li {
				display: inline;
				margin: 0;		
			}
			#nav a {
				/* font-family: 'Josefin Sans', sans-serif; /* 'Delius', cursive; */
				font-family: 'Junge', 'serif';
				font-weight: bold;
				font-size: 110%;
				color: #000; /* #D4AF37, #F0E68C; */
				text-decoration: none;
				margin: 0;
				padding: 0.5em 1em;
				display:inline-block;

			}
			#nav a:hover, #top_bar a:hover, #submenus a:hover {
				color: #f9a502;
			}
			#nav a.current { 
				color: #FFF; /*#D4AF37; /*#FFd700;/*dd9830;*/
			}			

/* .main_content {
	float:right;
	padding: 2em;
	width:50%;
}*/
#pic_strip {
	width: 100%;
	margin:0;
	padding: 0;
	position: relative;
	background-color: #000000;
	overflow:auto;
	}
	#pic_pane {	
		overflow: hidden;
	}
	#pic_pane img { margin:0 auto;}
			
#content_strip {
	width: 100%;
	margin:0;
	padding: 0;
	position: relative;
	background-color: #eee7d5;
	}
	#content {
		clear:both;
		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 {  }
			/*#feature1 { padding: 1em; border: 2px solid #d9d2bf; border-radius: 10px; margin-bottom: 1em; }
				p.title { padding: 1em 0 0 0; color: #7e2129; }
				table.schedule { border-collapse:collapse; width:100%; }
				.schedule td { padding: 0.5em 1.5em; border-bottom:1px solid #d9d2bf; }
				.schedule tbody tr:nth-child(odd) { background-color:#fdfdfb; }
				.schedule tbody tr:nth-child(even) { background-color:#eae9e5; }
			#feature2 { padding: 1em; border: 2px solid #d9d2bf; border-radius: 10px; }*/
			/*#feature1, #feature2, #feature3 { float:left; width: 28%; padding:1em; margin-right:1%; background-color:#800000; color:#EEE7D5;  border-radius: 10px; }
			#feature1, #feature2 { margin-right:2%; }
			#feature1 h3, #feature2 h3, #feature3 h3 { color: #d9d2bf; } */
			#feature_boxes { float:left; width: 56%; padding:2%; }
				#feature1, #feature2, #feature3 { padding: 1em; border-top: 2px solid #d9d2bf; border-radius: 10px; }
				#feature1, #feature2 { margin-bottom: 1em; }
					p.title { padding: 1em 0 0 0; color: #7e2129; }
					table.schedule { border-collapse:collapse; width:100%; }
					.schedule td { padding: 0.5em 1.5em; border-bottom:1px solid #d9d2bf; }
					.schedule tbody tr:nth-child(odd) { background-color:#fdfdfb; }
					.schedule tbody tr:nth-child(even) { background-color:#eae9e5; }

			
			#sidebar_boxes { float:right; width: 36%; padding:2%; }
			#sidebar_boxes  h2 { color: #eee7d5; padding-bottom:1em;}
			.sidebar_box { padding: 1em; border: 2px solid #d9d2bf; border-radius: 10px; margin-bottom: 1em; } /* cdc4ad */
				#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; }
				p.learn_more { text-align:right; padding:0; color:#eae9e5; text-shadow: 1px 1px 1px #000; display:none; }
				#sidebar_boxes h2::after, p.learn_more::after {  padding-left: 4px; content:url(../images/double_arrows.png); }
				#box1 p.learn_more, p.learn_more { color:#eae9e5; }
				p.learn_more:hover, #box1 p.learn_more:hover, #box2 p.learn_more:hover { color: #000;}
				
		
		
		#sidebar_boxes { float:right; width: 36%; padding:2%; }
		.sidebar_box { padding: 1em; border: 2px solid #d9d2bf; border-radius: 10px; margin-bottom: 1em; } /* cdc4ad */
			#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; }
			p.learn_more { text-align:right; padding:0; color:#eae9e5; text-shadow: 1px 1px 1px #000; }
			p.learn_more::after {  padding-left: 4px; content:url(../images/double_arrows.png); }
			#box1 p.learn_more, #box2 p.learn_more { color:#fdfdfb; }
			p.learn_more:hover, #box1 p.learn_more:hover, #box2 p.learn_more:hover { color: #000;}

#footer_strip {
	width: 100%;
	margin:0;
	padding: 0;
	position: relative;
	background-color: #7e2129;
}				
	#footer {
		clear:both;
		width: 984px;
		padding: 20px;
		margin: 0 auto;
		/*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
--------------------------------------*/

	.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: #871e25; /* #ec2298; */
		font-weight:bold;		
	}
	p.news_subtitle {
		font-size:150%;
		color: #FAFAD2;		
	}
	p.news_datetime {
		color: #FAFAD2;
	}
	p.news_fee {
		color: #FAFAD2;
	}
	p.news_description { }



/* ------------------------------------
NContact
--------------------------------------*/	
	#social_media img {
		width: 20%;
		padding-right:5%;
	}