@charset "utf-8";
/* CSS Document */
body{font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif; color:#4d4b4b; background:#257fed url(images/bg.jpg) repeat-x 0 0;}
*{margin:0; padding:0;}
.fr{float:right !important;}
.fl{float:left !important;}
.clear{line-height:0; font-size:0; clear:both;}
.spacerow{height:10px; width:100%; overflow:hidden;}
#wrapper{
	width:832px; background:#fff; margin:0 auto; position:relative; height:100%;
	}
	.form-allowed-tags { display: none;}
	.entry-meta { margin-top: 10px;}
	.entry-title { margin-top: 10px;}
	.entry-utility { margin-top: 10px;}
	#comments { margin-top: 20px;}
#header{
	width:100%;
	padding-bottom:10px;
	}
#header .banner{
	padding:0 10px;
	}
#header .navigation{
	background:url(images/nav-bg.jpg) repeat-x 0 0;
	height:111px;
	width:100%;	position:relative;
	color:#fff;
	font:normal 19px/60px Arial, Helvetica, sans-serif;
	}
#header .navigation a{
	text-decoration:none;
	color:#fff;
	padding:20px 10px;
	}
#header .navigation a:hover{
	text-decoration:underline;
	}		
#header .nav-left{
	background:url(images/nav-left.jpg) no-repeat 0 0;
	
	height:111px;
	margin-left:-60px;
	padding-left:60px;
	
	}
#header .nav-right{
	background:url(images/nav-right.jpg) no-repeat 0 0;
	position:absolute;
	width:60px;
	height:111px;
	right:-60px;
	float:right;
	}	
.slider{
	background-color:#10b6d3;
	margin:0 10px;
	position:relative;
	z-index:1000;
	margin-top:-34px;
	
	}
.slider-left{
	background:url(images/slider-left.jpg) no-repeat 0 0;
	height:172px;
	padding-left:32px;
	}
.slider-right{
	background:url(images/slider-right.jpg) no-repeat 100% 0;
	height:172px;
	padding-right:32px;
	}		
#content{
	padding:0 10px 10px 10px;
	height:100%;
	overflow:hidden;
	}
#left{
	width:466px;
	float:left;
	}
	
#content1{
		padding:0px 30px 30px 30px;
		width: 832px;
	}	
	
#right{
	width:297px;
	float:right;
	padding-left:18px;
	border-left:1px solid #cccccc;
	}
.social{
	white-space:nowrap;
	width:100%;
	height:100%;
	overflow:hidden;
	text-align:right;
	}	
.social img{border:0; padding:4px 2px;}
.featurePost{
	background:url(images/feature-bg.jpg) no-repeat 0 0;
	width:466px;
	height:190px;
	padding:10px;
	border-bottom:1px solid #ccc;
	position:relative;
	}
.featurePost img{float:left; margin-right:15px;}
.featurePost h2{font-size:15px; color:#d42e2b; font-weight:normal; margin:0; padding:5px 0; padding-top:0;}
.featurePost p{padding-bottom:6px; font-size:11px;}	
.featurePost h1{
	text-indent:-1000px;
	overflow:hidden;
	background:url(images/feature-post.jpg) no-repeat 0 0;
	width:168px;
	height:34px;
	display:block;
	}	
.featurePost a.next{
	background:url(images/next_bg.jpg) no-repeat 0 0;
	width:39px;
	height:26px;
	position:absolute;
	bottom:0;
	right:20px;
	text-align:center;
	font-size:11px;
	color:#FFFFFF;
	line-height:30px;
	text-decoration:none;
	}	
.featurePost a:hover.next{
	text-decoration:underline;
	}
.blogListing{
	border-collapse:collapse;
	margin-top:80px;
	}
.blogListing h1{
	font-size:18px;
	color:#3e7292;
	font-weight:normal;
	}

#postraz h1.post_title a{
	font-size:18px;
	color:#3e7292;
	font-weight:normal;
	}	

.blogListing .icon{
	padding:0 10px;
	}
.blogListing .context{
	padding-left:10px;
	}		
.blogListing .options{
	border-bottom:1px dotted #4d4b4b;
	border-top:1px dotted #4d4b4b;
	padding:4px 10px;
	}	
.blogListing .options{
	color:#06438e;
	font-size:11px;
	}
.blogListing .options a{
	color:#06438e;
	font-size:11px;
	text-decoration:underline;
	}	
.blogListing .options a:hover{text-decoration:none;}
.blogListing .options a.comment{
	color:#da0b0b;
	background:url(images/comment_icon.jpg) no-repeat 0 50%;
	padding-left:22px;
	display:block;
	text-decoration:none;
	}

.blogListing .options p.comment{
	color:#da0b0b;
	background:url(images/comment_icon.jpg) no-repeat 0 50%;
	padding-left:22px;
	display:block;
	text-decoration:none;
	}



.blogListing .options a.addComment{
	background:url(images/bookIcon.jpg) no-repeat 0 50%;
	padding-left:22px;
	
	
	}	
.mostPopular h1{
	background:url(images/most-popular.jpg) no-repeat 0 0;
	height:61px;
	display:block;
	text-indent:-1000px;
	overflow:hidden;
	border-bottom:1px solid #7e7a7a;
	margin-bottom:10px;
	}	
