body { 
font-family: Arial, sans-serif; 

font-size: 11px;
    width: 100%; 
    height: 100%; 
    position: absolute; 
    left: 0px; 
    top: 0px; 
    z-index: 0;
	
/* body + wrap in all screen in all app y3mel el background li kol sef7ah mahmah kan shakl el screen el m3rod   */
margin: 0;
padding: 0;
color: #112211;
}



#wrap{ background: url(../images/sky-wallpaper.jpg) no-repeat ; min-width:100%; min-height:100%; width:auto; height:auto; }




a { color: #949494; text-decoration: none;}
a:hover { color: #2C2C2C; text-decoration: none;cursor: pointer; }


/*custum your font  */
@font-face
{
font-family: addFont;
src: url(../css/BlairMdITC-TT-Medium.ttf);
src:local(" real FontName "),url("../css/BlairMdITC-TT-Medium.ttf") format("opentype");
}




#header {
top: 45%;
height: 10px;
padding: 5px;
}
#header h1 {
text-align:center;
font-family: addFont;
margin: 0;
padding: 85px 0 0 0px;

font-weight:bold;
font-size: 24px;
letter-spacing: -2px;

text-decoration:underline;
padding-top:20px;
}
#header h1 a { text-decoration:underline; color: #949494; }
#header h1 a:hover { text-decoration: underline;color: #2C2C2C; }


#header p {
padding: 10px 0 0 0px;
color: #fff;
}


#header p a{
color:#AD855C;
}


#header p a:hover{

color:#FFF;
text-shadow: 1px 1px 0 #000, 2px 2px 0 #000; /*shadow lil font */

}

 #container { /*dah 3mlnah 3lshan center el vertical we dkhlnah el header fel html 3lashan yb2ah m3 el7rkah */

 position: absolute;
   top: 46%;
   margin-top: -277px;/* half of #content height dah el bayanat fo2 we t7t top    */
   left: 0;
   width: 100%;
   

}







#content {			 
		width:950px;
		padding-top: 114px;										/* tool elsaf7ah content men gher el 3nwan t7t we fo2*/
		padding-left:30px;
		padding-bottom:18px;
		
	
	

	
	
	
			margin: 0 auto ;          /* dah wel width center el saf7ah we mn3 tatakhol el bayanat	bel 3rt		*/
}


#footer { 
text-align: left;
color: #000;
background: #fff;
background-repeat:repeat-x;
 font-weight:bold;

width: 100%;
padding-top: 1px;



position: absolute;             /*dah 3lashan nsabet el footer t7t mhmaha kanet el screen eh */
bottom: 10px;



}
#footer p { padding: 0; margin: 0; }
#footer a {font-family: addFont;  color: #949494; font-weight:bold; 
}
#footer a:hover { color: #2C2C2C;text-decoration: none; }









/* template updates*/

#profileData{
padding-left:5px;

} 

                                                                 /*to use ur custum font  */
#profileData a{
font-family:addFont; 
    
} 



.valueCell{         
padding-top:20px;                            
                         
    width: 230px;  
		color: #949494	;	
	font-weight: 100;	
			font-size: 14px; 								/* elbayanat lil user shemal */
			
}
.labelCell {

padding-right:15px;
padding-bottom:32px;
    width: 220px;  
     /* font bold */	
font-size: 14px; 
				color: #949494 ;				/* el m3lomat ely user dkhlhaa yemin */
				

}

#linee{


padding-top:7px;
position: absolute;

float:right;
}



.line1{
width: 130px;
font-weight: 100;	
			font-size: 12px; 
padding-top:4px;
float:right;
position: absolute;
left:300px;
font-family: addFont;

}
.line2{
width: 100px;
font-weight: 100;	
			font-size: 12px; 
float:right;
position: absolute;
left:450px;
font-family: addFont;
padding-top:4px;
}.line3{
width: 100px;
font-weight: 100;	
			font-size: 12px; 
float:right;
position: absolute;
left:600px;
font-family: addFont;
padding-top:4px;
}
.miniPic {
	top:-50px;
  	position:absolute;
    height: 85px;
    width: 169px;
	left:-40px;
}
.miniPic:hover {
  
    opacity: 0.5;

	
}

.miniPic1 {
  top:40px;
    height: 57px;
    width: 146px;
	position:absolute;
	left: -210px ;

}

.miniPic1:hover {
  
    opacity: 0.5;

	
}



.miniPic2 {
  top:70px;
    height: 97px;
    width: 99px;
	left:100px;
position:absolute;

}
.miniPic2:hover {
  
    opacity: 0.5;

	
}


.miniPic3 {
  top:130px;
    height: 58px;
    width: 170px;
	position:absolute;
left:-100px;
}
.miniPic3:hover {
  
    opacity: 0.5;

	
}

.miniPic4 {
  top:220px;
    height: 57px;
    width: 157px;
	position:absolute;
left:-230px;

}
.miniPic4:hover {
  
    opacity: 0.5;

	
}

.miniPic5 {
  top:270px;
    height: 34px;
    width: 170px;
	padding-left:0px;
position:absolute;

}

.miniPic5:hover {
  
    opacity: 0.5;

	
}


.miniPic6 {
	top:320px;
  	position:absolute;
    height: 15px;
    width: 90px;
	left:-25px;
}
.miniPic6:hover {
  
    opacity: 0.5;

	
}



.miniPic7 {
	top:315px;
  	position:absolute;
    height: 23px;
    width: 114px;
	left:80px;
}
.miniPic7:hover {
  
    opacity: 0.5;

	
}

.miniPic8 {
  top:370px;
    height: 28px;
    width: 99px;
	position:absolute;
left:-180px;

}

.miniPic8:hover {
  
    opacity: 0.5;

	
}


.miniPic9 {
	top:415px;
  	position:absolute;
    height: 28px;
    width: 134px;
	left:70px;
}
.miniPic9:hover {
  
    opacity: 0.5;

	
}

.editplace {    /*   makan el sora el edit */
padding-right:50px;
position:relative;
left:-200px;
top:0px;
}

#audio_1 {
float:right;
bottom: 8px;
  	position:absolute;
right:0px;
background: #99FFFF;
width:200px;
height:20px;
}