/*------------------------ Global ------------------------*/

* {
	margin: 0;
	padding: 0;
}
html, body { 
 /*height: 100%;*/	
	margin: 0;
	padding: 0;
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #b7ddf0;
 height: 100%;
}
a img {
	border: 0;
}
.clear {
	clear: both;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
fieldset {
	border: 0;
	padding: 0;
}
a, a:link, a:visited, a:hover, a:active {
	color: #70266c;
	font-weight: bold;
	text-decoration: none;
}
h2 {
	font-size: 20px;
	text-transform: uppercase;
	color: #70266c;
}
h2.underlined {
	border-bottom: 1px solid #b7ddf0;	
}
h3 {
	font-size: 18px;
	text-transform: uppercase;
	color: #70266c;
}
h4 {
	color: #70266c;
	margin-bottom: 10px;
}
.rounded {
	-moz-border-radius:	10px;
	-webkit-border-radius:	10px;
	border-radius: 10px;
}
.roundedbr {
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
}
.roundedbl {
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
}
.roundedtr {
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
}
p {
	margin-bottom: 10px;
}

hr {
	border: 0;
	height: 1px;
	background: #b7ddf0;
	clear: both;
	margin: 10px 0;
}



/*------------------------ Header ------------------------*/

#header {
	background: url(../images/header-bg.jpg) #b7ddf0;
	height: 126px;
	border-bottom: 1px solid #ddf1fc;
	padding-bottom: 1px;
	width: 100%;
	overflow: visible;
}
h1#logo {
	margin: 14px 0 0 0;
	padding: 0;
	float: left;
	width: 406px;
	height: 55px;
	background-image: url(../images/logo.png);
}
h1#logo span {
	display: none;
}
#banner {
	margin: 10px 0 0 0;
	float:right;
}
#topContainer {
	height: 86px;
	width: 985px;
	margin: 0 auto;
	clear:both;
}
/*------------------------ Login -----------------------*/
#login-form {
	margin: 12px 0 5px 0;
}
#login-form label {
	 color:#da0f76;
	 font-size:13px;
	 width: 85px;
	 font-weight: bold;
	 margin: 0 3px 0 12px;
}
#login-form input {
	height: 20px;
}
#login-form .go {
	margin: 0 0 0 3px;
	vertical-align: bottom;
	height: 23px;
}
#header .failureText {
	color: #B02020;
	font-size: 11px;
	font-weight: bold;
	float: right;
}
#header a {
	color: #666;
	font-size: 11px;
	font-weight: normal;
}
/*------------------------ Nav ------------------------*/

#tabContainer {
	height: 26px;
	padding:14px 0 0 0;
	clear: both;
	width: 985px;
	margin: 0 auto;
}
#myAreaTab {
	display: block;
	height: 28px;
	float: left;
	margin-left: 0;
	background-image: url(../images/tabs/myArea.jpg);
	width: 104px;
	list-style-type:none;
}
#myAreaTab a span {
	display: none;
}
#tabs {
	float:right;
}
#tabs li {
	height:26px;
	float: left;
	list-style-type:none;
}
.tab {
	margin-left: 5px;
}
.tab a {
	display: block;
	height: 28px;
	background-image: url(../images/tabs/nav-sprite.gif);
}
.tab#area a {
	x-background-image: url(../images/tabs/myArea.jpg);
}
.tab a span {
	display: none;
}
/*------------------------ Tabs ------------------------*/