.mostPopular p{padding-bottom:15px;}	
.mostPopular p.more{text-align:right; color:#2769a2; font-size:11px;}
.mostPopular p.more a{font-weight:bold; text-decoration:underline; color:#2769a2;}
.mostPopular p.more a:hover{font-weight:bold; text-decoration:none;}
.category{
	margin-top:20px;
	width:100%;
	height:100%;
	overflow:hidden;
	}
.category h1{
	background:url(images/categori.jpg) no-repeat 100% 0;
	height:39px;
	border-bottom:1px solid #7e7a7a;
	text-indent:-1000px;
	overflow:hidden;
	}	
.category ul{margin:0; padding:0; list-style-type:none; padding-top:10px;}
.category ul li{ font-size:13px; line-height:20px;}
.category ul li a{
	color:#575252;
	text-decoration:underline;
	}
.category ul li a:hover{text-decoration:none;}	
.category ul li span{
	color:#d31d0c;
	font-weight:bold;
	padding-left:2px;
	text-decoration:none;
	}	
.facefan img{border:0;}
.facefan{color:#3b5997; font-size:14px; text-align:right; margin-top:80px; font-family:Arial, Helvetica, sans-serif;}	
.facefan a{color:#3b5997; text-decoration:underline;}
.facefan a:hover{color:#3b5997; text-decoration:none;}
.facefan .facegallery{
	
	border:1px solid #ccc;
	padding:4px;
	
	}
.facefan .facegallery .contentpart{
	background-color:#e7e5e5;
	width:100%;
	height:159px;
	}
.facefan .faceconnect{padding:6px}		
.facefan h1{font-weight:normal; font-size:16px; color:#000; display:block; text-align:left; padding:6px;}
.facefan h1 a{float:right;}	
.facefan ul{list-style-type:none; padding-left:10px;}
.facefan ul li{float:left; padding:3px;}
.facefan ul li img{border:1px solid #989090;}
.facefan .facegallery p{font-size:10px;color:#000; text-align:left; padding-left:10px;}
.body-footer{
	width:100%;
	height:100%;
	overflow:hidden;
	padding:10px;
	border-top:1px solid #7a7a7a;
	color:#05053b;
	}

.body-footer p{
	margin-right: 20px;
	}
	
.body-footer h1{font-size:17px; font-weight:normal; color:#05053b;}
.body-footer a{color:#05053b; text-decoration:underline;}
.body-footer a:hover{color:#05053b; text-decoration:none;}
#footer{
	background-color:#05053b;
	padding:20px 10px;
	color:#fff;
	font-size:11px;
	height:100%;
	overflow:hidden;
	}
#footer p{float:left;}	
#footer ul li{float:right; background:url(images/footer-border.jpg) no-repeat 0 50%; padding-left:10px; list-style-type:none;}
#footer ul li.first{background:none;}
#footer ul li a{color:#fff; text-decoration:none; padding-right:10px;}
#footer ul li a:hover{text-decoration:none; color:#0099FF;}
/*----------------------- Sliding Content -------------------------*/
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 736px; /*Width of Carousel Viewer itself*/
height: 333px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
padding: 8px; /*margin around each panel*/
width: 728px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
margin-left:2px;
}
.stepcarousel .panel td{
	width:206px;
	padding:1px;
	}
.stepcarousel ul{margin:0; padding:0; width:100%;}	
.stepcarousel ul li{list-style-type:none; float:left; margin:0; padding:0;}	
.stepcarousel ul li{width:176px; padding:2px;}
.stepcarousel img{border:0;width:176px; padding:1px;}
.stepcarousel ul.row{margin:0; padding:0; margin:2px; clear:both;}	
.Leftcontrols{*left:110px !important;}
.Rightcontrols{*left:876px !important;}
/*-----------------------------------------------------------------*/		


#categories-3 { list-style: none;}	
#categories-3 li{ list-style: none;
				  padding-top: 10px;}

#categories-3 li a{ padding-top: 10px;
				   color: #575252;
				   list-style: none;}
	
#categories-3 h3{  
					
background:url("images/categori.jpg") no-repeat scroll 100% 0 transparent;
border-bottom:1px solid #7E7A7A;
height:39px;
overflow:hidden;
text-indent:-1000px;}

#recent-posts-2 li { list-style: none;
					 padding-top: 10px;}

#recent-posts-2 { list-style: none;}

#recent-posts-2 li a{ padding-top: 10px;
				   color: #575252;
				   list-style: none;}

#recent-posts-2 h3{  

background:url("images/recent_posts.jpg") no-repeat scroll 100% 0 transparent;
border-bottom:1px solid #7E7A7A;
height:39px;
overflow:hidden;
text-indent:-1000px;

}






#recent-posts-3 li { list-style: none;
					 padding-top: 10px;}

#recent-posts-3 { list-style: none;}

#recent-posts-3 li a{ padding-top: 10px;
				   color: #575252;
				   list-style: none;}

#recent-posts-3 h3{  

background:url("images/recent_posts.jpg") no-repeat scroll 100% 0 transparent;
border-bottom:1px solid #7E7A7A;
height:39px;
overflow:hidden;
text-indent:-1000px;

}






		
				
					
#recent-comments-3 li { list-style: none;
					 padding-top: 10px;}

#recent-comments-3 { list-style: none;}

#recent-comments-3 li a{ padding-top: 10px;
				   color: #575252;
				   list-style: none;}

#recent-comments-3 h3{  

background:url("images/recent_comments1.jpg") no-repeat scroll 100% 0 transparent;
border-bottom:1px solid #7E7A7A;
height:39px;
overflow:hidden;
text-indent:-1000px;
margin-top: 10px;

}			



		
		
#text-4 li { list-style: none;
					 padding-top: 10px;}

#text-4 { list-style: none;}

#text-4 li a{ padding-top: 10px;
				   color: #575252;
				   list-style: none;}

#text-4 h3{  


border-bottom:1px solid #7E7A7A;


margin-top: 10px;

}	

#smooth_sldr {
background:url("images/feature-bg.jpg") no-repeat scroll 0 0 transparent;
border-bottom:1px solid #CCCCCC;
height:190px;
margin-
padding:10px;
position:relative;
width:466px;
}