/* @override http://cmo.banglashi.com/themes/ku/css/style.css?m=1265788908 */

/*************************
 ----------CMO----------
 **************************/
 
 
/*************************
 UNIVERSALTAGS
 **************************/

body{
	color: #23002a;
	font-family: 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background: #fef8f5;
}


a{	
	color: #cc0000;
	text-decoration: none;
}
a:hover{
	color: #666;	
	cursor: pointer;
}
a:focus {
	outline: 0;
}
p{
	margin-bottom: 18px;
}
h1{
	font-size: 30px;
	margin-bottom: 18px;
	line-height: 34px;
}
h2{
	font-size: 24px;
	margin-bottom: 18px;
	line-height: 28px;
}
	h2.section_title{
		font-size: 28px;
		text-align: center;
		margin-bottom: 20px;
		height: 30px;
		font-weight: normal;
		position: relative;
	}
h3{
	font-size: 18px;
	margin-bottom: 18px;
	line-height: 22px;
}
h4{
	font-size: 16px;
	margin-bottom: 18px;
	line-height: 20px;
}
h5{
	font-size: 14px;
	margin-bottom: 18px;
	line-height: 18px;
}
h6{
	font-size: 12px;
	margin-bottom: 18px;
	line-height: 18px;
}
hr{
	margin: 20px 0 20px;
	height: 0;
	clear: both;
	border-width: 0;
	border-top: 1px dotted #ccc;
}
hr.dark{
	border-top: 1px dotted #666666;
}
hr.hr_2{
	margin: 15px 0 17px;
	border-top: 1px dotted #ccc;
}







/*************************
 HEADER
 **************************/
#header_wrap{
	width: 940px;
	position: relative;
}
	h1.logo{
		margin-bottom: 0;
		text-align: center;
		padding: 30px 0; 
	}
		h1.logo a{
			text-indent: -9999px;
			display: block;
			height: 120px;
			background: url(../images/cmo_logo_silver.gif) no-repeat center center;
		}
		/* -- CP Logo -- */
		h1.CP_logo a{
			background: url(../images/cp_logo.gif) no-repeat center center !important;
		}
		/* -- MJ Logo -- */
	h1.MJ_logo{
		padding: 0 !important;
	}
		h1.MJ_logo a{
			background: url(../images/mj_logo.gif) no-repeat center center !important;
			height: 180px !important;
		}
	h1.KU_logo{
		padding: 0 !important;
	}
		h1.KU_logo a{
			background: url(../images/ku_logo.png) no-repeat center center !important;
			height: 180px !important;
		}
	.cmo_logo{
		position: absolute;
		bottom: 25px;
		left: 0;
		display: block;
		background: url(../images/cmo_logo.gif) no-repeat center center !important;
		width: 211px;
		height: 45px;
		text-indent: -99999px;
	}
	.nfw_logo{
		position: absolute;
		bottom: 35px;
		right: 0;
		display: block;
		background: url(../images/nfw_logo.gif) no-repeat center center !important;
		width: 229px;
		height: 35px;
		text-indent: -99999px;
	}

/*************************
 MENU
 **************************/
#menu_wrap{
	width: 940px;
	height: 30px;
	padding: 1px 0px;
	margin-bottom: 20px; 
	/*border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc; */
	text-align: center;
}
	ul#menu{
		/*background: #edece9;*/
		display: block;
		font-size: 14px;
		width: 940px;
		height: 30px;
		color: #cc0000;
	}
		ul#menu li{
			display: inline;
			padding: 6px 6px 5px 6px;
		}
			ul#menu li a{
				color: #23002a;
				text-decoration: none;
			}
			ul#menu li a.section{
				color: #cc0000;
			}
			ul#menu li a.current{
				color: #cc0000;
			}
			ul#menu li a:hover{
				color: #cc0000;
			}
	
		
		

/*************************
 STARTPAGE
 **************************/
