@charset "utf-8";
/* Coded by Jerome Heuze - info@jeromeheuze.com */

body {
position: relative;
padding: 0px;
margin: 0px;
text-align: center;
background: url(../img/topbk.jpg) top center repeat-x #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
#all {
position: relative;
text-align: left;
margin: 0px auto;
width: 896px;
border: 0px solid #ff0000;
}
#lftContent { position: relative; float: left; width: 751px; border: 0px solid #fff;}
#rhtContent { position: relative; float: right; width: 137px; border: 0px solid #fff;}
#adTop {
position: absolute;
top: 13px;
left: 260px;
}
#Panel {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 137px;
background: url(../img/panel_fill.jpg) top left repeat-y #000;
vertical-align: top;
border: 1px solid #000;
text-align: right;
color: #fff;
}
#Panel a:link { text-decoration: none; color: #d2108b; font-weight: normal; }
#Panel a:visited { text-decoration: none; color: #d2108b; font-weight: normal; }
#Panel a:hover { text-decoration: underline; color: #d2108b; font-weight: normal; }
#Panel a:active { text-decoration: underline; color: #d2108b; font-weight: normal; }

#Panel P { padding-right: 8px; }
#Panel .greenLinks { text-align: left; padding-left: 8px; }
#Panel .greenLinks a:link { text-decoration: none; color: #3691a6; font-weight: normal; }
#Panel .greenLinks a:visited { text-decoration: none; color: #3691a6; font-weight: normal; }
#Panel .greenLinks a:hover { text-decoration: underline; color: #3691a6; font-weight: normal; }
#Panel .greenLinks a:active { text-decoration: underline; color: #3691a6; font-weight: normal; }

#Panel UL {
list-style-type: none;
padding-right: 8px;
}
#Panel UL LI {
list-style-type: none;
}
#Panel UL LI SPAN {
color: #999999; 
}

#Panel UL LI a:link { text-decoration: none; color: #d2108b; font-weight: normal; }
#Panel UL LI a:visited { text-decoration: none; color: #d2108b; font-weight: normal; }
#Panel UL LI a:hover { text-decoration: underline; color: #d2108b; font-weight: normal; }
#Panel UL LI a:active { text-decoration: underline; color: #d2108b; font-weight: normal; }

#Panel IMG { 
text-align: center; 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: none;
}
#membersearch {
position: relative;
margin: 0px 0px 0px 0px;
padding: 13px 0px 5px 0px;
background: url(../img/panel_search_bk.jpg) top left no-repeat #000;
}
#membersearch #searchform {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#membersearch #searchform FORM {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#membersearch #searchform FORM LABEL {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #9f0c6a;
font-size: 11px;
font-weight: bold;
}
#membersearch #searchform FORM INPUT {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #f0f0f0;
font-size: 10px;
border: 1px solid #f0f0f0;
color: #f0f0f0;
background-color: #111;
font-family: Arial, Helvetica, sans-serif;
}
#membersearch #searchform #search {
margin: 2px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 1px solid #000;
color: #f0f0f0;
background: url(../img/btn_grad.jpg) top center repeat-x #000;
font-family: Arial, Helvetica, sans-serif;
width: 50px;
}
#contentTab {
position: relative;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color: #000;
clear: both;
}
.contimg {
position: relative;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: none;
}
#content { 
position: relative;
padding: 0px 35px 0px 25px;
margin: 0px 0px 0px 0px;
background: url(../img/tabContFill.jpg) top right repeat-y #000;
border: 0px solid #ff0000;
}


/* ################ PROFILE ################## */
#pHeader {
position: relative;
background: url(../img/banner_profile.jpg) top center no-repeat #000;
height: 220px;
width: 751px;
border: 0px solid #fff;
}
#contentProfile {
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 751px;
border: 0px solid #fff;
color: #fff;
background: url(../img/tabConttbk.jpg) top right no-repeat #181617;
}
#profileTab {
position: relative;
padding: 0px 0px 0px 0px;
margin: 10px 0px 0px 0px;
border: 0px solid #000;
}
#profileTab UL {
border-bottom: 0px solid #181617;
padding: 0px 0px 0px 30px;
margin: 0px 0px 0px 0px;
list-style: none;
overflow: auto;
width: 720px;
}
#profileTab UL LI { 
position: relative;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: center;
float: left;
display: block;
}
#profileTab UL LI a:link { text-decoration: none; color: #d2108b; font-weight: normal; }
#profileTab UL LI a:visited { text-decoration: none; color: #d2108b; font-weight: normal; }
#profileTab UL LI a:hover { text-decoration: underline; color: #d2108b; font-weight: normal; }
#profileTab UL LI a:active { text-decoration: underline; color: #d2108b; font-weight: normal; }

