/*********************************************************

Title: Profile.html Master StyleSheet

Designer:
Client Name: 

Notes: Search for "!change" for change notes

***********************************************************/

/*------------------------------------- 
 Reset
---------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
table 			{border-collapse:collapse;	border-spacing:0;}
fieldset,img	   	{border:0;}
ol,ul			{list-style:none;}
caption,th 		{text-align:left;}
h1,h2,h3,h4,h5,h6 	{font-size:100%;font-weight:normal;}
q:before,q:after 	{content:'';}
abbr,acronym 		{border:0;}


/*------------------------------------- 
 General Declarations
---------------------------------------*/

html, body {
	background: #ffd51c none;  /* !change - default background color of gutters */
	margin: 0;padding: 0;
}

body {
	background: url(http://creative.myspacecdn.com/Client/Fox/TheSimpsons/images/bg_contest_closed.jpg) no-repeat top center;
}



#wrap,
#mainLayout {
	background: transparent;  /* !change - default background color of your middle section*/
	margin: 0 auto;padding: 0;	
}

#container {margin: 0;padding: 0;}


#wrap,
#header,
#topnav,
#container,
.profileWidth,
#mainLayout,
#profileBottom,
#friendContainer,
#forumContainer,
#commentContainer,
#commentContent,
#footer {
	width:960px; 
}

#profile, 
#profile th,
#profile td,
a.friendtext:link,
a.friendtext:hover {
	color:#000;  /* !change - sets the default font styles*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* master links */
a, 
a:link, 
a:active, 
a:visited,
a.friendlink:link, 
#footer a {
	color:#922022; 
	text-decoration:none;
	font-weight: bold;
}

a:hover {
	color:#cc2d2e;
	text-decoration:underline;
}

#profile_comments th img,
.friend img {
	border: 1px solid #fff; 
}


/* common classes */
.clear 			{clear: both;}
.insidecontent 	{margin: 0 20px; /* sets the side margins of module contents */}


/*------------------------------------- 
 Top Nav General Styles 
---------------------------------------*/

/* Controls overall Top Navigation div */
#header,
#topnav {
	background-color:transparent !important;
	background-image: none !important;
	filter: none !important;
	height: 34px !important;
}

#headerTable,
#headerTable tr,
#headerTable tr td {
	background-color:transparent !important;
	background-image: none !important;
	margin:0; padding:0;
}

#headerTable {margin: -3px 0 0 0; /* hides the excess pixels from topnav */}

/* main nav */
#leftNav li *,
#rightNav li * {
	border:none;
	background-color:transparent !important;
	color:#ffd51c !important; /* !change - sets the color of the top nav links */
	height: 34px !important;
	line-height: 34px !important;
}



#leftNav li a:hover,
#rightNav li a:hover {
	background-color: #222 !important; /* !change - sets the hover of the topnav link (optional)*/
	color:#fff !important; /* !change - sets the color of the top nav links */
}

#topNav ul li a small {
	color: #333 !important; /* !change -  color of the down arrow */
}

/* subnav */
#subnav ul {
	/* !change - do you want a border around your subnav? */
	border: solid 1px #69157b;
	background-color: transparent;
}

#subNav ul li {
	border: none;
	
	/* !change - sets the bg color of the sub nav links */
	background-color:#fff;
	color: #fff;
}

#subNav a {color: #000 !important; /* !change - sets the color of the sub nav links */}

/* Hides the gradient overlay when the 'More' button is in a hover state */
#subNav li a:hover {
	background-color:#efefef !important;
	background-image:none;
}


/*------------------------------------- 
 MainLayout Module Styles
---------------------------------------*/

#mainLayout 	{margin: 0; padding: 0;}
.section 		{margin: 0;padding: 0;} /* resets the .section margin values set from MySpace global CSS */


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

#profile_url {
	width:  875px; /* !change - adjust depending on wrapper width */
	position: absolute;
	top:  35px;
	text-align: right;
}

#profile_url span 	{color: #fff; }
#profile_url h5	{display: none;}


/*------------------------------------- 
 Add This
---------------------------------------*/

#addthis {
	margin: 0 0 0 880px; 	/* !change - adjust depending on wrapper width and profile_url width */
	position: absolute;
	top: 35px;
}


/*------------------------------------- 
 Top Module
---------------------------------------*/
h1#pageTitle {display: none;}

/* !change */
#featurePanel {
	background-color: transparent;
	height:520px;
}

#featureVideo {
	height: 446px;
}

#foxIframe  {
	float: left;
	display: inline;
	margin: 145px 0 0 550px;
}


