/*
 * Name: Blue
 * Slug: blue
 * Description: Blue color scheme for Japibas
 * Link color: #21759B
 */

a,
#site-title a:focus,
#site-title a:hover,
#site-title a:active,
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
	color: #21759B;
}

/* Header */
#branding {
	/* Dark, grey topbar */
	background: #1f1e1c;
	background: -webkit-gradient(linear, left top, left bottom, from(#313131), to(#1f1e1c));
	background: -webkit-linear-gradient(top, #313131, #1f1e1c);
	background: -moz-linear-gradient(top, #313131, #1f1e1c);
	background: -o-linear-gradient(top, #313131, #1f1e1c);
	background: -ms-linear-gradient(top, #313131, #1f1e1c);
	background: linear-gradient(top, #313131, #1f1e1c);
	border-bottom: 1px solid #171512;
}

.loop-meta {
	/* The blue bar in the top */
	background: #2666a3; /* Old browsers */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #2666a3), color-stop(25%, #538dc5), color-stop(100%, #2666a3));
	background: -webkit-linear-gradient(left, #2666a3 0%, #538dc5 25%, #2666a3 100%);
	background: -moz-linear-gradient(left, #2666a3 0%, #538dc5 25%, #2666a3 100%);
	background: -o-linear-gradient(left, #2666a3 0%, #538dc5 25%, #2666a3 100%);
	background: -ms-linear-gradient(left, #2666a3 0%, #538dc5 25%, #2666a3 100%);
	background: linear-gradient(left, #2666a3 0%, #538dc5 25%, #2666a3 100%);
	border-top: 1px solid #3790ec;
	border-bottom: 1px solid #236099;
}

#branding:before,
#branding:after {
	background: inherit;
	border: inherit;
}

.loop-meta:before,
.loop-meta:after {
	background: #2666a3;
	border: inherit;
	-webkit-box-shadow: 1px 1px 0 rgba(255,255,255, 0.4);
	box-shadow: 1px 1px 0 rgba(255,255,255, 0.4);
}

.loop-description, 
.page-title { 
	text-shadow: 1px 1px 0 #18446e;
}

/* Navigation */
#access .menu-item > a {
	background: #3c3c3c;
	border: 1px solid #4e4e4e;
	border-bottom: none;
	color: #fff;
	display: block;
	font-size: 14px;
	text-shadow: 1px 1px 0 #2b2b2b;
    margin: 0 4px 0 0px;

}

#access .menu-item > a:hover,
#access .current-menu-item > a {
	background: #3f7eba;
	border: 1px solid #3790ec;
	border-bottom: none;
	text-shadow: 1px 1px 0 #1b4e83;
}

#access .current-menu-item > a {
	background: #3a78b2;
}

.ie #access .menu-item > a:hover,
.ie #access .current-menu-item > a {
	background: #2666a3;
}



/* Entry titles */
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
	background: none;
	text-shadow: none;
}

/* Buttons */
.more-link, 
input[type="submit"] {
	background: #474747; /* Old browsers */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #518cc4), color-stop(100%, #2666a3));
	background: -webkit-linear-gradient(top, #518cc4 0%, #2666a3 100%);
	background: -moz-linear-gradient(top, #518cc4 0%, #2666a3 100%);
	background: -o-linear-gradient(top, #518cc4 0%, #2666a3 100%);
	background: -ms-linear-gradient(top, #518cc4 0%, #2666a3 100%);
	background: linear-gradient(top, #518cc4 0%, #2666a3 100%);
	border: 1px solid #194a78;
	color: #fff;
	text-shadow: 1px 1px 0 #14304c;
	-webkit-box-shadow: inset 0 1px 1px #8bc2f7;
	box-shadow: inset 0 1px 1px #8bc2f7;
}

.more-link:hover,
input[type="submit"]:hover {
	background: #518cc4; /* Old browsers */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #474747), color-stop(100%, #272727));
	background: -webkit-linear-gradient(top, #474747 0%, #272727 100%);
	background: -moz-linear-gradient(top, #474747 0%, #272727 100%);
	background: -o-linear-gradient(top, #474747 0%, #272727 100%);
	background: -ms-linear-gradient(top, #474747 0%, #272727 100%);
	background: linear-gradient(top, #474747 0%, #272727 100%);
	border: 1px solid #171512;
	text-shadow: 1px 1px 0 #111;
	-webkit-box-shadow: inset 0 1px 1px #989898;
	box-shadow: inset 0 1px 1px #989898;
}

/* Blockquote */
blockquote {
	border-left-color: #2666a3;
}

/* Comment bubble hover state */
.entry-comments-number:hover {
	background: #518cc4;
	border: 1px solid #2666a3;
	color: #fff;
	text-shadow: 1px 1px 0 #2666a3;
}

.entry-comments-number:hover:before {
	border-color: #2666a3 transparent transparent #2666a3;
}

.entry-comments-number:hover:after {
	border-color: #518cc4 transparent transparent #518cc4;
}

/* Pagination */
.pagination a:hover {
    background: #518cc4;
	color: #fff;
    text-shadow: 0px -1px 0px #2666a3;
    -webkit-box-shadow: 0px 2px 0px #2666a3;
	box-shadow: 0px 2px 0px #2666a3;
}