@import "reset.css";

body {
	text-align:center;
	background-color:#000000;
	margin-top:25px;
	color:#FFFFFF;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:80%;
}

h1 {
	font-size:20px;
	margin-bottom:6px;
}

p {
	padding-top:5px;
	padding-bottom:5px;
	line-height:normal;
	font-size:1em;
}

a {
	color:#FFF;
}

th {
	font-weight:bold;
	text-align:center;
}


#wrapper {
	width: 1024px;
	height: 768px;
	background-color:#000000;
	text-align:left;
	margin: 0 auto;
	position:relative;
	font-size:1em;
}

#top {
	height: 110px;
	margin-left:180px;
	position:relative;
}

#top img.logo {
	position:absolute;
	bottom:0;
}

#topContent {
	position:absolute;
	left:283px;
	width:562px;
	height:130px;
}

#contentWrapper {
	width:844px;
	height:850px;
	margin-left:180px;
	position:relative;
}

/* classes */

.content {
	padding:20px;
}

.headingInfo {
	text-transform:uppercase;
	padding:0;
}

.tag {
	text-transform:uppercase;
}

.text_field, .submit, .textarea {
		padding: 3px;
}

.text_field label {
		display:block;
		padding-bottom:4px;
		
}

.error {
	font-weight:bold;
	color:#F00;
	padding-bottom: 5px;
}

.success {
	font-weight:bold;
	color:#090;
	padding-bottom: 5px;
}

/* end classes */

/* menu */
#menu {
	width:180px;
	float:left;
}

#menu li {
	position:relative;
}

#menu li span {
	position:absolute;
	left: -999px;
}

#menu li a {
		display:block;
		position:relative;
		width: 165px;
		height: 116px;
		
		background-image:url(../images/menuFreakyHome.png);
}

#menu li a:hover {
		background-image:url(../images/menuFreakyHomeOver.png);
}

#menu li.second a{
	top:-10px;
	left:2px;
	background-image:url(../images/menuFreakyFree.png);
}

#menu li.second a:hover {
		background-image:url(../images/menuFreakyFreeOver.png);
}

#menu li.third a{
	top:-18px;
	left:4px;
	background-image:url(../images/menuSneakFreak.png);
}

#menu li.third a:hover {
		background-image:url(../images/menuSneakFreakOver.png);
}

#menu li.fourth a{
	top:-28px;
	left:7px;
	background-image:url(../images/menuMeetTheFreaks.png);
}

#menu li.fourth a:hover {
		background-image:url(../images/menuMeetTheFreaksOver.png);
}

#menu li.fifth a{
	top:-36px;
	left:9px;
	background-image:url(../images/menuFreakyMe.png);
}

#menu li.fifth a:hover {
		background-image:url(../images/menuFreakyMeOver.png);
}

#menu li.sixth a{
	top:-46px;
	left:12px;
	background-image:url(../images/menuFanWall.png);
}

#menu li.sixth a:hover {
		background-image:url(../images/menuFanWallOver.png);
}

#menu li.seventh a{
	top:-54px;
	left:15px;
	background-image:url(../images/menuJoinTheFreaks.png);
}

#menu li.seventh a:hover {
		background-image:url(../images/menuJoinTheFreaksOver.png);
}
/* end menu */

/* footer */
#footer {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align:right;
	text-transform:uppercase;
	font-size:10px;
}

#footer a {
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}
/* end footer */

/* index page */
#indexLogo {
	position:absolute;
	top:200px;
	left:250px;
	z-index:100;
	color:#FFFFFF;
	text-align:center;
}

#indexChalkboard {
	position:absolute;
	top:450px;
	left:325px;
	z-index:99;
	text-align:center;
}

#indexChalkboard a {
		display:block;
		width:363px;
		height:248px;
		background-image:url(../images/indexChalkboard.png);
}

#indexChalkboard a:hover {
		background-image:url(../images/indexChalkboardOver.png);
}

#indexDoubleFly {
	position:absolute;
	top:15px;
	left:115px;
	z-index:98;
}

#indexEyes {
	position:absolute;
	top:110px;
	left:475px;
	z-index:97;
}

#indexLeftFly {
	position:absolute;
	top:490px;
	left:820px;
	z-index:96;
}

#indexRightFly {
	position:absolute;
	top:435px;
	left:160px;
	z-index:95;
}

#zombiesons {
	width:468px;
	height:464px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

#wizardsons {
	width:449px;
	height:433px;
	position:absolute;
	top:0;
	right:0;
	z-index:2;
}

#humansons {
	width:429px;
	height:342px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:3;
}

#aliensons {
	width:468px;
	height:388px;
	position:absolute;
	bottom:0;
	right:0;
	z-index:4;
}
/* end index page */

/* home page */
#homeContent {
	position:absolute;
	left:351px;
	top:-43px;
	padding-right:20px;
	width: 475px;
}

#homeBooks {
	position:absolute;
	right:-110px;
	bottom:64px;
	width: 555px;
	height: 497px;
}

#homeDoubleFly {
	position:absolute;
	right:0;
	bottom:20px;
}

#homeContentFly {
		position:absolute;
		top:0;
		left: 100px;
}

