/* COLOR PALETTE 
# green:#c1d72d
# green-light:#edf4cb
# blue (anchors):#59b7b2
# blue-medium:#cdebeb
# blue-medium-light:#eaf6f6
# blue-light:#edf1f4
# gray:#887f6e (old) #544f44 (darker by request)
# gray-medium:#bbb2a3
# gray-light:#f1edea
*/

@import "reset.css";
@import "typography.css";
@import "index/gallery.css";
@import "index/blog.css";
@import "index/ads.css";
@import "index/shoppe.css";
@import "aboutus.css";
@import "faq.css";

html, body {
	background-color: #FFFFFF;
	border: 0 none;
	font: 12px verdana, arial, helvetica, tahoma, sans-serif;
	height: 100%;
	margin:0 auto; 
	padding:0;
	text-align:center;
}

div, th, td, p, input, select, textarea, tt, button {
  color: #646673;
  font: 12px verdana, arial, helvetica, tahoma, sans-serif;
}

img {
	border:0;
	}
	
img.spotlight {display:block; vertical-align:top;}

h2{
	margin: 0 0 5px;
}

a  {
	border:0;
	overflow: hidden;	
	text-decoration:none;
}

#pageWrap {
	width:994px;
	margin:10px auto;
	padding:0;
	text-align:left;
	position:relative;
}

/* GENERIC CONTENT BLOCKS for gallery, shoppe, and ads */
img.square-large {height:161px;width:161px;}
img.square-small {height:78px;width:78px;}
img.rectangle-short {height:136px;width:293px;}
img.rectangle-tall {height:181px;width:293px;}

/* SPOTLIGHT SPRITE */ 
#spotlight {
  text-align:center;
  border:0;
  overflow:hidden;
  padding:0;
  width:100%;
/*  height:1305px;*/
/*  background: url(../images/spotlight/200911.jpg) 50% no-repeat;*/
  position:relative;
}

#spotlight ul, #spotlight li {
	margin: 0; 
	padding: 0; 
	list-style: none; 
	display: block; 
    position:absolute;
} 

#spotlight a {
  display:block;	
}

li.spotlight-01 {left: 100px; top: 1050px; width: 325px; height: 72px;}	/* DESIGNER */
li.spotlight-02 {left: 50px; top: 1125px; width: 425px; height: 150px;}	/* KIT TEXT */
li.spotlight-03 {left: 425px; top: 850px; width: 550px; height: 453px;}	/* KIT IMAGE */

li.spotlight-01 a {height: 72px;}	/* DESIGNER */
li.spotlight-02 a {height: 150px;}	/* KIT TEXT */
li.spotlight-03 a {height: 453px;}	/* KIT IMAGE */

/* TOP NAV SPRITE */
/* includes logo, search, top menu, tagline, and social networking links */
#header {
  border:0;
  overflow:hidden;
  width: 100%;
  height: 162px;
  margin: 0 auto;
  padding:0;
  background: url(../images/redesign/header.jpg) no-repeat; 
  position: relative;
}

#header ul, #header li {
	margin: 0; 
	padding: 0; 
	list-style: none; 
	display: block; 
    position:absolute;
} 

#header a {
  display:block;	
}

li.header-01 {left: 0px; top: 25px; width: 540px; height: 72px;}		/* LOGO */
li.header-02 {left: 25px; top: 114px; width: 64px; height: 45px;} 		/* HOME */
li.header-03 {left: 86px; top: 114px; width: 84px; height: 45px;}		/* SHOPPE */
li.header-04 {left: 170px; top: 114px; width: 85px; height: 45px;}		/* BLOG */
li.header-05 {left: 256px; top: 114px; width: 84px; height: 45px;}		/* GALLERY */
li.header-06 {left: 338px; top: 114px; width: 79px; height: 45px;}		/* FORUMS */
li.header-07 {left: 417px; top: 114px; width: 79px; height: 45px;}		/* TUTORIALS */
li.header-08 {left: 496px; top: 114px; width: 72px; height: 45px;}		/* SPOTLIGHT */

li.header-01 a {height: 72px;}	/* LOGO */
li.header-02 a {height: 45px;}	/* HOME */
li.header-03 a {height: 45px;}	/* SHOPPE */
li.header-04 a {height: 45px;}	/* BLOG */
li.header-05 a {height: 45px;}	/* GALLERY */
li.header-06 a {height: 45px;}	/* FORUMS */
li.header-07 a {height: 45px;}	/* TUTORIALS */
li.header-08 a {height: 45px;}	/* SPOTLIGHT */

