style.css

/*
Theme Name: RC Book Store
Theme URI: www.rightclick.com
Author: Ovi
Author URI: www.facebook.com
Description: Read More Learn More
Tag: book store,blog etc

*/

#topnav{
	margin-top: 5px;
}
.nav-top li{
	display: inline-block;
	padding: 10px 15px;
	border-right: 1px solid #ccc;
	line-height: 10px;
}
.nav-top li:last-child{
	border-right: 0px;
}
.nav-top li a:hover{
	text-decoration: underline!important;
	background-color: none;

}
/*----------Header Style-------*/
#header{
	padding-bottom: 20px;
}
#social-icon{
	display: inline-block;
	right: 0px;
}
#searchform{
	margin-top: 20px;
}
.right-inner-addon i {
    position: absolute;
    right: 0px;
    padding: 10px 15px;
    pointer-events: none;
    color: #ccc;
}
.right-inner-addon {
	position: relative;
    bottom: 0;
    padding-left: 15px;
}
body.admin-bar .navbar-fixed-top {
    margin-top: 32px;
}

/*--------- slider style--------*/
.navbar{
	z-index: 1000;
	border:0px!important;
	border-radius: 0px!important;
}
.navbar-collapse{
	padding: 0!important;
}
.navbar-default{
	/*margin-bottom: 0px!important;*/
	background: #00b7ea;
	background: -moz-linear-gradient(top,  #00b7ea 0%, #009ec3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3));
	background: -webkit-linear-gradient(top,  #00b7ea 0%,#009ec3 100%);
	background: -o-linear-gradient(top,  #00b7ea 0%,#009ec3 100%);
	background: -ms-linear-gradient(top,  #00b7ea 0%,#009ec3 100%);
	background: linear-gradient(to bottom,  #00b7ea 0%,#009ec3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 );

}
.navbar-default .navbar-nav>li>a {
    color: #fff!important;
    padding: 15px 30px!important;
    border-right: 1px solid #00b7ea;
    border-left: 1px solid #009ec3;
}
.navbar-default .navbar-nav>li>a:hover{
    background: -moz-linear-gradient(top,  #009ec3 0%, #00b7ea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009ec3), color-stop(100%,#00b7ea));
	background: -webkit-linear-gradient(top,  #00b7ea 0%,#00b7ea 100%);
	background: -o-linear-gradient(top,  #009ec3 0%,#00b7ea 100%);
	background: -ms-linear-gradient(top,  #009ec3 0%,#00b7ea 100%);
	background: linear-gradient(to bottom,  #009ec3 0%,#00b7ea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ec3', endColorstr='#00b7ea',GradientType=0 );
}
.navbar-default .navbar-nav > .current-menu-item > a,
.navbar-default .navbar-nav > .current-menu-item > a:hover,
.navbar-default .navbar-nav > .current-menu-item > a:focus{
	background: -moz-linear-gradient(top,  #009ec3 0%, #00b7ea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009ec3), color-stop(100%,#00b7ea));
	background: -webkit-linear-gradient(top,  #00b7ea 0%,#00b7ea 100%);
	background: -o-linear-gradient(top,  #009ec3 0%,#00b7ea 100%);
	background: -ms-linear-gradient(top,  #009ec3 0%,#00b7ea 100%);
	background: linear-gradient(to bottom,  #009ec3 0%,#00b7ea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ec3', endColorstr='#00b7ea',GradientType=0 );
	color:white!important;
}
.dropdown:hover .dropdown-menu {
display: block;
}
.navbar-default .navbar-nav .dropdown-menu{
	border:0;
	top:50px;
	padding: 0;
	margin-top: 0;
	border-top: 0;
	left:0;
	box-shadow: none;

}
.comment-form-author,
.comment-form-email,
.comment-form-url {
    width: 50%;
}
.navbar-default .navbar-nav .dropdown-menu:before{
	position: absolute;
	top: 0;
}
.navbar-default .navbar-nav .dropdown-menu>li>a{
	background: #00b7ea;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 );

	border-bottom: 1px solid #00b7ea; 
	border-top:1px solid #009ec3s;
	padding: 8px 5px;
	color: white!important;
	text-transform: uppercase;
}
.navbar-default .navbar-nav .dropdown-menu > li:hover > a,
.navbar-default .navbar-nav .dropdown-menu > li:active > a,
.navbar-default .navbar-nav .dropdown-menu > li:focus> a{
	background: -moz-linear-gradient(top,  #009ec3 0%, #00b7ea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009ec3), color-stop(100%,#00b7ea));
	background: -webkit-linear-gradient(top,  #00b7ea 0%,#00b7ea 100%);
	background: -o-linear-gradient(top,  #009ec3 0%,#00b7ea 100%);
	background: -ms-linear-gradient(top,  #009ec3 0%,#00b7ea 100%);
	background: linear-gradient(to bottom,  #009ec3 0%,#00b7ea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ec3', endColorstr='#00b7ea',GradientType=0 );
	color:#fff!important;
}

/*--------- slider style--------*/
.item{
	height: 400px;
	background-repeat: no-repeat;
	background-position: center;
}
.imgSize{
	height: 400px!important;
	width: 100%;
}
#titleSlide{
	background-color: #5BC4CA;
	width: 100%;
	height: 400px;
	text-align: center;
	padding-top: 50px;
	color: white;
	padding-right: 20px;
	padding-left: 20px;
} 
#secondslide{
	padding-right: 0px!important;
}
#titleSlide h2,h3,p{
	
}

/*--------Content Style--------*/

#content{
	margin-top: 30px;
}
#side ul{
	margin: 0px;
	padding: 0px;
}
#side li{
	list-style: none;
	border-bottom: 1px dotted #5BC4CA;
	line-height: 40px;
}
#side li a{
	margin-left: 10px;
	font-size: 15px;
}

#side li a:hover{
	text-decoration: none;
}
.contitle{
	padding: 10px;
	background: -moz-linear-gradient(top,  #00b7ea 0%, #009ec3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3));
	background: -webkit-linear-gradient(top,  #00b7ea 0%,#009ec3 100%);
	background: -o-linear-gradient(top,  #00b7ea 0%,#009ec3 100%);
	background: -ms-linear-gradient(top,  #00b7ea 0%,#009ec3 100%);
	background: linear-gradient(to bottom,  #00b7ea 0%,#009ec3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 );
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.contitle{
	margin: 0px;
	color: white;
}
#homecontent{
	padding-left: 20px;
}
#featBook{
	margin-top: 20px;
	padding-left: 20px;
	padding-right: 10px;
	margin-right: 15px!important;

}
#featBook img{
	height: 250px;
	width: 176px;
	max-width: 100%;
}
#featBook button{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.price{
	color: #4096EE;
	margin-top: 15px;
}
#singlebook{
	margin-bottom: 20px;
}
.seemore{
	margin-top: 10px;
	margin-right: 30px;
}

/*---------style for tabable content------*/

.tabtitle{
	background: -moz-linear-gradient(top,  #00b7ea 0%, #009ec3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3));
	background: -webkit-linear-gradient(top,  #00b7ea 0%,#009ec3 100%);
	background: -o-linear-gradient(top,  #00b7ea 0%,#009ec3 100%);
	background: -ms-linear-gradient(top,  #00b7ea 0%,#009ec3 100%);
	background: linear-gradient(to bottom,  #00b7ea 0%,#009ec3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 );
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.nav-tabs{
	border-bottom: 0px;
}
.nav-tabs>li>a{
	color: white;
	line-height: 30px;
	margin-right: 5px;
	text-transform: uppercase;

}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus, 
.nav-tabs>li.active>a:hover {
  color: black!important;
  cursor: default;
  background-color: #fff;
  border: 1px solid #00A6CF;
  border-bottom-color: transparent;
}
.nav-tabs>li.active>a:hover{
	

}
.nav-tabs>li>a:hover{
	color: black;
	border:1px solid #00A6CF;
	border-bottom:0px;
}
.tab-pane{
margin-top: 30px;
height: 400px;

}
.tab-pane img{
	height: 150px;
	width: 150px;
}
.botn{
	float: right;

}

/*---------footer style*/
footer{
	min-height: 50px;
	margin-top: 20px;
	background-color: #00A6CF;
}
#footer{
	padding-top: 20px;
	padding-bottom: 15px;
}
#f_area{
	color: white;

}
#f_area h3{
	margin: 0;
	padding: 0;
	color: #fff;
  	margin-bottom: 10px;
}
#f_area ul{
	margin: 0;
	padding: 0;
}
#f_area li{
	list-style: none;
	line-height: 30px;
	border-bottom: 1px solid lightgray;
	
}
#f_area li a{
	text-decoration: none;
	color: white;
	line-height: 40px;
	padding: 10px 75px 10px 0px;


}
#f_area li a:hover{
	color: #E2827E;
}	
#blogpage img{
	height: 180px;
	width: 200px;
}
.pag nav{
	text-align: center;
}
.pagination>li>a{
	color: #00A6CF!important;
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover{
	background-color: #00A6CF!important;
	border: 1px solid #00A6CF!important;
}

#copyright{
	border-top: 1px solid #2A55FF;
	height: 40px;
	text-align: center;
}
#copyright p{
	margin-top: 9px;
}
#copyright a:hover{
	text-decoration: none;
}