/* ------------------------------------
Site: Dream Nights
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: url(../images/glitter_bg.jpg) left center fixed no-repeat; /* glitter */
		/* background: url(../background_party.jpg) left center fixed no-repeat;  /* party */
		/* background: url(../dreamstimecomp_27193729.jpg) left center fixed no-repeat;  /* party */
		background-size:cover;
		margin:0;
		position:relative;
	}
	
	h1, h2, h3, h4, h5, h6 {
	    margin: 0 0 0.5em 0;
	}

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

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

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

	h4 {
		color:  #1dcbe4; /* #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: #FFF; } /* text-decoration:none; */
	a:visited {color: #FFF;}
	a:focus {color: #dbaf2c; outline: thin dotted;}
	a:hover {color: #dbaf2c;}
	a:active {color: #e68f95;}
	
	input, textarea {
		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: #1dcbe4;
		color:#FFFFFF;
		font-weight:bold;
		text-align:center;
		margin: 10px 0;
		border: 1px solid #0d8d9f;
		border-radius:10px;
		padding: 0.5em 1.5em;
	}	 
	button: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 */
	.validate {margin: 0 auto; width:50%;} /* name of form for mail chimp */



/* ------------------------------------
Structure
--------------------------------------*/		
	#container {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		overflow: auto;
	}
	
	
	/* ------------------------------------
	Header - navigation and logo
	--------------------------------------*/		
	#header {
			width: 96%;
			padding: 2%;
			position: relative;
			background: #000;
			overflow:auto;
		}
		#logo {
			float:left;
			width: 50%;
			margin: 0 auto;
			padding: 0;
		}
		#social_media_bar {
			float:right;
			width:180px;
			margin: 0;
			padding: 0;
			text-align:right;
			}
			#social_media_bar .circle { 
				float: left;
				margin-right: 10px;
				background-color: #1dcbe4;
				border-radius: 50%;
				width: 50px;
				height: 50px; 
				overflow: auto;
				text-align: center;
			}
			#social_media_bar img { padding-top: 7.5px; }
			#social_media_bar .circle:hover { 
				background-color: #000; /* #1c3e97; */
			}
			#nav {
				width: 96%;
				padding: 0 2%;
				margin:0;
				position: relative;
				background-color: #1dcbe4; /*#EEE7D5; /* #C79825, #D4AF37 */
				overflow:auto;
				}		
				#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: #e9d982;
					}
					#nav a.current { 
						color: #FFF; /*#D4AF37; /*#FFd700;/*dd9830;*/
					}			

		#pic_pane {
			width:100%;
			margin:0;
			padding:0;
			background: #000; /* #1dcbe4; */
		}	
			
		#content {
			clear: both;
			width: 944px;
			padding: 20px 40px;
			margin: 0 auto;
			/*background-color: #D4AF37; /* Denise says this looks like green: #ae9b59; /*rgba(255,255,255,0.8);	*/		
			overflow:auto;
			background: rgba(0,0,0,0.8);
			}
			
			#content p { color: #FFF;  }
			
							
	#footer {
		background: #7e2129; /*3f0502;*/
		clear:both;
		width: 984px;
		padding: 20px;
		margin: 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
 */
	.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 */
	}
	
	.highlight_box {
		padding: 20px;
		float:right;
		width:200;
		margin: 20px 0 20px 20px;
		background:#1dcbe4;
		border-radius: 5px;
		text-align:center;
	}
	
	#content .highlight_box p {
		font-weight: bold;
		color:#000;
	}
	


/* ------------------------------------
Fake Popup
-------------------------------------*/

	#fade {
		display: none;
		position: absolute;
		top: 0%;
		left: 0%;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0, 0.8);
		z-index:1001;
	}
	
	.fake_popup {
		display: none;
		position: fixed;
		top: 25%;
		left: 25%;
		z-index:1002;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		overflow: scroll;
		width:50%;
		background-color: #1dcbe4; 
		padding:20px;
		text-align:center;
	}
	
	img.corner_close { 
		position:absolute;
		top:-20px;
		right:-20px;
		z-index: 1003;
		width:16px;
	}
	
}