/**
 * Atfal styles
 * http://images.khuddam.net/collections/images/atfal/atfal-banner.jpg
 **/

#content-main-bottom, #multimedia-col, #content-main-full { 
    display:none; 
}

#content-main-dynamic {width:750px;}

/* banner */
#content-head .puff h2 { display:none; }
#content-head .puff,
#content-head .puff a, 
#content-head .puff img { 
    width:1000px; height:129px; 
}

/* #header { background:transparent url(http://images.khuddam.net/collections/images/atfal/atfal-banner.jpg) no-repeat scroll left top; } */
#header { background: url("http://images.khuddam.net/collections/images/a2_design/atfal_ijtema_banner.jpg") no-repeat scroll left top transparent; }

#header .khuddam-logo a { float:left; margin: -10px 0 0 -635px; }

#logo, #logo img, #header-custom { height: 124px; }
#header .khuddam-logo a, #header .khuddam-logo img {
    width:630px; height:124px;
}

#sidebar .link.o101 { margin:20px 0px 0px 20px; }
#sidebar .puff.o92 { font-size:15px; }

#sidebar .article-wrap { text-align:center;  }
#sidebar .link.o2688 { margin:20px 0 20px 20px; float:left; }

body.atfal .article-teaser .fudge-date { color:#808080; display:none; }


#content-main-dynamic .object-list-sl {
    clear:both; float:left; margin-bottom: 0 0 10px 0; width:100%;
}

#content-main-dynamic .object-list-sl .article-headline { 
    height:34px; overflow:hidden; padding:2px; margin: 0 0 4px 0;
    line-height:16px;
    border-bottom:1px dotted silver; border-top:1px dotted silver;    
    background:#E4E8EB url(http://images.khuddam.net/collections/images/k2_design/sidebar_grad.jpg) repeat-x scroll left top;
}
#content-main-dynamic .object-list-sl ul { float:left; width:100%; }
#content-main-dynamic .object-list-sl li {
    float:left; clear:none; width:50%;    
}
#content-main-dynamic .object-list-sl .article-teaser {width:96%; border:none; color:#19a100; height:115px;}
#content-main-dynamic .object-list-sl .article-teaser .more { clear:none; border:0; }
.half .teaser-image { width:135px; height:135px;}

#content-main-article { width:430px; float:left; clear:left; border:0 }
#content-main-side { width:320px; padding:25px 0 0 0; }

#content-main-article .puff { 
    float:left; width:187px; margin:0 25px 25px 0; height:115px;
}
#content-main-article .puff h2 {text-align:center;}
#content-main-article .puff img { 
    width:185px; height:100px; border:1px solid #CECECE;
}
#content-main-article .puff .image { width:187px; height:102px; }
#content-main-article .puff p, #content-main-article .puff .more {display:none;}
body.index .article-date { display:none; }

.majlisamila #content-main-channel .article-teaser .fudge-date { display:none; }

.object-list-sl h1, .object-list-sl h2, .article-teaser h1, .article-teaser h2, .article-wrap .headline h1 {
color:#197b06
}

.article-headline a {
color:#197b06
}


td,p {
color:#19a100
}

#sitenav {
    background:url("http://images.khuddam.net/collections/images/a2_design/topBanner.jpg") no-repeat scroll left top transparent;
}
#logo, #logo img { width:770px; }
#header-custom { width:220px; position:relative; }
#header-links h2 { margin:0; color:black; }  
#header-custom ul li { position:absolute; background:none !important; top:0;  }
#header-custom ul li a { color:black;font-size:10px; }

#header-custom ul li.i1 { top:25px;left:16px; }
#header-custom ul li.i2 { top:45px;left:24px; }
#header-custom ul li.i5 { top:66px;left:25px; }
#header-custom ul li.i6 { top:87px;left:18px; }
#header-custom ul li.i3 { top:25px;left:100px; }
#header-custom ul li.i4 { top:45px;left:106px; }
#header-custom ul li.i7 { top:66px;left:108px; }
#header-custom ul li.i8 { top:87px;left:103px; }












/** IMAGE GALLERY GALLERFIC **/
.gfic { position:relative; margin-bottom:20px; clear:both; }

div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display:none; float:left; width:650px; 
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
div.slideshow-container {
	position: relative; clear: both; background-color:black;
	height: 490px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 646px;
	height: 490px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {

}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 650px;
	height: 490px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 486px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
}
div.download {
	float: right;
}
div.caption-container {
	
}
span.image-caption {
	display: block;
	position: absolute;
}
div.caption {
	background-color: #000;
	padding: 12px;
	color: #ccc;
}
div.caption a {
	color: #fff;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}

div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 12px 5px 0;
	list-style: none;
}
.gfic a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
.gfic div.pagination {
	clear: both;
	width:288px;
}
div.navigation div.top { margin-bottom: 12px; }
div.navigation div.bottom { margin-top: 12px; }
.gfic div.pagination a, .gfic div.pagination span.current, .gfic div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
.gfic div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
.gfic div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
.gfic div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}

#captionToggle { position:absolute; left:250px; }
#captionToggle a { float:left; padding: 5px 30px 5px 5px; color:#777777; }


.gfic .img-crop-el a.thumb { border:0; padding:0; }
.gfic .gthumb { border:1px solid #CCCCCC; padding:2px; float:left; }
.gfic li.t4, .gfic li.t8, .gfic li.t12, .gfic li.t16,
.gfic li.t20, .gfic li.t24, .gfic li.t28, .gfic li.t32,
.gfic li.t36, .gfic li.t40, .gfic li.t44, .gfic li.t48,
.gfic li.t52, .gfic li.t56, .gfic li.t60, .gfic li.t64,
.gfic li.t68, .gfic li.t72, .gfic li.t76, .gfic li.t80 { margin-right:0; float:right; } 
.gfic .meta { border-top: 1px solid #CCCCCC; width:300px; margin: 10px 0; padding: 10px 0 0 0; float:left; clear:both; }
.gfic .meta h1 {margin: 0 0 5px 0; }
.gfic .meta p { margin:3px 0; clear:both; }
.gfic .meta ul.tags {padding:0;}

.article-date { color:#777777; }

.jgWidg { width:163px; clear:both; margin:0 auto 10px; padding:10px; background:#E4E8EB; border:1px solid #CECECE; }


#oST { height:30px; }



#logo, #logo img { width: 540px; }
#header-custom { width:115px; float:right; margin-right:65px; display:none;}
#header-links { margin:0; }
#header-links ul.sites li { width:20px; height:20px; overflow:hidden; margin:4px; padding:0 !important; background:none !important; position:relative; }
#header-links .sites li a { width:20px; height:20px; padding:30px 0 0 30px; float:left; }
#header-links ul.sites li.alislam, ul.sites li.baitulfutuh, ul.sites li.atfal, ul.sites li.l4ah4n { margin:37px 4px 3px !important; }