body{
background-image: url('img/bgbassam.png');  
background-color: #999fff;    
color:#000305;
font-size:100%; /*Base font sizes is 14 pixels*/
font-family: Arial, 'Lucida Sans Unicode';
line-height:1.5;
text-align:right;
}
h1{font-size:180%;line-height:1.2;}
a{
text-decoration:none;
}
a:link, a:visited{
color:#0099FF;
/*color:rgba(0,174,239,1);*/

}
a:hover, a:active{
background-color:rgba(255,255,255,0.5);
color:rgba(153,44,152,0.7);
}
.heading1 a:link, .heading1 a:visited, .heading1 a:hover,.heading1 a:active{
	color:#FFFFFF !important;
}
.body{
margin: 0 auto;
width: 70%;
clear: both;
}
.mainHeader .heading{

/*background: -webkit-linear-gradient(#ffffff, #758dd3);
    background: -ms-linear-gradient(#ffffff, #758dd3 );
    background: -moz-linear-gradient(#ffffff, #758dd3 );
    background: linear-gradient(#ffffff, #758dd3);*/background: url('img/banner-v7.jpg');
	border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-bottom:2px;
}
/*.mainHeader .layer{

background-color:rgba(248,247,216,0.7);
 top: 0;
    left: 0;
    width: 100%;
    height: 100%;

border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}*/
.mainHeader h2{
float:left;width:60%;display:inline-block;font-size:133%;text-align:center;vertical-align:middle;margin-left:20%;
color:rgba(255,255,255,1);font-weight:bold;

}
.mainHeader p{
float:left;width:60%;font-size:96%;text-align:center;display:inline-block;vertical-align:top;margin-left:20%; 
color:rgba(255,255,255,1);font-weight:bold;
}
.mainHeader img {

width:20%;
max-width:255px;
height:auto;
margin:0% 0;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
vertical-align:bottom;
}
.mainHeader .heading nav {

 
height:0px;

}
.mainHeader nav {
font-size:105%;
clear:both;
font-weight:bold;
background-color:rgba(117,141,211,0.7);
height:40px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;

}

.mainHeader nav ul{
list-style:none;
margin:0 auto;
padding-right:40px;
}

.mainHeader nav ul li{
float:right;
display:inline;
}
.mainHeader nav a:link, .mainHeader nav a:visited {
color : #FFF;
display:inline-block;
padding:10px 25px;
height:20px;
}
.mainHeader nav a:hover, .mainHeader nav a:active,
.mainHeader nav .active a:link, .mainHeader nav .active a:visited {
background-color: #0066FF;
text-shadow: none;

}
.mainHeader nav ul li a{
}
.address{ 
font-size:110%; font-weight:bold;
}
.mainContent {
line-height:25px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;

}
.mainContent h2,h1{
color:#0066FF;
}
.mainContent a:link, a:visited{
color:#0099FF;
/*color:rgba(0,174,239,1);*/

}
.mainContent a:hover, a:active{
background-color:rgba(255,255,255,0.5);
color:rgba(153,44,152,1);
}

.content{
width:70%;
float:right;

}
.content ul{
list-style-type: none;
 padding: 1px;
 margin: 0px;
direction: rtl; 
}
.content ul li{

 padding-right:3%; 
 font-weight:bold;
 direction: rtl; 
}
 .star ul li{
background-image: url(img/bluestar.gif);
 background-repeat: no-repeat;
 background-position: 100% 5px; 
 padding-right:3%; 
 font-weight:bold;
 direction: rtl;
}
 .astar ul li{
background-image: url(img/blueastar.gif);
 background-repeat: no-repeat;
 background-position: 100% 5px; 
 padding-right:3%; 
 font-weight:bold;
 direction: rtl;
}
.sa7 ul li{
background-image: url(img/bluesa7.gif);
  background-repeat: no-repeat;
 background-position: 100% 5px; 
 padding-right:3%; 
 font-weight:bold;
 direction: rtl;
}
.topcontent{
background-color:rgba(255,255,255,0.5);
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:0% 5%;
margin-top:2%;
}
.topcontent  li{
font-size:100%;
}
.bottomcontent{
background-color:rgba(255,255,255,0.5);
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:0% 5%;
margin-top:2%;
}
.post-info{
font-style:italic;
color:#999;
font-size: 90%;
}
.top-sidebar{
/*old
width:21%;
float: left;
background-image: url('img/LINA.jpg');
background-repeat:no-repeat;
background-position:right;
background-color:rgba(153,44,152,0.7);
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin: 1.4% 0 2.5% 3%;
padding: 2% 3%;
*/
width:27%;
float: right;

background-color:rgba(153,44,152,0.7);
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin: 1.4% 3% 2.5% 0%;


}

.top-sidebar h2{
float:right;width:38%;font-size:1.4em;text-align:right;
color:rgba(255,255,255,1);font-weight:bold;margin-right:2%;margin-bottom:0%;

}
.top-sidebar p{
float:left;width:38%;font-size:1.2em;text-align:right;
color:rgba(255,255,255,1);font-weight:bold;margin-right:2%;margin-top:0%;
}
.top-sidebar img {

float:left;
width:60%;
max-width:255px;
height:auto;
margin:0% 0;

 border-top-left-radius:5px;
 border-bottom-left-radius:5px;
 -moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;

vertical-align:bottom;
}

.middle-sidebar{
/*old
width:21%;
float: left;
background-image: url('img/BASSAM.jpg');
background-repeat:no-repeat;
background-position:right ;
background-color:rgba(141,198,63,0.7);
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-left:3%;
margin-bottom: 2.5%;
padding: 2% 3%;*/
width:27%;
float: right;

background-color:rgba(141,198,63,0.7);
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-right:3%;
margin-bottom: 2.5%;
}