#startpage_wrap{
	width: 760px;
	margin-right: 20px;
	float: left;
	margin-bottom: 85px;
	padding-top: 50px;
	/*position: relative;*/
}
		#startpage_wrap .author_link{
			margin-bottom: 10px;
			display: inline-block;
		}
		/* -- 2 Columns --  */
		.sp_wrap_2{
			float: left;
			width: 370px;
			margin-right: 20px;
		}
			.sp_wrap_2 h3{
				margin-bottom: 5px;
				font-size: 24px;
			}
		/* -- 3 Columns --  */
		.sp_wrap_3{
			float: left;
			width: 240px;
			margin-right: 20px;
		}
			.sp_wrap_3 h3{
				margin-bottom: 5px;
				font-size: 16px;
			}
		/* -- General Classes --  */
		.sp_wrap{
			
		}
			.sp_wrap h3 a{
				font-style: italic;
				font-weight: bold;
				color: #23002a;
				letter-spacing: -1px;
			}
			.sp_wrap h3 a:hover{
				color: #cc0000;					
			}
			.listing_image{
				margin-bottom: 3px;
				border: 1px solid #ccc;
				padding: 3px;
				margin-bottom: 12px
			}
			.listing_image.with_section{
				margin-bottom: 3px !important;
			}
			.count_1,
			.count_2{
				height: 234px;
				width: 364px;
				display: block;
				overflow: hidden;
			}
			.count_3,
			.count_4{
				height: 195px;
				width: 364px;
				display: block;
				overflow: hidden;
			}
			.count_5,
			.count_6{
				height: 156px;
				width: 364px;
				display: block;
				overflow: hidden;
			}
			.count_7,
			.count_8{
				height: 117px;
				width: 364px;
				display: block;
				overflow: hidden;
			}
			.count_9,
			.count_10{
				height: 78px;
				width: 364px;
				display: block;
				overflow: hidden;
			}
			.count_11,
			.count_12{
				height: 39px;
				width: 364px;
				display: block;
				overflow: hidden;
			}
			.sp_section{
				font-size: 10px;
				line-height: 12px;
				font-weight: bold;
				text-transform: uppercase;
				margin-bottom: 8px;
				text-align: right;
			}
				.sp_section a{
					color: #888;
				}
				.sp_section a:hover{
					color: #c00;
				}
			.sp_wrap p{
				margin-bottom: 12px;
			}
				.more{
					font-size: 21px;
					font-weight: bold;
					white-space: nowrap;
				}
			.sp_meta{
			}
				div.date{
					float: left;
					font-weight: bold;
					padding-right: 10px;
					font-size: 10px;
					margin-right: 10px;
					border-right: 1px solid #ccc;
					line-height: 12px;
				}
				a.sp_comments{
					background: url(../images/comment_white_bg.gif) no-repeat left top;
					font-weight: bold;
					font-size: 10px;
					padding-left: 15px;
					line-height: 12px;
					display: block;
					float: left;
				}
				a:hover.sp_comments{
					background: url(../images/comment_white_bg.gif) no-repeat left bottom;
					
				}
			
/*************************
 STARTPAGE SIDEBAR
 **************************/			
#startpage_sidebar{
	float: left;
	width: 160px;
	margin-bottom: 70px;
	padding-top: 50px
}


