/*
   CWB110 Flare of Art Website

   StyleSheet
   Author:  Jill Bailey
   Date:  December 21, 2009 

   Filename:         flare.css
   
*/

/*xxxxxxxxxxxxxxxxxxxxxx main page layout xxxxxxxxxxxxxx */


* {
	margin: 0;
	padding: 0;
	}
	
body {
	width: 760px;
	height: 570px;
	font-family: serif, Arial;
	background: black url(images/mainpage3.jpg) no-repeat;
	border: 1px solid rgb(246, 225, 234);
	font-size: 62.5%;
	}
	
#container {
	padding: 0 0 2em 2em;
	font-size: 1.55em;
	position: relative;
	width:760px;
	height: 570px;
	margin-left: auto;
	margin-right: auto;
	}
	
		
h2	{
	color: rgb(246, 225, 234);
	font-size: 1.71em;
	text-align: left;
	font-variant: small-caps;
	padding-bottom: 5px;
	}
	
h3	{
	color: rgb(246, 225, 234);
	font-size: 1.2em;
	text-align: left;
	font-variant: small-caps;
	padding-bottom: 5px;
	}
	
#container h2 {
	position: absolute;
	text-align: center;
	left: 37px;
	top: 90px;
	}
	
#container h3 {
	position: absolute;
	text-align: center;
	left: 37px;
	top: 120px;
	}
	
#mainContent {
	position: absolute;
	left: 37px;
	top: 150px;
	width: 28em;
	color: rgb(246, 225, 234);
	}
	
#links {
	position: absolute;
	text-align: right;
	right: 55px;
	top: 400px;
	}
	
#links ul li{
	 list-style-type: circle;
	 color: white;
	 	}
	
#links a{
	display:block;
	bullets: none;
	text-decoration: none;
	font-variant: small-caps;
	color: rgb(215, 233, 90);
	font-weight:bold;
	font-size: 1.5em;
	padding: .2em 0 .2em 0;
	}
	
#links a:hover{
	text-decoration:underline;
	color: white;
	}
	
#construction h3 {
	position: absolute;
	left: 10px;
	top: 150px;
	font-size: 1.15em;
	}	
	
#construction a {
	color: rgb(215, 233, 90);
	font-weight: bold;
	font-variant: normal;
	}
	
#construction a:hover{
	text-decoration:underline;
	color: white;
	}