/* Custom CSS Code 
=================================================*/
@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,700);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300);
/* this logo width & height , you can change it depend on your logo */
.logo img {
	width:auto;
	height:auto;
}
.collaborators img{
    
    width:100%;
}
.aboutImg{
    
    float:left;
    width:40%;
    margin-right:10px;
    border:5px solid #efefef;
}
.color-h3 {
    background: none repeat scroll 0 0 #FFA509;
    color: #FFFFFF !important;
    margin: 0px;
    padding: 5px 10px;
    font-family: 'Abel' !important;
    font-style: normal;
    font-weight: 700; 
    max-width:620px; 
    
    
    font-size:26px !important;
    
   
}
.contentPage{overflow:hidden;}
.imageFloat{float:right;}
.social-h3{
    font-family: 'Abel','Arimo',Arial,sans-serif !important;
    font-style: normal;
    padding-left:10px;
    font-weight: 400; 
    font-size:18px !important;
    color:#FFF !important;
     background: none repeat scroll 0 0 #0f1d40;
}
.darkblue{
    font-family: 'Abel','Arimo',Arial,sans-serif !important;
    font-style: normal;
    padding-left:10px;
    font-weight: 400; 
    font-size:18px !important;
    color:#233f64 !important;
     background: none repeat scroll 0 0 #eeeeee;
}
div.grey{
    background: none repeat scroll 0 0 #eeeeee;
    padding:5px;
    margin:0px auto;
    vertical-align:middle;
    
}
div.blue{
    background: none repeat scroll 0 0 #1b96cf;
    padding:0px;
    margin:0px auto;
    vertical-align:middle;
    
}
.sociallinks h4 {

    color: #0f1d40 !important;
    margin: 0px;
    padding: 5px 20px;
    font-family: 'Oswald' !important;
    font-style: normal;
    font-weight: 400;
    max-width:600px;


    font-size:15px !important;


}
#lifestream {
      background: transparent;
      border-radius: 7px;
      color: #fff !important;
      width: auto;
      font-size:14px;
        font-weight:400;
     font-family: 'Abel',Arial,sans-serif !important;
    }
    #lifestream a {
      color: #fff;
      text-decoration: none;
    }
    #lifestream a:hover {
      color: #fff5d8;
      text-decoration: underline;
    }
    #lifestream ul {
      padding: 10px;
    }
    #lifestream li {
      padding: 5px 3px 20px 25px;
      background-repeat: no-repeat;
      background-position: left center;
    	white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
    }
     #lifestream a:hover {
      color: #fff;
    }
    
     #lifestream a {
     font-weight:600;
     font-size:14px;
     font-family: 'Rosario','Abel',Arial,sans-serif !important;
    }
    #lifestream .timeago {
      opacity: .5;
    }
    
    
    
    /* Grid Listing
    
    */
    .grid, .list{
	border-radius: 3px;
	width: 15px; 
	height:15px; 
	margin-left: 10px; 
	float: left; 
	cursor:  pointer; 
	padding: 5px; 
}

