@charset "utf-8";
/* CSS Document */

body{
	margin:auto;
	padding:0;
	background-color: #eeeeee;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
#body{
	margin:auto;
	padding:14px;
	width: 852px;
	background-image:url(images/bg-line.gif);
	background-repeat:repeat-y;
}
#header{
	margin:0;
}
#mid-menu{
	float:left;
	padding-top:3px;
	margin:0;
}
form{
	margin:0;
	padding:0;
}
#content{
	margin-top:20px;
}
#content h2{
	margin-bottom:5px;
	padding:0;
	font-size:17px;
	font-weight: bold;
	color:#5167a7;
	border-bottom: 1px dotted #CCCCCC;
}
#content h3{
	width:50%;
	margin:0;
	margin-bottom: 8px;
	font-size:15px;
	font-weight: bold;
	color: #333333;
	border-bottom: 1px dotted #CCCCCC;
}
#content .video{
	padding: 5px;
	margin-bottom:9px;
}
#content .border-bottom {
	padding-bottom:10px;
	border-bottom: 1px dotted #CCCCCC;
}
#content .videoAvatar{
	float:left;
	border: 1px solid #CCCCCC;
	padding:1px;
	width:100px;
	margin-right:11px;
}
#content .videoTitle{
	font-size:15px;
	color:#006699;
	font-weight:bold;
	margin:0;
}
#content .videoTitle a:link, #content .videoTitle a:visited{
	color:#5167a7;
	text-decoration:none;
}

#content .videoTitle a:hover{
	color: #003399;
}
#content .videoDesc{
	line-height:20px;
	padding: 2px;
	font-size:12px;
	color: #999999;
	margin:0;
}
#content .videoDesc a:link, #content .videoDesc a:visited{
	color: #999999;
	text-decoration:underline;
}
#content .videoDesc a:hover{
	color: #666666;
}
#content .videoDesc strong{
	font-size:13px;
}
#content hr{
	border:1px dotted #CCCCCC;
}
#content .album {
	line-height:25px;
	width:55%;
	padding:10px;
	background-color:#f1f4fb;
	border: 1px solid #dee4f3;
	font-size:15px;
}

#content .album a:link, #content .album a:visited{
	color:#003399;
	text-decoration:none;
}
#content .album a:hover{
	color: #0033CC;
	text-decoration: underline;
}

#content .album .link{
	margin-right:1px;
}
#content .capital{
	text-transform:capitalize;
}
#content .nasheedbar{
	width: 358px;
	background-color:#eff2f8;
	border: 1px solid #d0d7e7;
	padding:10px;
	font-size:13px;
	color:#666666;
	margin-top:5px;
	line-height: 29px;
}
#content .nasheedbar a:link, #content .nasheedbar a:visited{
	color:#003399;
	text-decoration:none;
}
#content .nasheedbar a:hover{
	color: #0033CC;
	text-decoration: underline;
}
#content .nasheedbar strong{
	margin-left:8px;
}
#content .comments{
	padding:5px;
	margin:0;
	line-height:17px;
}
#content .comments .cName{
	font-size:13px;
	color: #333333;
	font-weight: bold;
	margin-bottom:2px;
}
#content .comments .cComments{
	font-size:13px;
	color: #666666;
	margin-left:0px;
	padding-bottom:3px;
}
#content .comments .cBorder{
	border-bottom:1px dotted #CCCCCC;
	margin-bottom:11px;
}
#content form{
	margin:0;
	padding:0;
}
#content .unknown{
	font-size:11px;
	color:#999;
	font-style:italic;
	font-weight:normal;
}
#content fieldset{
	width:500px;
	margin-bottom:17px;
	background-color:#f8f8f9;
	border: 1px solid #e8ecf2;
	padding:10px;
}
* html #content fieldset{ /*IE*/
	width:480px;
}

#content legend{
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #666666;
	font-weight:bold;
	margin:0;
	border: 1px solid #dee3e8;
	background-color:#e9ebee;
	margin-bottom:5px;
}
#content label{
	float:left;
	width:24%;
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #666666;
}
#content .button{
	padding:5px;
}
#content form .textfield{
	padding:2px;
	margin-bottom:3px;
}
#content .textarea{
	width:75%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:5px;
	background-color:#FFFFFF;
	border: 1px solid #CCCCCC;
	font-size:10px;
}
.menu{
	border-bottom: 1px dotted #CCCCCC;
	background-color:#FFFFFF;
	padding:5px;
}
.menu a:link, .menu a:visited{
	color:#0033CC;
	text-decoration:none;
	font-size:12px;
}
.menu a:hover{
	color: #0066CC;
	text-decoration:underline;
}
#last5{
	margin:0;
	padding:0;
}
#last5 .border {
	width:30%;
	float:left;
	background-color:#f3f5fb;
	margin-right:25px;
}
#last5 .border h3{
	margin:0;
	padding:5px;
	font-size:14px;
	color:#7a8ab2;
	font-weight:bold;
	background-color:#ebeff8;
	border-bottom: 2px solid #FFFFFF;
}
#last5 .border a:link, #last5 .border a:visited {
	color:#8192bc;
	display:block;
	font-size:12px;
	text-decoration:none;
	border-bottom: 1px solid #FFFFFF;
	padding:6px;
}
#last5 .border a:hover {
	color: #0000FF;
}
#pagesno {
	width:600px;
	padding: 3px;
}
#pagesno ul {
	list-style-type: none;
}
#pagesno li {
	float: left;
	display: inline;
	margin: 0 5px 0 0;
	display: block;
}
#pagesno li a {
	color: #34608f;
	padding: 4px;
	border: 1px solid #7196bd;
	text-decoration: none;
	float: left;
	background: #f3f6fa;

}
#pagesno li a:hover {
	text-decoration:none;
	color: #154373;
	background: #dde7f2;
	border: 1px solid #386594;
}
#pagesno li.next {
	background: #dde7f2;
	color: #CCC;
}
#pagesno li.first {
	background: #dde7f2;

}
#pagesno li.current {
	color: #000066;
	border: 1px solid #7196bd;
	padding: 4px;
	background: #dde7f2;
}
#pagesno li.dots {
	color: #000066;
	border: 0px solid #7196bd;
	padding: 0px;
	background: none;
}
#footer{
	width: 860px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #7482a2;
	clear:both;
	margin:auto;
	background-color:#d7ddeb;
	padding:10px;
	text-align:center;
}
#footer a:link, #footer a:visited{
	color: #7482a2;
	text-decoration:underline;
}
#footer a:hover{
	color:#606e8e;
}