div#search_wrap{
		/*background: #edece9;*/
		width: 160px;
		height: 30px;
	}
		#SearchForm_SearchForm{
			width: 158px;
			height: 21px;
			border-left: 1px solid #c1c1c1;
			border-right: 1px solid #c1c1c1;
			border-top: 1px solid #848484;
			position:relative;
			overflow: hidden; 
		}
			#SearchForm_SearchForm fieldset{
				float: left;
				height: 19px;
				width: 157px;
				border-top: 1px solid #d4d4d4;
				border-bottom: 1px solid #e1e1e1;
				border-right: 1px solid #f7f7f7;
				overflow: hidden;
				position: absolute;
				top: 0px;
				right: 0px;
				
			}
				#Search{
					float: left;
					width: 124px;
					height: 19px;
					position: absolute;
					top: 0px;
					left: 0px;
				}
					#Search .middleColumn{					
						width: 124px;
						height: 19px;
						overflow: hidden; 
					}
						#SearchForm_SearchForm_Search{
							width: 119px;
							border-top: 1px solid #f8f8f8;
							border-left: 1px solid #f6f6f6;
							border-bottom: 1px solid #fafafa;
							border-right: 0 none;
							margin: 0;
							padding: 1px 0 0 4px;
							background: #fff;
							font-size: 12px;
							font-family: Georgia, "Times New Roman", Times, serif;
							font-style: italic;
							height: 16px;
							color: #c00;
						}
			#SearchForm_SearchForm_action_results{
				position: absolute;
				top: 0px;
				right: 0px;
				float: left;
				margin: 0;
				padding: 0;
				width: 33px;
				height: 19px;
				border-top: 1px solid #f8f8f8;
				border-bottom: 1px solid #fafafa;
				border-left: 1px solid #fff;
				border-right: 1px solid #fff;
				text-indent: -9999px;
				overflow: hidden;
				background: url(../images/search_btn.png) no-repeat left top #fff;
			}
			#SearchForm_SearchForm_action_results:hover{
				background: url(../images/search_btn.png) no-repeat left bottom #fff;
				cursor: pointer;
			}







	/* -- General Classes --  */
	.top_separator{
		/*width: 220px;*/
		height: 3px;
		background-color: #888;
		margin: 15px 0 12px;
	}
	.separator{
		height: 0px;
		border-bottom: 1px dotted #cc0000;
		margin: 17px 0 14px;
	}
	h3.sidebar_sub_title{
		margin-bottom: 6px;
		font-size: 14px;
		line-height: 18px;
	}	
	/* -- Social --  */
	#share_wrap{
		
	}
		.social_link{
			width: 32px;
			height:30px;
			display: block;
			margin-top: 3px;
			margin-right: 8px;
			float: left;
		}
		#sidebar_twitter{
			background: url(../images/social_icons/twitter_32.png) no-repeat left bottom;
		}
		#sidebar_facebook{
			background: url(../images/social_icons/facebook_32.png) no-repeat left bottom;
		}
		#sidebar_rss{
			background: url(../images/social_icons/rss_32.png) no-repeat left bottom;
		}
		#sidebar_twitter:hover{
			background: url(../images/social_icons/twitter_32.png) no-repeat left top;
		}
		#sidebar_facebook:hover{
			background: url(../images/social_icons/facebook_32.png) no-repeat left top;
		}
		#sidebar_rss:hover{
			background: url(../images/social_icons/rss_32.png) no-repeat left top;
		}
	/* -- Newsletter --  */
	#newsletter_wrap{
		
	}
		#Form_NewsletterForm{
			width: 158px;
			height: 21px;
			border-left: 1px solid #c1c1c1;
			border-right: 1px solid #c1c1c1;
			border-top: 1px solid #848484;
			position: relative;
		}
			#Form_NewsletterForm fieldset{
				float: left;
				height: 21px;
				width: 124px;
				position: absolute;
				top: 0;
				left: 0;
				
			}
				#Form_NewsletterForm #Email{
					float: left;
					width: 124px;
					height: 21px;
					position: absolute;
					top: 0;
					left: 0; 
				}
					#Form_NewsletterForm #Email .middleColumn{
						border-top: 1px solid #d4d4d4;
						border-bottom: 1px solid #e1e1e1;					
						width: 124px;
						height: 19px;
						position: absolute;
						top: 0;
						left: 0;
						overflow: hidden; 
					}
						#Form_NewsletterForm #Email .middleColumn input#Form_NewsletterForm_Email{
							width: 119px;
							border-top: 1px solid #f8f8f8;
							border-left: 1px solid #f6f6f6;
							border-bottom: 1px solid #fafafa;
							border-right: 0 none;
							margin: 0;
							padding: 1px 0 0 4px;
							background: #fff;
							font-size: 12px;
							font-family: Georgia, "Times New Roman", Times, serif;
							font-style: italic;
							height: 16px;
							color: #c00;
						}
		#Form_NewsletterForm .Actions{
			float: left;
			position: absolute;
			top: 0;
			right: 0;
			width: 33px;
			height: 19px;
			border-top: 1px solid #d4d4d4;
			border-bottom: 1px solid #e1e1e1;
			border-right: 1px solid #f7f7f7;
			overflow: hidden;
		}
			#Form_NewsletterForm .Actions #Form_NewsletterForm_action_doform{
				float: left;
				margin: 0;
				padding: 0;
				width: 34px;
				height: 19px;
				border-top: 1px solid #f8f8f8;
				border-bottom: 1px solid #fafafa;
				border-left: 1px solid #fff;
				border-right: 1px solid #fff;
				text-indent: 9999px;
				overflow: hidden;
				background: url(../images/newsletter_btn.gif) no-repeat left top #fff;
			}
			#Form_NewsletterForm .Actions #Form_NewsletterForm_action_doform:hover{
				background: url(../images/newsletter_btn.gif) no-repeat left bottom #fff;
			}
	