.grid{background: url(img/grid.png) 50% no-repeat;}
.grid:hover{background: #7eb800 url(img/gridw.png) 50% no-repeat;}
.grid-active{ background: #039fd3 url(img/gridw.png) 50% no-repeat; }

.list{background:  url(img/list.png) 50% no-repeat;}
.list:hover{background: #7eb800 url(img/listw.png) 50% no-repeat;}
.list-active{background: #039fd3 url(img/listw.png) 50% no-repeat;}

.prods-cnt{
	height:auto;
	overflow: auto; 
	min-height: 400px; 
	margin: 5px auto;
	padding: 5px;
}

/* Grid Style */
.prod-box{
	
	height: 260px;
	padding: 10px;
	background-color: #fff;
	margin: 5px !important;
	float: left;
}
.prod-box-list img{


}
.prod-box img:first-child, .prod-box-list img:first-child{

 
}
.prod-box h3 a{
	text-decoration: none;

	float: left;
	margin: 5px 0;
	color:#888;
    font-family:'Arimo',Arial,sans-serif !important;
    font-size:15px;
    color:#0F1D40 !important;
    line-height:17px;
	
}
.prod-box p{ display: none;}

.prod-box .old{
	margin-right: 20px;
	color: #be0000 !important;
	text-decoration: line-through;
}
.prod-box .price{
	width: 60px;
	display: inline; 
	float: left;
	font: italic 13px georgia;
	color: #181818;
}
.prod-box .buy-ico{
	border-radius: 20px;
	width: 35px; height: 35px;
	float: right;
	margin: 5px;
	cursor: pointer;
	background: #039fd3 url(img/bag-ico.png) 50%  no-repeat;
	-webkit-transition:background-color 0.3s ease-in;  
   	-moz-transition:background-color 0.3s ease-in;  
   	-o-transition:background-color 0.3s ease-in;  
   	transition:background-color 0.3s ease-in;
}
.prod-box .buy-ico:hover{
	background-color: #7eb800;
}

/* List View Style */
.prod-box-list{
	
	margin: 15px;
	padding: 10px;
	background-color: #fff;
}
.prod-box-list h3 a{
	font-family:'Arimo',Arial,sans-serif !important;
    font-size:15px;
    color:#0F1D40 !important;
    line-height:17px;
	float: left;
	padding:0;
	margin: 0 0px;
    margin-bottom:20px;
	
}

.prod-box-list .fullwidth{width: 100%; margin-left:0px;}
.prod-box-list .fifty{width: 50%; margin-left:5px !important;}



.prod-box-list p{
	float: left;
    color:#626364 !important;
}
.prod-box-list .buy-ico{
	border-radius: 5px;
	width: 85px; 
	height: 20px;
	color: #fff;
	padding: 5px 5px 5px 30px;
	font:italic 12px georgia;
	float: right;
	margin: 5px;
	cursor: pointer;

	background: #039fd3 url(img/bag-ico.png) 5% 50%  no-repeat;
	-webkit-transition:background-color 0.3s ease-in;  
   	-moz-transition:background-color 0.3s ease-in;  
   	-o-transition:background-color 0.3s ease-in;  
   	transition:background-color 0.3s ease-in;
}
.prod-box-list .buy-ico:before{content: "More Details";	line-height: 22px;  }
.prod-box-list .buy-ico:hover{	background-color: #7eb800;}

.prod-box-list .old{	
		color: #be0000 !important; 
	float: right;	
	font-style: 18px;
	text-decoration: line-through;
}
.prod-box-list .price{
	margin-right: 10px;
	display: block; 
	font: italic 20px georgia;
	color: #181818;
	margin:7px;
}
.prod-box-list .price-cnt{ width: 95px; height: auto; float: right; text-align: right;}


/* Css Shadow Effect for the prod-box and prod-box-list div */
 .shadow{
    -webkit-box-shadow: 0px 0px 18px rgba(50, 50, 50, 0.31);
    -moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.31);
    box-shadow:         0px 0px 5px rgba(50, 50, 50, 0.31);
}
p, ul li{
    color:#2a2a2b !important;
    font-family: 'Rosario' !important;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height:19px;
}
.categoryblue{
   background:  none repeat scroll 0 0 #285c96

}
.downloadlist{
   background:  none repeat scroll 0 0 #ffffff;
   

}
.download-h3{
    font-family: 'Abel','Arimo',Arial,sans-serif !important;
    font-style: normal;
    padding-left:10px;
    font-weight: 400; 
    font-size:18px !important;
    color:#FFF !important;
     background: none repeat scroll 0 0 #2d97cb;
}
.downloadlist li{
    border-bottom: 1px solid #2d97cb;
   
    text-transform:uppercase;

    line-height: 20px;
    padding: 5px 5px 5px 18px;
    position: relative;
}
.downloadlist li:hover{
 border-bottom: 1px dotted #2d97cb;
    

}
.categorylist li{
    border-bottom: 1px solid #FFF;
    background:  none repeat scroll 0 0 #285c96;

    line-height: 20px;
    padding: 5px 5px 5px 18px;
    position: relative;
}
.categorylist li:hover{

    background:  none repeat scroll 0 0 #285c96;

}
.categorylink{
color: #FFF !important;
text-transform:uppercase;

}
.categorylink:hover{
    color: #e9f41 !important;
}
.findit h5{
    color: #0096d1 !important;

}
.findit hr{
    margin-top:10px;

}
hr.style-dotted {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}
.sociallinks{
    padding:0px !important;
}
.bloglist{
    background-image:url('img/hitsnmisses-ddj.jpg') !important;


}
.series-list{
	  background-image:url('img/series.jpg') !important;
}

.bg-about{
    background-image:url('img/about-dredger.jpg') !important;
}

.bg-30-years-HIV {
background-image:url('img/Banner30yearsofHIV.png') !important;
}

.bg-aboutdj{
    background-image:url('img/about-ddj.jpg') !important;
}
.mainstory img{
    float:left;
    width:50%;
    margin-right:5px;
    margin-bottom:5px;
}
.otherstories{

    margin-right:10px !important;
    background: none repeat scroll 0 0 #F9F9F9 !important;
    padding:10px;
    margin-bottom:5px;
}
.otherstories .image-post img{
    height:200px;

}
.mediastories{
	 height:120px !important;
}
.otherstories h5{
    font-size: 15px;
    line-height: 19px;
    font-family:'Arimo','Abel',Arial,sans-serif;
}
.otherstories h4{
    display:none;

}
.related h4{
    font-size: 22px;
    line-height: 25px;
    font-family:'Homenaje',Arial,sans-serif;
    color:#fff !important;
}

h3.awardtitle a{
    color:#FFF !important;
}
#award h3.awardtitle{
    font-family:'Abel','Arimo',Arial,sans-serif !important;
    color:#fff !important;
    float:left;
    font-weight:400;
    padding:18px;
    font-size: 27px;
    line-height: 36px;    
    width:75%;
}
.genlogo{
	float:right;
	width:13%;
	margin-right:5px;
	margin-top:10px
}
h3.orange {

    color:#f29e30 !important;
}
.desc h3{
    color:#fff !important;
    font-family:'Abel','Arimo', Arial, sans-serif !important;
}
.desc p{
    color:#fff !important;
    }
    .about{padding:10px;}

.newsWidgetCnt .button{

    padding:0px !important;
}
.about h4 a{
    color: #0096D1 !important;
    font-family: 'Abel','Arimo',Arial,sans-serif !important;
    font-size: 20px;
    font-weight: 700;

}
a.readmore{
    color:#ffa509 !important;

}
.fluid_container {
			margin: 0 auto;
			max-width: 980px;
			width: 99%;
		}
.mediastories{
 	color: #FFFFFF !important;
    float: left;
    font-family: 'Abel','Arimo',Arial,sans-serif !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    width: 80%;
    margin-bottom:10px;
}
.img-caption-stories {
    height: 100%;
    position: absolute;
    top: 100%;
    width: 100%;
}
.img-caption-stories .desc {
    padding: 10%;
}
.img-caption-stories .desc span {
    display: block;
    font-weight: bold;
    margin-top: 10%;
    text-align: center;
    font-size:20px;
    color:#FFF;
}

a.twitter-social{
	background:none repeat scroll 0 0 #45B0E3 !important;
}
a.facebook-social{
	background:none repeat scroll 0 0 #39599F !important;
}
a.gplus-social{
	background:none repeat scroll 0 0 #FA0101 !important;
}
a.pinterest-social{
	background:none repeat scroll 0 0 #cc2127 !important;
}

.sbuttons{
	
	width:150px;
	margin:0 auto;
}
.sbuttons-wide{
	
	width:180px;
	margin:0 auto;
}
.sbuttons-wide a.button{
	width:85%;
	padding:10px;
}
#u_0_1{
	width:100%;
}


.cf:before, .cf:after{
    content:"";
    display:table;
}
 
.cf:after{
    clear:both;
}
 
.cf{
    zoom:1;
}    

 /* Form wrapper styling */
.search-wrapper {
width: 280px;
margin: 5px auto 10px auto;
box-shadow: 0 1px 1px rgba(0, 0, 0, .4) inset, 0 1px 0 rgba(255, 255, 255, .2);
}
 
/* Form text input */
 
.search-wrapper input {
width: 198px;
height: 20px;
padding: 10px 5px;
float: left;
font:13px 'Abel', 'trebuchet MS', 'Tahoma';
font-weight:400;
color:#fff !important;
border: 0;
background: #0f1d40;
border-radius: 3px 0 0 3px;
}
 
.search-wrapper input:focus {
    outline: 0;
    background: #fff;
    color:#0f1d40 !important;
    box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
}
 
.search-wrapper input::-webkit-input-placeholder {
   color: #999;
   font-weight: normal;
   font-style: italic;
}
 
.search-wrapper input:-moz-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}
 
.search-wrapper input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}    
 
