UserProfileStyle.css

/* Default Styles
--------------------------------------------------- */
 
body {
    margin: 0px;
    padding: 0px;
    background-image:url("2.jpg");
    font-size: 16px; 
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    color: white;
}
 
a:link { 
    text-decoration: underline;
    color: white;
    font-weight: bold;
}
 
a:visited { 
    text-decoration: underline;
    color: white;
    font-weight: bold;
}
 
a:hover { 
    text-decoration: underline;
    color: white;
    font-weight: bold;
}
 
a:active { 
    text-decoration: underline;
    color: white;
    font-weight: bold;
}
 
#wrapper    {
    width: 965px;
    margin: 0 auto; 
}
 
#content {
    background-image:url("3.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    width: 960px;
    text-align: left;
    overflow: auto;
    position: relative;
    margin: 25px 0px 25px 0px;
    border: #fff solid 2px;
}
 
.clear  {
    float: none;
    clear: both;
    margin: 20px 0px 20px 0px;
}
 
 
/* Header
--------------------------------------------------- */
 
 
#contact-details .header_1 {
    float: left;
    width: 350px;
    text-align: center;
    margin: 40px 0px 0px 20px;
}
 
#contact-details .header_1 img {
    border: #fff solid 4px;
    background: url("Er.png"); 
    padding: 16px;
    margin: 10px 0px 0px 0px;
}
 
#contact-details .header_2 {
    float: left;
    width: 570px;
    margin: 40px 0px 0px 10px;
}
 
#contact-details .header_2 a {
    font-weight: normal;
}
 
#contact-details  h1    {
    margin: 0px 0px 0px 20px;
    font-size: 52px;
    font-weight: bold;
}
 
#contact-details  h3    {
    margin: 0px 0px 32px 20px;
    font-size: 30px;
    font-weight: bold;
    font-style: italic;
}
 
#contact-details ul.info_1  {
    list-style: none;
    margin: 0px 0px 0px -12px;
    font-size: 18px;
}
 
#contact-details ul.info_2  {
    list-style: none;
    margin: 0px 0px 15px -12px;
    font-size: 18px;
}
 
#contact-details li.address {
    background: url("../images/home.png") no-repeat;
    background-position: 0px 0px;
    padding: 0px 0px 12px 40px;
} 
#contact-details li.Anchor {
    background: url("../images/home.png") no-repeat;
    background-position: 0px 0px;
    padding: 0px 0px 12px 40px;
    }
#contact-details li.Event {
background: url("../images/home.png") no-repeat;
background-position: 0px 0px;
padding: 0px 0px 12px 40px;
}

#contact-details li.phone   {
    background: url("../images/phone.png") no-repeat;
    background-position: 0px 0px;
    padding: 0px 0px 12px 40px;
}
 
#contact-details li.email   {
    background: url("../images/mail.png") no-repeat;
    background-position: 0px 0px;
    padding: 0px 0px 12px 40px;
}
 
#contact-details li.site_url    {
    background: url("../images/computer.png") no-repeat;
    background-position: 0px 2px;
    padding: 0px 0px 12px 40px;
}
 
#contact-details li.twitter {
    background: url("../images/twitter_sm.png") no-repeat;
    background-position: 0px 0px;
    padding: 0px 0px 12px 40px;
}
 
 
 
/* Main Content
--------------------------------------------------- */
 
h2.top  {
    margin: 0px; 
    font-size: 22px;
    font-weight: bold;
}
 
h2  {
    margin: 40px 0px 0px 0px; 
    font-size: 22px;
    font-weight: bold;
}
 
 
dl  {
    margin: 0px 50px 0px 0px;
}
 
 
dt  {
    float: left;
    width: 200px;
    font-size: 20px;
    font-weight: bold;
    font-style: italic;
    text-align: right;
}
 
dd  {
    width: 620px; 
    float: right;
    margin-right: 20px;
}
 
dl#contact  {
    margin: 0px;
}
 
dt#contact  {
    margin: 0px;
}
 
dd#contact  {
    margin: 0px;
}
 
p.bus1  {
    margin: 0px;
    font-weight: bold;
    color: white;
}
 
/*p.edu-info  {
    margin: 10px 0px 0px 0px;
    font-weight: bold;
    color: white;
}
 
p.edu-info a    {
    color: white;
}
 
p.edu-info a:hover  {
    color: white;
}
 
p.time  {
    margin: 0px;
}
 
p.summary   {
    margin: 10px 0px 0px 0px;
}*/
 
 
#skills ul.list1    {   
    float: left;
    list-style: none;
    margin: 0px 0px 0px -40px;
    width: 220px;
}
 /*
#skills ul.list2    {   
    float: left;
    list-style: none;
    margin: 0px 0px 0px 0px;
    width: 220px;
}
 */
#skills li {
    background: url("../images/bullet_green.png") no-repeat;
    background-position: 0px 2px;
    padding: 0px 0px 0px 25px;
}
 
abbr    {
    border-width: 0px;
}
 
 
/* Footer
--------------------------------------------------- */
 
#footer {
    margin: 60px 40px 0px 40px;
}
 
#footer img {
    border: 0px;
}
 
#footer .footer_content {
    width: 700px;
    overflow: auto;
    margin: auto;
    border: #fff solid 2px;
    background-color: #dcdcdc;
}
 
#footer ul.icons_1  {
    float: left;
    width: 525px;
    margin: 15px 10px 10px 15px;
    padding: 0px;
}
 
#footer ul.icons_2  {
    float: right;
    width: 100px;
    margin: 10px 20px 10px 10px;
    padding: 0px;
}
 
#footer .icons_1 li, #footer .icons_2 li { 
    margin: 0px 0px 0px 7px; 
    padding: 0px; 
    list-style-type: none; 
    display: inline; 
}
 
#footer a   {
    color: #000;
}
 
#footer a:hover {
    color: #669933;
}
 
#footer .credits {
    float: none;
    clear: both;
    margin: 10px 0px 20px 0px;
    font-size: 12px;
    text-align: center;
}
 
#footer .credits a  {
    font-weight: normal;
}