.tab#area a 
{
	background-image: url(../images/tabs/off/my_area.png);
	background-position: 0 0;
	width: 104px;
}
.tab#area a:hover, .tab#area a.active {
	background-image: url(../images/tabs/on/my_area.png);
	background-position: 0 0;
}
.tab#home a {
	width: 55px;
	background-position: 0 0;
}
.tab#home a:hover, .tab#home a.active {
	background-position: 0 -28px;
}
.tab#heroes a {
	background-position: -55px 0;
	width: 133px;
}
.tab#heroes a:hover, .tab#heroes a.active {
	background-position: -55px -28px;
}
.tab#links a {
	background-position: -188px 0;
	width: 105px;
}
.tab#links a:hover, .tab#links a.active {
	background-position: -188px -28px;
}
.tab#gallery a {
	background-position: -293px 0;
	width: 75px;
}
.tab#gallery a:hover, .tab#gallery a.active {
	background-position: -293px -28px;
}
.tab#features a {
	background-position: -368px 0;
	width: 89px;
}
.tab#features a:hover, .tab#features a.active {
	background-position: -368px -28px;
}
.tab#about a {
	background-position: -457px 0;
	width: 64px;
}
.tab#about a:hover, .tab#about a.active {
	background-position: -457px -28px;
}
.tab#fun a 
{
	background-image: url(../images/tabs/off/fun.png);
	background-position: 0 0;
	width: 48px;
}
.tab#fun a:hover, .tab#fun a.active {
	background-image: url(../images/tabs/on/fun.png);
	background-position: 0 0;
}
.tab#information a 
{
	background-image: url(../images/tabs/off/information.png);
	background-position: 0 0;
	width: 114px;
}
.tab#information a:hover, .tab#information a.active {
	background-image: url(../images/tabs/on/information.png);
	background-position: 0 0;
}
.tab#contact a {
	background-position: -521px 0;
	width: 81px;
}
.tab#contact a:hover, .tab#contact a.active {
	background-position: -521px -28px;
}
.tab#shop a {
	background-position: -602px 0;
	width: 59px;
}
.tab#shop a:hover, .tab#shop a.active {
	background-position: -602px -28px;
}
/*------------------------ Home -------------------------*/
#homecontent {
	width: 685px;
	float: left;
}
	
#mainimage {
    position:relative;
	margin: 24px 0 14px 0;
	height: 245px;
}

#mainimage IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
#mainimage IMG.active {
    z-index:10;
    opacity:1.0;
}
#mainimage IMG.last-active {
    z-index:9;
}

	#smallboxes {
		width: 686px;
	}
		#smallboxes .smallbox {
			width: 195px;
			height: 147px;
			background-image: url(../images/smallbox.jpg);
			margin: 0 12px 14px 0;
			float: left;
			padding: 12px;
			overflow: hidden;
		}
		#smallboxes .last {
			margin: 0 0 14px 0;
		}
		.smallbox h3 {
			margin: 0 0 5px 0;
			padding: 0;
			display: inline;
		}
		.smallbox p {
			line-height: 1.2em;
		}
		
		.smallbox p.link {
			color: #70266c;
			margin-top: 10px;
			clear: both;
		}
#safety {
	width: 120px;
	float: left;
}
#find {
	width: 132px;
}
#ourshop {
	display: inline;
	width: 200px;
}
#chatrooms {
	display: inline;
	width: 200px;
}

#homecolumn {
	width: 296px;
	float: right;
	margin: 12px 0 10px 0;
}
#sponsored {
	float: right;
}

/*----------------------- Join --------------------------*/
#join {
	background: url(../images/join-bg.png) no-repeat;
	height: 620px;
	padding: 45px 16px 0 30px; 
	color:#fff;
	margin-bottom: 8px;
}
#join-form {
	margin: 10px 0;
	font-size: 11px;
}
#join-form div {
	margin: 0 0 7px 0;
	padding: 0;
}
#join-form label {
	width: 90px;
	font-weight: bold;
	display: inline-block;
}

#join-form input.fullwidth {
	border: 0;
	width: 160px;
	height: 22px;
}
#join-form select {
	width: 155px;
	height: 22px;
	position: relative;
	left: -3px;
	margin-right: 1px;
}
#join-form select.dob {
	width: 49px;
	height: 22px;
}
#join-form select.dob-year {
	width: 55px;
}
#join-form fieldset#category {
	margin: 7px 0;
	border: 0;
	padding: 0;
}
#join-form fieldset#category legend {
	font-weight: bold;
	color: #fff;
}
#join-form fieldset#category div {
	float: left;
	line-height: 25px;
}
#join-form fieldset#category div#col1 {
	margin-right: 5px;
}
	#join-form fieldset#category label {
		font-weight: normal;
		width: auto;
		font-size: 10px;
	}
	#join-form fieldset#passwordset input {
		border: 0;
		width: 140px;
		height: 22px;
	}
	#join-form fieldset#passwordset label {
		width: 110px;
	}
	#join-form fieldset#passwordset #code {
		border: 0;
		width: 74px;
		height: 27px;
	}
	#join-form fieldset#terms A
	{
		text-decoration: underline;
		color: White;
	}
	#join-form .submitButton {
		width: 94px;
		height: 29px;
		float: right;
	}
#captcha {
	width: 61px;
	height: 27px;
	margin-right: 5px;
	vertical-align: bottom;
}
p#help {
	font-size: 9px;
	float: left;
}
p#help a {
	text-decoration: none;
	color: #fff;
}


