/* ----------Core Style Elements---------------- */ body{ background-image:url(../gfx/orange2pointzero/bggradient.gif); background-repeat:repeat-x; background-color:#ffffff; margin: 0 0 0 0; color: #222222; font-family: "trebuchet ms", verdana, sans-serif; } p.general{ font-size: 90%; } h1{ font-size: 3em; /*font-size: 3em;*/ } h2{ font-size: 1.5em; margin: 0 0 0 0; } /* ------------Layout related styles------------*/ #container { width: 933px; margin: 0 auto 0 auto; background-image:url(../gfx/orange2pointzero/containerbg.gif); background-repeat:repeat-x; background-color: #ffffff; border-right: 1px solid #777777; border-left: 1px solid #777777; } #containerbase{ background-image:url(../gfx/orange2pointzero/curvedbottom.gif); background-repeat:no-repeat; height: 35px; width: 935px; margin: 0 auto 0 auto; } #header{ background-image: url(../gfx/orange2pointzero/headergrad.gif); background-repeat: repeat-x; height:98px; width:100%; } #logo{ position: relative; float: left; margin: 30px 0 0 20px; } #badge{ float: right; margin:0 15px 0 0; } #navbar{ margin: 35px 12px 0 15px; padding: 0; background-color:#003399; height: 25px; } #searchbox{ width: 310px; height: 282px; margin: 0 0 0 0; display: inline; float: left; background-image: url(../gfx/orange2pointzero/mainpicbh.jpg); background-repeat: repeat-x; padding: 50px 40px 0 0px; color: #111111; } #mainimg{ width: 555px; height: 332px; margin: 0 0 0 15px; float: left; display: inline; background-image: url(../gfx/orange2pointzero/mainpic.jpg); background-repeat: no-repeat; } #startbutton{ width: 45px; height: 45px; margin: 284px 0 0 180px; } #lowercontainer{ height: 118px; width: 905px; margin: 0 0 0 15px; display: inline; background:#fff3e1 url(../gfx/orange2pointzero/buttons_grad.gif) repeat-x; float:left; } #joinbutton{ width: 183px; float: left; margin: 32px 0 0 20px; } #membersbutton{ width: 183px; float: left; margin: 32px 150px 0 20px; } #icon1{ float: left; margin: 23px 0 0 150px; } .icons{ float: left; margin: 30px 0 0 25px; } .additionalimg{ margin: 40px 0 0 50px; float: left; } .additionalcontainer{ margin: 40px 0 0 50px; float: left; width:500px; } /* ------------Menu Related styles----------- */ #right-menucontainer{ float: right; margin: 40px 15px 0 0; width: 150px; border: 1px solid #f90963; padding: 5px; } #menu { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:9pt; color:#111111; border-bottom: 1px solid #000000; } #menu a, #menu a:visited { color:#cc0000; text-decoration:none; display:block; padding:0.4em; font-weight:normal; border-bottom: 1px solid #222222; } #menu a:hover { color:#FFFFFF; font-weight:normal; padding: 0.4em; border-bottom: 1px solid #cc0000; display: block; } dd { margin:3px 0 0 0; padding:0px; text-align:left; } dt { margin:3px 0 0 0; padding:0.4em; text-align:left; font-size: 10pt; font-weight:bold; height:14px; color:#eeeeee; border-bottom: 3px solid #730930; } dl { margin: 0px; padding: 0px; } #menubottom { background-repeat:repeat-x; height:25px; background-image: url(../gfx/lover-images/grad.gif); } #horizontal { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:8pt; color:#333333; } #horizontal a, #horizontal a:visited { color:#ffffff; text-decoration:none; display:block; background: #003399; padding: 4px 10px 2px 10px; height: 19px; font-weight: normal; } #horizontal a:active { color:#ffffff; text-decoration:none; display:block; background: #003399; padding: 4px 10px 2px 10px; height: 19px; /*background-image: url(../gfx/abacus/tab-active.gif);*/ } #horizontal a:hover { color:#ffffff; padding:4px 10px 2px 10px; height: 19px; background-color:#205edb; } dd.horiz { margin:0 0 0 7px; padding:0 0 0 0; text-align:center; height: 19px; width: 110px; float: left; text-align: center; font-size: 9pt; } /* ------------Item box styles----------- */ .boxheadbar{ background: #efefef url(../gfx/orange2pointzero/boxhead.gif); height: 25px; border-bottom: 1px solid #777777; padding: 5px 0 0 5px; } p.boxp{ margin: 10px 7px 7px 7px; font-size: 1em; color: #111111; } /* polaroid look css*/ .photobg{ display: block; width: 120px; border: 1px solid #ccc; border-top-color:#ccc; border-left-color:#ddd; border-right-color:#eee; margin: 10px; background: #ffffff; float: left; } img.boximg2{ margin: 5px 5px 20px 5px; border: 1px solid #ccc; border-top-color:#ccc; border-left-color:#ddd; border-right-color:#eee; } /*end of polaroid image css*/ img.boximg{ float: left; margin: 0; border-right: 1px solid #777777; border-bottom: 1px solid #777777; } .boxright{ float: left; width:295px; } p.boxp{ margin: 12px 7px 7px 0; font-size: 1em; color: #111111; } .button{ margin: 10px 7px 0 0; float: right; } #box1{ background: url(../gfx/orange2pointzero/boxbg.gif) repeat-x; width: 438px; height: 200px; padding: 0; float: left; margin: 24px 0 0 15px; border: 1px solid #777777; } #box2{ background: url(../gfx/orange2pointzero/boxbg.gif) repeat-x; width: 438px; height: 200px; padding: 0; float: left; margin: 24px 0 0 25px; border: 1px solid #777777; } #box3{ background: url(../gfx/orange2pointzero/boxbg.gif) repeat-x; width: 438px; height: 200px; padding: 0; float: left; margin: 24px 0 0 15px; border: 1px solid #777777; } #box4{ background: url(../gfx/orange2pointzero/boxbg.gif) repeat-x; width: 438px; height: 200px; padding: 0; float: left; margin: 24px 0 0 25px; border: 1px solid #777777; } #footer{ height: 25px; width: 905px; margin: 20px 0 0 15px; display: inline; background:#003399; /*url(../gfx/orange2pointzero/bottomgrad.gif) repeat-x*/; float:left; border: 0; color: #fff; padding: 7px 0 0 0; } #footer a{ color: #fff; }

Who's Help

The whose buddy list displays a list of all the members that have you on their buddy list.

Example Who's Buddy List

	name

	Member1

Explanation

The 'Photos Icon' indicates whether the member currently has a photo uploaded on our system. If the member has a photo you will notice a small photo icon to the left of the buddy's name.

Member1

The 'Name Column' displays the name's of the member(s) that have you on their buddy list. Each time a member adds you to their buddy list their username name will appear here.

The 'Send Message Icon' when clicked takes you to the internal messaging page from where you can contact the member that the icon is next to.

The 'View Icon' provides you with a link to each member's profile information. Here you can learn more about the members that have shown interest in you.

Link to this site and make money

Class Hearts