/*
Theme Name: CUS
Theme URI: http://cusdhaka.org
Author: Nazmus Sakib
Author URI: http://nazm.us
Description: Customized Theme for Centre for Urban Studies (CUS), Dhaka
Version: 1.0
License: Comercial
*/

*{
	margin: 0;
	padding: 0;
	border: 0;
}
body{
	background: url('images/graph-pattern.png') left top repeat;
	color: #4B4B4B;
    font: 12px/16px 'Helvetica';
}
ol li{
	background: url("images/bullet1.png") no-repeat scroll left top transparent;
    list-style: none outside none;
    margin-bottom: 5px;
    padding-left: 15px;
}
.container{
	width: 980px;
	padding: 0 10px;
	margin: 0 auto;
	background: #ffffff;
}
.header{
	width: 980px;
	height: 160px;
}
.headerTop{
	height: 120px;
}
.logo{
	width: 490px;
	margin-top: 25px;
}
.searchBox{
	width: 490px;
	margin-top: 40px;
	text-align: right;
}
.searchBoxText{
	float: right;
	width: 137px;
	height: 30px;
	border: 1px solid #A9A9A4;
	border-right: 0 none;
	padding: 0 5px;
}
.medium{
	/*width: 300px !important;*/
	height: 20px;
	border: 1px solid #A9A9A4;
	padding: 0 5px;
}
.visual-form-builder .legend{
	margin: 10px 15px;
}
.searchSubmit{
	background: #a9a9a4;
	width: 75px;
	height: 32px !important;
	color: #ffffff;
	font: 12px/32px arial;
	text-align: center;
	float: right;
	text-transform: uppercase;
	cursor: pointer;
}
.mainMenu{
	height: 40px;
}
.mainMenu li{
	list-style: none;
	display: table-cell;
	width: 139px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #353584;
	border-right: 1px solid #a9a9a4;
	position: relative;
}
.mainMenu li a{
	font: 12px/40px Arial;
	color: #f0eaea;
	text-transform: uppercase;
	text-decoration: none;
}
.mainMenu li ul{
	position: absolute; 
    padding: 1px 0 0;
    background: transparent;
    left:1;
    top:32;
    width: 962px;
    z-index: 102;   
    display: none;
}
.mainMenu li ul li{
	display: block;
	width: 140px;
    border-right: 0 none;
    margin-bottom: 1px;
}
.mainMenu li a:hover{
	text-decoration: underline;
}
/*-------------------------- Main
*/
.slideshowBox{
	margin: 30px 0;
}
.jwSlideShow {
    height: 300px;
    overflow: hidden;
    position: relative;
    width: 690px;
}
.jwSlideShow .eachSlide {
    height: 300px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 690px;
}
/*------------------------------- main content
*/
.mainArticle h2,.mainArticle h1{
	 font: 18px/24px 'Helvetica'; 
	 color: #7b7b7b;
	 text-transform: uppercase;
	 background: url(images/dot.png) left bottom repeat-x;
	 margin-bottom: 20px;
}
.mainArticle h2 a{
	 font: 18px/24px 'Helvetica'; 
	 color: #7b7b7b;
	 text-decoration: none;
}
.mainArticle h2 a:hover{
	 color: #0063be;
}
.mainArticle p{
	color: #4b4b4b;
	font: 12px/16px 'Helvetica';
	margin-bottom: 20px;
}
h4.shoulder{
	background: #a9a9a4;
	color: #fff;
	padding: 0 10px;
	font: 11px/20px 'Helvetica';
	text-transform: uppercase;
}
h4.shoulder a{
	color: #fff;
	font: 11px/20px 'Helvetica';
	text-decoration: none;
}
.title1, .title1 a{
	color: #0063be;
	font: bold 13px/17px 'Helvetica';
	text-decoration: none;
}
.title1 a:hover{
	text-decoration: underline;
}
.articleMeta{
	background: url('images/smalldot.png') left center repeat-x;
	text-align: right;
	height: 24px;
}
.articleMeta span{
	background: url('images/whitedot.png') left center repeat;
	padding-left: 10px;
	color: #ff6418;
	font: 10px/12px Tahoma;
}
.articleMeta span a{
	color: #ff6418;
	font: 10px/12px Tahoma;
	text-decoration: none;
}
.articleMeta span a:hover{
	text-decoration: underline;
}
.article p{
	color: #4b4b4b;
	font: 12px/16px 'Helvetica';
}
.articleP p{
	margin-bottom: 15px;
}
.sepLine{
	background: url('images/smalldot.png') left center repeat-x;
}
.moreList li{
	list-style: none;
	background: url('images/bullet1.png') left 1px no-repeat;
	padding-left: 15px;
}
.moreList li a{
	color: #4b4b4b;
	font: 12px/16px 'Helvetica';
	text-decoration: none;
}
.moreList li a:hover{
	color: #0063be;
}
.activity img{
	border: 5px solid #a9a9a4;
	margin-bottom: 10px;
}
.footer{
	background: url('images/footerBg.png') left top repeat-x;
	height: 41px;
	/*margin: 10px 0;*/
	padding: 0 0 10px 0;
}
.bottomLogo{
	color: #434343;
	font: 12px/41px 'Helvetica';
	text-transform: uppercase;
	text-decoration: none;
	margin-left: 10px;
}
.SubscribeBox{
	margin: 8px 10px;
}
#wp_email_capture input{
	width: 100px;
	height: 23px;
	border: 1px solid #A9A9A4;
	/*border-right: 0 none;*/
	float: left;
	padding: 0 10px;
}
#wp_email_capture br{
	float: left;
	display: none;
}
#wp_email_capture label{
	float: left;
	margin: 0 10px;
	line-height: 25px;
}
.SubscribeBox p{
	display: none !important;
}
.wp-email-capture-submit{
	width: 75px !important;
	height: 25px !important;
	background: #a9a9a4;
	color: #fff;
	font: 12px/25px 'Helvetica';
	text-transform: uppercase;
	cursor: pointer;
}
a.contact{
	color: #434343;	
	font: bold 12px/41px 'Helvetica';
	text-transform: uppercase;
	text-decoration: none;
}
a.contact:hover{
	text-decoration: underline;
}