/*---------------- Find Friends - Grid -------------------*/
#findgrid {
	padding: 5px;
	width: 455px;
	background-color: #d9f2fd;
	margin-top: 24px;
	margin-right: 15px;
}
#findgrid h2 {
	margin: 5px;
	display: inline-block;
	float: left;
	width: 275px;
}
#viewby {
	float: right;
	margin-top: 10px;
}
#viewby label {
	font-size: 11px;
	font-weight: bold;
}
#viewby select {
	width: 114px;
}
#findgridinner {
	background-color: #fff;
	clear: both;
}
.gridnav {
	height: 30px;
	line-height: 30px;
	margin: 5px 10px;
	clear: both;
}
.gridnav a {
	font-size: 11px;
	margin: 0 2px;
}

#gridnavtop {
	border-bottom: 1px solid #d9f2fd;
	margin-bottom: 20px;
}
#gridnavbot {
	border-top: 1px solid #d9f2fd;
	margin-top: 20px;
}
	.perpageform {
		display: block;
		float: right;
	}
	.perpageform label {
		font-size: 11px;
		font-weight: bold;
	}
.grid {
	padding-left: 10px;
}
.grid .gridItem {
	margin: 0 10px 10px 0;
	float: left;
	height: 125px;
	width: 101px;
}
.grid .gridItem DIV 
{
	text-align: center;
	font-size: 0.9em;
}

#sidebar {
	float: right;
	width: 207px;
	margin: 24px 0 0 0;
	overflow: hidden;
}
.content > #sidebar {
	overflow: visible;
}
#searchby {
	padding: 5px;
	width: 197px;
	background-color: #d9f2fd;
}
#searchby h2 {
	margin: 5px;
}
#searchbyinner {
	background-color: #fff;
	clear: both;
	padding: 10px;
}
#searchform select {
	width: 177px;
	margin: 5px 0;
}
#searchform input {
	width: 167px;
	border: 1px solid #ccc;
	padding: 5px;
	margin: 4px 0;
}
#searchform input#submit {
	width: 177px;
	border: 0;
	padding: 0;
	margin: 10px 0;
}



/*-------------------- First 100 -----------------------*/
#first100 {
	padding: 5px;
	width: 676px;
	background-color: #d9f2fd;
	margin-top: 24px;
	margin-right: 15px;
	overflow: hidden;
}
#first100inner {
	background-color: #fff;
	clear: both;
	padding: 12px 0 0 0;
	width: 676px;
	overflow: hidden;
}
#first100 h2 {
	margin: 5px;
	display: inline-block;
	float: left;
	width: 375px;
}
#first100 .perpageform {
	margin-top: 10px;
}
#backHomepage {
	margin: 10px 0;
	display: block;
}

/*--------------------- My Homepage ---------------------*/

.contentbox {
	padding: 12px;
	width: 445px;
	background-color: #d9f2fd;
	margin-top: 24px;
}
#statusform {
	margin: 10px 0 5px 0;
}
#statusform label {
	font-weight: bold;
	color: #70266c;
}
#statusform input.status {
	border: 1px solid #ccc;
	height: 23px;
	width: 300px;
	margin: 0 5px;
}
#statusform input.submit {
	vertical-align: bottom;
}
#updates {
	margin: 10px 0 15px 0;
}
#updates div {
	clear: both;
	margin: 5px 0;
	width: 425px;
	overflow: auto;
}
p.date {
	color: #999;
	font-style: italic;
	margin: 7px 0 10px 0;
}
img.updateImg {
	margin-right: 10px;
}
.banner {
	margin-bottom: 15px;
}

		
/*------------------------ Inbox ------------------------*/
	