#homeEyes {
	position:absolute;
	left: 283px;
	bottom:170px;
}

#scholasticLogo {
	text-align: right;
}
/* end home page */

/* free page */
#freeContent {
	position:absolute;
	left:440px;
	top:40px;
	padding-right:20px;
}

#freeDoubleFly {
		position:absolute;
		right:0;
		bottom:0;
}

#freeContentFly {
	position:absolute;
	top:170px;
	left: 342px;
}

#freeEyes {
		position:absolute;
		left: 5px;
		bottom:0;
}

#freeContent table td {
		padding:5px;
}
/* end free page */

/* sneak page */
#sneakContent {
	position:absolute;
	left:427px;
	top:40px;
	padding-right:20px;
	width: 402px;
}

#sneakBooks {
	position:absolute;
	right:0;
	bottom:0;
	padding-left:130px;
}

#sneakDoubleFly {
	position:absolute;
	left:502px;
	top:160px;
}

#sneakContentFly {
	position:absolute;
	top:5px;
	left: 170px;
}

#sneakEyes {
		position:absolute;
		right: 5px;
		top:0;
}

#book1{
		position:relative;
		right: -175px;
		z-index: 2;
}

#book2{
		position:relative;
		right: -125px;
		z-index: 3;
}
#book3{
		position:relative;
		right: -75px;
		z-index: 2;
}
#book4{
		position:relative;
		right: -30px;
		z-index: 1;
}
/* end sneak page */

/* album page */
#albumContent {
	position:absolute;
	left:350px;
	top:-80px;
	padding-right:20px;
}

#collage {
		margin-bottom: 40px;
}

#albumSecondMenu {
	position:absolute;
	bottom:0;
	right:0;
}

#albumSecondMenu ul li {
	float:left;
	padding-right: 25px;
	text-align:center;
}
/* end album page */

/* common albums styles */
.albumTop {
	padding-left: 90px;
	padding-top: 45px;
}

.albumTop p {
	font-size:90%;
	text-transform:uppercase;
}

#albumTnContent {
	position:absolute;
	width: 480px;
	left:330px;
	top:0px;
	padding-right:20px;
	text-transform:uppercase;
	z-index:10;
}

#tnMrs {
		float:left;
		margin-bottom:10px;
}

#tnMrs p {
	padding-left: 30px;
}

#tnSis {
		float:right;
		margin-bottom:20px;
}

#tnSis p {
	padding-left: 120px;
}

#tnMr {
	position:absolute;
	top: 160px;
	left: 175px;
	text-align:center;
	z-index: 10;
}

#tnMr p {
}

#tnBaby {
		float:left;
		
}

#tnBaby p {
	position:relative;
	top: -20px;
}

#tnBro {
		float:right;
}

#tnBro p {
	padding-left: 150px;
	position:relative;
	top: -20px;
}

#tnPet {
	text-align:center;
	position:relative;
	top: -50px;
}

#tnPet p {
}

.familyHoliday {
	position:absolute;
	bottom:0px;
	padding: 0 0 5px 20px;
	text-transform:uppercase;
}

.familyAlbum {
	position:absolute;
	bottom:150px;
	padding: 0 0 20px 20px;
	text-transform:uppercase;
}

.backToAlbumLink {
	width:auto;
	padding:0 20px 20px 20px;
	position:absolute;
	bottom:0;
	right:0;
	font-size: 14px;
	text-transform: uppercase;
	text-align:center;
}

.backToAlbumLink a {
		color:#FFF;
		text-decoration:none;
}

.backToAlbumLink a:hover {
	text-decoration: underline;
}
/* end common albums styles */

/* me page */
#fansContent {
	position:absolute;
	left:100px;
	padding-right:20px;
}

#meTop {
	padding-left: 40px;
	padding-top: 55px;
}

#meContent {
		margin-top: -10px;
}

#meContent p {
	padding-top: 0;
	padding-bottom:0;
	text-align:justify;
}
/* end me page */

/* fan wall page */
#fansTop {
	padding-left: 90px;
	padding-top: 80px;
}

#fansContent {
	position:absolute;
	left:355px;
	padding-right:20px;
}

.nameText {
		float:left;
		padding-right:15px;
}

.ageText {
		float:left;
		padding-right:15px;
}

#messagesArea {
	margin-top: 10px;
	padding: 10px;
	border: 1px solid #fff;
		height: 300px;
		overflow: auto;
}

#messagesArea hr {
		height:1px;
	background-color:#FFF;
	margin: 10px 0 10px 0;
	padding:0;
	color:#FFF;
}
/* end fan wall page */

/* members page */
#joinTop {
		padding-left: 180px;
		padding-top: 75px;
}

#membersContent {
	position:absolute;
	top: 20px;
	left:460px;
	right: 40px;
	padding:5px 10px 5px 10px;
	margin:0;
	color:#000;
	background-color:#FFF;
}

#membersContent .text_field {
		padding: 3px;
		float:left;
}

#membersContent .text_field label {
		display:block;
		padding-bottom:4px;
		
}
/* end members page */
.innerTitle {
	font-size: 11px;
}
/* end shadowbox */