.rightSidebar{
	margin: 30px 0;
}
.eachWidget{
	margin: 20px 0;
}
.eachWidget h2{
	background: #a9a9a4;
	font: 16px/26px 'Helvetica';
	padding: 0 10px;
	margin-bottom: 10px;
	color: #4B4B4B;
}
.eachWidget h2 a{
	background: #a9a9a4;
	font: 16px/26px 'Helvetica';
	text-decoration: none;
	color: #4B4B4B;
}
.eachWidget p{
	color: #4B4B4B;
    font: 12px/16px 'Helvetica';
    margin-bottom: 10px;
}
.eachWidget li{
	background: url("images/bullet1.png") no-repeat scroll left 1px transparent;
    list-style: none outside none;
    padding-left: 15px;
}
.eachWidget li a{
	color: #4B4B4B;
    font: 12px/16px 'Helvetica';
    text-decoration: none;
}
.eachWidget li a:hover{
	text-decoration: underline;
}
.registrationLink{
	text-align: center;
	margin-bottom: 10px;
	background: url('images/registrationLinkBg.png') left top repeat-x;
	height: 27px;
}
.registrationLink a{
	color: #ff5113;
    font: 16px/26px 'Helvetica';
    text-transform: uppercase;
    text-decoration: none;
    
}
.userContactInfo{
	background: #ccc;
	width: 100%;
	padding: 10px;
	margin-top: 10px;
}
.userContactInfo td{
	width: 50%;
	margin: 10px;
	color: #4B4B4B;
    font: 11px/16px 'Helvetica';
}
.userContactInfo td label{
	color: #4B4B4B;
    font: bold 12px/16px 'Helvetica';
}
.userContactInfo td a{
	color: #353584;
	text-decoration: none;
	font: 11px/14px 'Helvetica';
}
.userContactInfo td a:hover{
	text-decoration: underline;
}
.downloadCv{
	color: #FF5113;
	text-decoration: none;
}
.downloadCv:hover{
	background: #FF5113;
	color: #fff; 
}
.researchDesc h4{
	margin-bottom: 10px;
}
.researchDesc p{
	margin-bottom: 15px;
}
.read-more{
	color: #0063be;
	text-decoration: none;
	font: 11px/14px 'Helvetica';
	float: right;
}
.read-more:hover{
	color: #fff;
	background: #0063be;
}
.subscribeText{
	color: #434343;
	text-decoration: none;
	font: 11px/41px 'Helvetica';
	text-transform: uppercase;
}

/*--------------------------- Width Parameters
*/

.w690{ width: 690px; }
.w335{ width: 335px; }
.w530{ width: 530px; }
.w470{ width: 470px; }
.w270{ width: 270px; }
.w220{ width: 220px; }
.w200{ width: 200px; }
.w140{ width: 140px; }
.w120{ width: 120px; }
/*--------------------------- Extra
*/
.oh{ overflow: hidden; }
.hide{ display: none; }

.fl{ float: left;}
.fr{ float: right;}

.alignleft{
	float: left;
	margin: 10px;
	margin-left: 0;
}

.mt0{ margin-top: 0 !important;}
.mt30{ margin-top: 30px;}
.mb30{ margin-bottom: 30px;}
.mt10{ margin-top: 10px;}
.mt15{ margin-top: 15px;}
.mb10{ margin-bottom: 10px;}
.ml15{ margin-left: 15px; }
.mr15{ margin-right: 15px; }

.tc{
	text-align: center;
}
.mainArticle table tr td{
	border: 1px solid #ccc;
}
.pubInfo li{
	list-style: none;
}
.pubInfo li label{
	font-weight: bold;
}
.pubInfo li a{
	color: #0063BE;
	text-decoration: none;
}
.pubInfo li a:hover{
	text-decoration: underline;
}
.aligncenter{
	margin: 10px auto;
}
.visual-form-builder fieldset{
	background: #fff !important;
	border: 0 none !important;
}
.visual-form-builder .legend{
	border: 0 none !important;
	background: none repeat scroll 0 0 #A9A9A4 !important;
    color: #FFFFFF !important;
    font: 11px/20px 'Helvetica' !important;
    padding: 0 10px !important;
    text-transform: uppercase !important;
}
.visual-form-builder .legend h3{
	font: 11px/20px 'Helvetica' !important;
}
.visual-form-builder label, label.desc{
	 color: #A9A9A4 !important;
	 font: 11px/15px 'Helvetica' !important;
}
input.small, select.small{
	width: 50px !important;
}
input.large, select.large, textarea.textarea,.select{
	border: 1px solid #A9A9A4;
}
input.large{
	height: 20px;
}
.submit{
	background: none repeat scroll 0 0 #A9A9A4;
    color: #FFFFFF;
    font: 12px/25px 'Helvetica';
    height: 25px;
    text-transform: uppercase;
    width: 100px;
    cursor: pointer;
}
input:hover{
	border: 1px solid #353584;
}
.submit:hover{
	background: #353584;
	color: #fff;
}