#contentArea {
	width: 670px;
	background: url(../images/tr.gif) top right no-repeat #FFF;
	padding: 0 10px;
}
.contentAreaBase {
	height: 10px;
	width: 690px;
	background-image: url(../images/b.gif);
	margin-bottom: 100px;
	padding-bottom: 100px;
}
#messageTabs {
	height: 28px;
}
.subtab {
	margin-right: 5px;
	float: left;
}
.subtab a {
	display: block;
	height: 28px;
	background-image: url(../images/tabs/inbox-sprite.gif);
}
.subtab a span {
	display: none;
}
.subtab#inbox a {
	background-position: 0 0;
	width: 67px;
}
.subtab#inbox a:hover, .subtab#inbox a.active {
	background-position: 0 -28px;
}
.subtab#sent a {
	background-position: -67px 0;
	width: 66px;
}
.subtab#sent a:hover, .subtab#sent a.active {
	background-position: -67px -28px;
}
.subtab#deleted a {
	background-position: -133px 0;
	width: 88px;
}
.subtab#deleted a:hover, .subtab#deleted a.active {
	background-position: -133px -28px;
}
.subtab#createnew a {
	background-position: -221px 0;
	width: 212px;
}
.subtab#createnew a:hover, .subtab#createnew a.active {
	background-position: -221px -28px;
}
#selectLinks 
{
	border-bottom: 2px solid #b7ddf0;
	width: 670px;
	padding: 10px 0;
	color: #888;
	font-weight: normal;
}
#selectLinksBot {
	border-top: 2px solid #b7ddf0;
	border-bottom: 0;
	margin-top: 10px;
	clear: both;
	padding: 10px 0 0 0;
}
#selectLinks a {
	color: #888;
	text-decoration: none;
	padding: 0 20px;
}
a#select {
	padding-left: 0;
}
.messages td {
	border-bottom: 1px dotted #d0d0d0;
	height: 56px;
	padding:5px;
}
#pagination {
	border:0;
	padding:0;
	margin:0;
	height:50px;
}
#pagination a {
	color:#666;
	text-decoration:none;
	font-weight: normal;
}
#pagination a:hover {
	color:#333;
}
.messages h4 {
	color: #70266c;
	padding: 0;
	margin: 2px 0 3px 0;
}
.messages p {
	padding: 0;
	margin: 2px 0 3px 0;
}

.message {
	border-bottom: 1px dotted #d0d0d0;
	margin: 10px 0 0 0;
	padding: 10px 0;
}
.messagecontent {
	margin-left: 70px;
}

.reply {
	overflow: hidden;
}
.reply form {
	padding: 20px 0;
	margin: 0 0 10px 0;
}
.reply label {
	font-weight: bold;
	color: #70266c;
	float: left;
	width: 70px;
}
.reply textarea {
	border: 1px solid #ccc;
	width: 594px;
	height: 108px;
	float: left;
	margin-bottom: 10px;
}
.reply form #backInbox {
	margin-left: 70px;
	float: left;
} 
/*----------------------- Edit Profile ------------------------*/

#profileEditTabs 
{
	height: 27px;
}
.profileEdittab 
{
	margin-right: 5px;
	float: left;
}
.profileEdittab a {
	display: block;
	height: 27px;
}
.profileEdittab a span {
	display: none;
}
.profileEdittab#personalinfo
{
	background-image: url(../images/tabs/off/prof_information.png);
	width: 198px;
}
.profileEdittab#interests 
{
	background-image: url(../images/tabs/off/prof_interests.png);
	width: 128px;
}
.profileEdittab#privacy 
{
	background-image: url(../images/tabs/off/prof_privacy.png);
	width: 76px;
}
.profileEdittab#password 
{
	background-image: url(../images/tabs/off/prof_password.png);
	width: 97px;
}
.profileEdittab#personalinfo A.active, .profileEdittab#personalinfo:hover
{
	background-image: url(../images/tabs/on/prof_information.png);
}
.profileEdittab#interests A.active, .profileEdittab#interests:hover
{
	background-image: url(../images/tabs/on/prof_interests.png);
}
.profileEdittab#privacy A.active, .profileEdittab#privacy:hover
{
	background-image: url(../images/tabs/on/prof_privacy.png);
}
.profileEdittab#password A.active, .profileEdittab#password:hover
{
	background-image: url(../images/tabs/on/prof_password.png);
}

/*----------------------- Profile ------------------------*/

#profileTabs {
	height: 28px;
}
.profiletab {
	margin-right: 5px;
	float: left;
}
.profiletab a {
	display: block;
	height: 28px;
	background-image: url(../images/tabs/profile-sprite.gif);
}
.profiletab a span {
	display: none;
}
.profiletab#about a {
	background-position: 0 0;
	width: 104px;
}
.profiletab#about a:hover, .profiletab#about a.active {
	background-position: 0 -28px;
}
.profiletab#wall a {
	background-position: -104px 0;
	width: 71px;
}
.profiletab#wall a:hover, .profiletab#wall a.active {
	background-position: -104px -28px;
}
.profiletab#photos a {
	background-position: -175px 0;
	width: 113px;
}
.profiletab#photos a:hover, .profiletab#photos a.active {
	background-position: -175px -28px;
}
.profiletab#friends a {
	background-position: -288px 0;
	width: 119px;
}
.profiletab#friends a:hover, .profiletab#friends a.active {
	background-position: -288px -28px;
}
.profileContent {
	width: 491px;
	padding: 10px;
	background: #fff;
	float: left;
}

