/*
Theme Name: Nabila Ramdani
Theme URI: http://nabilaramdani.com
Author: TnD JadeWits Limited
Author URI: http://jadewits.com
Description: Wordpress Theme
Version: 1.2
Tags: learning, 3column
*/


/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
    max-width: 100%; /* When images are too wide for containing element, force them to fit. */
    height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
    display: inline;
    float: left;
    margin-right: 24px;
    margin-top: 4px;
}
.alignright,
img.alignright {
    display: inline;
    float: right;
    margin-left: 24px;
    margin-top: 4px;
}
.aligncenter,
img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
    margin-bottom: 12px;
}
.wp-caption {
    background: #f1f1f1;
    line-height: 18px;
    margin-bottom: 20px;
    max-width: 632px !important; /* prevent too-wide images from breaking layout */
    padding: 4px;
    text-align: center;
}
.wp-caption img {
    margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
    color: #888;
    font-size: 12px;
    margin: 5px;
}
.wp-smiley {
    margin: 0;
}
.gallery {
    margin: 0 auto 18px;
}
.gallery .gallery-item {
    float: left;
    margin-top: 0;
    text-align: center;
    width: 33%;
}
.gallery-columns-2 .gallery-item {
    width: 50%;
}
.gallery-columns-4 .gallery-item {
    width: 25%;
}
.gallery img {
    border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
    max-width: 92%;
    height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
    max-width: 84%;
    height: auto;
}
.gallery .gallery-caption {
    color: #888;
    font-size: 12px;
    margin: 0 0 12px;
}
.gallery dl {
    margin: 0;
}
.gallery img {
    border: 10px solid #f1f1f1;
}
.gallery br+br {
    display: none;
}
#content .attachment img {/* single attachment images should be centered */
    display: block;
    margin: 0 auto;
}


/************/

/* CSS Document */

*{
    margin: 0;
    padding: 0;
    border: 0;    
}

