/*

Style sheet for Sweet Creations website
sweetcreations.html

Author : Jeremy Massey
Date : 05/25/2016

*/
/* Body elements for background images and fonts     */
body {
	background-image: url('images/backgroundonly.png');
	background-attachment:fixed;
	
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	color: #FFFFFF;
}


/*  Heading for FB sidebar    */
h1 {
	text-align:center;
	padding: 5px;
	color:#D200D2;
	font-style:italic;

}
/*  Navigation button settings    */
nav ul {
	list-style-type:none;
}

nav a {
	text-decoration: none;
	color:#D200D2;
	font-size: 25px;
	margin-left: 5px;
	font-weight: bold;
	word-spacing: 0em;
	letter-spacing: 1px;
	
}
nav a:hover {
	font-size: 29px;
	color:#009999;
}
nav {
	float: left;
	display: inline-block;
	clear: none;
	padding: 20px;
	padding-left: 0px;
	margin-left: 25px;
	margin-right: 1%;
	width: 300px;
	height: 200px;
	background-color: rgba(218,218,218,0.4);
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;

}

/* Changes the first letter of the paragrah to a larger letter     */
section article p:first-of-type:first-letter {
 font-size: 150%;
 text-transform: uppercase;
 font-family: 'Times New Roman', Times, serif;
 }


/*  Header float controls    */
header {
	
	display: block;
	clear: left;
}
/*  controls the size of the header image    */
header img {
	
	width: 30%;
}
/*  Side bar where FB link is    */
aside {
	float: left;
	display:inline-block;
	clear:none;
	margin-right: 1%;
	margin-left: 1%;
	padding:22px;
	padding-top:0px;
	background-color: rgba(218,218,218,0.4);
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;


}
/*  sets the float and margins for center section    */
section {
	float: left;
	display: inline-block;
	clear: none;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 46%;
	background-color: rgba(218,218,218,0.4);
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;

}

/* gallery menu */
#gallerymenu {
	font-size: 40px;
	font-weight: bold;
	font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
	text-transform: uppercase;
	word-spacing: 2em;
	text-align:center;
}

/* sets size of images in gallerys */
#images img {
	width: 35%;
	vertical-align: top;
}
/* Order form setting */
#orderForm {
	line-height: 40px;
}
/* Form validation */
input:focus, select:focus, textarea:focus { 
 background-color: rgb(220, 255, 220); 
}
input:focus:valid {
	background: rgb(220, 255, 220) url('images/go.png') bottom right no-repeat;
	-o-background-size: contain; 
 	-moz-background-size: contain; 
 	-webkit-background-size: contain; 
 	background-size: contain;
	
}
input:focus:invalid {
	background: rgb(255, 323, 233) url('images/stop.png') bottom right no-repeat;
	-o-background-size: contain; 
 	-moz-background-size: contain; 
	 -webkit-background-size: contain; 
	 background-size: contain;

}

/*  Footer controls    */
footer {
	display: block;
	vertical-align: bottom;
	text-align: center;
	clear: both;
}