/*************************
 PAGE RESULTS
 **************************/
.results{
	color: #888;
}
/*************************
 PAGE
 **************************/
#page_wrap{
	margin-bottom: 80px;
	margin-top: 40px;
	text-align: center;
}

/*************************
 LISTING
 **************************/
#listing_wrap{
	width: 760px;
	margin-right: 20px;
	float: left;
	position: relative;
	margin-bottom: 80px;
}
	#listing_wrap .author_link{
		margin-bottom: 10px;
		display: inline-block;
	}
	.pholder_subtitle{
		color: #666;
	}
	.page_count{
		font-size: 16px;
		color: #aaa;
		text-align: right;
		position: absolute;
		top:4px;
		right: 0;
		font-weight: normal;
		letter-spacing: normal;
		width: 400px;
		height:18px;
	}
/*************************
 LISTING NAVIGATION
 **************************/
.listing_navigation{
	margin: 20px 0;
	text-align: center;
	font-size: 16px;	
	width: 940px;
}
	.listing_navigation a{
		color: #23002a;
	}
	.listing_navigation a:hover{
		color: #c00;
	}
	.listing_navigation .prev_link{
		padding-right: 10px;
	}
	.listing_navigation .next_link{
		padding-left: 10px;
	}
	.page_num,
	.active_num{
		padding: 0 3px;
	}
	.active_num{
		color: #c00
	}
	.inactive{
		color: #888;
	}	

/*************************
   (LISTING) SIDEBAR
 **************************/
#ku_sidebar{
	margin-left: 0px;
	width: 160px;
	float: left;
	margin-bottom: 70px;
}		
	.ku_sidebar_sub_title{
		margin-top: 6px;
		margin-bottom: 0px;
	}
	.ku_archives{
		
	}

/*************************
 ARTICLE
 **************************/
#article_wrap{
	width: 760px;
	margin-right: 20px;
	float: left;
	position: relative;
}
	#article_wrap h2.section_title a{
		color: #888;
	}
	#article_wrap h2.section_title a:hover{
		color: #23002a;
	}
	.article_top_meta{
		position: absolute;
		top: 18px;
		right: 0;
	}
/*************************
 Text  ARTICLE
 **************************/	
	/* -- Images --  */
	#article_images{
		width: 370px;
		float: left;
		margin-right: 20px;
		position: relative;
		margin-bottom: 75px;
	}
		/* -- Images Gallerific on ARTICLE.CSS--  */
		/* -- Images CYCLE --  */
		#article_slide_container{
			margin-bottom: 10px;
		}
			.slide_img{
			}
				.slide_img img{
					border: 1px solid #ccc;
					padding: 3px;
				}
				.slide_img_title{
					font-size: 11px;
					text-align: right;
					color: #999;
				}
			
		.article_slider_nav{
			display: block;
			width: 406px;
			margin-bottom: 18px;
			padding-top: 3px;
		}
			.article_slider_nav li{
				margin: 0 6px 6px 0;
				display: inline-block;
			}
	/* -- Body --  */
	#article_body{
		width: 	370px;
		float: left;	
	}
		h2.article_title{
			letter-spacing: -2px;
			font-style: italic;
			font-size: 38px;
			margin-bottom: 5px;
		}		
		#visual_article_body .author_link,
		#article_body .author_link{
			font-size: 16px;
			margin-bottom: 28px;
			display: inline-block;
		}
		.short_info{
			font-size: 20px;
			line-height: 24px;
			margin-bottom: 28px;
		}
			.short_info strong,
			.short_info b{
				font-weight: normal;
			}
			.short_info p{
				margin-bottom: 0;
			}
