/*------------------------

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

html, body {
	margin: 0;
	padding: 0;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/bg_Profile.jpg) repeat-x top left #577502;
	text-align: center;
	font-weight:300;
	font-size:10px;
	font-style:normal;
	color:#333;
}

#wrap {
	background:url(../images/bg_Wrap.jpg) no-repeat top center;
	width:100% !important;
	text-align: center;
}

#mainLayout {
	padding: 0;	
	background:transparent;
}


#container {
	margin:0;
	padding: 0;
	/*background-color: #f6efeb;*/
}

#greyWrap {
	width:835px;
	background:#363b3f;
	padding:0 0 27px 0;
}

/* sets the width of the profile, and main DIVs inside it */
#container,
.profileWidth,
#mainLayout,
#friendContainer,
#forumContainer,
#footer {
	width:728px !important; 
}

#profile_aboutMe, #headerWrap, #profileBottom, #footer, #mainLayout{
	margin:0 auto !important;
	width:728px !important;
	text-align: left;
}



.descriptTagSEO, div#mainLayout i {
	display:none;
}		


#profile_url .heading {
	display:none
}

#profile_url {
	position:absolute;
	margin-left:610px;
	text-align:right;
	width:100px;
	height:1px;
	top:37px;
	font-size:10px;
}


#profile_url  a {
	color:#333;
}

#addThis {
	position:absolute;
	margin-left:580px;
	top:35px;
}

.grayLink {
	color:#999 !important;
	text-decoration:underline;
	font-weight:200;
	font-size:10px;
}

#holder p {
	text-align:left;
	margin-left:40px;
	color: #666;
	width:200px;
	padding-bottom:15px;
}

/*--- contact box styles ----*/
/*Contact Box*/
#contactLinks {
	background:url(../images/bg_contactBoxLogo.png) no-repeat center;
	height:268px;
}

#contactLinks i {
	display:none;
}

#preoderLink {
	width:232px;
	height:119px;
	float:left;
	display:block;
	margin:77px 0 0 0;
}

#addToFriends {
	width:163px;
	height:50px;
	clear:left;
	float:left;
	display:block;
	margin:20px 0 0 0;
}

#addToFavorites {
	width:171px;
	height:50px;
	float:left;
	display:block;
	margin:20px 0 0 0;
}

#forwardToFriends {
	width:162px;
	height:50px;	
	float:left;
	display:block;
	margin:20px 0 0 72px;
}

#addToGroups {
	width:158px;
	height:50px;	
	float:left;
	display:block;
	margin:20px 0 0 0;
}


.leftColumn {
	float:left;
}

#viewMore {
	margin:15px 0 0 0;
}

/*-- downloads/videos area --*/
#viralContent {
	background:url(../images/bg_contentBg.png) no-repeat center;
	width:728px;
	height:637px;
	text-align:left;
	padding:0;
}

#bottomHeader {
	width:728px;
	height:19px;
	background:url(../images/bg_bottomHeader.png) no-repeat;
}

#bottomFooter {
	width:728px;
	height:19px;
	background:url(../images/bg_bottomFooter.png) no-repeat;
	clear:both;
}


/*-- logo styles --*/

.videoColumn, .downloadsColumn {
	float:left;	
}

.videoColumn {
	margin:68px 0 0 23px;
}

*html .videoColumn {
	margin:0;
	padding:68px 0 0 23px;
}

#videoThumbnails {
	margin:13px 0 0 0;	
}

.videoThumbs {
	margin:0 9px 0 0;
	border:1px solid #333;
}

#thumbsHeader {
	margin:0 0 13px 0;
}

.downloadsColumn {
	width:333px;
	margin:0 0 0 48px;
}

#wallpapersHolder {
	margin: 45px 0 0 15px;
}

.wallpapers {
	margin:0 0 5px 0;	
}

#screenshotsHolder {
	margin: 85px 0 0 15px;
}

.screenshots {
	margin:0 0 9px 0;	
}

#iconsHolder {
	margin:41px 0 0 10px;
}

#logoHolder {
	height:268px;
	width:728px;
}


#videoPlayer {
	width:320px;
	height:280px;
}

#simsLink {
	margin:20px 0 0 99px;
	clear:both;
	float:left;
}

#surfSim {
	width:539px;
	height:141px;
	display:block;
}

/*--- friends and comments section ---*/

#friendContainer, #commentContainer {
	margin-left:20px;
	width:706px;
}
	