li.header-02 a:hover {background: url(../images/redesign/header.jpg) -25px -162px no-repeat;}
li.header-03 a:hover {background: url(../images/redesign/header.jpg) -86px -162px no-repeat;}
li.header-04 a:hover {background: url(../images/redesign/header.jpg) -170px -162px no-repeat;}
li.header-05 a:hover {background: url(../images/redesign/header.jpg) -256px -162px no-repeat;}
li.header-06 a:hover {background: url(../images/redesign/header.jpg) -338px -162px no-repeat;}
li.header-07 a:hover {background: url(../images/redesign/header.jpg) -417px -162px no-repeat;}
li.header-08 a:hover {background: url(../images/redesign/header.jpg) -496px -162px no-repeat;}

/* SOCIAL NETWORKING ICONS */
li.social-01 {left:810px; top:84px; width:33px; height:33px;}	/* FLICKR */
li.social-02 {left:843px; top:84px; width:33px; height:33px;}	/* FACEBOOK */
li.social-03 {left:876px; top:78px; width:39px; height:39px;}	/* TWITTER */
li.social-04 {left:912px; top:78px; width:39px; height:39px;}	/* RSS */

li.social-01 a {height:33px;}	/* FLICKR */
li.social-02 a {height:33px;}	/* FACEBOOK */
li.social-03 a {height:39px;}	/* TWITTER */
li.social-04 a {height:39px;}	/* RSS */

/* SEARCH */
li.searchquery, li.searchquery input, li.SAsbq, li.SAsbq input {
	background:transparent;
	border:0;  
	left: 687px;
	height:16px;
	width:211px;
	top: 43px;
}

li.searchsubmit, li.searchsubmit a, li.SAsbs, li.SAsbs a {
  background:transparent;	
  border:0;
  left:910px;
  top:40px;
  height:28px;
  width:57px;
}

#content { 
  width:100%;
  margin:0 auto; 
  padding-top:30px;
  background:url(../images/redesign/border.jpg) top repeat-y;
  position:relative;
  clear:both;
}

#chat {
 margin:0 auto;
 padding:0;
 width:293px;
 height:563px;
 float:right;
 position:relative;
}

#flourish { 
	background:url(../images/redesign/flourish.jpg) top no-repeat;
	clear:both;
	margin-left:250px;
	margin-top:-7px;
	padding:0;
	width:607px;
	height:40px;
}

/* FOOTER SPRITE */
#footer {
  clear:both;
  margin:0 auto;
  border:0;
  overflow:hidden;
  width: 100%;
  height: 134px;
  padding-top:5px;
  background: url(../images/redesign/footer.jpg) top no-repeat; 
  position: relative;
}

#footer li {
	margin: 0; 
	padding: 0; 
	list-style: none; 
	display: block; 
	position: absolute;
} 

#footer a {
  display:block;	
}

#footer-01 {left:305px; top:82px; width:37px; height:35px;}
#footer-02 {left:352px; top:82px; width:35px; height:35px;}
#footer-03 {left:410px; top:82px; width:40px; height:35px;}
#footer-04 {left:475px; top:82px; width:35px; height:35px;}
#footer-05 {left:530px; top:82px; width:35px; height:35px;}

#footer-01 a {height:35px;}
#footer-02 a {height:35px;}
#footer-03 a {height:35px;}
#footer-04 a {height:35px;}
#footer-05 a {height:35px;}

#footer-01 a:hover {background:transparent url(../images/redesign/footer.jpg) -305px -158px no-repeat;}
#footer-02 a:hover {background:transparent url(../images/redesign/footer.jpg) -352px -158px no-repeat;}
#footer-03 a:hover {background:transparent url(../images/redesign/footer.jpg) -410px -158px no-repeat;}
#footer-04 a:hover {background:transparent url(../images/redesign/footer.jpg) -475px -158px no-repeat;}
#footer-05 a:hover {background:transparent url(../images/redesign/footer.jpg) -530px -158px no-repeat;}

/* E-MAIL */
#emailaddress {
	background:transparent;
	border:1px solid purple;  
	left: 663px;
	height:30px;
	width:238px;
	top: 40px;
}

#emailaddress, #emailaddress input {
  border:0;
  background:transparent;
  left: 669px;
  height:20px;
  width:224px;
  top: 43px;
  
}

#emailsubmit, #emailsubmit a {
  background:transparent;	
  border:0;
  left:902px;
  top:40px;
  height:28px;
  width:47px;
}

#smilebox, #error {
  margin:0 auto;
  text-align:center;
}

#phplist {
  margin:0 auto;
  padding-left: 30px;
}

#phplist .required {
  color: red;
}