/********************************************************* Title: Profile.html Master StyleSheet Designer: Jason White Client Name: Coke- Share Hap 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, .section { margin:0; padding:0; } address, caption, cite, code, dfn, em, strong, 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 ---------------------------------------*/ #profile { margin:0; padding:0; background:#e61d2b url('../images/1x1.jpg') center 215px no-repeat; font-family: 'Arial', 'Helvetica', sans-serif 11px normal normal; } #wrap { margin:0 auto; padding:0; text-align:center; width:100%; overflow:hidden; } #mainLayout { margin:0 auto !important; padding:0; overflow:hidden; } .organic { display: none; } #mainLayout, #profileBottom, #friendContainer, #forumContainer, #commentContainer, #commentContent, #footer { width:960px !important; /* !change - sets the width of the profile, and main DIVs inside it */ } #profile, #profile td, a.friendtext:link, a.friendtext:hover { color:#666; /* !change - sets the default font styles*/ font-family: 'Arial', 'Helvetica', sans-serif 11px normal normal; } /* master links */ a, a:link, a:active, a:visited, a.friendlink:link, #footer a { color:#666; /* !change */ text-decoration:none; } a:hover { color:#666; /* !change */ text-decoration:underline; } #profile_comments th img, .friend img { border: 1px solid #E61D2B; /* !change - keep the borders around the profile images consistent */ } /*------------------------------------- Top Nav General Styles ---------------------------------------*/ #branding_bar{ position:absolute; top:0; height:57px; width:129px; background:transparent url('../images/ms_branding.png') center left no-repeat; margin:0 0 0 -480px; display:inline; } div#headerWrap { text-align:center; padding-top:57px; background:url('../images/bg_branding_bar.jpg') 0 0 repeat-x; } #headerTable td{ background:transparent none; text-align:center; background:#E71D2B url('http://x.myspacecdn.com/modules/common/static/img/header/bkg_menubar.png') 0 0 repeat-x;} #headerTable {height:29px; margin:0 auto !important;} div#header { text-align:center; margin:0 auto !important; padding:0; height:auto; background:transparent none !important; text-align:center; } #topnav { height:29px; width:960px; background: transparent none !important; margin:0 auto !important; } #topnav ul { list-style:none; display:block; } #topnav ul li a { height:29px; line-height:29px; text-decoration:none; display:block; float:left; } span.profileliteoff, span.profileliteon { padding:0 10px; height:22px; line-height:22px; text-decoration:none; display:block; float:left; cursor:pointer; } #topnav ul li a small { font-size:8px; } #topnav ul li a:hover { background-color:#E71D2B; color:#fff; } #topnav ul li a.open small { color:#fff; } #topnav ul li a:hover small, #topnav ul li a.hover small {color:#fff;} #topnav ul li a.open, #topnav ul li a.open:hover { background:#E71D2B; color:#fff; } #topnav ul li table.rail { border:none!important; border-collapse:collapse!important; width:1px!important; height:29px!important; margin:0!important; float:left; background-color:#B72932 !important; } #topnav ul li table.rail td.rail { padding:0!important; width:1px!important; height:29px!important;background-color:#B72932 !important; } #topnav ul li table.rail td.rail img { width:1px!important; height:1px!important; border:none ;background-color:#B72932 !important; } #subnav * { text-transform:none!important; color:#fff!important; text-decoration:none!important; } #subnav ul { position:absolute; left:-10000px; border:1px #B72932 solid; border-top:none; background:#E71D2B; list-style:none; display:block; float:left; z-index:10005!important; min-width:140px; } #subnav ul li { height:22px; line-height:22px; border-bottom:1px #B72932 solid; display:block; float:left; clear:both; } #subnav ul li.divider { border-bottom-color:#B72932; } #subnav ul li.last { border-bottom:none; } #subnav ul li a { padding:0 5px 0 9px; height:22px; line-height:22px; text-decoration:none; display:block; float:left; white-space:nowrap; } #subnav ul li a:hover { background-color:#E71D2B; color:#fff; } /*------------------------------------- Profile URL ---------------------------------------*/ div#profile_url { color:#E71D2B; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0 0 0 260px; padding:0; position:absolute; text-align:left; top:120px; _top:30px; width:auto; float:left; } div#profile_url a {color:#E71D2B;} #profile_url h5 { display: none; } /*------------------------------------- Add This ---------------------------------------*/ #addthis { margin:0 0 0 -50px; position:absolute; top:120px; _top:30px; display:inline; float:left; } /*------------------------------------- Panel 1 ---------------------------------------*/ div#panel_01 { text-align:center; width:960px; margin:10px auto 0 auto; overflow:hidden; position:relative; } #contact_links { position:absolute; z-index:1000px; height:45px; background:url(../images/bg_contact_links.jpg) 0 0 no-repeat; margin:15px 0 0 503px; } #contact_links li.links { display:inline; float:left; margin:0 8px 0 0 ; width:104px; height:26px; padding:0;} #contact_links li.links a { background:url(../images/bg_contact_btns.jpg) 0 0 no-repeat;} a#addToFriends, a#addToFavorites, a#forwardToFriends, a#addToGroups { display:inline-block; float:left; margin:0; text-align:center; width:104px; height:26px; line-height:25px; } #contact_links a, #contact_links a:link, #contact_links a:active, #contact_links a:visited, #contact_links a:hover { color:#fff !important; } /*------------------------------------- Profile Bottom ---------------------------------------*/ #profileBottom { margin:0 auto; overflow:hidden; color:#666; } ##profileBottom a:link, #profileBottom a:visited, #profileBottom a:active, #profileBottom a:hover{ color:#666 !important;} /*------------------------------------- Friends ---------------------------------------*/ #friendContainer {margin: 10px 0 0 0; overflow:hidden; } #friendContainer .heading { display:none; } #friendTop { background: url('../images/header_friends.jpg') no-repeat 0 0; height: 43px; margin: 0; padding: 0; } #friendContainer img { margin-top: 3px; } #friendContent { text-align: center; background:url('../images/ffc_content_repeat.jpg') 0 0 repeat-y; } #profile_friends { width:790px; margin: 0 auto; padding: 0; text-align: left; } #profile_friends span { float:left; margin-right:3px; _float:none; } #profile_friends_0 { clear:left; _clear:none; } .friend { margin: 15px 3px 0 0; display:inline-block; } .friend a img { width:75px; height:75px; } #friendBot { height:32px; width:960px; background: url('../images/ffc_footer.jpg') 0 0 no-repeat; } /*------------------------------------- Forums ---------------------------------------*/ #forumContainer { display:none; overflow:hidden; background-color:#fff; overflow:hidden; margin-top:10px; } #forumContainer h2 { height:43px; background: url('../images/header_forums.jpg') no-repeat 0 0; margin: 0; padding: 0;} #profile_forums { width:915px; margin-left:20px; color:#666 !important;} #profile_forums .heading .left { display:none; } #profile_forums a:link, #profile_forums a:active, #profile_forums a:visited, #profile_forums a:hover { color:#666; } #forumContent {background:url(../images/ffc_content_repeat.jpg) 0 0 repeat-y;} #profile_forums th { font-weight: normal; font-size: 11px; text-transform:uppercase; border-bottom:1px solid #e5e5e5; padding-bottom: 0 5px 3px 0; width: auto; padding-right: 5px; } #profile_forums td { padding: 10px 7px; border-bottom:1px solid #e5e5e5; } #profile_forums img.left { border:1px solid #E61D2B; margin:5px; } #forumBot { height:32px; width:960px; background: url(../images/ffc_footer.jpg) 0 0 no-repeat; } /*------------------------------------- Comments ---------------------------------------*/ #commentContainer { overflow:hidden; margin-top:10px; } #commentContainer h2 { background: url('../images/header_comments.jpg') no-repeat 0 0; height: 43px; margin: 0; padding: 0; } #commentContent { height:375px; overflow:hidden; background:url('../images/ffc_content_repeat.jpg') 0 0 repeat-y;} #profile_comments a:link, #profile_comments a:active, #profile_comments a:visited { text-decoration:none; } #commentContent .cols th { text-align:center; } #commentContent .heading{margin-bottom:10px;} #profile_comments { margin: 0 20px 20px 20px; text-align:left; width: 930px; height:350px; overflow-x:hidden; overflow-y:auto; } #commentBot { height:32px; width:960px; background: url('../images/ffc_footer.jpg') 0 0 no-repeat; } #profile_comments th { text-align:center; padding:0 10px;} .commentdate { font-weight:bold; color:#E61D2B; font-weight: bold; } #profile_comments span.right { margin-right:10px; color:#E61D2B !important; } /*------------------------------------- Footer ---------------------------------------*/ #footer { font: 10px Arial, Helvetica, sans-serif normal; height: 60px; color:#fff !important; /* !change - set the color of the link dividers */ } #footer a { text-decoration:none; font-weight:normal;color:#fff; } #footer a u { text-decoration: none; } #footer div.clear { float:left; width:100%;}