#commentContent {
	width:658px;	
	height:430px;
	overflow:auto;
}


#profile_friends span {
float:left;
margin-right:3px;
}

#profile_friends_0 {
clear:left;
}

div#friendTop {
	height:25px;
	background:url(../images/bg_friendsHeader.gif) no-repeat;
}

.friend img {
	height:76px;
	width:76px;
	border: 1px solid #ccc;
}

.friend {
	padding:2px 0;
	width:99px;
}

.redtext, .redbtext {
	color:#1169a8;
}

#profile_friends h5 {
	color:#333;
	font-size:0px;
}

div#commentTop {
	margin-top:25px;
	height:25px;
	background:url(../images/bg_commentsHeader.gif) no-repeat;
}

#profileBottom {
	width:728px;
	background:url(../images/bg_bottomMiddle.png) repeat-y;
}


#profileBottom a {
	color:#333;
	text-decoration:none;
}



/*------------------------

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

/* default nav, footer styling*/
div#header,
div#topnav, 
div#footer {
	color:#333;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none !important;
	background-image:none !important;
	background-color:transparent !important;
}



div#headerWrap  {
	background: transparent !important;
	background-image:none !important;
	margin: 0 auto !important;
}

div#topnav { filter: none !important;
}

div#header a, 
div#topnav a, 
div#footer a {
	color: #333;
	text-decoration:none !important;
	background-color:transparent !important;
	background-image:none !important;
}


div#header a:hover, 
div#topnav a:hover, 
div#footer a:hover {
	color: #333;
	text-decoration:none !important;
	background-color:transparent !important;
	background-image:none !important;
}

div#footer .clear {
	margin-top:5px;
	color:#333 !important;
	margin-bottom:10px;
	font-size:10px !important;
	font-weight:300 !important;
}

div#footer {
	font-size:3px !important;
	word-spacing:4px;
	text-align: center;
}

div#footer a.text {
	color: #333;
	text-decoration:none !important;
	font-size:10px !important;
	font-weight:300 !important;
}

div#footer span {
	font-size:3px !important;
	word-spacing:4px;
}


/* Controls overall Top Navigation div */
div#header {
	background-color:transparent !important;
	background-image:none !important;
	margin-bottom:5px;
	margin: 0 auto !important;
}


div#topNav {
	font-size:10px;
	background-color:transparent !important;
	background-image:none !important;
}

/* Controls the table within Top Nav (change bg color to match 'div#topnav'; the only css should be background-color */
table#headerTable,
table#headerTable tr,
table#headerTable td {
	background-color:transparent !important;
	background-image:none !important;
	padding:0 !important;
	margin:0 auto!important;

}


/* Controls the text (must leave in 'important' */
ul#leftNav li a,
ul#leftNav li a:hover,
ul#rightNav li a,
ul#rightNav li a:hover,
ul#leftNav li a#nav0,
ul#leftNav li a#nav0:hover,
ul#leftNav li a#nav0 small,
ul#leftNav li a.open,
ul#subNav0 li a {
	color:#333!important;
	background-color:transparent !important;
	background-image:none !important;
}

/* main nav */

#leftNav li *,
#rightNav li * {
	/* sets the color of the top nav links */
	color:#333 !important;
	background-color:transparent !important;
	border:none;
}

#leftNav li a:hover,
#rightNav li a:hover {
	/* sets the hover of the topnav link (optional)*/
	background-color: #2e4a61 !important;
}

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

/* subnav */

#subnav ul {
	/* border around your subnav */
	border: none;
	background: transparent;
}

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

#subNav a {
	color: #000 !important;
}

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

small {
	color:#333!important;
}

#footer {
	width:728px !important;
	margin:0 auto!important;
}

#eaLegalFooter {
	width:728px;
}

#eaLegalFooter a{
	color:#333;	
}

#eaLegalFooter p {
	margin:1px;
	padding:1px;
}

#legalCopy, #ratingLogo, #privacyLogo {
	width:25%;
	font-size:9px;
	color:#333;
	text-align:center;
	float:left;
}

#legalCopy {
	width:50%;
}

#wallpaperPop, .ok_button, #screenshotsPop {
	display:none;
}

.wpLinks {
	color:#1169a8;
}

.buttonBottom {
	margin:15px 0 0 0;	
}

*html .buttonBottom {
	margin:5px 0 0 0;	
}