/*------------------------------------- 
 Contact Box
---------------------------------------*/
#contactLinks {
    margin:0 40px 0 0;
    float: left;
    display: inline;
    width:900px;
    height: 45px;
}

#contactlinks li {
    list-style-type:none;
    display:inline;
}

#contactlinks li a {
    float:left;
    display: inline;
    height: 35px;
}

#contactlinks li span {	display:none; /* hide text for accessibility for background images */}

#addToFriends 		{width: 150px; margin: 5px 0 0 72px;}
#addToFavorites 		{width: 162px; margin: 5px 0 0 40px;}
#addToGroups		   {width: 138px; margin: 5px 0 0 44px;}
#forwardToFriends 		{width: 189px; margin: 5px 0 0 44px;}


/*------------------------------------- 
 Contest Panel
---------------------------------------*/
#contestpanel {
	height: 476px;
}

#contestheader {
	height: 120px;
	text-indent: -9999px;
}

#contestpanel p {
	font-size: 12px;
	padding: 7px 7px 7px 0;
}


#details a 	{font-weight: bold;}
#contestbuttons 	{padding: 20px 0;}

#submitButton {
	background: url(../images/btn_submit.gif) top left no-repeat;
	width: 234px;
	height: 38px;
	float: left;
	display: inline;
}

#submitButton:hover {
	background: url(../images/btn_submit_over.gif) top left no-repeat;
}

#viewGallery {
	background: url(../images/btn_viewgallery.gif) top left no-repeat;
	width: 234px;
	height: 38px;
	float: left;
	display: inline;
}

#viewGallery:hover {
	background: url(../images/btn_viewgallery_over.gif) top left no-repeat;
}

/*------------------------------------- 
 Photo Slideshow
---------------------------------------*/
#slideshowpanel {
	height: 255px;
}

#flashcontent {padding: 20px 0 0 40px;}

#blogContainer {
	padding: 20px 0 0 40px;
}

#blogContainer .heading {
	color: #000;
}




#profileBottom {

}

/*------------------------------------- 
 Friends
---------------------------------------*/

#friendContainer {	margin: 50px 0 0 0;}

#friendTop {
	height: 50px;
	margin: 0;
	padding: 0;
}


#friendContainer img  {margin-top: 3px;}

#friendContent {
	text-align: center;
	padding-left: 40px;
}

#friendContent .heading {
	font-size: 16px;
	font-weight: bold;	
	text-align: left;
	color: #000;
}

#profile_friends {
	width:900px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

.btext,
.redtext 		{padding-bottom: 10px;}

.friend 		{margin: 20px 20px 0 0;}

.friend img 	{
	max-width:100px;
	max-height:100px;
	width:expression((this.width > 100)? ((this.height > 100)? ((this.width/100 < this.height/100)? true : 100) : 100) :true);
	height:expression((this.height > 100)? ((this.width > 100)? ((this.height/100 < this.width/100)? true : 100) : 100) :true);
}


/*------------------------------------- 
 Forums
---------------------------------------*/

#forumTop {
	height: 50px;
	margin: 0;
	padding: 0;
}

#profile_forums {
	width: 910px;
	margin: 20px;
	padding: 0;
}

/* forum - post topic | view all topics */
#profile_forums .right a:link, 
#profile_forums .right a:active, 
#profile_forums .right a:visited {
	text-decoration:none;
	font-size:10px;
}

#profile_forums .right a:hover {	text-decoration:underline;}
#profile_forums .left 	{}
#profile_forums th 	{font-weight: bold;font-size: 13px;}
#profile_forums td 	{padding: 7px;}

#forumContent .left 	{display:none;}

/* forum layout fix */
.cols th {   
	width: auto;   
	*width: 100px; 
	padding-right: 5px;
}


/*------------------------------------- 
 Comments
---------------------------------------*/

#commentContainer {

}

#commentTop {
	height: 50px;
	margin: 0;
	padding: 0;
}

#commentContent .heading 	{
	font-size: 16px;
	font-weight: bold;	
	padding-bottom: 10px;
	color: #000;
}

/* comments: view/edit all comments */
#profile_comments a:link, 
#profile_comments a:active,
#profile_comments a:visited {
	text-decoration:none;
}


#profile_comments { 
	width: 860px;
	margin-left: 60px;
}

.commentdate 	{ font-weight: bold;}



/*------------------------------------- 
Footer
---------------------------------------*/

#footer {
	font:  10px Arial, Helvetica, sans-serif normal;
	height: 60px;
	color:#333; /* !change - set the color of the link dividers */
}

#footer a 	{text-decoration:none;	font-weight:normal;}
#footer a u 	{text-decoration: none;}