/*************************
 Video  ARTICLE
 **************************/
#article_images.video{
		margin-bottom: 18px;
	}
/*************************
 Visual  ARTICLE
 **************************/

#visual_article_body{
	width: 580px;
	margin: 0 auto;
	text-align: center;
}
#visual_article_images{
	padding-top: 25px;
	margin-bottom: 18px;
	width: 780px;
}
	.slide_img_visual{
		float:left;
		margin-right: 20px;
	}
		.size_148 img,
		.size_148{
			width: 136px; 
		}
		.size_316 img,
		.size_316{
			width: 292px; 
		}
		.size_484 img,
		.size_484{
			width: 448px; 
		}
		.size_652 img,
		.size_652{
			width: 604px; 
		}
		.size_820 img,
		.size_820{
			width: 760px; 
		}
		.slide_img_visual p{
			margin-bottom: 2px;
			font-size: 11px;
			color: #666;
		}
		.slide_img_visual .spacer{
			height: 20px;
			width: 100%;
		}
		
/*************************
  ARTICLE NAVIGATION
 **************************/
.article_navigation_top {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	margin: 32px 0 0px;
	padding: 5px 0 7px;
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;
	position: relative; 
}
.article_navigation_bottom {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0 50px;
	padding: 5px 0 7px;
	border-bottom: 1px dotted #666;
	position: relative; 
}
	.article_navigation_prev{
		position: absolute;
		width: 100px;
		left: 0;
		top: 5px;;
	}
	.article_navigation_next{
		position: absolute;
		width: 100px;
		right: 0;
		top: 5px;
	}
	.article_navigation span{
		color: #888;
	}
		.navigation_number{
			font-size: 14px !important;
		}
		.navigation_section_title{
			text-transform: uppercase;
		}
	
/*************************
  ARTICLE INFO
 **************************/
	
#article_info{
	width: 370px;
	float: left;
	margin-right: 20px;
	margin-bottom: 18px;
}
		/* -- Meta --  */
		ul.article_meta{
			width: 175px;
			float: left;
			margin-right: 20px;
		}
				li ul.article_tags{
					margin-bottom: 18px;
				}
					li ul.article_tags li{
						display: inline-block;
						margin-right: 4px;
					}
				
					.article_metatitle{
						font-weight: bold;
					}
		.article_meta_title{
			font-weight: bold;
			font-size: 18px;
			margin-bottom:20px;
			line-height: 22px;
			padding-bottom: 20px;
			border-bottom: 1px dotted #ccc;
			/*border-right: 1px dotted #ccc;*/					
		} 
			li a.commentrss img{
				padding-right: 5px;
			}
		/* -- Share This --  */
		.share-this_wrap{
			width: 175px;
			float: left;
		}
			.share-list{
				
			}
				.share-list li{
					padding: 3px 0 4px;
				}
	
					.share-list li img{
						padding-right : 5px;
					}
		
