@charset "utf-8";
/* CSS Document */
.reset
{
clear:both;	
	}

.head
{
width:100%;
height:auto;
border-bottom:#2bc5f2 solid 7px !important;	
	}

.head h1
{
color:#000;
font-family:'Roboto', sans-serif;
font-size:61px;
font-weight:bold;	
	}
	
.navbar-nav > li > a
{	
	font-family: 'Roboto Condensed', sans-serif;
  font-size: 22px;
  color: #000 !important;
  
  }
  
  .nav > li > a {
    position: relative;
    display: block;
    padding: 21px 36px !important ;
}
 .nav {
    padding-left: 162px  !important;
 }
	 
	
		 
		 
		 .author
		{
		margin-top:50px;	
			
		}
		
		.social ul
		{
			list-style-type:none;
			
			}
			
			.social ul li
			{
			float:left;
			display:inline;
			padding: 11px;	
				}
				
				.book_cnt
			{
				margin-top:50px
			}
			
			
			/*.book_cnt img
			{
			float:left;
			padding-right:18px;
			padding-bottom:8px;	
			
				}	*/
				
				
				
				
				
				.book_cnt h2
				{
			color:#2bc5f2 !important;
            font-family:'Roboto', sans-serif;
            font-size:31px;
            margin-top:3px;
			padding-left:3px;
			padding-bottom:3px;	
			text-align:center;
					
					}
					
					.book_cnt p
				{
			color:#000;
            font-family:'Roboto Condensed', sans-serif;
            font-size:17px;
          line-height:34px;
		 padding-left:6px;
			padding-bottom:3px;
			text-align:justify;
		  
					
					}
					
					.logo ul
		{
			list-style-type:none;
			padding: 0px;	
			}
			
			.logo ul li
			{
			float:left;
			display:inline;
			padding: 2px;	
				}
				
				.logo img
				{
				float:left;
			padding-right:2px;
			padding-bottom:8px;
					
				}
				
				
				.noble
				{
				margin-top:7px;	
					}
				
				.bookworm
				{
				margin-top:1px;	
					}
				
				.footer
				{
				background-color:#000;
				padding:5px;
				margin-top:35px;
				clear:both;
				}
				
				.footer p
				{
				color:#fff;
				font-size:13px;
				font-family:'Roboto Condensed', sans-serif;
				text-align:center;
				margin-top:7px;
					}
					
					 .nav > li > a:hover {
    text-decoration: none;
    background-color: #fff !important;
	color:#2bc5f2!important ;
					 }
	.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #000!important;
    background-image: none;
	}
	
	.icon-bar
	{
	background-color:#fff;	
		}

					
					
					@media (max-width: 1199px) and (min-width: 992px)
					{
						.social ul li {
    float: left;
    display: inline;
    padding: 6px;
						}
						.nav {
    padding-left: 82px !important;
						
						
						}
						
				
						}
						
							@media (max-width: 992px) and (min-width:768px)
					{
						.nav > li > a {
   
    padding: 21px 21px !important;
}

.navbar-nav > li > a {
    
    font-size: 19px !important;

}
.nav {
    padding-left: 54px !important;
}


}
						
						@media(max-width: 992px) and (min-width: px)
					{
						.social ul li {
    float: left;
    display: inline;
    padding: 2px;
						
						
						
						}
						
					}
					
											
	@media(max-width:991px) and (min-width:767px)
					{						
	.logo img {
    float: none ;
    padding-right: 0px ;
    padding-bottom: 0px ;
}
.logo ul li {
    float: none;
}
	/*.book_cnt img {
    
    padding-right: 125px;
					}*/
					}
						
	@media(max-width:657px) and (min-width:320px)
					{						
	.logo img {
    float: none ;
    padding-right: 0px ;
    padding-bottom: 0px ;
}
.logo ul li {
    float: none;
}
	/*.book_cnt img {
    
    float: none;
					}*/
					}
					
					
					.blog_content
					{
					float:left;
					background-color:#FFF;	
					height:auto;
					width:100%;	
						}
					
					
					.blog_content h4
					{
						color:#2bc5f2;
						font-weight:bold;
						
						}
					.blog_content p
					{
						color:#000;
						line-height: 29px;
						font-size:15px;
				font-family:'Roboto Condensed', sans-serif;
				text-align:justify;
						}
						
						.content
						{
					float:left;
					padding-top: 18px;
					height:auto;
					width:100%;	
							
							}
						
						.read
						{
						padding:7px 14px;
						background-color:#2bc5f2;
						color:#FFF;	
						font-family:'Roboto Condensed', sans-serif;	
						font-size:15px;
						border-radius:5px;
						float:right	;
						margin-bottom: 5px;
						text-align:center;
						border:1px solid #2bc5f2;	
						
						}
						
						.read:hover
						{
					    background-color:#FFF;
						color:#2bc5f2;
						font-family:'Roboto Condensed', sans-serif;	
						border:1px solid #2bc5f2;	
							}
						.archives
						{
					float:right;
					padding-top: 18px;
					height:auto;
					width:100%;	
							
							}

						.archives ul li a
						{
						color:#000;
					    font-size:15px;
				        font-family:'Roboto Condensed', sans-serif;
						line-height: 27px;
							
							}	
							.archives h4
							{
								color:#000;
						font-weight:bold;
						padding-left: 25px
						
						}
						.archives ul li a:hover
						{
						color:#2bc5f2;
						}
						
						.search
						{
						width: 86%;
						margin-left: 20px;
                        margin-top: 32px;
						padding-top: 6px;	
							}
							
							
							@media(max-width: 1199px) and (min-width:767 px)
					{
						.search
						{
						
						margin-left: 24px;
                        margin-top: 5px;
						}
					}
					
					.icon
					{
					position:absolute;
					margin-right:5px;
						
						}
						
						
						#custom-search-input {
        margin:0;
        margin-top: 38px;
		margin-left: 20px;
        padding: 0;
    }
 
    #custom-search-input .search-query {
        padding-right: 3px;
        padding-right: 4px \9;
        padding-left: 3px;
        padding-left: 4px \9;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
 
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
 
    #custom-search-input button {
        border: 0;
        background: #2bc5f2;
        /** belows styles are working good */
        padding: 5px 7px;
        margin-top: 0px;
        position: relative;
        left: -38px;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color:#D9230F;
    }
 
    .search-query:focus + button {
        z-index: 3;   
    }