@charset "utf-8";
/* CSS Document */

body{
background-color:#eaf1fb;
font-family:Tahoma;
font-size:11px;
color:#4d4d4d;
margin:0 auto;
direction:rtl;
}

a{text-decoration:none; color:#4d4d4d;}
a:hover{
/*border-bottom:1px dotted #CCCCCC;*/
}
img{
border:0;
/*border:1px solid #cfcfcf;
padding:1px;*/
}
input{
font-size:11px;
font-family:tahoma;
color:#4d4d4d;
}


.input
{
width:170px;
}
 
.page{
width:795px;
background-color:#eaf1fb;
margin:0 auto;
padding:5px;
}

.search-input{
width:180px; 
height:16px; 
padding-top:3px;
background:url(images/over.png) repeat-x; 
border:1px solid #cfcdcd;
margin-bottom:3px;
height:17px;
}

.search-button{
width:55px;
height:18px;
}

.container{
background-color:#fff;
border:1px solid #b2d0ea;
padding:5px;
}

.block{
background:#FFFFFF;
border:1px solid #d8e7f4;
padding:3px;
margin-bottom:3px;
}

.block2{
border:1px solid #d8e7f4;
border-left:1px dashed #d8e7f4;
padding:3px;
margin-bottom:3px;
width:48.6%;
float:right;
}

.block3{
border:1px solid #d8e7f4;
border-right:0;
padding:3px;
margin-bottom:3px;
width:48.6%;
float:right;
}


.block4{
border:1px solid #d8e7f4;

padding:3px;
margin-bottom:3px;
width:242px;
float:right;
}


.block-title{
font-weight:bold;
color:#4d4d4d;
background:url(images/td-bg.png) repeat-y right top;
height:24px;
}

.block-title2{
font-weight:bold;
color:#4d4d4d;
background:url(images/td-bg.png) repeat-y right top;
height:24px;
}

.links{
text-align: center;

}

.links a{
color:#79abda;
font-weight:bold;
text-decoration:none;
line-height:14px;
}

.links a:hover{
color:#282828;
}

.linkat{
margin-top:3px;
margin-bottom:5px;
margin-right:10px;
margin-left:10px;
text-align: center;
display:block;
float:right;
}


.linkat a{
display:block;
padding:3px;
border:1px solid #fff;
}

.linkat a:hover{
border:1px solid #b7e7fc;
background-color:#e8f6fe;
display:block;
}



.con-pic{
float:right;
margin-left:36px;
}

.pictures{
width:108px;
margin-top:3px;
}

.pictures a:hover{
 opacity:0.8;
}

.pic-title{
border:1px solid #ebebeb;
background:url(images/over.png) repeat-x;
line-height:14px;
width:102px;
margin-top:3px;
padding:2px;
text-align:center;
height:15px;
}

.pic-title a{
color:#4d4d4d;
}

.pic-title a:hover{
color:#79abda;
}

.Joke{
color:#79abda;
font-weight:bold;
text-align:justify;
}

.news{
margin-top:3px;
}

.borderr{
border:1px solid #dadada;
float:right;
margin-left:5px;
}

.img-border{
border:2px solid #fff;
}

.title{
font-size:12px;
font-weight:bold;
}

.title-d{
margin-bottom:5px;
}

.details{
text-align:justify;
}

.more a{
color:#79abda;
}

.java{
border:1px solid #d8e7f4;
padding:1px;
width:17.1%;
float:left;
}

.java a{
border:1px solid #fff;
font-size:1px;
float:right;
}

.java img{
padding:2px;
}

.java a:hover{
border:1px solid #dadada;
}

.islam-sounds{
float:right;
margin-left:5px;
}

.islam-links{
padding:8px;
border-bottom:1px dashed #d8e7f4;
}

.islam-links a{
color:#7babdb;
font-weight:bold;
}

.random{
background-color:#eaf1fb;
padding:5px;
width:69.5%;
float:right;
margin-top:3px;
margin-left:3px;
}

.random-link{
margin-bottom:1px;
overflow:hidden;
}

.right-details{
background-color:#d4e4f4;
color:#3878b0;
width:35%;
padding:3px;
margin-left:1px;
float:right;

}

.left-details{
background-color:#b2d0ea;
color:#fff;
width:60%;
padding:3px;
float:right;
font-weight:bold;
}

.site-details{
background-color:#fff;
width:96%;
padding:5px;
margin-top:1px;
overflow:hidden;
text-align:center;
color:#b2d0ea;
font-weight:bold;
}

.site-photo{
border:1px solid #a0a0a0;
overflow:hidden;
margin-top:3px;
}


.links2{

}

.links2 a{
color:#79abda;
font-weight:bold;
text-decoration:none;
line-height:14px;
}

.links2 a:hover{
color:#282828;
}

.linkat2{
margin-top:3px;
height:28px;
display:block;
width:45%;
float:right;
}


.linkat2 a{
display:block;
padding:3px;
border:1px solid #fff;
}

.linkat2 a:hover{
border:1px solid #b7e7fc;
background-color:#e8f6fe;
display:block;
}



.con-pic2{
float:right;

}

.pic-title2{
border:1px solid #ebebeb;
background:url(images/over.png) repeat-x;
line-height:14px;
width:160px;
margin-top:3px;
padding:2px;
text-align:center;
height:15px;
}

.pic-title2 a{
color:#4d4d4d;
font-weight:bold;
}

.pic-title2 a:hover{
color:#79abda;
}


.links3{

}

.links3 a{
color:#79abda;
font-weight:bold;
text-decoration:none;
line-height:14px;
}

.links3 a:hover{
color:#282828;
}

.linkat3{
margin-top:1px;
height:28px;
display:block;
width:163px;
overflow:hidden;
}


.linkat3 a{
display:block;
padding:3px;
border:1px solid #fff;
}

.linkat3 a:hover{
border:1px solid #b7e7fc;
background-color:#e8f6fe;
display:block;
}



.related{
margin-top:3px;

}

.related a{
color:#79abda;
font-weight:bold;
}

.related a:hover{
color:#a0a0a0;
}

.stat{
font-weight:bold;
margin-top:3px;
line-height:17px;
}




.links-top{
background:#faffee url(images/bg.jpg) repeat-x top center;
padding:3px;
border:1px solid #b2d0ec;
}


.input-search{
background:url(images/over.png) repeat-x top center;
border:1px solid #cfcdce;
height:15px;
width:150px;
float:left;
padding-top:3px;
}

.sites-page{
background-color:#fff;
border:1px solid #b2d0ec;
padding:5px;
margin-top:3px;
width:98.5%;
}

.bblock{
border:1px solid #d8e7f4;
float:right;
padding:3px;
width:73%;
}

.title-s{
font-weight:bold;
color:#4d4d4d;
background:url(images/td-bg.png) repeat-y right top;
height:24px;
}

.menu
{
border:solid 1px #b2d0ec;
width:200px;
background-color:#FFFFFF;
margin-bottom:3px;
}

.menu a
{
margin:1px;
height:23px;
display:block;
text-decoration: none;
padding-right:15px;
background-color: #cdfbab;
color: #003333;
font-weight: bold;
font-size: 11px;
vertical-align: middle;
}

.menu a:link, 
.menu a:visited, 
.menu a:active
{
	background:url(images/ENTERTAINMENT.jpg) no-repeat 190px 5px ;
	background-color:#cdfbab;
	color: #003333;
}

.menu a:hover{
background-color:#003333;
color: #ffffff;
}

.menu-v ul {
background: #F8F4DA;
margin: 0;
padding: 0;
list-style: none;
width: 200px;
border-left: 0px;
}



.menu-v ul li {

position: relative;

}

.menu-v ul li a
{
margin:1px;
height:23px;
display:block;
text-decoration: none;
padding-right:15px;
background:url(images/ENTERTAINMENT.jpg) no-repeat 190px 5px ;
background-color: #cdfbab;
color: #003333;
font-weight: bold;
font-size: 11px;
vertical-align: middle;
}

.menu-v ul li a:link, 
.menu-v ul li a:visited, 
.menu-v ul li a:active
{
	background:url(images/ENTERTAINMENT.jpg) no-repeat 190px 5px ;
	background-color:#cdfbab;
	color: #003333;
}

.menu-v ul li a:hover{
background-color:#003333;
color: #ffffff;
}

/*Sub level menu items */
.menu-v ul li ul{
position: absolute;
width: 200px; /*Sub Menu Items width */
top: 0;
font-weight: normal;
visibility: hidden;
}

 
/* Holly Hack for IE \*/
* html .menu-v ul li { float: right; }


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 5px;
left: 10px;
}

.rightarrowclass{
position: absolute;
top: 5px;
left: 10px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
color: #717171; 
background: #999999; 
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}