/* Form submit button */
.search-wrapper button {
overflow: visible;
position: relative;
float: right;
border: 0;
padding: 0;
cursor: pointer;
height: 40px;
width: 72px;
font: bold 15px/40px 'Abel', 'trebuchet MS', 'Tahoma';
color: white;
text-transform: uppercase;
background: #1946bb;
border-radius: 0 3px 3px 0;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
}
   
.search-wrapper button:hover{     
    background: #1946bb;
}   
   
.search-wrapper button:active,
.search-wrapper button:focus{   
    background: #1946bb;
    outline: 0;   
}
 
.search-wrapper button:before { /* left arrow */
    content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #1946bb transparent;
    top: 12px;
    left: -6px;
}
 
.search-wrapper button:hover:before{
    /*border-right-color: #e54040;
}
 
.search-wrapper button:focus:before,
.search-wrapper button:active:before{
        border-right-color: #c42f2f;
}      
 
.search-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
    border: 0;
    padding: 0;
}
.imagedesc{
	  background: #eee;
	  padding:10px;
	
}
.lightspotslider .view .description{
	display:none;
}
.lightspotslider .thumb .description{
	 background: #c1c3ea !important;
}
.lightspotslider .thumb .description p{
	 color: #0f1d40 !important;
	 font-size:12px !important;
}
.lightspotslider .active .description{
	 color: #e75935 !important;
	 font-size:12px !important;
	 background: #e75935 !important;
	 
}
.lightspotslider .active .description p{
	 color: #fff !important;
	
	 
}
#filters a{
	font-family: 'Arimo','Abel',Arial,sans-serif !important;
    font-style: normal;
    padding-left:10px;
    font-weight: 700; 
   
}
.mainstory h4{
	font-family: 'Arimo','Abel',Arial,sans-serif !important;
	font-size:18px;
	font-weight: 400; 
}
.mediastories img{
	max-height:150px !important;
}
.page-title {
    background-image: url("img/dredger-header.jpg");
}
.maps-header{
    background-image: url("img/maps-header.jpg") !important;
}
.stories-header{
    background-image: url("img/stories-header.jpg") !important;
}
.infoThumb{
	width:250px;
	
}
.svg_social{
	width:32px;
	
	
}
.copyright a{
	color:#98a3c3 !important;
}
	
.award_img{
	float:left;
}
#award .container{
	width:100%;
	margin-left:0px !important;
	margin-right:0px !important;
}
.award_text{
	
	font-family:'Homenaje','RobotoMedium',Arial,sans-serif;
	font-size:32px;
	color:#013366;
	margin-top:20px;
}
.award_text a:link,.award_text a:visited,.award_text a:hover,.award_text a:active{
	color:#FFF !important;
}

.toolsite{
	color:#f59d33;
}
.tabtext li{
	font-family:'Abel','Arimo',Arial,sans-serif !important;
	color: #fff !important;
	font-size:25px;
}	
div.figure {
    background: none repeat scroll 0 0 #EEEEEE;
    display: block;
    padding: 10px;
	margin-bottom:10px;
}
div.figcaption {
    display: block;
    font-size: 14px;
    font-style: italic;
    margin: 10px 0;
    orphans: 2;
    text-align: center;
}