/*
	

s2s


Layout Style Sheet


Author:  Paula Smith
	


*/


<style>



/* header */





	header {



		background-color: #667f8a;



		border-top-left-radius: 20px;



		border-top-right-radius: 20px;



		padding: 25px;


		text-align: right;



		}





	nav {
	

		padding: 0.5em;


		background-color: #DBD8A0;


		text-align: center;

			}




	nav 	ul li {


	
		display: inline;



		}



	

nav a {
	

		padding: 0.25em;


		color: #843D53;

		font-weight: bold;


		text-decoration: none;


		}





	nav a:hover {


		color: black;


		background-color: goldenrod;


		}






/* body */



	

	body  {


    		background-color: #1c2951;


		font-size: 0.9em;


		font-family: verdana, Arial, Helvetica, sans-	serif;

		padding: 5px;

		
}




	main p{

		width: 910px;


		margin: 20px auto;


		background-color:  #843D53;

		border-radius: 20px;


		color: white;

		font-size: 1em;	

		}



	
#container {


		width: 930px;


		margin: 10px auto;


		border: 2px solid black;


		background-color:  #843D53;

		border-radius: 22px;


		}





	#main {
	

		padding: 0.5%;


		margin: 0 20% 0 20%;


			}





	h1 {



		padding: 1em;


		text-align: right;


			}




	

#films  {


		width: 275px;



	float: left;



	background-color: #c48f9f;


	padding: 1em;


	margin: .5em;

			color: white;



		}

	



	

#product ol {



		margin: 2em .5em 0 1.5em;



			}

#scripts  {


		width: 275px;

		float: left;


		background-color: #c48f9f;

	
		margin: .5em;

		padding: .5em;

		color: white;


		}



	#product  {


		width: 275px;


		background-color: #c48f9f;

		float: right;

		margin: .5em;

		padding: .5em;


		color: white;


		margin-bottom: 2em;


		}



	

#scripts ol {



		padding: 1em;



		list-style-type: square;



		list-style-position: inside;



			}






	#scripts ul li {



		margin: 2em;



			}







/*form*/





 

form {
	margin-top: 1em;


	border: solid 2px white;


	padding: 1em;


	background-color: #DBD8A0;

	font-size: 1em;

	}





#formcontainer  {


	width: 600px;


	float: right;


	padding: 5px;

		}





.labelfloatleft label {


	width: 300px;


	padding: 5px;

	color: black;


	float: left;


	text-align: left;


	}







  fieldset {
 

 	background-color: #DBD8A0;


  	    }





legend {


	color: black;


	padding: 0 10px;


	font-size: 1.5em;

	}





label {


	color: black;


	font-size: 1em;

	padding: 5px;

	}





input.text {


	background-color: white;

	float: right;

		}





fieldset.group	 {


		float: right;


		padding: 0;


		}





select {

	
display: block;


	}



figure {


	text-align: center;


	}
			




	



/* links */





	a {


		color: White;


		font-size: 1em;


		text-decoration: none;


		}


	
		

	
a:hover {


		color: black;


		background-color: goldenrod;


		}







/* Heading styles */

  

	

	h1 {
 

  		background-color: #667f8a;


    		color: white;


    		font-size: 2em;


    		letter-spacing: .2em;

		text-align: center;


   		word-spacing: .5em;


    		text-transform: uppercase;

		}
  




	h2 {
    

		background-color: #843d53;


    		color: white;


		font-size: 1.5em;


   		}





	

h3 {


		color: white;

				font-size: 1.25em;

			}




  

	h4 {

		font-size: 1em;


		color: black;

		}




/* paragraph */
 





	p {


		color: black;


    		text-indent: 3em;


  		line-height: 1.5em;


    		}


table {
	
	width: 100%;

	margin: 10px auto;

	border: solid 3px black;

	border-collapse: collapse;

	background-color: #DBD8A0;
	color: black;
	
}


caption {
		padding: 4px;
		color: white;
		background-color: #667F8A;
		font-weight: bold;
		font-style: italic;
		font-size: 1.2em;
		}



td {
		
	padding: 6px;
	}


tr.stripe {
		background-color: #843D53;
	color: white;
	}

tr:hover {
		color: white;
		background-color: black;
	}










/* footer */





	footer {



		clear: both;



		margin-top:1em;
	

				padding: 1em;



		background-color: #DBD8A0;


		color: #843D53;

		border-top: solid 3px black;


		text-align: center;

 		font-size: 1em;


		}				




	footer a {
	

		padding: 0.25em;


		color: #843D53;

		font-weight: bold;


		text-decoration: none;


		}





</style>