* {
    margin:0;
    padding:0;
    outline:0;
}
body {
    font-size:15px;
    line-height:1.2;
    font-family:"Courier New", Arial, Helvetica, Sans-Serif;
    color:#000;
    background:url(images/bg-red.jpg) repeat center 0;
    padding-bottom:10px;
}
a {
    color:#0252aa;
    text-decoration:none;
    cursor:pointer;
}
a:hover {
    text-decoration:underline;
}
a img {
    border:0;
}
input, textarea, select {
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
}
textarea {
    overflow:auto;
}
.cl {
    display:block;
    height:0;
    font-size:0;
    line-height:0;
    text-indent:-4000px;
    clear:both;
}
.notext {
    font-size:0;
    line-height:0;
    text-indent:-4000px;
}
.left, .alignleft {
    float:left;
    display:inline;
}
.right, .alignright {
    float:right;
    display:inline;
}
.shell {
    width:865px;
    margin:0 auto;
}
#header {
}
#navigation ul {
    list-style:none outside none;
}
#navigation ul li {
    float:left;
    display:inline;
    margin-right:6px;
}
#navigation ul li a, #navigation ul li a span {
    float:left;
    display:inline;
    height:36px;
    background:url(images/nav-btn.gif) no-repeat 0 0;
    padding-left:20px;
    font-size:15px;
    color:#000;
    font-weight:bold;
    text-transform:uppercase;
    line-height:35px;
}
#navigation ul li a span {
    background-position:right 0;
    padding:0 43px 0 0;
    margin-right:-3px;
    position:relative;
}
#navigation ul li a:hover, #navigation ul li a:hover span {
    text-decoration:none;
    color:#ef3e25;
}
#navigation .ui-sortable-placeholder {
    background:#fff;
    visibility:visible !important;
    height:36px !important;
    opacity:0.5;
    -moz-opacity:0.5;
    filter:alpha(opacity=50);
    -webkit-border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-bottomleft:5px;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
}
h1#logo {
    float:left;
    display:inline;
    width:676px;
    height:74px;
    margin-top:28px;
}
h1#logo a {
    display:block;
    height:74px;
    background:url(images/logo2.png) no-repeat 0 0;
}
#main {
    padding-top:27px;
    height:100%;
    margin : auto;
}
.drag-pointer {
    position:absolute;
    top:0;
    width:14px;
    height:11px;
    display:block;
    font-size:0;
    line-height:0;
    text-indent:-4000px;
    cursor:move;
}
.user-box {
    position:relative;
    top:0;
    left:0;
    float:left;
    display:inline;
    width:830px;
    height:400px;
    background:url(images/user-box-big.png) no-repeat 0 0;
    background-color: #d6d6d6;
    border-radius: 5px;
    padding:0 4px;
    margin-right:10px;
    margin-bottom: 20px;
}
.user-box .drag-pointer {
    top:7px;
    left:169px;
}
.user-box .user-picture {
    float:left;
    display:inline;
    width:87px;
    height:103px;
    background:url(images/user-picture-cover.gif) no-repeat 0 0;
    margin:70px 6px 0 19px;
    padding:12px 0 0 3px;
}
.user-box .user-info {
    float:left;
    display:inline;
    width:630px;
    padding-top:60px;
}
.user-box .username {
/*    width:250px;*/
    height:21px;
    background:url(images/username-bg.gif) no-repeat 0 0;
    color:#171200;
    font-size:25px;
    font-weight:bold;
    text-transform:uppercase;
    padding-left:13px;
    padding-top: 4px;
    line-height:20px;
}
.user-box .description {
    padding:5px 0 0 12px;
}
.user-box .description h5 {
    font-size:20px;
    text-transform:uppercase;
}
.user-box .social-links {
    border-top:1px dashed #000;
    padding-top:6px;
    margin-top:28px;
}
.user-box .social-links p {
    float:left;
    display:inline;
    font-size:11px;
    color:#494949;
    padding:4px 6px 0 26px;
}
.user-box .social-links a {
    float:left;
    display:inline;
    width:23px;
    height:23px;
    background:url(images/ico-social.gif) no-repeat 0 0;
    margin-right:4px;
    font-size:0;
    line-height:0;
    text-indent:-4000px;
}
.user-box .social-links .linkedin {
    background-position:0 0;
}
.user-box .social-links .skype {
    background-position:-23px 0;
}
.user-box .social-links .facebook {
    background-position:-46px 0;
}
.user-box .social-links .twitter {
    background-position:-69px 0;
}
.user-box .social-links .picasa {
    background-position:-92px 0;
}
.user-box .social-links .lastfm {
    background-position:right 0;
}
.image-box {
    position:relative;
    top:0;
    left:0;
    float:left;
    display:inline;
    width:270px;
    height:268px;
    background:url(images/image-box-big.png) no-repeat 0 0;
    padding:0 4px;
    margin:0 10px 20px 0;
    
}
.image-box .drag-pointer {
    top:8px;
    left:96px;
}
.image-box .photo-cover {
    position:relative;
    width:231px;
    height:151px;
    background:url(images/photo-cover-2.gif) no-repeat 0 0;
    margin:33px 0 0 15px;
    padding:3px 0 0 3px;
}
.image-box .photo-name {
    height:32px;
    border-top:1px dashed #000;
    background:url(images/photo-name-bg-big.gif) no-repeat center 7px;
    margin-top:12px;
    color:#231f19;
    text-align:center;
    padding-top:8px;
    font-size:15px;
    font-weight:bold;
}
#footer, #footer a {
    color:#4a4a4a;
}
#footer a:hover {
    text-decoration:none;
}
#footer p {
    margin:0;
    padding:0;
    line-height:normal;
    white-space:nowrap;
}
#footer .lf {
    float:left;
}
#footer .rf {
    float:right;
    margin-right:36px;
}

.logo-halal {
    float: right;
    width: 30px;
    height: 30px;
/*    margin-top: 23px;*/
    margin-right: 55px;
}
/* For Mobile */
@media screen and (max-width: 600px) {
    .user-box {
        background-image: url(images/user-box.png);
    }
}