body{
    font-family: Arial, Tahoma, "Times New Roman", Georgia;
    font-size: 12px;
    line-height: 20px;
    color: #515151;
    background: #fff;
}
img{
    border: none;
}
ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
/*---------------------------------------wrapper-----*/
.wrapper{
    margin: 0 auto;
    width: 100%;
}
/*------------------------head-----------*/
.headder{
    width: 950px;
    background: #ffffff;
}
.headTop{
    width: 950px;
    height: 61px;
    background: url('images/borderNav.png') no-repeat;
}
.headLogo{
    width: 251px;
    height: 61;
}
.headLogo h1{
    padding: 11px 0 0 26px;
}
.headLogo h2{
    padding: 11px 0 0 26px;
}
.headNav{
    width: 674px;
    height: 40px;
    padding: 15px 0 0 19px;
}
.headNav ul{
    /*overflow: hidden;*/
}
.headNav ul li{
    float: left;
    display: inline-block;
    background: url('images/navDot.png') no-repeat right;
    padding: 0 10px 0 6px;
    height: 22px; 
}
.headNav ul li.firstNav{
    padding: 0 10px 0 0;
}
.headNav ul li.lastNav{
    background: none;
    padding: 0 0 0 6px;
}
.headNav ul li a{
    font-family: "Sans Serif",Georgia,"Times New Roman",Arial;
    color: #999999;
    text-decoration: none;
    font-size: 13px;
    /*font-weight: bold;*/
}
.headNav ul li a:hover{
    color: #a640d4;
    /*position: relative;*/ 
}
.headImage{
    width: 950px;
    height: 385px;
}
#menu-item-37{
    position: relative;
}
#menu-item-37 ul{
    position:absolute;
    width:380px;
    float: left;
    background: #fff left repeat;
    display: none;
    left: 0; 
    top: 20px;
    padding-top: 10px;  
}
#menu-item-37:hover ul{
    display: block;
    line-height: 22px;
}
.headNav li ul li {
    display:list-item !important;
    list-style: none;
    color: #fff;
    float: center;
    text-align:left;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
   text-transform:capitalize;
   width:380px;
   padding: 0px !important;
   margin-left: 5px;
   /*background: #fff left repeat !important;*/
}
.headNav li li {
    background: none;
    padding: 0px;
    padding-top: 0px;
}
.headNav li ul li a{
    color: #999999;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}
.headNav li ul li a:hover{
    color: #a640d4;
}
/*---------------------Main------*/
.mainCont{
    width: 863px;
    padding: 27px 45px 27px 42px;
}
.contentRighr{
    width: 476px;
}
.contentRighr h3{
    font-family: 'Sans Serif',Georgia,'Times New Roman',Arial;
    font-size: 18px;
    color: #9900CC;
}
.contentRighr p{
    font-family: 'Sans Serif',Georgia,'Times New Roman',Arial;
    font-size: 14px;
    line-height: 18px;
    color: #666666;
    margin-top: 23px;
}
.contentRighr h5{
    font-family: 'Sans Serif',Georgia,'Times New Roman',Arial;
    font-size: 14px;
    line-height: 18px;
    color: #9900CC;
    margin-top: 23px;
}
.pageContent h1{
    font-family: 'Sans Serif',Georgia,'Times New Roman',Arial;
    font-size: 18px;
    color: #9900CC;
}
.pageContent h1.bio{
    margin-left: 15px;
    font-family: 'Sans Serif',Georgia,'Times New Roman',Arial;
    font-size: 18px;
    color: #9900CC;
    float: left;
}
.pageContent p.bioText{
    font-family: 'Sans Serif',Georgia,'Times New Roman',Arial;
    font-size: 14px;
    line-height: 18px;
    color: #666666;
    width: 640px;
    height: 100px;
    margin-left: 15px;
    margin-top: 14px;
}
.pageContent{
    width: 791px;
    padding: 50px 115px 27px 44px;
}
.teleImage{
    width: 791px;
    margin-top: 2px;
}
.teleImage ul li{
    float: left;
    margin-left: 13px;
}
.teleImage ul li.firstImg{
    margin-left: 0;
}
.teleImage p.tileItalic{
    font-family: 'Sans Serif',Georgia,'Times New Roman',Arial;
    font-size: 28px;
    line-height: 32px;
    color: #9900CC;   
    font-style: italic;
    margin-right: 10px;
    margin-top: 0px !important;
}
.alignLeft{
    float: left;
    margin: 0 10px 10px 0;
}
.galleryBody{
    width: 791px;
    padding: 51px 115px 0 44px;
}
.galleryBody h1{
    font-family: 'Sans Serif',Georgia,'Times New Roman',Arial;
    font-size: 18px;
    color: #9900CC;
}
.gallryTop p.tileItalic{
    font-family: 'Sans Serif',Georgia,'Times New Roman',Arial;
    font-size: 14px;
    line-height: 16px;
    color: #666666;   
    margin-right: 10px;
}
.galleryCont{
    width: 863px;
    margin-top: 8px;
}
.gallryTop{
    width: 863px;
}
.galimage{
    float: left;
}
.galtext{
    width: 664px;
    float: left;
    margin-left: 10px;
}
.galtext p{
    font-family: 'Sans Serif',Georgia,'Times New Roman',Arial;
    font-size: 14px;
    line-height: 18px;
    color: #666666;   
    margin-right: 10px;
}
.gallryBottom{
    width: 863px;
    margin-top: 22px;
}
.gallryTop .alignLeft{
    float: left;
    margin: 0 10px 10px 0;
}
.galleryBottom p.tileItalic{
    font-family: 'Sans Serif',Georgia,'Times New Roman',Arial;
    font-size: 14px;
    line-height: 16px;
    color: #666666;   
    margin-right: 10px;
}
.galleryBottom .alignLeft{
    float: left;
    margin: 0 10px 10px 0;
}
.pageContent h4{
    font-family: 'Sans Serif',Georgia,'Times New Roman',Arial;
    font-size: 18px;
    color: #9900CC;
    float: left;
}
.pageContent p.list{
    font-family: 'Sans Serif',Georgia,'Times New Roman',Arial;
    font-size: 14px;
    line-height: 18px;
    color: #666666;
    margin-top: 23px;
}
.pageContent a{
    font-family: 'Sans Serif',Georgia,'Times New Roman',Arial;
    font-size: 14px;
    line-height: 18px;
    color: #9900CC;
    margin-top: 0;
    float: left;
    /*width: 790px; */
    text-decoration: none;
}
.pageContent h3{
    font-family: 'Sans Serif',Georgia,'Times New Roman',Arial;
    font-size: 18px;
    color: #9900CC;
    float: left;
    margin-top: 15px;
    width:790px;
}
.pageContent p{
    font-family: 'Sans Serif',Georgia,'Times New Roman',Arial;
    font-size: 14px;
    line-height: 20px;
    color: #666666;
    margin-top: 23px;
    float: left;
    width: 790px;
}
/*.pageContent p strong{
    margin-top: 10px;
} */
.pageContent p span{
    font-family: 'Sans Serif',Georgia,'Times New Roman',Arial;
    font-size: 18px;
    color: #9900CC;
    float: left;
    margin-top: 15px;
}   
.socialLeft{
    width: 375px;
    padding-left: 12px;
}
.socialLeft h4{
    font-family: 'Sans Serif',Georgia,'Times New Roman',Arial;
    font-size: 18px;
    color: #9900CC;
}
.socialLeft h6{
    font-family: 'Sans Serif',Georgia,'Times New Roman',Arial;
    font-size: 14px;
    color: #666666;
    padding-top: 5px;
}
.socialLeft ul li{
    float: left;
    padding-top: 9px;
    padding-left: 14px;
}
.socialLeft ul li.fb{
    padding-left: 0;
}
.socialBar{
    padding: 0 44px 27px 44px;
    width: 862px;
    
}
.socialBar h5{
    font-family: 'Sans Serif',Georgia,'Times New Roman',Arial;
    font-size: 18px;
    color: #9900CC;
}
.socialBar h6{
    font-family: 'Sans Serif',Georgia,'Times New Roman',Arial;
    font-size: 14px;
    color: #666666;
    padding-top: 5px;
}
.socialBar h6 a{
    text-decoration: none;
    font-family: 'Sans Serif',Georgia,'Times New Roman',Arial;
    font-size: 14px;
    color: #666666;
    padding-top: 5px;
}
.socialBar ul{
    overflow: hidden;
}
.socialBar ul li{
    float: left;
    padding-top: 9px;
    padding-left: 14px;
}
.socialBar ul li.fb{
    padding-left: 0;
}
/*--------------------------Foot------*/
.footer{
    width: 862px;
    padding: 0 44px;
    background: url('images/border.png') center top no-repeat;
}
/*---------------------Extra-------*/
.w950{width: 950px;}
.pt10{ padding-top: 10px; }
.oh{overflow: hidden;}
.fl{float: left;}
.mr15{ margin-right: 15px; }


/***** by rashed **/
.firstp{
    width: 157px !important; margin-top: 0px !important;
}
.second{
    width:630px !important;
    text-align: left;
}
.firstp  a{
     width:135px !important;
}
.nav-next{
    float:left;
    margin-right: 60px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.nav-next a{
    color: #000;
    text-decoration: none;
    float: left;
}
.nav-next a:hover{
    color:#9900CC;
}
.current_page_item a{
   color:#9900CC !important; 
}
.socialBar h6 a{
    text-decoration: none;
     color: #666666 !important;
}
.socialLeft h6 a{
    text-decoration: none;
     color: #666666 !important;
}

.violet{
    margin-top: 0!important;
    font-size: 14px !important;
}
.block{
    display: block;
    clear: both;
}
.st_sharethis{
    width: 92px;
    height: 13px;
    display: inline-block;
    background: url('images/shareLogo.png') left top no-repeat;
    text-indent: -9999px;
    line-height: 0;
}