.REM {
--------------------------------------------------------------------------------------------
MYSPACE STYLES
--------------------------------------------------------------------------------------------}

.REM {Wrapper div for profile, place your main background image here.}
#profile {
font-style:normal;
font-family:Arial, Helvetica, sans-serif;
overflow-x:hidden;
padding:0;
background-image: url('http://hotlink.myspacecdn.com/sos01/1/61e12a2fbfe8fab05c9937311819bb57/i.jpg');
background-repeat: repeat;
}


#profile_aboutMe, #wrap {
margin:0;
padding:0;
width:900px;
margin-left:auto;
margin-right:auto;

}


.REM {
Hidden Modules 
----------------------------------------------}
div#profile_forums, #vslider, #profile_details, #profile_contact, #profile_info, .commentlinks {
display:none;
}

.REM {
Profile URL 
----------------------------------------------}
#profile_url .heading {
display:none; 
}

#profile_url {
display:none; 
}


.REM {
Top nav 
----------------------------------------------}
#headerTable tbody tr td {
background:#b8352d !important;
}

ul#leftNav li a:hover,
ul#rightNav li a:hover,
ul#subNav0 li,
ul#subNav1 li,
ul#subNav2 li,
ul#subNav3 li {
background-color:#ffffff;
color:#c3b18d;
}

div#subNav a {
color:#c73029 !important;
text-decoration:underline !important;
}


#topnav {
background:url('http://cache01-sos01.myspacecdn.com/1/i_2508ea15dc0c515bf0785e5aeb55f5d3.jpg') reperepeat bottom center !important;
}





.REM {
Page Header and Footer
----------------------------------------------}


.REM {Top nav divider styles and header nav positioning. Keep this the width of your profile.}
div#topnav {
width:900px;
height:1px;
color:#ffffff;
font-size:11px;
margin:0; 
}

.REM {Link styles for header and footer.}
div#topnav a {
color:#c3b18d;
text-decoration:underline;
font-weight:bold;
}

div#topnav a:hover {
color:#ffffff;
text-decoration:underline;
}

div#footer a {
color:#174961;
text-decoration:underline;
font-weight:bold;
}

div#footer a:hover {
color:#c73029;
text-decoration:underline;
}

.REM {Footer positioning and divider colors.}
div#footer {
width:900px;
color:#174961;
font-size:9px !important;
padding-bottom:10px;
}

.REM {Keep this the width of your profile.}
div#mainLayout {
width:900px;
padding:0;
margin:0;
background-color:#ffffff;
}



.REM {
Combined styles
----------------------------------------------}

.REM {Positioning and size for friends forums and comments.}
div#profile_friends, div#profile_forums, div#profile_comments {
width:850px;
position:center;
padding-left:25px;
padding-right:0;
}
*html div#profile_friends, *html div#profile_forums, *html div#profile_comments {
width:875px;
}

.REM {Link styles for friends forums and comments.}
div#profile_friends a, div#profile_forums a, div#profile_comments a {
color:#174961;
font-size:12px;
}

div#profile_friends a:hover, div#profile_forums a:hover, div#profile_comments a:hover {
color:#bbbbbb;
}

.REM {Friends forums and comments titles.}
div#profile_forums .left, div#profile_comments .heading, div#profile_friends .heading { 
display:none;
}



.REM {
Friends section
----------------------------------------------}

.REM {Top friend thumbnail size and border color.}
div#profile_friends img {
border:1px solid #666666;
width:75px;
}

div#profile_friends a:hover img {
border:1px solid #c3b18d;
}

.REM {Top friend thumbnail containers.}
div.friend {
width:103px;
}

.REM {Tom has 100 friends..}
div#profile_friends span {
color:#666666;
font-size:12px;
font-weight:bold;
}

.REM {Tom has 100 friends - color of the number only.} 
div#profile_friends .redbtext {
color:#174961;
}



.REM {
Comments section
----------------------------------------------}

.REM {Style for date above friend comments.} 
div#profile_comments .cols h4 {
color:#333333;
font-size:12px;
padding-top:11px;
margin:0;
}

.REM {Style for friends comments.} 
div#profile_comments td {
color:#174961;
font-size:11px;
}

.REM {Displaying 10 of 10 comments.} 
div#profile_comments strong {
color:#174961;
font-size:12px;
}

.REM {Displaying 10 of 10 comments - color of the numbers only} 
div#profile_comments span {
color:#c3b18d;
}

.REM {User thumbnails for comments.} 
div#profile_comments .cols img {
width:60px;
border:1px solid #174961;
}

div#profile_comments .cols a:hover img {
width:60px;
border:1px solid #c3b18d;
}

.REM {User names for comments - hidden in this profile.}
div#profile_comments .cols a:link, div#profile_comments .cols a:active, div#profile_comments .cols a:visited, div#profile_comments .cols a:hover {
font-size:2px;
line-height:12px;
color:#c3b18d;
}

.REM {Add comment link. Currently set to default link style.}
div#profile_comments .right a {
}

.REM {Thumbnail container.}
div#profile_comments th {
width:70px;
}


.REM {
Friends Forums and Comments header graphics.
----------------------------------------------}

div#friendHeader, div#forumHeader, div#commentHeader {
width:900px;
height:150px;
}

div#friendHeader {
background:url('http://hotlink.myspacecdn.com/sos01/1/d94d64f5036a9407b3b82769b2313709/i.jpg') no-repeat top center;
}


div#commentHeader {
background:url('http://hotlink.myspacecdn.com/sos01/1/962f4e8fbcf8a626c04bac0bb7358744/i.jpg') no-repeat top center;
}


.REM {
Absolute modules.
----------------------------------------------}

.REM {Miniplayer absolute position.}

div#miniPlayerContainer {
display:none;
}

div#profile_miniplayer {
width:300px; 
height:55px;
position:absolute;
margin:100px 0 0 100px;
}
*html div#profile_miniplayer {
}

.REM {Blog absolute position. Set display to none to hide.}
div#profile_blog {
position:absolute;
padding-left:30px;
top:100px;
width:100px;
height:1px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:11px;
line-height:11px;
display:none;
}

div#profile_blog .heading {
font-size:11px;
color:#ffffff;
line-height:20px;
}

div#profile_blog a {
color:#eeeeee;
}

div#profile_blog a:hover {
color:#ffffff;
}








.REM {
--------------------------------------------------------------------------------------------
THESE ARE THE STYLES FOR THE CONTENT AREA
--------------------------------------------------------------------------------------------}

.REM {Profile container.}
div#container {
width:900px;
height:800px; 
text-align:center;
font-size:24px;
} 

#apDiv1 {
	width:425px;
	height:239px;
	background-color: #ffffff;
	position: relative;
	left: 238px;
	top: 35px;
}


#copy_container {
width:900px; 
height:738px;
background-image: url(http://cache01-sos01.myspacecdn.com/1/i_f2f2bf963cc4a512d68a039752c70e6f.jpg);
background-color: #ffffff;
}