.profileContent #leftcol {
	width: 108px;
	float: left;
}
#profilePic {
	position: relative;
	width: 100px;
	padding: 4px;
	border: 1px solid #ccc;
	margin-bottom: 20px;
}
.online {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 38px;
	height: 38px;
}
.latestpic {
	margin-bottom: 7px;
}
#profileDetails {
	margin-left: 120px;
	
}
#profileDetails .row .label {
	width: 130px;
	color: #70266c;
	font-weight: bold;
	float: left;	
	padding: 5px;
}
#profileDetails .row .details {
	float: left;
	padding: 5px;
}
#profileDetails .even {
	background: #f3f9fc;
}

#profileOptions {
	margin-top: 20px;
	background: #802f7c;
	width: 178px;
	float: left;
	color: #fff;
}
#profileOptions #title {
	margin: 15px;
}
#profileOptions ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 13px;
}
#profileOptions li {
	padding: 0;
	margin: 0;
	border-top: 1px solid #873983;
	border-bottom: 1px solid #6b2768;
	height: 28px;
	line-height: 28px;
}
#profileOptions li a {
	padding: 0 10px;
	display: block;
	text-decoration: none;
	color: #fff;
	font-weight: normal;
		vertical-align: top;

}
#profileOptions li a:hover, #profileOptions li a:active, #profileOptions li a.active {
	background-color: #6b2768;
}
#profileOptions li img {
	margin-right: 10px;
	float: left;
	margin-top: 5px;
	line-height: 25px;
}

.album {
	width: 148px;
	text-align: center;
	color: #999;
	margin: 0 10px 10px 0;
	float: left;
}
.album img {
	width: 140px;
	height: 140px;
	padding: 4px;
	border: 1px solid #ccc;
	margin-bottom: 5px;
}
.albumpic {
	width: 469px;
	height: 500px;
	padding: 4px 4px 10px 4px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	position: relative;
	text-align: center;
}
.albumpic img {
	margin-bottom: 10px;	
}
.albumpic .prevBtn {
	position: absolute;
	top: 180px;
	left: 0px; 
}
.albumpic .nextBtn {
	position: absolute;
	top: 180px;
	right: 0px;
}

/*------------------------ Gallery -----------------------------*/
#galleryContent {
	padding: 25px 0 0 0;
}
.galleryPic {
	width: 145px;
	height: 161px;
	padding: 4px;
	background: #fff;
	text-align: center;
	float: left;
	margin: 20px 0 0 13px;
}
.galleryPic a {
	color: #5d5d5d;
	font-weight: bold;
	line-height: 30px;
}

/*-------------------- Heroes & Stars -------------------------*/
.gradbox {
	width: 337px;
	height: 171px;
	background: #e6f7fe url(../images/smallbox.jpg) repeat-x bottom;
	margin: 14px 11px 0 0;
	float: left;
	padding: 0px;
	overflow: hidden;
}
.gradbox div.inner {
	width: 313px;
	height: 147px;
	padding: 12px;
}
.gradbox div div {
	padding: 0px;
	background-image: none;
}
 .last {
	margin: 14px 0 0 0;
}
.gradbox p {
	line-height: 1.2em;
	margin-bottom: 5px;
}

.gradbox p.link {
	color: #70266c;
	margin-top: 10px;
	clear: both;
}
.gradbox#stars div.inner {
	background: url(../images/stars-bg.png) no-repeat right;
}
.gradbox#stars div.inner div {
	width: 165px;
}
.gradbox#heroes div.inner {
	background: url(../images/heroes-bg.png) no-repeat right;
}
.gradbox#heroes div.inner div {
	width: 173px;
}
.gradbox#famous div.inner {
	background: url(../images/famous-bg.png) no-repeat right;
}
.gradbox#famous div.inner div {
	width: 165px;
}
.gradbox#videos div.inner {
	background: url(../images/video-bg.png) no-repeat right;
}
.gradbox#videos div.inner div {
	width: 165px;
}


/*------------------------ Left Nav ------------------------*/

