/* CSS Document */


body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.6em;
	line-height: 1.5em;
	background-color: #090A26;
	background-image: url(http://www.watchislam.com/videos_test2/images/new_temp/bg1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0px;
	padding-left: 0px;
	padding-top: 0px;
}
#page {
	display:block;
	width:1000px;
	height: auto;
	margin-left:0px;
	margin-top:0px;
}

#header {
	display:block;
	width:1000px;
	height:100px;
}
#content {
   display:block;
   width: 870px;
   height: auto;
   float:left;
   margin-left: 130px;
   margin-top: 30px;
}
#tvbox {
    float:left;
	display: block;
	z-index: -1;
	height: 454px;
	width: 532px;
	background-image: url(http://www.watchislam.com/videos/images/new_temp/tv_box2.jpg);
	background-repeat: no-repeat;
	padding-top: 26px;
	padding-left: 0px;
	margin-left: 10px;
}
#topmenu {
	display:block;
	top:100px;
	left:0px;
	position:absolute;
	margin-left: 80px;
	width: 860px;
	height: 30px;
	float:left;	
}

#browseby {
	display:block;
	margin-left: 38px;
	width: 260px;
	height: 30px;
	float:left;
}
#channel {
	display:block;
	margin-left: 200px;
	width: 200px;
	height: 30px;
	float:left;
}
#sidemenu {
	display:block;
	top:160px;
	left:0px;
	margin-left:20px;
	width: 100px;
	height: 350px;
	float:left;
	position:absolute;
	
}
.viddisplay .title {
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	text-transform: uppercase;
	margin-top: 2px;
	margin-left: 0px;
	display: block;
	height: 13px;
	width: 140px;
	
}
.viddisplay .border .videoimage {
	padding-top: 0px;
	padding-right: 2px;
	padding-left: 2px;
}
.titlehide {
	left:-999em;
}
.viddisplay .title {
	font-family: "Times New Roman", Times, serif;
	font-size: 100%;
	line-height:110%;
	text-transform: uppercase;
	margin-top: 2px;
	margin-left: 5px;
	display: block;
	height: auto;
	width: 140px;
}
.viddisplay {
	color: #F6E66D;
	font-size: 15px;
	font-family: "Times New Roman", Times, serif;
	height: auto;
	width: 140px;
	background-color: #4E77A5;
	margin-left:20px;
	display:block;
	float:left;
}
.border {
	border: 1px solid #DFF7FF;
	height: 92px;
	width: 121px;
	display: block;
	margin: 5px;
}
#player {
	z-index: -1;
	
	
}
/* menu */
#nav, #nav ul { /* all lists */
	padding: 0;
	margin:0;
	z-index: 100;
	font-size:120%;
	line-height:140%;
	list-style: none;
	width: 10em;
}

#nav a {
	display: block;
	width: 10em;
	color:#FFF;
	
}

#nav li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #990002;
	z-index:100;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	z-index:100;
}