.middle-sidebar h2{
float:right;width:38%;font-size:1.4em;text-align:right;
color:rgba(255,255,255,1);font-weight:bold;margin-right:2%; margin-bottom:0%;

}
.middle-sidebar p{
float:right;width:38%;font-size:1em;text-align:right;
color:rgba(255,255,255,1);font-weight:bold;margin-right:2%;margin-top:0%;
}
.middle-sidebar img {

float:left;
width:60%;
max-width:255px;
height:auto;
margin:0% 0;

 border-top-left-radius:5px;
 border-bottom-left-radius:5px;
 -moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;

vertical-align:bottom;
}
/*.middle-sidebar h2{
float:left;width:48%;text-align:left;
color:rgba(255,255,255,1);font-weight:bold;margin-right:50%;margin-left:2%;
background-color:rgba(141,198,63,0.5);border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.middle-sidebar p{
float:left;width:40%;text-align:left;
color:rgba(255,255,255,1);font-weight:bold;margin-right:58%;margin-top:0%;margin-left:2%;
background-color:rgba(141,198,63,0.5);border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
*/

.bottom-sidebar{
/*
width:21%;
float: left;
background-image: url('img/IHSANO.jpg');
background-repeat:no-repeat;
background-position:right;
background-color:rgba(0,174,239,0.5);
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-left:3%;
margin-bottom:2%;
padding: 2% 3%;
*/
width:27%;
float: right;

background-color:rgba(0,174,239,0.7);
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-right:3%;
margin-bottom: 2%;
}

.bottom-sidebar h2{
float:right;width:38%;font-size:1.4em;text-align:right;
color:rgba(255,255,255,1);font-weight:bold;margin-right:2%; margin-bottom:0%; 

}
.bottom-sidebar p{
float:right;width:38%;font-size:1.2em;text-align:right;
color:rgba(255,255,255,1);font-weight:bold;margin-right:2%;margin-top:0%;
}
.bottom-sidebar img {

float:left;
width:60%;
max-width:255px;
height:auto;
margin:0% 0;

 border-top-left-radius:5px;
 border-bottom-left-radius:5px;
 -moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;

vertical-align:bottom;
}

.mainFooter{
width:100%;
height:40px;
float: right;
background-color:rgba(117,141,211,0.7);
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin:2% 0;
}
.mainFooter p {
width:92%;
margin: 10px auto;
color: #FFF;
}
.mainFooter a:link, a:visited {
color:#0066FF;}
@media only screen and (min-width: 1418px) and (max-width:1536px)
{
.mainHeader .heading{

background: url('img/banner-v81.jpg');
}
.middle-sidebar p{font-size:85%;
} 
}

@media only screen and (min-width: 769px) and (max-width:1417px)
{
h1{
font-size:160%}
.mainHeader h2{
font-size:120%;
}
.mainHeader p{font-size:83%;}

.top-sidebar h2, .middle-sidebar h2 ,.bottom-sidebar  h2{
font-size:100%;

}
.middle-sidebar p{font-size:85%;
} 
.mainHeader .heading{

background: url('img/banner-v81.jpg');
}

.content ul li{

 padding-right:5%; 
 }
}

@media only screen and (min-width: 481px) and (max-width:768px)
{
.body{
width: 90%;
font-size:95%;
}
.mainHeader .heading{
text-align:right;
background: url('img/banner-v83.jpg') no-repeat left bottom;
background-color:#7592CC;
}
.mainHeader img {
width:50%;
max-width:255px;
}
.mainHeader nav {
height:160px;
}

.mainHeader nav ul{
padding-left: 0;padding-right: 0;
}

.mainHeader nav ul li{
width:100%;
text-align;center;
}
.mainHeader nav a:link, .mainHeader nav a:visited {
padding:10px 25px;
height:20px;
display:block;
}


.content{
width:100%;
float:right;
margin-top:2%;

}
.content ul li{

 padding-right:5%; 
 }

.post-info{
display:none;
}
.mainHeader .heading  .subheading{
display:none;
}
.topcontent{
background-color:rgba(255,255,255,0.5);
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:3% 5%;
margin-top:2%;
margin-bottom:4%;
}
.bottomcontent{

margin-top:3%;
}
.top-sidebar, .middle-sidebar ,.bottom-sidebar{
width:94%;
margin: 2% 0 2% 0%;
/*padding: 2% 3%;*/

}



}

@media only screen and (min-width: 150px) and (max-width:480px)
{
	
.body{
width: 90%;
font-size:95%;
}
.mainHeader h2{
	font-size:100%;
}
.mainHeader .heading{
text-align:right;
background: url('img/banner-v84.jpg') no-repeat left bottom;
background-color:#7592CC;
}
.mainHeader img {
width:50%;
max-width:255px;
}
.mainHeader nav {
height:160px;
}

.mainHeader nav ul{
padding-left: 0;padding-right: 0;
}

.mainHeader nav ul li{
width:100%;
text-align;center;
}
.mainHeader nav a:link, .mainHeader nav a:visited {
padding:10px 25px;
height:20px;
display:block;
}


.content{
width:100%;
float:right;
margin-top:2%;

}
.content ul li{

 padding-right:5%; 
 }

.post-info{
display:none;
}
.mainHeader .heading  .subheading{
display:none;
}
.topcontent{
background-color:rgba(255,255,255,0.5);
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:3% 5%;
margin-top:2%;
margin-bottom:4%;
}
.bottomcontent{

margin-top:3%;
}
.top-sidebar, .middle-sidebar ,.bottom-sidebar{
width:94%;
margin: 2% 0 2% 0%;
/*padding: 2% 3%;*/

}



}