#profileTab UL LI .tabp {
position: relative;
border: 0px solid #fff;
padding: 3px 0px 2px 0px;
margin: 0px 20px 0px 0px;
width: 200px;
background: url(../img/tabpClicked.jpg) top center no-repeat #181617;
}
#profileTab UL LI .tabpUnClicked {
position: relative;
padding: 3px 0px 2px 0px;
margin: 0px 0px 0px 0px;
border: 0px solid #fff;
width: 88px;
background: url(../img/tabWhite.jpg) top center no-repeat #181617;
}

#twocol { position: relative; border: 0px solid #ff0000; }
.col { 
position:relative; 
float: left; 
width: 245px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#content TABLE {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.box {
position: relative;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
background: url(../img/box_rc.jpg) bottom right no-repeat #181617;
border: 0px solid #ff0000;
}
.hbox {
position: relative;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: url(../img/hbox_bk.jpg) top right no-repeat #181617;
height: 34px;
}
.hbox H1 {
position:relative;
font-size: 14px;
height: 27px;
color: #2b7281;
font-weight: normal;
padding: 7px 0px 0px 7px;
margin: 0px 0px 0px 0px;
background: url(../img/hbox_cap.jpg) top left no-repeat;
}
.cbox {
position:relative;
padding: 0px 5px 5px 0px;
margin: 0px 0px 0px 0px;
background: url(../img/box_lc.jpg) bottom left no-repeat;
}
.cbox P {
padding: 0px 5px 0px 5px;
margin: 0px 0px 3px 0px;
}
.cbox IMG {
padding: 5px 5px 0px 0px;
margin: 0px 0px 3px 8px;
}
.cbox P SPAN {
color: #d2108b;
}
.cbox TABLE {
position: relative;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.cbox TABLE a:link { text-decoration: none; color: #d2108b; font-weight: normal; }
.cbox TABLE a:visited { text-decoration: none; color: #d2108b; font-weight: normal; }
.cbox TABLE a:hover { text-decoration: underline; color: #d2108b; font-weight: normal; }
.cbox TABLE a:active { text-decoration: underline; color: #d2108b; font-weight: normal; }

.cbox TABLE TD {
position: relative;
padding: 5px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.profilefrd {
position:relative;
width: 60px;
text-align: center;
}
.profilefrd P {
position:relative;
padding: 3px 0px 3px 0px;
margin: 0px 0px 0px 0px;
}
.gallery {
position:relative;
width: 90px;
text-align: center;
}
.gallery IMG {
border: none; 
text-decoration: none;
}
.gallery a { text-decoration: none; }

#profilepic { position: relative; width: 225px; }
#about { position: relative; width: 225px; }
#moreabout, #blog, #eventsdetails, #comments { position: relative; width: 450px; }
#friends, #gallery, #moreoptions { position: relative; width: 200px; }
#friends P { padding-left: 5px; }
#moreoptions H3 {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: #d2108b;
font-size: 14px;
text-align: center;
}
#blog H2 { 
padding: 0px 0px 5px 5px;
margin: 0px 0px 0px 0px;
font-size: 14px; 
color: #d2108b; 
}
#blog H2 SPAN {
font-size: 10px;
}
#blog a:link { text-decoration: none; color: #d2108b; font-weight: normal; }
#blog a:visited { text-decoration: none; color: #d2108b; font-weight: normal; }
#blog a:hover { text-decoration: underline; color: #d2108b; font-weight: normal; }
#blog a:active { text-decoration: underline; color: #d2108b; font-weight: normal; }

#moreoptions a:link { text-decoration: none; color: #d2108b; font-weight: bold; }
#moreoptions a:visited { text-decoration: none; color: #d2108b; font-weight: bold; }
#moreoptions a:hover { text-decoration: underline; color: #d2108b; font-weight: bold; }
#moreoptions a:active { text-decoration: underline; color: #d2108b; font-weight: bold; }

#comments H1 a:link { text-decoration: none; color: #d2108b; font-weight: normal; font-size: 10px; }
#comments H1 a:visited { text-decoration: none; color: #d2108b; font-weight: normal; font-size: 10px; }
#comments H1 a:hover { text-decoration: underline; color: #d2108b; font-weight: normal; font-size: 10px; }
#comments H1 a:active { text-decoration: underline; color: #d2108b; font-weight: normal; font-size: 10px; }

#comments H2 {
padding: 0px 0px 5px 5px;
margin: 0px 0px 0px 0px;
font-size: 14px; 
color: #3691a6;
font-weight: normal;
}
#comments H2 a:link { text-decoration: none; color: #d2108b; font-weight: normal; }
#comments H2 a:visited { text-decoration: none; color: #d2108b; font-weight: normal; }
#comments H2 a:hover { text-decoration: underline; color: #d2108b; font-weight: normal; }
#comments H2 a:active { text-decoration: underline; color: #d2108b; font-weight: normal; }

#comments .posts { position: relative; margin-bottom: 10px; }
.posts .proimgs {
position: relative;
padding: 5px 5px 5px 5px;
margin: 0px 0px 0px 0px;
border: none;
float: left;
}
.posts .cMenu {
text-align: right;
color: #d2108b;
}
.posts a:link { text-decoration: none; color: #d2108b; font-weight: normal; }
.posts a:visited { text-decoration: none; color: #d2108b; font-weight: normal; }
.posts a:hover { text-decoration: underline; color: #d2108b; font-weight: normal; }
.posts a:active { text-decoration: underline; color: #d2108b; font-weight: normal; }
/* ################ END PROFILE ################## */

/* ################ EDIT PROFILE ################## */

#epHeader {
position: relative;
background: url(../img/banner_editprofile.jpg) top center no-repeat #000;
height: 220px;
width: 751px;
border: 0px solid #fff;
}

#contentEditProfile {
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 751px;
border: 0px solid #000;
color: #fff;
background: url(../img/tabConttbk.jpg) top right no-repeat #181617;
}


#editTab {
position: relative;
padding: 0px 0px 0px 0px;
margin: 10px 0px 0px 0px;
border: 0px solid #000;
}

#editTab UL {
border-bottom: 0px solid #181617;
padding: 0px 0px 0px 30px;
margin: 0px 0px 0px 0px;
list-style: none;
overflow: auto;
width: 720px;
}
#editTab UL LI { 
position: relative;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 88px;
text-align: center;
float: left;
display: block;
}
#editTab UL LI a:link { text-decoration: none; color: #d2108b; font-weight: normal; }
#editTab UL LI a:visited { text-decoration: none; color: #d2108b; font-weight: normal; }
#editTab UL LI a:hover { text-decoration: underline; color: #d2108b; font-weight: normal; }
#editTab UL LI a:active { text-decoration: underline; color: #d2108b; font-weight: normal; }

#editTab UL LI .tabClicked {
position: relative;
padding: 3px 0px 2px 0px;
margin: 0px 0px 0px 0px;
width: 88px;
background: url(../img/tabClicked.jpg) top center no-repeat #181617;
}
#editTab UL LI .tabUnClicked {
position: relative;
padding: 3px 0px 2px 0px;
margin: 0px 0px 0px 0px;
width: 88px;
background: url(../img/tabWhite.jpg) top center no-repeat #181617;
}

/* ################ END EDIT PROFILE ################## */

/* GLOBALS */
.nrmtxt {
color: #333;
font-style: normal;
font-size: 12px;
}
.smtxt {
color: #333;
font-size: 10px;
font-style: normal;
}
.rightAd {
position: relative;
padding: 0px 0px 0px 0px;
margin: 25px 0px 0px 0px;
width: 137px;
text-align: center;
}