#myArea {
	background-color: #ceeaf7;
	width: 274px;
	background: url(../images/clouds.jpg) no-repeat bottom #ceeaf7;
 /*height: 100%;*/
	float: left;
	color: #70266c;
	padding-bottom: 250px;
	margin-right: 20px;
}
#myArea h2 {
	font-size: 20px;
	text-transform: uppercase;
	border-bottom: 1px solid #b7ddf0;
	padding: 0 10px 10px 10px;
	height: 30px;
	line-height: 50px;
	margin: 20px 0 0 0;
	display: block;
}
#myArea ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: 14px;
}
#myArea li {
	padding: 0;
	margin: 0;
	background-color: #ceeaf7;
	border-top: 1px solid #ddf1fc;
	border-bottom: 1px solid #b7ddf0;
}
#myArea li ul A { 
        padding-left: 25px;
        font-size: 0.9em;
}
#myArea li a {
	padding: 0 10px;
	display: block;
	text-decoration: none;
	color: #70266c;
	font-weight: normal;
	height: 34px;
	line-height: 34px;
}
#myArea li a:hover {
	background-color: #C3E3F3;
}
#myArea li a:active, #myArea li a.active {
	background-color: #b7ddf0;
}
#myArea li.selected A {
	background-color: #b7ddf0;
}
#myArea li.selected li A {
	background-color: inherit;
}
#myArea li img {
	margin-right: 10px;
	float: left;
	margin-top: 5px;
}

/*------------------------ Heroes Left Nav ------------------------*/

#heroesMenu {
	background-color: #ceeaf7;
	width: 274px;
	background: url(../images/clouds.jpg) no-repeat bottom #ceeaf7;
 /*height: 100%;*/
	float: left;
	color: #70266c;
	height:800px;
	margin-right: 20px;
}
#heroesMenu h2 {
	font-size: 20px;
	text-transform: uppercase;
	border-bottom: 1px solid #b7ddf0;
	padding: 0 10px 10px 10px;
	height: 30px;
	line-height: 50px;
	margin: 20px 0 0 0;
	display: block;
}
#heroesMenu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: 14px;
}
#heroesMenu li {
	padding: 0;
	margin: 0;
	background-color: #ceeaf7;
	border-top: 1px solid #ddf1fc;
	border-bottom: 1px solid #b7ddf0;
	height: 34px;
	line-height: 34px;
}
#heroesMenu li a {
	padding: 0 10px;
	display: block;
	text-decoration: none;
	color: #70266c;
	font-weight: normal;
}
#heroesMenu li a:hover, #heroesMenu li a:active, #heroesMenu li a.active {
	background-color: #b7ddf0;
}

/*------------------------ Layout/Main Content ------------------------*/

.content {
	width: 985px;
	margin: 0 auto;
 /*height: 100%;*/
	}
#maincontent {
	float: left;
}
h2#messages {
	padding: 0 0 10px 0;
	height: 30px;
	width:300px;
	line-height: 50px;
	margin: 20px 0 10px 0;
}
/*------------------------ Footer ------------------------*/

#footer {
	font-family: Helvetica, Arial, sans-serif;
	clear: both;
	background: url(../images/footer-bg.jpg) repeat-x top #802f7c;
	color: #fff;
	position: fixed;
	bottom: 0px;
	width: 100%;
	height: 36px;
	line-height: 30px;
	font-size: 11px;
}
#footerNav {
	float:left;
}
#footerNav li {
	display:inline;
	list-style-type:none;
}
#footer a {
	color: #fff;
	padding: 0 10px;
	text-decoration: none;
	font-weight: normal;
}
#footer a:hover {
	color: #d9c1d8;
	text-decoration: none;
}
#footer #footerlinks {
	height: 30px;
	line-height: 30px;
	float:right;
}
#footer #footerlinks li {
	display:inline;
	list-style-type:none;
	padding:0;
	margin:0;
}
#footer #footerlinks a {
	padding: 0 10px;
	margin: 0;
}
#footer #footerlinks a img {
	margin: 0 5px 0 0;
	vertical-align: middle;
	border:0;
}
#messageLink {
	border-right: 1px solid #562054;
}
#smileyLink {
	border-left: 1px solid #915c8f;
}

.bottom{
	clear: both;
	width: 100%;
	height:36px;
}
.wallbox 
{
	min-height: 620px;
}
.albumbox 
{
	min-height: 700px;
}