/* -- Comments --  */
#article_comments{
	width: 370px;
	float: left;
	margin-bottom: 18px;
}
	#CommentHolder{
		width: 370px;
	}
		h3.CommentHolder_title{
			margin-bottom: 0;
		}
		ul#PageComments{
		
		}
			ul#PageComments li{
				margin-bottom: 20px;
				border-bottom: 1px dotted #ccc;
				padding-bottom: 2px; 
			}
			ul#PageComments li.first{

			}
			ul#PageComments li.last{
				
			}
				ul#PageComments li .info{
					color: #888;
				}
						.commentator_name{
							font-size: 16px;
							font-weight: bold;
						}
					ul.actionLinks li{
						margin-bottom: 0 !important;
						padding: 0 !important;
						border: none !important;
					}
					ul.actionLinks li.last{
						margin-bottom: 18px !important;
					}
					
				ul#PageComments li .comment{
					width: 370px;
				}
					.comment_ago{
						display: block;
						margin: 18px 0;
						color: #888;
					}
					
				ul#PageComments li .actionLinks{	
				}
		#NoComments{
			margin-bottom: 20px;
			border-bottom: 1px dotted #ccc;
			padding-bottom: 20px;
		}
		#PageCommentsPagination{
			margin-bottom: 20px;
			border-bottom: 1px dotted #ccc;
			padding-bottom: 2px; 
		}
			
	#CommentForm{
		width: 370px;
	}
		#PageCommentInterface_Form_PostCommentForm{
			margin-top: 18px;
		}
			#PageCommentInterface_Form_PostCommentForm .middleColumn{
				margin-bottom: 5px;
			}
				#PageCommentInterface_Form_PostCommentForm .middleColumn input{
					background: #fff;
					padding: 3px 4px;
					margin: 0;
					border: 1px solid #d0d0d0;
					color: #23002a;
					font-family: 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
					font-size: 12px;
					width: 360px;
				}
				#PageCommentInterface_Form_PostCommentForm .middleColumn textarea{
					background: #fff;
					padding: 3px 4px;
					margin: 0;
					border: 1px solid #d0d0d0;
					color: #23002a;
					font-family: 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
					font-size: 12px;
					line-height: 18px;
					width: 360px;
					height: 200px;
				}
				input#PageCommentInterface_Form_PostCommentForm_action_postcomment{
					text-align: left;
					border: 0 none;
					margin: 0;
					padding: 2px 5px;
					-moz-border-radius: 12px;
					-webkit-border-radius: 12px;
					border-radius: 12px;					
					background: #cc0000;
					color: #fff;
					font-family: Georgia, "Times New Roman", Times, serif;
					font-style: italic;
					font-size: 14px;
					cursor: pointer;
				}
				input#PageCommentInterface_Form_PostCommentForm_action_postcomment:hover{
					background-color: #666;
				}
				
		
/*************************
 ARTICLE SIDEBAR
 **************************/
#article_sidebar{
	float: left;
	width: 100px;
}
		.articlesb_image{
			border: 1px solid #ccc;
			padding: 3px;
			width: 92px;
			height: 122px;
			margin-bottom: 10px;
		}
			a.articlesb_image_link{
				display: block;
				width: 92px;
				padding-top: 122px;
				overflow: hidden;
				font-size: 11px;
				line-height: 16px;	
				height: 0;
				color: #ddd;
			}
			a.articlesb_image_link:hover{
				display: block;
				width: 82px;
				padding: 5px;
				height: 112px;
				overflow: hidden;
				background: url(../images/grey_back_1x1.png) repeat left top;	
			}

/*************************
 TAG CLOUD
 **************************/
#tag_cloud{
		
	}
	#tag_cloud a:hover{
		color: #666;		
	}
	#tag_cloud .not-popular{
		color: #f5a5a5;
	}
	#tag_cloud .not-very-popular{
		color: #ed8484;
	}
	#tag_cloud .somewhat-popular{
		color: #e35e5e;
	}
	#tag_cloud .popular{
		color: #da3838;
	}
	#tag_cloud .very-popular{
		color: #d21717;
	}
	#tag_cloud .ultra-popular{
		color: #af0707;
	}


/*************************
   KU SIDEBAR
 **************************/
#ku_sidebar{
	margin-left: 0px;
	width: 160px;
	float: left;
}		
	.ku_sidebar_sub_title{
		margin-top: 6px;
		margin-bottom: 0px;
	}
	.ku_archives{
		
	}
	
	
/*************************
 FOOTER
 **************************/
#footer_wrap a{
	color: #ff3333 !important;
}
#footer_wrap a:hover{
	color: #666 !important;	
	cursor: pointer;
}

























